feat: P22 merge chapter select and gallery into StoryGallery, i18n updates

ROADMAP.md

@@ -1140,9 +1140,16 @@ npx @electron/packager . MyGame --platform=win32 --arch=x64 --out=release
 - [x] `src/locales/zh.json` + `en.json` — 新增 8 个 PauseMenu 专用翻译 key
 - [x] 验证：TypeScript + Vite build 通过
 
-### P22 故事进度总览 — 章节选择 + 画廊合并（待实现）
+### P22 故事进度总览 — 章节选择 + 画廊合并 ✅ 已完成 2026-06-10
 
-目标：对标 Detroit: Become Human，将章节选择和结局画廊合并为"故事进度总览"一张视图。
+目标：对标 Detroit: Become Human，将章节选择和结局画廊合并为一张"故事进度总览"视图。
+
+**优化设计（两处改进）：**
+
+| 优化 | 说明 |
+|------|------|
+| **A: 去掉 `chapterId`** | 结局归属哪章不用显式声明。StoryGallery 通过 BFS 判断 `ending.sceneId` 是否在章节可达范围内，自动推导。零类型改动 |
+| **B: 内嵌回顾** | 点击章节卡片 → 卡片展开内嵌回顾区域（同面板内显示场景列表+进度条），不再弹出独立的 ChapterRecap 弹窗。避免主菜单→故事进度→章节回顾三层模态框 |
 
 **现状 vs 业界对比：**
 
@@ -1152,12 +1159,7 @@ npx @electron/packager . MyGame --platform=win32 --arch=x64 --out=release
 | 结局画廊 | `EndingGallery.vue` — 独立缩略图网格 | 结局归属章节，不独立展示 |
 | 主菜单入口 | 两个按钮："章节选择" + "画廊" | 一个按钮："故事进度" |
 
-没有任何产品把这两个功能做成独立界面。结局天然属于章节，合并后：
-- 一张卡片 = 章节缩略图 + 完成度百分比 + 解锁结局标签 + 开始按钮
-- 减少操作步骤，一眼看完全局
-- 视觉层级匹配叙事层级
-
-**合并后界面：**
+任何产品都不会把这两个功能做成独立界面。合并后：
 
 ```
 ┌──────────────────────────────────────────┐
@@ -1171,33 +1173,37 @@ npx @electron/packager . MyGame --platform=win32 --arch=x64 --out=release
 │   │          │  │          │  │          │ │
 │   │ 结局:    │  │ 结局:    │  │ 结局:    │ │
 │   │ ✅ 信任  │  │ —        │  │ ✅ 继续   │ │
-│   │ ✅ 独行  │  │          │  │          │ │
+│   │ 🔒 独行  │  │          │  │          │ │
 │   │          │  │          │  │          │ │
 │   │ [▶ 开始] │  │ [▶ 开始] │  │ [▶ 开始] │ │
 │   └─────────┘  └─────────┘  └─────────┘ │
 │                                          │
-│  点击卡片主体 → 章节回顾 (ChapterRecap)    │
+│  点击卡片主体 → 卡片展开内嵌回顾区域       │
 │  点击 ▶ 开始 → 进入该章节                  │
 │                       [返回]             │
 └──────────────────────────────────────────┘
 ```
 
-**数据依赖：** 无额外字段。`chapters` + `endings`（按 `chapterId` 归属）+ `visitedSceneIds` + BFS 完成度计算三条已足够。
+埋入展示后，点击卡片主体 → 卡片区域自动展开，内嵌显示 BFS 可达的场景列表（✅ visited / ⬜ unvisited + 条件提示），无需额外弹出 ChapterRecap 弹窗。
+
+**数据依赖：** `chapters` + `endings`（按 BFS 自动推导归属） + `visitedSceneIds` + BFS 完成度计算。零额外数据字段。
 
 **实现清单：**
 
-- [ ] `src/components/StoryGallery.vue` — **新建** — 统一故事进度总览组件
-  - 每章一张卡片：缩略图 + 完成度进度条 + 该章结局标签（✅/🔒）
-  - 点击卡片主体 → `emit('openRecap', chapterId)`
-  - 点击"▶ 开始"按钮 → `emit('startChapter', chapterId)`
-- [ ] `src/App.vue` — 主菜单"章节选择" + "画廊"两按钮合并为"故事进度"一个按钮
-  - 打开 StoryGallery，内部可触发 ChapterRecap 或 startChapter
-  - 删除 `showChapterSelect` / `showEndingGallery` 两个状态
-  - 新增 `showStoryGallery` 一个状态
-- [ ] `src/components/ChapterSelect.vue` — **删除**
-- [ ] `src/components/EndingGallery.vue` — **删除**
-- [ ] `src/components/MainMenu.vue` — 移除 chapters/gallery 两个 emit，合并为一个 `story` emit
-- [ ] 验证：TypeScript + Vite build 通过
+- [x] `src/components/StoryGallery.vue` — **新建** — 统一故事进度总览组件。BFS 自动推导结局归属；点击卡片内嵌展开场景列表
+- [x] `src/components/ChapterSelect.vue` — **删除**
+- [x] `src/components/EndingGallery.vue` — **删除**
+- [x] `src/components/ChapterRecap.vue` — 逻辑内嵌到 StoryGallery（场景列表 + 完成度 + 条件提示）
+- [x] `src/components/MainMenu.vue` — chapters/gallery 两 emit 合并为 `story` emit
+- [x] `src/App.vue` — 主菜单只显示"故事进度"一个按钮；删除旧两组件引用
+- [x] `src/locales/zh.json` + `en.json` — 新增 `story` key
+- [x] 验证：TypeScript + Vite build 通过
+- [x] 验证：主菜单只显示一个"故事进度"按钮，不再有独立的"章节选择"和"画廊"
+- [x] 验证：StoryGallery 中每章卡片正确显示完成度百分比
+- [x] 验证：结局标签按 BFS 自动归属到正确的章节卡片下（✅/🔒）
+- [x] 验证：点击卡片主体 → 内嵌展开场景列表（✅ visited / ⬜ unvisited + 条件提示），不额外弹窗
+- [x] 验证：点击 ▶ 开始 → 正确跳转到该章节
+- [x] 验证：已删除 ChapterSelect.vue / EndingGallery.vue 后项目无编译残留
 
 ```json
 {