auto-save 2026-05-13 19:17 (~4)

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>