From 64d6471be7dd7abd4b370e13c6bc3e6cfad2ff0a Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Wed, 4 Feb 2026 16:22:09 +1300
Subject: [PATCH] fix: allow drag-reorder of VideoStitch thumbnails

Add nodrag class to thumbnail items so React Flow doesn't capture
drag events, allowing the HTML drag-and-drop reorder to work.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/nodes/VideoStitchNode.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/nodes/VideoStitchNode.tsx b/src/components/nodes/VideoStitchNode.tsx
index cb04c8c0..7188efac 100644
--- a/src/components/nodes/VideoStitchNode.tsx
+++ b/src/components/nodes/VideoStitchNode.tsx
@@ -408,7 +408,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
                       onDragStart={(e) => handleDragStart(e, clip.edgeId)}
                       onDragOver={handleDragOver}
                       onDrop={(e) => handleDrop(e, clip.edgeId)}
-                      className="relative w-full aspect-video bg-neutral-800 border border-neutral-600 rounded cursor-move hover:border-neutral-500 transition-colors group"
+                      className="nodrag relative w-full aspect-video bg-neutral-800 border border-neutral-600 rounded cursor-move hover:border-neutral-500 transition-colors group"
                     >
                       {thumbnail ? (
                         <img