diff --git a/.memory/worklog.json b/.memory/worklog.json
index 8a10f0b..28011a5 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -2175,6 +2175,13 @@
       "type": "session-heartbeat",
       "message": "Codex 会话活跃 · 最近命令：codex · 1 项未提交变更 · 最近提交：auto-save 2026-05-13 19:06 (~3)",
       "files_changed": 1
+    },
+    {
+      "ts": "2026-05-13T19:12:17+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-13 19:12 (~3)",
+      "hash": "61a4bec",
+      "files_changed": 3
     }
   ]
 }
diff --git a/docs/source-analysis.html b/docs/source-analysis.html
index 575283a..2a746dd 100644
--- a/docs/source-analysis.html
+++ b/docs/source-analysis.html
@@ -595,7 +595,7 @@
         <pre>前端主链路：
 web/app/page.tsx
   -> ReactFlow 节点：web/components/nodes/index.tsx
-  -> 镜头拆解面板：web/components/lightbox.tsx
+  -> 画布内镜头拆解面板：KeyframeNode 内嵌 web/components/lightbox.tsx
   -> 顶部分镜条：web/components/storyboard-bar.tsx
   -> 分镜工作台：web/components/storyboard-workbench.tsx
   -> API 契约：web/lib/api.ts
@@ -617,8 +617,8 @@ api/main.py
           </div>
           <div class="flow-row">
             <div><strong>你看到的区域</strong><span>镜头拆解节点上方关键帧</span></div>
-            <div><strong>主要源码</strong><span><code>KeyframeNode</code> 和 <code>FrameLightbox</code>；后端 <code>/frames</code>、<code>/describe</code>、<code>/cleanup</code>。</span></div>
-            <div><strong>适合怎么描述</strong><span>“关键帧选用、清洗、识别、元素提取的操作顺序要怎么组织”。</span></div>
+            <div><strong>主要源码</strong><span><code>KeyframeNode</code> 内嵌 <code>FrameLightbox</code>；后端 <code>/frames</code>、<code>/describe</code>、<code>/cleanup</code>。</span></div>
+            <div><strong>适合怎么描述</strong><span>“关键帧详情面板在无限画布上怎么展示、缩放、跟随，以及清洗/识别/元素提取的操作顺序”。</span></div>
           </div>
           <div class="flow-row">
             <div><strong>你看到的区域</strong><span>元素列表和提取图</span></div>
@@ -830,6 +830,17 @@ api/main.py
         <h2>变更记录</h2>
         <p>这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。</p>
         <div class="changelog">
+          <article class="change">
+            <header>
+              <h3>2026-05-13 · 关键帧详情从固定左侧抽屉迁到无限画布</h3>
+              <span class="tag orange">KeyframeNode</span>
+            </header>
+            <div class="body">
+              <p><strong>问题：</strong>关键帧详情 / 元素提取面板固定在左侧 drawer，和 ReactFlow 无限画布割裂，也不会跟随画布缩放。</p>
+              <p><strong>改动：</strong>移除主页面隐藏渲染的 <code>Dashboard</code> drawer 承载方式，改为在 <code>KeyframeNode</code> 内部挂载 <code>FrameLightbox</code>，作为画布上的工作面板。</p>
+              <p><strong>影响：</strong><code>web/app/page.tsx</code>、<code>web/components/nodes/index.tsx</code>；点关键帧后面板会跟随 ReactFlow 平移和缩放。</p>
+            </div>
+          </article>
           <article class="change">
             <header>
               <h3>2026-05-13 · 元素改造 hover 预览简化为原帧预览</h3>
diff --git a/web/app/page.tsx b/web/app/page.tsx
index 447e948..5d01f9f 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -13,7 +13,6 @@ import {
   type NodeData,
 } from "@/components/nodes"
 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, type Job, type ImageRef } from "@/lib/api"
@@ -69,7 +68,6 @@ export default function Home() {
   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
   const setJob = useCallback((updater: Job | ((prev: Job | null) => Job | null) | null) => {
@@ -283,7 +281,6 @@ export default function Home() {
     onOpenVideoLightbox: () => setVideoLightboxOpen(true),
     onSwitchJob: handleSwitchJob,
     onJobUpdate: setJob as any,
-    onOpenPanel: (key: string) => dashboardRef.current?.openPanel(key),
     onDeleteFrame: handleDeleteFrame,
     onDeleteGenerated: handleDeleteGenerated,
     onOpenStoryboard: (idx: number) => setStoryboardFrame(idx),
@@ -337,11 +334,6 @@ export default function Home() {
           <ThemeToggle />
         </div>
 
-        {/* sidebar tile 列已去掉 · Dashboard 仍渲染（hidden）以保留 keyframe lightbox 等 drawer portal */}
-        <aside className="hidden">
-          <Dashboard ref={dashboardRef} data={nodeData} />
-        </aside>
-
         {/* 右区：顶部 storyboard bar + DAG 节点流图 */}
         <section className="relative flex-1 min-h-0 flex flex-col">
           <StoryboardBar
@@ -378,8 +370,6 @@ export default function Home() {
 
         <Toaster theme="system" position="bottom-center" />
 
-        {/* FrameLightbox 已嵌入 dashboard 的 keyframe drawer（embedded mode），不再独立浮动 */}
-
         {/* Video lightbox — InputNode 缩略图点击进入 */}
         <VideoLightbox
           jobId={job?.id ?? null}
diff --git a/web/components/nodes/index.tsx b/web/components/nodes/index.tsx
index 5ede098..b2f084b 100644
--- a/web/components/nodes/index.tsx
+++ b/web/components/nodes/index.tsx
@@ -7,6 +7,7 @@ import {
 } from "lucide-react"
 import { NodeShell, type NodeStatus, type NodeKind } from "./node-shell"
 import { type Job, type ImageRef, effectiveFrameUrl, videoUrl, hasCutout, representativeCutoutUrl } from "@/lib/api"
+import { FrameLightbox } from "@/components/lightbox"
 
 export interface NodeData {
   job: Job | null            // 当前 active job
@@ -495,6 +496,34 @@ export function KeyframeNode({ data, selected }: any) {
         )}
       </NodeShell>
 
+      {/* 关键帧详情 / 元素提取：作为无限画布上的工作面板，跟随 ReactFlow 缩放和平移 */}
+      {d.job && d.expandedFrame !== null && (
+        <div
+          className="nodrag nowheel absolute z-[120]"
+          style={{
+            left: 0,
+            top: "calc(100% + 18px)",
+            width: 760,
+            height: 720,
+          }}
+          onPointerDown={(e) => e.stopPropagation()}
+          onWheel={(e) => e.stopPropagation()}
+        >
+          <FrameLightbox
+            embedded
+            jobId={d.job.id}
+            frames={d.job.frames}
+            activeIndex={d.expandedFrame}
+            selected={d.selectedFrames}
+            onClose={d.onCloseExpandedFrame}
+            onChange={d.onExpandFrame}
+            onToggleSelect={d.onToggleFrame}
+            onJobUpdate={d.onJobUpdate}
+            onCopyImage={d.onCopyImage}
+          />
+        </div>
+      )}
+
     </div>
   )
 }