auto-save 2026-05-13 20:01 (~6)

web/app/page.tsx

@@ -408,12 +408,27 @@ export default function Home() {
 
         {/* 右区：顶部 storyboard bar + DAG 节点流图 */}
         <section className="relative flex-1 min-h-0 flex flex-col">
-          <StoryboardBar
-            job={job}
-            selectedFrames={selectedFrames}
-            focusedFrame={storyboardFrame}
-            onFocusFrame={setStoryboardFrame}
-          />
+          <div data-storyboard-dock="true" className="relative z-20 flex-shrink-0">
+            <StoryboardBar
+              job={job}
+              selectedFrames={selectedFrames}
+              focusedFrame={storyboardFrame}
+              onFocusFrame={setStoryboardFrame}
+              onOpenWorkbench={(idx?: number) => {
+                if (typeof idx === "number") setStoryboardFrame(idx)
+                setWorkbenchOpen(true)
+              }}
+            />
+            <StoryboardWorkbench
+              job={job}
+              selectedFrames={selectedFrames}
+              open={workbenchOpen}
+              onClose={() => setWorkbenchOpen(false)}
+              onJobUpdate={setJob as any}
+              clipboard={clipboard}
+              focusedFrame={storyboardFrame}
+            />
+          </div>
           <div className="relative flex-1 min-h-0">
           <ReactFlow
             nodes={nodes}
@@ -446,17 +461,6 @@ export default function Home() {
           onAddFrame={handleAddManualFrame}
         />
 
-        {/* 分镜头编排工作台 — 全屏覆盖 DAG */}
-        <StoryboardWorkbench
-          job={job}
-          selectedFrames={selectedFrames}
-          open={workbenchOpen}
-          onClose={() => setWorkbenchOpen(false)}
-          onJobUpdate={setJob as any}
-          clipboard={clipboard}
-          focusedFrame={storyboardFrame}
-        />
-
       </main>
     </>
   )