auto-save 2026-05-14 03:20 (~4)

docs/source-analysis.html

@@ -569,8 +569,8 @@
             <h3>前端核心</h3>
             <table>
               <tbody>
-                <tr><td><code>web/app/page.tsx</code></td><td>产品工作台主状态：jobs、activeJobId、selectedFrames、clipboard、ReactFlow 节点和边。</td></tr>
-                <tr><td><code>web/components/nodes/index.tsx</code></td><td>DAG 节点定义：Input、VisualLab、Audio、Compose、KeyframePanel；旧 Keyframe/Storyboard/VideoGen 组件保留但不再挂主画布。</td></tr>
+                <tr><td><code>web/app/page.tsx</code></td><td>产品工作台主状态：jobs、activeJobId、selectedFrames、clipboard、ReactFlow 节点和边；负责打开/找回画布工作面板。</td></tr>
+                <tr><td><code>web/components/nodes/index.tsx</code></td><td>DAG 节点定义：Input、VisualLab、Audio、Compose，以及画布工作面板 KeyframePanel / VideoFramePanel；旧 Keyframe/Storyboard/VideoGen 组件保留但不再挂主画布。</td></tr>
                 <tr><td><code>web/components/lightbox.tsx</code></td><td>镜头拆解和元素提取的主工作面板：清洗、识别、元素编辑、区域提取、抠图。</td></tr>
                 <tr><td><code>web/components/storyboard-bar.tsx</code></td><td>顶部分镜编排条：展示选入编排的关键帧，并作为唯一分镜导航。</td></tr>
                 <tr><td><code>web/components/storyboard-workbench.tsx</code></td><td>顶部分镜编排条下方的明细区：4 图槽、改造目标、时长、自动保存。</td></tr>
@@ -596,6 +596,7 @@
 web/app/page.tsx
   -> ReactFlow 节点：web/components/nodes/index.tsx
   -> 主画布：Input → VisualLab / Audio → Compose
+  -> 画布内视频抽帧面板：InputNode 双击视频缩略图打开 videoFramePanel
   -> 画布内镜头拆解面板：VisualLabNode 打开 keyframePanel，内嵌 web/components/lightbox.tsx
   -> 分镜工作台：web/components/storyboard-workbench.tsx（底层保留）
   -> API 契约：web/lib/api.ts
@@ -722,9 +723,9 @@ api/main.py
           <tbody>
             <tr>
               <td><span class="tag blue">输入 Input</span></td>
-              <td>创建/上传任务，显示视频就绪，触发解析。</td>
+              <td>创建/上传任务，显示视频就绪，触发解析；双击视频缩略图打开画布内抽帧面板。</td>
               <td>不要自动一路跑到 ASR 或生图；用户需要控制解析节奏。</td>
-              <td><code>page.tsx</code>、<code>InputNode</code>、<code>api/main.py</code></td>
+              <td><code>page.tsx</code>、<code>InputNode</code>、<code>VideoFramePanelNode</code>、<code>api/main.py</code></td>
             </tr>
             <tr>
               <td><span class="tag violet">画面工作台 Visual Lab</span></td>
@@ -816,6 +817,18 @@ api/main.py
         <h2>变更记录</h2>
         <p>这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。</p>
         <div class="changelog">
+          <article class="change">
+            <header>
+              <h3>2026-05-14 · 输入视频双击改为画布抽帧面板</h3>
+              <span class="tag violet">Canvas Panel</span>
+              <span class="tag blue">Input</span>
+            </header>
+            <div class="body">
+              <p><strong>问题：</strong>输入视频缩略图双击原来只在 Input 节点上方展开一个临时播放器，不能作为无限画布工作台移动、找回或吸附，后续其他板块也无法复用这种交互。</p>
+              <p><strong>改动：</strong>新增 <code>videoFramePanel</code> ReactFlow 节点和 <code>VideoFramePanelNode</code>。双击输入视频缩略图会打开/找回画布内抽帧面板，面板可拖动、右下角缩放，也可一键吸附到左侧、右侧或底部边缘；面板内支持播放、时间轴定位、当前时间抽帧和查看已抽关键帧。</p>
+              <p><strong>影响：</strong><code>web/app/page.tsx</code>、<code>web/components/nodes/index.tsx</code>、<code>docs/source-analysis.html</code>。原固定全屏 <code>VideoLightbox</code> 不再从 Input 双击路径进入；后续处理板块应复用同类画布工作面板语义。</p>
+            </div>
+          </article>
           <article class="change">
             <header>
               <h3>2026-05-14 · Hover 大预览尺寸信息增强</h3>