auto-save 2026-05-13 15:22 (~5)

web/app/page.tsx

@@ -15,7 +15,7 @@ import {
 import { ThemeToggle } from "@/components/theme-toggle"
 import { Dashboard, type DashboardHandle } from "@/components/dashboard"
 import { StoryboardBar } from "@/components/storyboard-bar"
-import { addManualFrame, analyzeJob, createJob, getJob, uploadJob, deleteFrame, deleteGeneratedImage, type Job } from "@/lib/api"
+import { addManualFrame, analyzeJob, createJob, getJob, uploadJob, deleteFrame, deleteGeneratedImage, pushStoryboardImage, type Job } from "@/lib/api"
 import { VideoLightbox } from "@/components/video-lightbox"
 
 const NODE_TYPES = {
@@ -191,6 +191,23 @@ export default function Home() {
     }
   }, [activeJobId, setJob])
 
+  const handlePushToStoryboard = useCallback(async (payload: { kind: "keyframe" | "cutout"; frameIdx: number; elementId?: string; cutoutId?: string; label?: string }) => {
+    if (!activeJobId) return
+    try {
+      const updated = await pushStoryboardImage(activeJobId, {
+        kind: payload.kind,
+        frame_idx: payload.frameIdx,
+        element_id: payload.elementId,
+        cutout_id: payload.cutoutId,
+        label: payload.label,
+      })
+      setJob(updated)
+      toast.success("已推送到分镜头编排")
+    } catch (e) {
+      toast.error("推送失败：" + (e instanceof Error ? e.message : String(e)))
+    }
+  }, [activeJobId, setJob])
+
   // URL ?job=xxx,yyy 自动恢复多个 job
   useEffect(() => {
     const params = new URLSearchParams(window.location.search)
@@ -261,7 +278,8 @@ export default function Home() {
     onDeleteFrame: handleDeleteFrame,
     onDeleteGenerated: handleDeleteGenerated,
     onOpenStoryboard: (idx: number) => setStoryboardFrame(idx),
-  }), [job, jobs, activeJobId, submitting, analyzing, selectedFrames, expandedFrame, handleSubmit, handleUpload, handleAnalyze, handleToggleFrame, handleAddManualFrame, handleSwitchJob, setJob, handleDeleteFrame, handleDeleteGenerated])
+    onPushToStoryboard: handlePushToStoryboard,
+  }), [job, jobs, activeJobId, submitting, analyzing, selectedFrames, expandedFrame, handleSubmit, handleUpload, handleAnalyze, handleToggleFrame, handleAddManualFrame, handleSwitchJob, setJob, handleDeleteFrame, handleDeleteGenerated, handlePushToStoryboard])
 
   // 用 useNodesState 让 ReactFlow 自己管位置（避免轮询时重置 drag）
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>(