JARVIS/development-doc/plan/war-room-update/phase-wr-1-shell-and-fixed-mode.md

WR-1 页面骨架与 FIXED 模式

目标

把当前 frontend/src/pages/war-room/index.vue 从静态单文件样机收敛成可扩展页面骨架，并完成 FIXED 模式的真实结构化落地。

范围

1. 页面组件化拆分。
2. 状态从本地散落常量迁移到 composable 或 store。
3. 统一模式定义，只保留 fixed / studio / teams。
4. FIXED 模式完成模板浏览、选中、详情展示和“实例化到编排”入口。
5. 清理乱码文案。

具体任务

1. 拆页面骨架

建议拆分：

• index.vue 只保留页面装配
• ModeStrip.vue
• ResourceBay.vue
• InspectorBay.vue
• RuntimeStrip.vue
• StageFixed.vue

2. 抽页面状态

新增 useWarRoomPage.ts，集中管理：

• activeMode
• selectedResourceId
• selectedEntity
• templateList
• runtimeFeed
• 页面级动作方法

3. FIXED 模式最小闭环

FIXED 要先支持：

1. 展示模板列表
2. 点击模板卡片后 Inspector 更新
3. OPEN 打开详情态
4. INSTANTIATE 将模板转成一份本地 orchestration 草稿

4. 样式收敛

1. 保留现有视觉方向，不做大规模重设计。
2. 把 stage 内部样式拆到子组件可维护范围。
3. 校正文案乱码，统一中英文策略。

建议文件变更

Frontend

• 新增 frontend/src/pages/war-room/composables/useWarRoomPage.ts
• 新增 frontend/src/pages/war-room/components/ModeStrip.vue
• 新增 frontend/src/pages/war-room/components/ResourceBay.vue
• 新增 frontend/src/pages/war-room/components/InspectorBay.vue
• 新增 frontend/src/pages/war-room/components/RuntimeStrip.vue
• 新增 frontend/src/pages/war-room/components/stage-fixed/StageFixed.vue
• 视情况新增 frontend/src/pages/war-room/types.ts
• 重写 frontend/src/pages/war-room/index.vue

验收标准

1. war-room 页面不再依赖单个超大 SFC。
2. 页面模式与 spec 对齐，没有额外 RUNS 一级模式。
3. 选中 FIXED 卡片时，Inspector 正确更新。
4. INSTANTIATE 能产生本地 orchestration 草稿状态。
5. 页面中文文案不再乱码。

验证建议

1. 前端单测：
   • 模式切换
   • FIXED 卡片选中
   • instantiate 行为
2. 页面手测：
   • /war-room
   • 窄屏布局
   • Inspector 切换