From 2c12a1a670ea6389f7c239d9659889b0198ae39c Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Wed, 4 Feb 2026 16:20:12 +1300
Subject: [PATCH] fix: VideoStitch thumbnails from EaseCurve nodes and grid row
 spacing

- Extract thumbnails from easeCurve and videoStitch source nodes (not
  just generateVideo)
- Add content-start to grid container so rows pack to top instead of
  stretching to fill available space

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

diff --git a/src/components/nodes/VideoStitchNode.tsx b/src/components/nodes/VideoStitchNode.tsx
index 1daae444..cb04c8c0 100644
--- a/src/components/nodes/VideoStitchNode.tsx
+++ b/src/components/nodes/VideoStitchNode.tsx
@@ -66,7 +66,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
       let videoData: string | null = null;
       let duration: number | null = null;
 
-      if (sourceNode.type === "generateVideo") {
+      if (sourceNode.type === "generateVideo" || sourceNode.type === "easeCurve" || sourceNode.type === "videoStitch") {
         videoData = (sourceNode.data as any).outputVideo || null;
       }
 
@@ -398,7 +398,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
           ) : (
             <>
               {/* Filmstrip */}
-              <div className="flex-1 overflow-y-auto nowheel grid grid-cols-4 gap-2 p-2 bg-neutral-900/50 rounded">
+              <div className="flex-1 overflow-y-auto nowheel grid grid-cols-4 content-start gap-2 p-2 bg-neutral-900/50 rounded">
                 {orderedClips.map((clip) => {
                   const thumbnail = thumbnails.get(clip.edgeId);
                   return (