feat: 接入分镜导演设计与即时视觉状态工作台

增加单集和批量生成、修复诊断、正式镜头检查、参考图、生成规格与视频提示词。
补齐接口契约、竞态保护和确认交互测试，保持现有两条工作流。

src/App.vue

@@ -1,7 +1,16 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { Clapperboard, FolderOpen, FileText, Layers, PanelLeftClose, PanelLeftOpen, Settings2 } from '@lucide/vue'
+import {
+    Clapperboard,
+    Camera,
+    FolderOpen,
+    FileText,
+    Layers,
+    PanelLeftClose,
+    PanelLeftOpen,
+    Settings2
+} from '@lucide/vue'
 import { DialogTrigger } from 'reka-ui'
 import { AppDialog } from './components/ui'
 
@@ -46,6 +55,13 @@ const apiBase = import.meta.env.VITE_API_BASE_URL || '/api'
                         title="剧本拆解"
                         ><Layers :size="18" /><span class="sidebar-label">剧本拆解</span
                         ><span class="sidebar-label ml-auto text-[10px] text-stone-500">02</span></RouterLink
+                    ><RouterLink
+                        :to="`/projects/${projectId}/storyboard`"
+                        class="side-link"
+                        active-class="selected"
+                        title="分镜设计"
+                        ><Camera :size="18" /><span class="sidebar-label">分镜设计</span
+                        ><span class="sidebar-label ml-auto text-[10px] text-stone-500">03</span></RouterLink
                     >
                 </nav></template
             >
@@ -67,7 +83,7 @@ const apiBase = import.meta.env.VITE_API_BASE_URL || '/api'
                         <dt>开发环境</dt>
                         <dd>复制 .env.example 为 .env，将 API_PROXY_TARGET 指向你的后端服务，然后重启 Vite。</dd>
                         <dt>生产环境</dt>
-                        <dd>为 /api 配置反向代理，并为拆解和恢复接口设置足够长的读取超时。</dd>
+                        <dd>为 /api 和 /storage 配置反向代理，并为生成、拆解和恢复接口设置足够长的读取超时。</dd>
                         <dt>状态更新</dt>
                         <dd>项目详情每 6 秒刷新一次；checkpoint 只在节点或批次结束后更新。</dd>
                     </dl></AppDialog