auto-save 2026-05-13 15:05 (~2)

web/components/storyboard-bar.tsx

@@ -32,13 +32,21 @@ export function StoryboardBar({ job, selectedFrames, focusedFrame, onFocusFrame
   )
 
   // focused 分镜数据
-  const focusFrame = focusedFrame !== null
-    ? job.frames.find((f) => f.index === focusedFrame) ?? null
-    : null
-  const focusSeq = focusFrame
-    ? job.frames.filter((f) => selectedFrames.has(f.index) && f.timestamp <= focusFrame.timestamp).length
-    : 0
-  const focusElements = focusFrame?.elements ?? []
+  // 所有"已进入分镜阶段"的提取图（按分镜时间序展平）
+  type Shot = { frameIdx: number; seq: number; elementId: string; elementName: string; cid: string; isLegacy: boolean }
+  const allShots: Shot[] = []
+  frames.forEach((f, i) => {
+    const seq = i + 1
+    ;(f.elements ?? []).forEach((e) => {
+      if (e.cutouts && e.cutouts.length > 0) {
+        e.cutouts.forEach((cid) => allShots.push({
+          frameIdx: f.index, seq, elementId: e.id, elementName: e.name_zh, cid, isLegacy: false,
+        }))
+      } else if (e.cutout_id) {
+        allShots.push({ frameIdx: f.index, seq, elementId: e.id, elementName: e.name_zh, cid: e.cutout_id, isLegacy: true })
+      }
+    })
+  })
 
   return (
     <div className="relative z-20 flex-shrink-0 border-b border-white/5 bg-black/30 backdrop-blur-xl">