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

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

src/features/projects/ProjectLayout.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, provide } from 'vue'
 import { useRoute } from 'vue-router'
-import { ArrowLeft, RefreshCw, FileText, Layers, LoaderCircle } from '@lucide/vue'
+import { ArrowLeft, RefreshCw, FileText, Layers, Camera, LoaderCircle } from '@lucide/vue'
 import { StatusBadge } from '../../components/ui'
 import { projectContextKey, useProjectData } from './context'
 import { getOperation } from '../workflows/operations'
@@ -45,6 +45,9 @@ const operation = computed(() => getOperation(id.value))
             <RouterLink :to="`/projects/${id}/breakdown`"
                 ><Layers :size="17" />剧本拆解<span class="nav-code">breakdown</span></RouterLink
             >
+            <RouterLink :to="`/projects/${id}/storyboard`"
+                ><Camera :size="17" />分镜设计<span class="nav-code">storyboard</span></RouterLink
+            >
         </nav>
         <p v-if="context.error.value" class="alert alert-error mt-4" role="alert">
             {{ context.error.value }}<span v-if="context.project.value"> 当前保留上次成功读取的数据。</span>

src/features/projects/context.ts

@@ -5,7 +5,7 @@ import type { ProjectDetail } from './types'
 import type { Checkpoint } from '../workflows/types'
 import type { Ref } from 'vue'
 
-/** 同一项目的两个 graph 共用一份查询，避免每个面板重复请求。 */
+/** 同一项目的各个 graph 共用一份查询，避免每个面板重复请求。 */
 export function useProjectData(id: Ref<string>) {
     const query = usePolling(id, async (projectId, signal) => {
         const [project, checkpoints] = await Promise.all([