auto-save 2026-05-13 16:23 (~6)

web/app/page.tsx

@@ -16,7 +16,7 @@ import { ThemeToggle } from "@/components/theme-toggle"
 import { Dashboard, type DashboardHandle } from "@/components/dashboard"
 import { StoryboardBar } from "@/components/storyboard-bar"
 import { StoryboardWorkbench } from "@/components/storyboard-workbench"
-import { addManualFrame, analyzeJob, createJob, getJob, uploadJob, deleteFrame, deleteGeneratedImage, pushStoryboardImage, type Job } from "@/lib/api"
+import { addManualFrame, analyzeJob, createJob, getJob, uploadJob, deleteFrame, deleteGeneratedImage, pushStoryboardImage, type Job, type ImageRef } from "@/lib/api"
 import { VideoLightbox } from "@/components/video-lightbox"
 
 const NODE_TYPES = {
@@ -68,6 +68,7 @@ export default function Home() {
   const [videoLightboxOpen, setVideoLightboxOpen] = useState(false)
   const [storyboardFrame, setStoryboardFrame] = useState<number | null>(null)
   const [workbenchOpen, setWorkbenchOpen] = useState(false)
+  const [clipboard, setClipboard] = useState<ImageRef | null>(null)
   const dashboardRef = useRef<DashboardHandle>(null)
 
   // 把 setJob(prev=>...) 翻译成 setJobs 里更新当前 active
@@ -193,6 +194,11 @@ export default function Home() {
     }
   }, [activeJobId, setJob])
 
+  const handleCopyImage = useCallback((ref: ImageRef) => {
+    setClipboard(ref)
+    toast.success(`已复制：${ref.label || (ref.kind === "keyframe" ? "关键帧" : "元素")} · 到分镜头编排工作台粘贴`)
+  }, [])
+
   const handlePushToStoryboard = useCallback(async (payload: { kind: "keyframe" | "cutout"; frameIdx: number; elementId?: string; cutoutId?: string; label?: string }) => {
     if (!activeJobId) return
     try {
@@ -281,7 +287,8 @@ export default function Home() {
     onDeleteGenerated: handleDeleteGenerated,
     onOpenStoryboard: (idx: number) => setStoryboardFrame(idx),
     onPushToStoryboard: handlePushToStoryboard,
-  }), [job, jobs, activeJobId, submitting, analyzing, selectedFrames, expandedFrame, handleSubmit, handleUpload, handleAnalyze, handleToggleFrame, handleAddManualFrame, handleSwitchJob, setJob, handleDeleteFrame, handleDeleteGenerated, handlePushToStoryboard])
+    onCopyImage: handleCopyImage,
+  }), [job, jobs, activeJobId, submitting, analyzing, selectedFrames, expandedFrame, handleSubmit, handleUpload, handleAnalyze, handleToggleFrame, handleAddManualFrame, handleSwitchJob, setJob, handleDeleteFrame, handleDeleteGenerated, handlePushToStoryboard, handleCopyImage])
 
   // 用 useNodesState 让 ReactFlow 自己管位置（避免轮询时重置 drag）
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>(