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>