diff --git a/.gitignore b/.gitignore
index c90efe5c..2885233d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,6 +34,7 @@ temp*build*/
 /public/generated-character-drafts
 /public/generated-characters
 /.codex-temp
+/.app/
 /target/
 /logs
 /server-rs/crates/*/logs/
diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index 30602617..52ac9d5a 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -31,12 +31,54 @@
 - 验证方式：`node --check scripts/dev-stack-port-utils.mjs`、`node --check scripts/dev.mjs`、`node node_modules/vitest/vitest.mjs run scripts/dev-stack-port-utils.test.ts scripts/dev.test.ts` 通过；Linux 下能看到 `[dev] port-range:` 与 `registry.json` 路径日志，自动分配从 `10000-10099` 起步，Windows 不出现注册表分配日志。
 - 关联文档：`docs/【开发运维】本地开发验证与生产运维-2026-05-15.md`。
 
-## 2026-05-27 生成页总进度圆弧锁定固定画布
+## 2026-05-30 创作流程统一化门禁扩展为跨玩法矩阵
 
-- 背景：多轮圆环角度微调后，`GenerationProgressHero` 的 SVG 圆弧仍会出现底部开口偏斜的问题，且圆环还会随着容器宽度伸缩，导致 UI 看起来时大时小、位置漂移。
-- 决策：共用 `GenerationProgressHero` 的 SVG 圆弧起始角固定为 `135deg`，轨道和橘黄色填充都从同一个对称起点 `rotate(135 200 200)` 出发；`270deg` 扫描角配合正下方 `90deg` 留空，圆环本体改为固定 `400x400` 画布，不再跟随页面宽度缩放，外层布局只负责定位，不负责改动圆环样式。
+- 背景：统一创作 / 统一生成门禁已经足够覆盖 Phase 2 的入口与壳层，但当前总计划已经推进到 Phase 3-6，继续只保留单页门禁会让 Phase 4 的特殊工作台、Phase 5 的结果页 / 作品架 / 公开详情和 Phase 6 的冻结验收没有统一入口。
+- 决策：`quality-gates/README.md` 继续保留单页门禁与 `dev-stack` 门禁，同时新增跨玩法回归 / 冒烟门禁，按 Phase 2 到 Phase 5 的最小验证集合分层执行；Phase 6 冻结前以这份矩阵为主，不再另外拆新波次。涉及入口配置、统一字段 spec、普通工作台、RPG / Bark Battle / 视觉小说特殊边界、发布 / 公开 / runtime 或本地 smoke 的变更，优先对照这份矩阵补齐验收命令。
+- 影响范围：`quality-gates/README.md`、`quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md`、`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`、后续 Phase 2-6 玩法接入与冻结流程。
+- 验证方式：按矩阵执行 `npm run check:encoding`、`npm run typecheck`、`npm run admin-web:typecheck`、对应分期 `npm run test`、`npm run check:visual-novel-vn11`，以及需要时的 `npm run dev:api-server` + `/healthz` smoke。
+- 关联文档：`quality-gates/README.md`、`quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md`、`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`。
+
+## 2026-05-30 跳一跳结果页直达必须优先恢复作品而不是白屏
+
+- 背景：跳一跳结果页已经接入统一壳，但如果用户直接打开 `/creation/jump-hop/result`，旧路径容易因为缺少 `draft` 恢复信息而看起来像白屏，误导成结果页坏了。
+- 决策：`PlatformEntryFlowShellImpl` 的跳一跳恢复顺序固定为 `profileId -> getWorkDetail`，再 `sessionId -> getSession`；两者都拿不到时必须展示 `跳一跳草稿未恢复` 恢复面板和 `返回创作`，不能继续留空白结果页。进入结果页的 smoke 允许恢复面板，但不允许纯空白。
+- 影响范围：`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、`src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx`、`quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md`、`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`。
+- 验证方式：`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "direct jump hop result route"`；手测 `/creation/jump-hop/result` 和 `/creation/jump-hop/result?profileId=<id>`。
+- 关联文档：`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`、`quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
+
+## 2026-05-29 一期统一创作页必须提供可见统一外壳
+
+- 背景：`UnifiedCreationPage` 首版只暴露隐藏 spec 元数据并包裹旧玩法工作台，用户打开拼图创作页时仍只能看到旧工作台外观，无法验收“统一创作页”。
+- 决策：一期统一创作页（拼图、抓大鹅、敲木鱼）必须由 `UnifiedCreationPage` 提供统一标题栏、内容区、页面级纵向滚动和隐藏字段契约；字段元信息只留给测试和代码，不再额外作为可见 chip 占用首屏。玩法工作台只承载具体输入控件、上传、历史素材、校验和提交，不再各自渲染巨大入口标题。拼图、抓大鹅与敲木鱼的实现已经统一收口到 `src/components/unified-creation/workspaces/`，统一壳只依赖 `UnifiedCreationWorkspace`。敲木鱼右侧音效和功德面板不得再套内部滚动容器，移动端应自然跟随页面滚动。
+- 追加决策：`UnifiedCreationPage` 自己负责页面级滚动；拼图、抓大鹅、跳一跳和敲木鱼四条统一创作入口必须在同一页面壳内从统一标题、表单控件一路滑到提交按钮，避免工作台内部或右侧面板形成套滚动。
+- 影响范围：`src/components/unified-creation/UnifiedCreationPage.tsx`、`src/components/unified-creation/UnifiedCreationWorkspace.tsx`、`src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx`、`src/components/unified-creation/workspaces/Match3DCreationWorkspace.tsx`、`src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、玩法链路文档。
+- 验证方式：`UnifiedCreationPage` 测试应断言隐藏契约仍在但 UI 不再出现字段 chip；拼图和抓大鹅工作台测试应断言 `unifiedChrome=true` 时不再渲染旧巨大标题且仍保留表单输入；木鱼工作台测试或手测应确认敲击音效和功德词条不再停留在独立滚动窗内。
+- 关联文档：`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
+
+## 2026-05-31 统一创作壳扩展到跳一跳并接管页面级滚动
+
+- 背景：最初的统一创作页只收口拼图、抓大鹅和敲木鱼，跳一跳仍通过独立工作台壳与独立生成壳渲染，导致用户在 `/creation/jump-hop` 看到的可见外壳与其它统一入口不一致。
+- 决策：`jump-hop` 也纳入统一创作壳与统一生成壳；`UnifiedCreationPage` 现在承担页面级滚动和统一标题栏，拼图、抓大鹅、跳一跳、敲木鱼四条入口都通过同一外壳承载各自工作台。`JumpHopCreationWorkspace`、`WoodenFishCreationWorkspace` 也补了 `unifiedChrome` / `showBackButton` 受控能力，避免双标题或双返回按钮。
+- 追加决策：`UnifiedCreationPage` 的统一页头现在承载唯一返回入口，工作台内部的返回按钮全部关闭，避免同一页面出现双返回按钮；`UnifiedCreationWorkspace` 统一把 `onBack` 透传给页头。
+- 追加决策：统一创作页内容区必须保持自然高度，页面级滚动只由 `UnifiedCreationPage` 外层承担，工作台内部只负责内容展开，不再额外包滚动壳。
+- 影响范围：`src/components/unified-creation/UnifiedCreationPage.tsx`、`src/components/unified-creation/unifiedCreationSpecs.ts`、`src/components/unified-creation/unifiedGenerationCopy.ts`、`src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx`、`src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、`server-rs/crates/shared-contracts/src/creation_entry_config.rs`。
+- 验证方式：`npm run test -- src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx`；`npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx`；`npm run test -- src/routing/appPageRoutes.test.ts`。
+
+## 2026-05-31 统一创作编排层必须由 UnifiedCreationWorkspace 统一收口
+
+- 背景：`PlatformEntryFlowShellImpl` 仍直接 lazy import 并渲染四个旧工作台分支，虽然统一创作页已存在，但入口壳层仍然依赖旧工作台分支。
+- 决策：新增 `UnifiedCreationWorkspace` 作为平台壳唯一依赖的统一创作编排层，由它内部按 `playId` 选择四条入口的真实工作台；平台壳层只再挂这一层，不再直接依赖旧工作台组件。旧工作台已移入 `src/components/unified-creation/workspaces/`，不再作为平台入口编排事实源。
+- 影响范围：`src/components/unified-creation/UnifiedCreationWorkspace.tsx`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、统一创作页相关测试与后续入口接入。
+- 验证方式：平台壳源码中不应再直接出现四个旧工作台的入口渲染分支；创作 Tab 与 `/creation/<play>` 仍可正常进入对应工作台。
+- 关联文档：`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
+
+## 2026-05-27 生成页总进度圆弧锁定固定 SVG 坐标系
+
+- 背景：多轮圆环角度微调后，`GenerationProgressHero` 的 SVG 圆弧仍会出现底部开口偏斜的问题；后来窄屏验收又发现固定 `400px` 外层宽度会让等待页右侧被裁切。
+- 决策：共用 `GenerationProgressHero` 的 SVG 圆弧起始角固定为 `135deg`，轨道和橘黄色填充都从同一个对称起点 `rotate(135 200 200)` 出发；`270deg` 扫描角配合正下方 `90deg` 留空。SVG 内部坐标系固定为 `400x400`，圆弧使用 `r=166` 和 `strokeWidth=18`；外层显示宽度以 `400px` 为上限，窄屏按父容器 `min(400px, calc(100% - 0.75rem))` 等比收缩，避免嵌套页面 padding 或负 margin 下用 `100vw` 误判宽度。预计等待 / 已耗时信息卡在窄屏下落到圆环下方两列，`sm` 及以上再回到左右悬浮。
 - 影响范围：`src/components/GenerationProgressHero.tsx`、共用 `CustomWorldGenerationView`、汪汪声浪 `BarkBattleGeneratingView` 以及生成页圆环布局文档。
-- 验证方式：`CustomWorldGenerationView` 和 `BarkBattleGeneratingView` 测试断言 `data-ring-start-degrees=135`、`data-ring-fill-start-degrees=135`，且圆环容器固定为 `h-[400px] w-[400px]`，track / fill transform 都是 `rotate(135 200 200)`。
+- 验证方式：`CustomWorldGenerationView` 和 `BarkBattleGeneratingView` 测试断言 `data-ring-start-degrees=135`、`data-ring-fill-start-degrees=135`，且圆环容器包含 `w-[min(400px,calc(100%_-_0.75rem))]`、`max-w-full` 与 `aspect-square`，track / fill transform 都是 `rotate(135 200 200)`；竖屏 smoke 至少覆盖 `280px / 320px / 360px / 390px` 宽度。
 - 关联文档：`docs/【玩法创作】生成页圆环布局口径-2026-05-23.md`。
 
 ## 2026-05-26 平台跨流程错误统一用可复制来源弹窗展示
@@ -575,8 +617,8 @@
 
 - 背景：抓大鹅草稿素材生成已经收敛为多视角 2D 图片素材，但入口页和旧参考图仍沿用黏土、低多边形、塑料、木雕、体素、金属等偏 3D 素材语言，容易让后续生成链路和用户预期继续漂移。
 - 决策：抓大鹅创作入口 `2D素材风格` 固定为 `扁平图标 / 赛璐璐卡通 / 像素复古 / 手绘水彩 / 贴纸描边 / 厚涂图标 / 自定义`；默认风格为 `flat-icon`。入口参考图统一由 `npm run assets:match3d-style-references -- --live` 调用 VectorEngine `gpt-image-2` 生成，输出到 `public/match3d-style-references/`。旧 3D 风格参考图不再保留为入口资产。
-- 影响范围：`Match3DAgentWorkspace`、抓大鹅入口交互测试、Match3D PRD、素材生成流水线技术文档、F1 入口文档和 `public/match3d-style-references/` 静态资产。
-- 验证方式：执行 `npm run test -- src\components\match3d-creation\Match3DAgentWorkspace.interaction.test.tsx`、`cargo test -p shared-contracts match3d --manifest-path server-rs\Cargo.toml`、`npm run typecheck`、`npm run check:encoding`，并人工抽查 `.tmp/match3d-style-preview.png`。
+- 影响范围：抓大鹅统一创作工作台、抓大鹅入口交互测试、Match3D PRD、素材生成流水线技术文档、F1 入口文档和 `public/match3d-style-references/` 静态资产。
+- 验证方式：执行 `npm run test -- src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx`、`cargo test -p shared-contracts match3d --manifest-path server-rs\Cargo.toml`、`npm run typecheck`、`npm run check:encoding`，并人工抽查 `.tmp/match3d-style-preview.png`。
 - 关联文档：`docs/prd/AI_NATIVE_MATCH3D_CREATOR_AND_GAMEPLAY_SYSTEM_PRD_2026-04-30.md`、`docs/technical/MATCH3D_DRAFT_ASSET_GENERATION_PIPELINE_2026-05-10.md`、`docs/technical/MATCH3D_F1_CREATION_ENTRY_AND_AGENT_UI_2026-04-30.md`。
 
 ## 2026-05-12 拼图与抓大鹅草稿背景音乐按纯音乐自动生成
@@ -1102,7 +1144,7 @@
 
 - 背景：敲木鱼工作台只应保留生成所需输入，作品标题、简介和主题标签适合放在生成草稿后的补录阶段。
 - 决策：敲木鱼的 `workTitle`、`workDescription` 和 `themeTags` 从工作台首屏移到结果页；结果页编辑后在试玩或发布前先调用 `update-work-meta` 写回当前作品信息。主题标签编辑样式对齐拼图结果页的胶囊标签编辑器。
-- 影响范围：`WoodenFishWorkspace`、`WoodenFishResultView`、`PlatformEntryFlowShellImpl`、敲木鱼 PRD 和平台入口链路文档。
+- 影响范围：敲木鱼统一创作工作台、`WoodenFishResultView`、`PlatformEntryFlowShellImpl`、敲木鱼 PRD 和平台入口链路文档。
 - 验证方式：工作台首屏不再出现标题 / 简介 / 标签输入；结果页修改后点试玩或发布会先写回当前作品信息。
 - 关联文档：`docs/prd/【玩法创作】敲木鱼玩法模板PRD-2026-05-20.md`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
 
diff --git a/.hermes/shared-memory/development-workflow.md b/.hermes/shared-memory/development-workflow.md
index 7ee99e27..95eebd5f 100644
--- a/.hermes/shared-memory/development-workflow.md
+++ b/.hermes/shared-memory/development-workflow.md
@@ -59,6 +59,8 @@ Linux 多用户共享同一台机器开发时，本地 dev 脚本会为当前 Li
 - 主站 Vite
 - 后台 Vite
 
+`npm run dev` 和单模块 `dev:*` 命令会更新根目录 `.app/dev-stack.json`，记录四个本地服务的 pid、端口、URL、启动状态和当前命令。该目录只作本机运行态观测，不提交 Git。
+
 开启自动刷新：
 
 ```bash
@@ -242,6 +244,7 @@ npm run check:server-rs-ddd
 - 移动端优先，再兼容网页端。
 - 页面只展示后端返回的状态，不自行计算结论型业务状态。
 - 创作中心入口配置事实源在 SpacetimeDB，通过 `GET /api/creation-entry/config` 下发；前端只在 `platformEntryCreationTypes.ts` 做展示派生，api-server 路由熔断也使用同一份配置，禁止恢复前端硬编码入口配置文件。
+- 一期统一创作页字段 spec 同样跟随 `GET /api/creation-entry/config`，由 `creationTypes[].unifiedCreationSpec` 下发；拼图、抓大鹅、敲木鱼之外的模板不接入该扩展位，前端只保留旧后端缺字段时的兜底默认。
 - 优先复用现有面板、抽屉、弹窗，不新建独立大系统。
 - 不在 UI 中默认写功能说明类文本。
 - 弹出独立面板的交互不要实现成在当前面板下方追加内容。
@@ -255,6 +258,8 @@ npm run check:server-rs-ddd
 
 ## 提交前建议让 Hermes 执行
 
+涉及拼图、抓大鹅、敲木鱼统一创作 / 生成链路、Phase 2 之后的跨玩法回归或本地 dev 栈时，先按 `quality-gates/README.md`、`quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md` 和对应单项门禁文档执行自动脚本与体验检查。
+
 ```text
 请检查当前 git diff，指出：
 1. 是否违反 AGENTS.md 或 .hermes/shared-memory 约定；
diff --git a/.hermes/shared-memory/document-map.md b/.hermes/shared-memory/document-map.md
index 8cd29c75..a2091763 100644
--- a/.hermes/shared-memory/document-map.md
+++ b/.hermes/shared-memory/document-map.md
@@ -11,6 +11,7 @@
 | 产品、命名、UI、协作和废弃路线 | `docs/【项目基线】当前产品与工程约束-2026-05-15.md` |
 | 后端、DDD、API、SpacetimeDB schema 和表目录 | `docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md` |
 | 创作入口、草稿架和玩法链路 | `docs/【玩法创作】平台入口与玩法链路-2026-05-15.md` |
+| 创作流程统一阶段计划 | `docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md` |
 | 本地启动、验证、部署、埋点和运营查询 | `docs/【开发运维】本地开发验证与生产运维-2026-05-15.md` |
 | 微信小程序虚拟支付 | `docs/【技术方案】微信虚拟支付接入-2026-05-26.md` |
 | UI 像素资产与 9-slice 规范 | `UI_CODING_STANDARD.md` |
@@ -33,8 +34,9 @@
 玩法 / 创作入口 / 运行态：
 
 1. `docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`
-2. `docs/【项目基线】当前产品与工程约束-2026-05-15.md`
-3. 相关前端组件、service、shared contract 和后端 module
+2. 若任务涉及跨玩法创作流程统一，读取 `docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`
+3. `docs/【项目基线】当前产品与工程约束-2026-05-15.md`
+4. 相关前端组件、service、shared contract 和后端 module
 
 生产部署 / 服务器 / Jenkins：
 
diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index c7437277..c3063492 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -142,6 +142,22 @@
 - 验证：浏览器里这三页的根区应仍保留 `platform-remap-surface`，但不再出现 `platform-page-stage`；草稿页顶部筛选样式应和发现页频道标签一致。
 - 关联：`src/components/custom-world-home/CustomWorldCreationHub.tsx`、`src/components/custom-world-home/CustomWorldWorkTabs.tsx`、`src/components/rpg-entry/RpgEntryHomeView.tsx`、`src/index.css`。
 
+## 统一创作壳现在自己负责页面滚动和四条入口外壳
+
+- 现象：统一创作页最初只包住拼图、抓大鹅和敲木鱼的工作台内容，跳一跳仍然保留独立工作台壳，页面级滚动职责也散落在平台入口 motion wrapper 里，导致移动端不同入口的可见外壳不一致。
+- 原因：`UnifiedCreationPage` 只做了标题和隐藏契约，入口壳还在各自工作台里保留 `platform-remap-surface` / `overflow-y-auto`，`jump-hop` 也没进入统一 spec。
+- 处理：把 `jump-hop` 纳入 `unifiedCreationSpec`，让 `UnifiedCreationPage` 自己承担页面级滚动与统一标题栏；`JumpHopCreationWorkspace`、`WoodenFishCreationWorkspace` 补 `unifiedChrome` / `showBackButton`，平台壳不再给这几条统一入口套额外滚动壳。
+- 验证：`npm run test -- src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx` 通过后，`/creation/puzzle`、`/creation/match3d`、`/creation/jump-hop`、`/creation/wooden-fish` 都应由同一套统一创作页外壳承载。
+- 关联：`src/components/unified-creation/UnifiedCreationPage.tsx`、`src/components/unified-creation/unifiedCreationSpecs.ts`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`。
+
+## 统一创作编排层不要再让平台壳直挂旧工作台
+
+- 现象：平台入口壳已经切到统一创作外壳，但源码里仍直接 lazy import 并渲染四个旧工作台分支，看起来还是四套入口编排。
+- 原因：统一创作页只收口了可见外壳，入口层没有再抽一层统一创作编排组件，导致平台壳依旧要认识各玩法旧工作台。
+- 处理：新增 `UnifiedCreationWorkspace`，由它内部按 `playId` 选择真实工作台；平台壳只依赖这一层，不再直接挂旧工作台分支。旧工作台已迁入 `src/components/unified-creation/workspaces/`，不再是入口编排事实源。
+- 验证：`PlatformEntryFlowShellImpl.tsx` 中不应再出现四个旧工作台的入口渲染分支，创作 Tab 与 `/creation/<play>` 仍能正常进入对应工作台。
+- 关联：`src/components/unified-creation/UnifiedCreationWorkspace.tsx`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
+
 
 ## Jenkinsfile 开头不能带 UTF-8 BOM
 
@@ -255,7 +271,7 @@
 - 原因：通用图像输入是受控输入面板，不是只服务单页的临时实现；图片、提示词、参考图数组、重绘开关等业务真相应由外层页面持有，组件最多持有参考图预览、删除确认这类短生命周期 UI 状态。
 - 处理：抽 `CreativeImageInputPanel` 时，保留上传卡、参考图入口、缩略图、预览弹层、删除确认和提交按钮的统一壳，但把主图文件读取、裁剪、历史素材、计费确认和具体提交动作留给外层页面；后续页面接入时只传业务回调和文案。
 - 验证：拼图入口测试仍可通过，且新组件可通过不同页面复用而不需要复制上传卡实现。
-- 关联：`src/components/common/CreativeImageInputPanel.tsx`、`src/components/puzzle-agent/PuzzleAgentWorkspace.tsx`。
+- 关联：`src/components/common/CreativeImageInputPanel.tsx`、`src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx`。
 
 ## RPG 发布不能只依赖 agent session seed_text
 
@@ -694,7 +710,7 @@
 - 原因：首图生成只通过 `compile_puzzle_draft.referenceImageSrc` 临时传 Data URL，不持久化到 SpacetimeDB；结果页重新生成则要把当前上传图或关卡 `pictureReference` 作为 `generate_puzzle_images.referenceImageSrc` 继续传给后端。
 - 处理：浏览器 Network 里确认 action payload 带 `referenceImageSrc`；api-server 日志按同一 `session_id` 查看 `拼图参考图解析完成`、`拼图 VectorEngine 图片生成 HTTP 返回`、`拼图 VectorEngine 图片下载完成`、`拼图生成图片已写入 OSS 与资产索引`，可定位慢在参考图读取、VectorEngine、下载或 OSS。
 - 验证：前端测试覆盖上传图 + AI 重绘、结果页保存的 `pictureReference` 重新生成；后端单测覆盖 VectorEngine 请求体 `image` 字段。
-- 关联：`src/components/puzzle-agent/PuzzleAgentWorkspace.tsx`、`src/components/puzzle-result/PuzzleResultView.tsx`、`server-rs/crates/api-server/src/puzzle.rs`。
+- 关联：`src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx`、`src/components/puzzle-result/PuzzleResultView.tsx`、`server-rs/crates/api-server/src/puzzle.rs`。
 
 ## 拼图首图生成后要把入口参考图写回 `pictureReference`
 
@@ -1448,16 +1464,16 @@
 - 现象：拼图创作页或结果页打开“选择历史图片”后，历史列表显示 `账号 user-1` 之类归属文案而不是图片名；`1713686400.000000Z` 这类时间显示为未知；选中后预览或生成参考图可能被怀疑不可用。
 - 原因：`/api/assets/history?kind=puzzle_cover_image` 返回的 `ownerLabel` 是资产归属账号，不是图片标题；`createdAt` 可能是 SpacetimeDB / shared-kernel 秒级时间字符串，不能只用浏览器 `new Date(value)` 解析。历史图的 `imageSrc` 是 `/generated-*` 私有兼容路径，浏览器预览必须换签。
 - 处理：前端标题和选中标签从 `imageSrc` 路径末尾推导，例如 `image.png`；时间解析兼容 ISO 与 `1713686400.000000Z`；创作页主图、历史列表图和结果页参考图继续用 `ResolvedAssetImage`，提交给后端时仍保留原始 `imageSrc`。
-- 验证：`npm run test -- src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx src/components/puzzle-result/PuzzleResultView.test.tsx`，并执行 `npm run check:encoding`。
-- 关联：`src/services/puzzle-works/puzzleHistoryAsset.ts`、`src/components/puzzle-agent/PuzzleHistoryAssetPickerDialog.tsx`、`docs/technical/ASSET_HISTORY_PUZZLE_COVER_KIND_FIX_2026-04-27.md`。
+- 验证：`npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/puzzle-result/PuzzleResultView.test.tsx`，并执行 `npm run check:encoding`。
+- 关联：`src/services/puzzle-works/puzzleHistoryAsset.ts`、`src/components/unified-creation/shared/PuzzleHistoryAssetPickerDialog.tsx`、`docs/technical/ASSET_HISTORY_PUZZLE_COVER_KIND_FIX_2026-04-27.md`。
 
 ## 拼图历史图关闭 AI 重绘不要强制 Data URL
 
 - 现象：拼图创作页从历史生成图片中选择主图，再关闭 AI 重绘生成草稿时，后端报“上传图必须是图片 Data URL”。
 - 原因：历史图 `imageSrc` 是 `/generated-puzzle-assets/...` 私有兼容路径；AI 重绘开启时后端参考图分支会解析该路径，但关闭 AI 重绘的“直用上传图”分支旧实现只调用 `parse_puzzle_image_data_url`。
 - 处理：关闭 AI 重绘时也复用拼图参考图解析入口，允许 Data URL 与 `/generated-*` 历史路径统一转成 `PuzzleDownloadedImage` 后持久化；前端不需要下载历史图再转 base64。
-- 验证：`npm run test -- src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx src/components/puzzle-result/PuzzleResultView.test.tsx`、`cargo test -p api-server puzzle_uploaded_cover_can_reuse_resolved_history_image --manifest-path server-rs\Cargo.toml`、`npm run dev:api-server` 后检查 `/healthz`。
-- 关联：`server-rs/crates/api-server/src/puzzle/draft.rs`、`server-rs/crates/api-server/src/puzzle/vector_engine.rs`、`src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx`。
+- 验证：`npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/puzzle-result/PuzzleResultView.test.tsx`、`cargo test -p api-server puzzle_uploaded_cover_can_reuse_resolved_history_image --manifest-path server-rs\Cargo.toml`、`npm run dev:api-server` 后检查 `/healthz`。
+- 关联：`server-rs/crates/api-server/src/puzzle/draft.rs`、`server-rs/crates/api-server/src/puzzle/vector_engine.rs`、`src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx`。
 
 ## 拼图结果页局部生图不要污染草稿生成态
 
@@ -1475,7 +1491,7 @@
 - 原因：上传图直用路径应把 Data URL 或 `/generated-*` 历史图解析后持久化为 `sourceType=uploaded` 的正式候选，再继续生成 9:16 关卡画面、UI spritesheet 和纯背景；如果只把 `aiRedraw=false` 当作“不参考图片生成”，就会误走首图生成。
 - 处理：入口页用 payload 的 `aiRedraw` 写入生成页 metadata，`puzzleAiRedraw=false` 时进度跳过 `生成拼图首图`；后端 `compile_puzzle_draft` 和结果页 `generate_puzzle_images` 都在 `aiRedraw=false && referenceImageSrc 非空` 时走上传图直用候选。结果页关卡详情必须复用 `CreativeImageInputPanel`，不要把正式图当成可重绘参考图；本次上传或历史选择的图才显示 AI 重绘开关并可删除。
 - 验证：`npm run test -- src/services/miniGameDraftGenerationProgress.test.ts src/components/puzzle-result/PuzzleResultView.test.tsx`、`cargo test -p api-server puzzle_result_level_direct_upload_skips_cover_image_generation --manifest-path server-rs\Cargo.toml`。
-- 关联：`src/services/miniGameDraftGenerationProgress.ts`、`src/components/puzzle-agent/PuzzleAgentWorkspace.tsx`、`src/components/puzzle-result/PuzzleResultView.tsx`、`server-rs/crates/api-server/src/puzzle/draft.rs`、`server-rs/crates/api-server/src/puzzle/generation.rs`。
+- 关联：`src/services/miniGameDraftGenerationProgress.ts`、`src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx`、`src/components/puzzle-result/PuzzleResultView.tsx`、`server-rs/crates/api-server/src/puzzle/draft.rs`、`server-rs/crates/api-server/src/puzzle/generation.rs`。
 
 ## Jenkins 数据库导入导出脚本先补 Node 工具链 PATH
 
@@ -1547,6 +1563,13 @@
 - 现象：移动端创作 Tab 里进入汪汪声浪表单后，页面右侧出现不自然的内层滚动条，最后的形象描述输入框容易被“生成草稿”按钮、键盘或底部 TabBar 挤压 / 遮挡；顶部玩法卡首尾也可能贴边显得被裁。
 - 原因：外层 `.platform-tab-panel` 已经是纵向滚动容器，创作页中间又有多层 `overflow-hidden`，旧的 `BarkBattleConfigEditor` 根节点再加 `overflow-y-auto`，形成外层 Tab 面板 + 内层表单的套滚动；底部按钮只预留 safe-area，不预留真实操作区距离；顶部玩法卡横向滚动条隐藏且首尾没有 scroll padding。
 - 处理：移动端让 Bark Battle 表单跟随父级滚动，`lg` 以上才恢复表单内滚动；创作页容器移动端使用 `overflow-visible` 和 safe-area 底部 padding；顶部模板 tablist 加 `scroll-px-3` / 横向 padding，移动端卡片宽度收窄，避免首尾 ring 和圆角贴边裁切。
+
+## 统一创作页不要把竖屏滚动锁进内部内容区
+
+- 现象：竖屏打开拼图、抓大鹅或敲木鱼创作页时，浏览器页面本身无法滚动，生成按钮或右侧表单面板落到视口外；木鱼的敲击音效和功德词条看起来像被塞进单独滑动窗口。
+- 原因：平台根壳固定一屏并隐藏溢出，`UnifiedCreationPage` 又使用 `h-full min-h-0 overflow-hidden` 和内容区 `overflow-y-auto`，导致滚动责任落到内部内容窗，而不是整个创作 stage。
+- 处理：`UnifiedCreationPage` 统一负责标题、隐藏字段契约、内容包装和页面级纵向滚动；拼图、抓大鹅、跳一跳和敲木鱼的外层 `motion.div` 不再额外包 `overflow-y-auto`。各工作台在 `unifiedChrome` 下收起旧 `h-full overflow-hidden` 外壳，让表单主体跟随统一页面滚动。
+- 验证：用竖屏浏览器视口打开 `/creation/wooden-fish`、`/creation/puzzle`、`/creation/match3d` 和 `/creation/jump-hop`，统一创作页应可滚动到生成按钮；`.unified-creation-page` 应包含页面级 `overflow-y-auto`，木鱼工作台内部也不应出现独立纵向滚动容器，拼图 / 抓大鹅可见标题不应重复。
 - 验证：`npm run test -- src/components/bark-battle-creation/BarkBattleConfigEditor.test.tsx`、`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "create tab shows template tabs"`、移动端视口检查最后一个输入框与“生成草稿”按钮不重叠。
 - 关联：`src/components/bark-battle-creation/BarkBattleConfigEditor.tsx`、`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、`docs/【玩法创作】平台入口与玩法链路-2026-05-15.md`。
 
@@ -1606,6 +1629,14 @@
 - 验证：移动端视口检查视频 `rect` 应覆盖整个视口，`paused` 应最终变为 `false`，`currentTime` 应持续前进。
 - 关联：`src/components/GenerationProgressHero.tsx`、`docs/【玩法创作】生成页圆环布局口径-2026-05-23.md`。
 
+## 跳一跳结果页直达时不要把恢复面板当成空白页
+
+- 现象：浏览器直接打开 `/creation/jump-hop/result`，如果没有 `sessionId`、`profileId`、`draftId` 或 `workId`，页面以前会看起来像空白，容易误判成结果页坏了。
+- 原因：跳一跳结果页恢复原先只盯 `jumpHopSession.draft`，没有把“缺恢复信息”明确兜成可见恢复面板；直达结果页时也没有优先用 `profileId -> getWorkDetail` 补回完整作品。
+- 处理：`PlatformEntryFlowShellImpl` 的跳一跳恢复逻辑改成先尝试 `profileId -> getWorkDetail`，再尝试 `sessionId -> getSession`；两者都没有时显示 `跳一跳草稿未恢复` 和 `返回创作`，不再留空白页。
+- 验证：`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "direct jump hop result route"`，并手测 `/creation/jump-hop/result` 与 `/creation/jump-hop/result?profileId=<id>` 两种情况。
+- 关联：`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`、`src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx`、`docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md`。
+
 2026-05-24 补充：`GenerationPageBackdrop` 不要通过 portal 挂到 `document.body`。body 级 fixed 背景会逃离生成页自己的 stacking context，即使业务内容有局部 `z-10`，真实浏览器里也可能把整页 UI 压住。背景视频应作为生成页根容器子节点保留 `fixed inset-0 z-0`，生成页内容保持 `relative z-10`；相关测试应同时断言背景容器低层级、生成页根容器高层级，以及视频节点仍在生成页 DOM 内部。视觉调整时还要记住：空心圆环的中心块要抽掉，时间卡与总进度标题都应缩小，不要让生成页再回到“纯色底 + 大字号说明卡”的状态。顶部返回和右上状态也不能沿用 `text-lg` / `sm:text-2xl` 这类展示级字号；当前步骤名、步骤状态和底部玩法信息标题要维持普通 UI 字号档位，优先保持 `text-xs` 到 `text-sm` 区间。
 
 2026-05-24 补充：生成页“预计等待 / 已耗时”卡片本身已经有标签，传给 `GenerationProgressHero` 的值只能是纯时间，例如 `4 分钟`、`1 分 15 秒`，不要再拼接“预计还需”或“已耗时”；两张时间卡也要和当前步骤卡一样保持半透明。拼图总进度初始帧必须允许显示 `0%`，不要再用 `Math.max(1, nextProgress)` 之类的保护把启动态抬到 `1%`。
diff --git a/apps/admin-web/src/api/adminApiTypes.ts b/apps/admin-web/src/api/adminApiTypes.ts
index 6bcb7c11..3ba26abc 100644
--- a/apps/admin-web/src/api/adminApiTypes.ts
+++ b/apps/admin-web/src/api/adminApiTypes.ts
@@ -161,6 +161,7 @@ export interface AdminCreationEntryTypeConfigPayload {
   categoryLabel: string;
   categorySortOrder: number;
   updatedAtMicros: number;
+  unifiedCreationSpec?: UnifiedCreationSpecPayload | null;
 }
 
 export interface AdminUpsertCreationEntryTypeConfigRequest {
@@ -175,6 +176,23 @@ export interface AdminUpsertCreationEntryTypeConfigRequest {
   categoryId: string;
   categoryLabel: string;
   categorySortOrder: number;
+  unifiedCreationSpec?: UnifiedCreationSpecPayload | null;
+}
+
+export interface UnifiedCreationSpecPayload {
+  playId: string;
+  title: string;
+  workspaceStage: string;
+  generationStage: string;
+  resultStage: string;
+  fields: UnifiedCreationFieldPayload[];
+}
+
+export interface UnifiedCreationFieldPayload {
+  id: string;
+  kind: 'text' | 'select' | 'image' | 'audio';
+  label: string;
+  required: boolean;
 }
 
 export interface AdminWorkVisibilityEntryPayload {
diff --git a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx
new file mode 100644
index 00000000..75c84504
--- /dev/null
+++ b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx
@@ -0,0 +1,112 @@
+/* @vitest-environment jsdom */
+
+import {fireEvent, render, screen, waitFor} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import {beforeEach, expect, test, vi} from 'vitest';
+
+import {
+  getAdminCreationEntryConfig,
+  upsertAdminCreationEntryConfig,
+} from '../api/adminApiClient';
+import type {
+  AdminCreationEntryConfigResponse,
+  UnifiedCreationSpecPayload,
+} from '../api/adminApiTypes';
+import {AdminCreationEntrySwitchPage} from './AdminCreationEntrySwitchPage';
+
+vi.mock('../api/adminApiClient', () => ({
+  formatAdminApiError: vi.fn((error: unknown) =>
+    error instanceof Error ? error.message : '请求失败',
+  ),
+  getAdminCreationEntryConfig: vi.fn(),
+  isAdminApiError: vi.fn(() => false),
+  upsertAdminCreationEntryConfig: vi.fn(),
+}));
+
+const puzzleSpec: UnifiedCreationSpecPayload = {
+  playId: 'puzzle',
+  title: '想做个什么玩法？',
+  workspaceStage: 'puzzle-agent-workspace',
+  generationStage: 'puzzle-generating',
+  resultStage: 'puzzle-result',
+  fields: [
+    {
+      id: 'pictureDescription',
+      kind: 'text',
+      label: '画面描述',
+      required: true,
+    },
+  ],
+};
+
+const configResponse: AdminCreationEntryConfigResponse = {
+  entries: [
+    {
+      id: 'puzzle',
+      title: '拼图',
+      subtitle: '拼图关卡创作',
+      badge: '可创建',
+      imageSrc: '/creation-type-references/puzzle.webp',
+      visible: true,
+      open: true,
+      sortOrder: 30,
+      categoryId: 'recent',
+      categoryLabel: '最近创作',
+      categorySortOrder: 10,
+      updatedAtMicros: 1,
+      unifiedCreationSpec: puzzleSpec,
+    },
+  ],
+};
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  vi.mocked(getAdminCreationEntryConfig).mockResolvedValue(configResponse);
+  vi.mocked(upsertAdminCreationEntryConfig).mockResolvedValue(configResponse);
+});
+
+test('创作入口后台展示并保存统一创作契约', async () => {
+  const user = userEvent.setup();
+  const {container} = render(
+    <AdminCreationEntrySwitchPage token="admin-token" onUnauthorized={vi.fn()} />,
+  );
+
+  await screen.findByText('pictureDescription');
+  expect(container.querySelector('.admin-subsection .admin-info-list')).not.toBeNull();
+  expect(container.querySelector('.admin-panel .admin-panel')).toBeNull();
+  expect(container.querySelector('.admin-muted')).toBeNull();
+
+  await user.click(screen.getByRole('button', {name: '保存入库'}));
+  await user.click(screen.getByRole('button', {name: '确认'}));
+
+  await waitFor(() => {
+    expect(upsertAdminCreationEntryConfig).toHaveBeenCalledWith(
+      'admin-token',
+      expect.objectContaining({
+        id: 'puzzle',
+        unifiedCreationSpec: puzzleSpec,
+      }),
+    );
+  });
+});
+
+test('创作入口后台拒绝 playId 不一致的统一创作契约', async () => {
+  const user = userEvent.setup();
+  render(
+    <AdminCreationEntrySwitchPage token="admin-token" onUnauthorized={vi.fn()} />,
+  );
+
+  const textarea = await screen.findByLabelText('契约 JSON');
+  fireEvent.change(textarea, {
+    target: {
+      value: JSON.stringify({
+        ...puzzleSpec,
+        playId: 'match3d',
+      }),
+    },
+  });
+  await user.click(screen.getByRole('button', {name: '保存入库'}));
+
+  expect(await screen.findByText('统一创作契约 playId 必须与入口 ID 一致')).toBeTruthy();
+  expect(upsertAdminCreationEntryConfig).not.toHaveBeenCalled();
+});
diff --git a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
index fb817c65..4a06ddd9 100644
--- a/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
+++ b/apps/admin-web/src/pages/AdminCreationEntrySwitchPage.tsx
@@ -5,7 +5,11 @@ import {
   getAdminCreationEntryConfig,
   upsertAdminCreationEntryConfig,
 } from '../api/adminApiClient';
-import type {AdminCreationEntryTypeConfigPayload} from '../api/adminApiTypes';
+import type {
+  AdminCreationEntryTypeConfigPayload,
+  UnifiedCreationFieldPayload,
+  UnifiedCreationSpecPayload,
+} from '../api/adminApiTypes';
 import {useAdminWriteConfirm} from '../components/useAdminWriteConfirm';
 import {handlePageError} from './pageUtils';
 
@@ -30,6 +34,7 @@ export function AdminCreationEntrySwitchPage({
   const [categoryId, setCategoryId] = useState('recent');
   const [categoryLabel, setCategoryLabel] = useState('最近创作');
   const [categorySortOrder, setCategorySortOrder] = useState('10');
+  const [unifiedCreationSpecJson, setUnifiedCreationSpecJson] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [listErrorMessage, setListErrorMessage] = useState('');
@@ -66,6 +71,14 @@ export function AdminCreationEntrySwitchPage({
 
     const targetId = selectedId.trim();
     setErrorMessage('');
+    const unifiedCreationSpecResult = parseUnifiedCreationSpecJson(
+      targetId,
+      unifiedCreationSpecJson,
+    );
+    if (!unifiedCreationSpecResult.ok) {
+      setErrorMessage(unifiedCreationSpecResult.message);
+      return;
+    }
     const confirmed = await confirmWrite({
       action: '保存创作入口开关',
       target: targetId,
@@ -88,6 +101,7 @@ export function AdminCreationEntrySwitchPage({
         categoryId: categoryId.trim(),
         categoryLabel: categoryLabel.trim(),
         categorySortOrder: parseInteger(categorySortOrder),
+        unifiedCreationSpec: unifiedCreationSpecResult.spec,
       });
       const nextEntries = sortEntries(response.entries);
       setEntries(nextEntries);
@@ -114,6 +128,7 @@ export function AdminCreationEntrySwitchPage({
     setCategoryId(entry.categoryId);
     setCategoryLabel(entry.categoryLabel);
     setCategorySortOrder(String(entry.categorySortOrder));
+    setUnifiedCreationSpecJson(formatUnifiedCreationSpecJson(entry.unifiedCreationSpec));
   }
 
   return (
@@ -224,6 +239,26 @@ export function AdminCreationEntrySwitchPage({
             />
           </label>
 
+          <section className="admin-subsection">
+            <div className="admin-subsection-heading">
+              <span>统一创作契约</span>
+              <span>{unifiedCreationSpecJson.trim() ? '已配置' : '未配置'}</span>
+            </div>
+            {unifiedCreationSpecJson.trim() ? (
+              <UnifiedCreationSpecSummary specJson={unifiedCreationSpecJson} />
+            ) : (
+              <div className="admin-muted-text">未配置统一创作页契约</div>
+            )}
+            <label className="admin-field">
+              <span>契约 JSON</span>
+              <textarea
+                rows={12}
+                value={unifiedCreationSpecJson}
+                onChange={(event) => setUnifiedCreationSpecJson(event.target.value)}
+              />
+            </label>
+          </section>
+
           {errorMessage ? (
             <div className="admin-alert" role="status">
               {errorMessage}
@@ -246,6 +281,7 @@ export function AdminCreationEntrySwitchPage({
                   <th>入口</th>
                   <th>展示</th>
                   <th>开放</th>
+                  <th>统一契约</th>
                   <th>分类</th>
                   <th>排序</th>
                 </tr>
@@ -264,6 +300,7 @@ export function AdminCreationEntrySwitchPage({
                     </td>
                     <td>{entry.visible ? '是' : '否'}</td>
                     <td>{entry.open ? '是' : '否'}</td>
+                    <td>{entry.unifiedCreationSpec ? '是' : '否'}</td>
                     <td>{entry.categoryLabel || entry.categoryId}</td>
                     <td>{entry.sortOrder}</td>
                   </tr>
@@ -295,3 +332,162 @@ function parseInteger(value: string) {
   }
   return parsed;
 }
+
+function formatUnifiedCreationSpecJson(
+  spec: UnifiedCreationSpecPayload | null | undefined,
+) {
+  return spec ? JSON.stringify(spec, null, 2) : '';
+}
+
+function parseUnifiedCreationSpecJson(entryId: string, value: string) {
+  const parsed = parseUnifiedCreationSpecSummaryJson(value);
+  if (!parsed.ok || !parsed.spec) {
+    return parsed;
+  }
+  if (parsed.spec.playId !== entryId) {
+    return {ok: false as const, message: '统一创作契约 playId 必须与入口 ID 一致'};
+  }
+  return parsed;
+}
+
+function validateUnifiedCreationSpec(value: unknown) {
+  if (!isRecord(value)) {
+    return {ok: false as const, message: '统一创作契约必须是对象'};
+  }
+
+  const playId = readRequiredString(value, 'playId');
+  if (!playId) {
+    return {ok: false as const, message: '统一创作契约 playId 不能为空'};
+  }
+
+  const title = readRequiredString(value, 'title');
+  const workspaceStage = readRequiredString(value, 'workspaceStage');
+  const generationStage = readRequiredString(value, 'generationStage');
+  const resultStage = readRequiredString(value, 'resultStage');
+  if (!title || !workspaceStage || !generationStage || !resultStage) {
+    return {ok: false as const, message: '统一创作契约标题和阶段不能为空'};
+  }
+  if (new Set([workspaceStage, generationStage, resultStage]).size !== 3) {
+    return {ok: false as const, message: '统一创作契约阶段不能重复'};
+  }
+
+  if (!Array.isArray(value.fields) || value.fields.length === 0) {
+    return {ok: false as const, message: '统一创作契约 fields 不能为空'};
+  }
+
+  const fieldIds = new Set<string>();
+  const fields: UnifiedCreationFieldPayload[] = [];
+  for (const item of value.fields) {
+    if (!isRecord(item)) {
+      return {ok: false as const, message: '统一创作契约字段必须是对象'};
+    }
+    const id = readRequiredString(item, 'id');
+    const label = readRequiredString(item, 'label');
+    if (!id || !label) {
+      return {ok: false as const, message: '统一创作契约字段 id 和 label 不能为空'};
+    }
+    if (fieldIds.has(id)) {
+      return {ok: false as const, message: `统一创作契约字段 id 重复：${id}`};
+    }
+    fieldIds.add(id);
+    if (!isUnifiedCreationFieldKind(item.kind)) {
+      return {ok: false as const, message: `统一创作契约字段 kind 非法：${id}`};
+    }
+    if (typeof item.required !== 'boolean') {
+      return {ok: false as const, message: `统一创作契约字段 required 非法：${id}`};
+    }
+    fields.push({
+      id,
+      kind: item.kind,
+      label,
+      required: item.required,
+    });
+  }
+
+  return {
+    ok: true as const,
+    spec: {
+      playId,
+      title,
+      workspaceStage,
+      generationStage,
+      resultStage,
+      fields,
+    },
+  };
+}
+
+function UnifiedCreationSpecSummary({specJson}: {specJson: string}) {
+  const parsed = parseUnifiedCreationSpecSummaryJson(specJson);
+  if (!parsed.ok || !parsed.spec) {
+    return (
+      <div className="admin-alert" role="status">
+        {'message' in parsed ? parsed.message : '未配置统一创作页契约'}
+      </div>
+    );
+  }
+
+  return (
+    <dl className="admin-info-list">
+      <div>
+        <dt>玩法</dt>
+        <dd>{parsed.spec.playId}</dd>
+      </div>
+      <div>
+        <dt>阶段</dt>
+        <dd>
+          {parsed.spec.workspaceStage} / {parsed.spec.generationStage} /{' '}
+          {parsed.spec.resultStage}
+        </dd>
+      </div>
+      <div>
+        <dt>字段</dt>
+        <dd>{parsed.spec.fields.map((field) => field.id).join('、')}</dd>
+      </div>
+    </dl>
+  );
+}
+
+function parseUnifiedCreationSpecSummaryJson(value: string) {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return {ok: true as const, spec: null};
+  }
+
+  let parsed: unknown;
+  try {
+    parsed = JSON.parse(trimmed);
+  } catch (error) {
+    return {
+      ok: false as const,
+      message: error instanceof Error ? `契约 JSON 非法：${error.message}` : '契约 JSON 非法',
+    };
+  }
+
+  const validation = validateUnifiedCreationSpec(parsed);
+  if (!validation.ok) {
+    return validation;
+  }
+
+  return {ok: true as const, spec: validation.spec};
+}
+
+function readRequiredString(value: Record<string, unknown>, key: string) {
+  const raw = value[key];
+  return typeof raw === 'string' ? raw.trim() : '';
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+function isUnifiedCreationFieldKind(
+  value: unknown,
+): value is UnifiedCreationFieldPayload['kind'] {
+  return (
+    value === 'text' ||
+    value === 'select' ||
+    value === 'image' ||
+    value === 'audio'
+  );
+}
diff --git a/docs/README.md b/docs/README.md
index 47f6ed8b..0bd60aaa 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -8,7 +8,7 @@
 - [审计与复盘](./audits/README.md)：工程审查、文本/乱码审计、专项落地审计。
 - [系统设计](./design/README.md)：玩法、关系、物品与对话设计。
 - [技术方案](./technical/README.md)：动画、服务端、外部产品形态拆解。
-- [规划与优先级](./planning/README.md)：当前阶段的迭代排序与落地优先级。
+- [规划与优先级](./planning/README.md)：当前阶段的迭代排序与落地优先级；创作流程统一总计划见 [【玩法创作】创作流程统一总计划-2026-05-30.md](./planning/%E3%80%90%E7%8E%A9%E6%B3%95%E5%88%9B%E4%BD%9C%E3%80%91%E5%88%9B%E4%BD%9C%E6%B5%81%E7%A8%8B%E7%BB%9F%E4%B8%80%E6%80%BB%E8%AE%A1%E5%88%92-2026-05-30.md)。
 - [参考目录](./reference/README.md)：脚本/Function 速查入口。
   重点补充：RPG 创作与运行时脚本职责地图见 [RPG_CREATION_AND_RUNTIME_SCRIPT_RESPONSIBILITY_MAP_2026-04-28.md](./reference/RPG_CREATION_AND_RUNTIME_SCRIPT_RESPONSIBILITY_MAP_2026-04-28.md)。
 - [埋点查询](./tracking/README.md)：埋点原始事件与聚合投影的本地 SQL 查询。
@@ -41,7 +41,7 @@ AI 文字游戏模板接入以 [AI_NATIVE_TEXT_GAME_TEMPLATE_MOKU_REFERENCE_PRD_
 
 1. 先看 [经验沉淀](./experience/README.md)，快速建立这个项目的开发共识。
 2. 再看 [工程审查总览](./audits/engineering/README.md) 和 [文本审计总览](./audits/text/README.md)，了解当前风险。
-3. 需要排期时看 [规划与优先级](./planning/README.md)。
+3. 需要排期时看 [规划与优先级](./planning/README.md)，创作链路相关任务优先看创作流程统一总计划。
 4. 需要补方案时进入 [系统设计](./design/README.md) / [技术方案](./technical/README.md)；涉及后端先看 [当前后端实现基线](./technical/CURRENT_BACKEND_IMPLEMENTATION_BASELINE_2026-04-25.md)，涉及生产发布链路先看 [生产部署计划](./technical/PRODUCTION_DEPLOYMENT_PLAN_2026-05-02.md)，涉及 SpacetimeDB 表结构变更时再看 [表结构变更约束](./technical/SPACETIMEDB_SCHEMA_CHANGE_CONSTRAINTS.md)。
 5. 需要对齐目标边界时再进入 [PRD](./prd)。
 
diff --git a/docs/planning/README.md b/docs/planning/README.md
new file mode 100644
index 00000000..81a119cc
--- /dev/null
+++ b/docs/planning/README.md
@@ -0,0 +1,13 @@
+# 规划与优先级
+
+本目录保存仍处于推进中的阶段计划、并行任务拆分、可派发任务包和验收顺序。长期稳定的产品与架构口径仍以根部融合文档为准。
+
+## 当前计划
+
+- [【玩法创作】创作流程统一总计划-2026-05-30.md](./【玩法创作】创作流程统一总计划-2026-05-30.md)：创作入口、统一创作页、统一生成页、结果页、发布、作品架、广场和运行态的阶段计划、进度记录、并行波次和可直接派发的任务包。
+
+## 维护规则
+
+- 计划文档只记录可执行阶段、负责人切分、验收门禁和当前状态。
+- 已经稳定为长期约定的内容，应同步沉淀到 `docs/【玩法创作】平台入口与玩法链路-2026-05-15.md` 或 `.hermes/shared-memory/`。
+- 若代码事实与计划冲突，以代码和当前融合文档为准，并回写更新本目录。
diff --git a/docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md b/docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md
new file mode 100644
index 00000000..58a8132b
--- /dev/null
+++ b/docs/planning/【玩法创作】创作流程统一总计划-2026-05-30.md
@@ -0,0 +1,375 @@
+# 创作流程统一总计划
+
+更新时间：`2026-05-30`
+
+## 总览
+
+| 项目 | 当前值 |
+| --- | --- |
+| 总轮次 | 5 |
+| 当前轮次 | Round 4（已收口） |
+| 当前阶段 | Phase 6 |
+| 当前状态 | Phase 0~6 已收口；统一创作页已升级为 `UnifiedCreationWorkspace`，平台壳不再直接依赖旧工作台文件 |
+| 当前并行波次 | 波次 D（验收与冻结） |
+| 当前重点 | 以跨玩法门禁作为后续新增玩法和回归的常规质量基线 |
+
+## 目标与范围
+
+本计划统一 Genarrative 所有玩法的创作链路，不再只跟踪首批的拼图、抓大鹅和敲木鱼。最终目标是让各玩法按同一条平台链路交付：
+
+```text
+创作入口 -> 统一创作页/工作台 -> 统一生成页 -> 结果页 -> 试玩 -> 发布 -> 统一作品详情/作品架/广场 -> 正式 runtime
+```
+
+统一不是把所有玩法 UI 做成同一个表单，而是统一阶段、契约、恢复、生成反馈、错误承接、发布后去向和验收门禁。各玩法工作台仍负责真实输入控件、资产槽位、校验和提交。
+
+## 当前进度
+
+| 阶段 | 状态 | 说明 |
+| --- | --- | --- |
+| Phase 0 总计划与门禁 | 已完成 | 本文档、`docs/planning/README.md`、`docs/README.md` 和 `.hermes/shared-memory/document-map.md` 已补齐入口；后续按 phase 扩展门禁。 |
+| Phase 1 首批统一壳 | 已收口 | `puzzle`、`match3d`、`jump-hop`、`wooden-fish` 已接入 `UnifiedCreationPage` / `UnifiedGenerationPage`，竖屏滚动和字段契约已回归。 |
+| Phase 1 补充统一壳 | 已收口 | `jump-hop` 也已接入 `UnifiedCreationPage` / `UnifiedGenerationPage`，统一创作页现在接管拼图、抓大鹅、跳一跳和敲木鱼四条入口的可见外壳与滚动。 |
+| Phase 2 契约与配置治理 | 已完成 | `creationTypes[].unifiedCreationSpec`、前端 fallback、后台配置校验和文档门禁已按现有测试与 schema 检查收口。 |
+| Phase 3 剩余表单/图片工作台接入 | 已收口 | 跳一跳、宝贝识物、方洞结果页与首批普通工作台回归已通过；方洞、大鱼按当前形态纳入最小回归，后续若迁移工作台再单独立项。 |
+| Phase 4 特殊工作台接入策略 | 已收口 | RPG、视觉小说、汪汪声浪的最小例外/闭环回归已通过，例外口径已落到平台总链路文档。 |
+| Phase 5 结果页、发布、作品架与广场收口 | 已收口 | 结果页、发布、公开详情、推荐 runtime 与公开 read model 最小自动回归已通过，公开详情作者展示口径已统一。 |
+| Phase 6 全链路验收与冻结 | 已收口 | 跨玩法 smoke、移动端优先验收、回归矩阵、长期维护规则和冻结证据已补齐。 |
+
+此表即总进度记录，后续每次 phase 收口、启动或回退时，只更新这里和下方任务状态。
+
+当前已完成 Round 0~4 / Phase 0~6。后续新增玩法或统一链路改动以本文档和 `quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md` 为常规质量基线。
+
+## 执行轮次
+
+按可交付批次拆成 5 轮（Round 0~4）。当前已完成 Round 0~4，Round 4 / 波次 D 已作为冻结基线收口。
+
+| 轮次 | 覆盖阶段 | 目标 | 状态 |
+| --- | --- | --- | --- |
+| Round 0 | Phase 0 | 补齐总计划、文档入口和并行任务表 | 已完成 |
+| Round 1 | Phase 2 | 契约与配置治理 | 已完成 |
+| Round 2 | Phase 3 + Phase 4 | 普通工作台并行接入，特殊工作台先定例外边界 | 已完成 |
+| Round 3 | Phase 5 | 结果页、发布、作品架与广场收口 | 已完成 |
+| Round 4 | Phase 6 | 全链路验收与冻结 | 已完成 |
+
+## 阶段拆分
+
+### Phase 0：总计划与执行门禁
+
+目标：让团队有一个唯一可查的总计划、进度表和并行任务清单。
+
+状态：已完成。
+
+- 新增本计划文档和 `docs/planning/README.md`，并在 `docs/README.md`、`.hermes/shared-memory/document-map.md` 中补上规划入口。
+- 补齐 `当前进度`、`执行轮次` 和可并行任务表，后续每个 phase 完成后更新本文档的状态、验收命令和风险。
+
+退出条件：
+
+- 文档入口可从 `docs/README.md` 找到。
+- 总计划包含阶段、进度、并行任务、验收和风险。
+
+### Phase 1：首批统一壳收口
+
+目标：用低风险的四条链路验证统一创作/生成壳。
+
+- 范围：`puzzle`、`match3d`、`jump-hop`、`wooden-fish`。
+- 创作页统一经过 `UnifiedCreationPage`，工作台保留各自真实输入能力。
+- 生成页统一经过 `UnifiedGenerationPage` 和 `CustomWorldGenerationView`。
+- 竖屏滚动由统一创作页承担，避免内层滚动窗。
+
+状态：已收口。
+
+### Phase 2：契约与配置治理
+
+目标：把统一创作页从前端“能渲染”推进到平台配置“可治理”。
+
+- 明确 `unifiedCreationSpec` 的字段种类、必填语义、阶段映射和兼容 fallback。
+- 后台配置、前台读取和 `api-server` 路由熔断继续以 SpacetimeDB 入口配置为事实源。
+- 前端本地 fallback 只服务旧后端或本地异常，不作为新增玩法事实源。
+- 为字段契约、入口开放状态、阶段映射补自动测试。
+
+退出条件：
+
+- `creation-entry config` 契约在前后端文档中闭合。
+- 新增玩法不能绕过统一入口配置接线。
+
+状态：已完成。
+
+验证：`npm run check:encoding`、`npm run typecheck`、`npm run admin-web:typecheck`、`npm run check:spacetime-schema` 和统一创作页 / 统一生成页相关测试已通过。
+
+### Phase 3：剩余表单/图片工作台接入
+
+目标：把结构相近的玩法先迁到统一创作与生成壳，扩大覆盖面。
+
+候选范围：
+
+- 第一批直接迁移：`jump-hop`、`baby-object-match`
+- 需要先做工作台形态评估：`square-hole`、`big-fish`
+- 其它已经是表单/图片输入工作台、且无复杂多阶段编辑器的玩法
+
+统一要求：
+
+- 继续复用 `CreativeImageInputPanel`、`CreativeAudioInputPanel` 等现有通用输入组件。
+- 不在工作台 UI 中默认写规则说明或功能解释。
+- 自动素材生成走统一生成页；没有自动生成的玩法需要明确跳过生成页的阶段策略。
+- 结果页和 runtime 不因迁移创作页而改业务真相。
+- `square-hole`、`big-fish` 先评估是否保留 Agent 形态还是迁到表单/图片工作台，再决定是否进入直接迁移实现。
+- `jump-hop` 已纳入统一创作壳，后续若要调整字段或视觉，只能在统一壳与工作台之间协同改，不再恢复独立入口壳。
+
+退出条件：
+
+- 每个接入玩法都有创作页、生成页或跳过生成页的明确验收。
+- 移动端竖屏能从标题、表单滚动到提交按钮。
+
+状态：已收口。
+
+2026-05-30 回归记录：
+
+- `jump-hop`、`baby-object-match`、`big-fish`、`square-hole` 的核心工作台 / 结果页 / runtime 测试已补齐并通过。
+- `jump-hop` 结果页刷新恢复已补齐 `profileId -> getWorkDetail` 回读；直达 `/creation/jump-hop/result` 且缺少恢复参数时显示“跳一跳草稿未恢复”恢复面板，不再白屏。
+- `square-hole` 结果页的试玩 / 发布路径已补齐服务 mock 回归，确认保存成功后才触发试玩和发布回调。
+- 首批普通工作台回归通过：拼图、抓大鹅、敲木鱼、跳一跳、宝贝识物、方洞结果页。
+- 竖屏浏览器 smoke 已覆盖 `/creation/jump-hop`、`/creation/baby-object-match`、`/creation/square-hole`、`/creation/bark-battle`、`/creation/visual-novel`、`/creation/jump-hop/generating`、`/creation/jump-hop/result`、`/runtime/jump-hop`，截图保存在 `.app/browser-check/phase-flow-20260530/`。
+
+### Phase 4：特殊工作台接入策略
+
+目标：处理不能直接套表单/图片工作台的玩法，先定边界再迁移。
+
+候选范围：
+
+- RPG / 自定义世界
+- 视觉小说
+- 汪汪声浪（`bark-battle`）
+- 其它多阶段编辑器、对话式 Agent 或特殊创作流
+
+统一要求：
+
+- 必须在玩法文档中写明“创作工具模式例外”。
+- 例外只影响工作台内部，不影响入口配置、生成反馈、结果页、发布、作品架、广场和 runtime 的平台主链路。
+- 对话式或多阶段编辑器仍需和统一作品、统一错误、统一生成完成反馈对齐。
+- `bark-battle` 默认按特殊工作台收口；若后续产品决策确认可完全表单化，再单独前移到 Phase 3，不在本轮默认假设里。
+
+退出条件：
+
+- 每个特殊玩法都有例外声明、阶段映射和验收清单。
+- 没有新增平行入口系统、平行作品架或平行公开列表。
+
+状态：已收口。
+
+2026-05-30 回归记录：
+
+- RPG 例外边界指定 interaction 测试通过。
+- Bark Battle 创作入口、结果页试玩/发布和正式 runtime 指定 interaction 测试通过。
+- 视觉小说工作台、生成阶段、结果页和运行态测试通过，`npm run check:visual-novel-vn11` 通过。
+
+### Phase 5：结果页、发布、作品架与广场收口
+
+目标：把“创作页统一”推进到“交付链路统一”。
+
+- 发布成功默认进入统一作品详情或明确的 runtime 去向。
+- 草稿架能恢复生成中、失败、待发布和已发布状态。
+- 公开列表、发现流、详情页优先消费后端 read model 或 BFF 缓存。
+- 跨流程错误统一进入 `PlatformErrorDialog`，异步完成统一进入 `PlatformTaskCompletionDialog`。
+- 私有 generated 图片展示前必须换签。
+
+退出条件：
+
+- 每个可发布玩法都有作品架、公开详情、广场或明确不公开声明。
+- 生成中刷新、失败重试、发布后回读和登录切换都有测试或手测记录。
+
+状态：已收口。
+
+2026-05-30 回归记录：
+
+- 发布到作品详情、已发布作品进入详情、体验按钮直达 runtime、详情 profile 回读指定 interaction 测试通过。
+- 拼图已发布作品进入首页和移动端游戏分类、Big Fish 公开隐藏口径、Match3D 推荐 runtime 资源回读指定 interaction 测试通过。
+- 公开详情作者展示统一为“公开昵称 · 陶泥号”，`PlatformWorkDetailView` 与公共作者展示 helper 测试已回归。
+- 本地 API smoke 已在重新拉起 `dev:spacetime` 和 `dev:api-server` 后通过：`GET http://127.0.0.1:8082/healthz` 返回 `{"ok":true,"service":"genarrative-api-server"}`。
+
+### Phase 6：全链路验收与冻结
+
+目标：形成后续新增玩法可复用的稳定门禁。
+
+- 按玩法输出创作入口、生成页、结果页、试玩、发布、作品架、广场、runtime smoke 矩阵。
+- 增补 `quality-gates/README.md` 与跨玩法回归 / 冒烟门禁，不再只覆盖首批四条链路。
+- 固化移动端竖屏优先验收，桌面端作为兼容验证。
+- 补齐“新增玩法接入 PRD 检查块”和代码评审检查清单。
+
+退出条件：
+
+- 全部计划内玩法均有明确状态：已统一、例外接入、暂不接入。
+- `npm run typecheck`、`npm run check:encoding` 和对应玩法门禁通过。
+
+状态：已收口。
+
+2026-05-30 冻结记录：
+
+- Phase 2 自动回归通过：入口配置、统一字段 spec、统一创作页和统一生成页测试共 11 项。
+- Phase 3 自动回归通过：拼图、抓大鹅、敲木鱼、跳一跳、宝贝识物、大鱼、方洞结果页相关测试共 67 项；跳一跳直达结果页恢复测试通过。
+- Phase 4 / Phase 5 指定交互回归通过：RPG 例外边界、Bark Battle 闭环、作品详情、推荐 runtime、公开 read model 与跳一跳恢复相关 interaction 测试共 18 项。
+- Phase 5 详情 / 弹窗 / 作品架回归通过：公开详情、错误弹窗、反馈弹窗、作品展示 helper、作品架交互测试共 63 项。
+- `npm run check:visual-novel-vn11`、`npm run check:spacetime-schema`、`npm run check:encoding` 均通过。
+- API smoke 通过：`GET http://127.0.0.1:8082/healthz` 返回 `{"ok":true,"service":"genarrative-api-server"}`。
+- 竖屏浏览器 smoke 通过并保存截图：`.app/browser-check/phase-flow-20260530-round5/`，覆盖 `/creation/jump-hop`、`/creation/visual-novel`、`/creation/square-hole`、`/creation/bark-battle`、`/creation/baby-object-match`、`/creation/jump-hop/generating`、`/creation/jump-hop/result`、`/runtime/jump-hop`。
+
+### Phase 6 补充：跨玩法最小验收口径
+
+Phase 6 不再继续拆新波次，当前只把 Phase 2 到 Phase 5 的最小验证集合收束成一份可直接执行的门禁矩阵。建议顺序如下：
+
+| 阶段 | 最小命令 | 说明 |
+| --- | --- | --- |
+| Phase 2 | `npm run check:encoding`、`npm run typecheck`、`npm run admin-web:typecheck`、`npm run test -- src/components/platform-entry/platformEntryCreationTypes.test.ts src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx` | 校验入口配置、统一字段 spec、统一创作页和统一生成页。 |
+| Phase 3 | `npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx src/components/jump-hop-result/JumpHopResultView.test.tsx src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx src/components/edutainment-creation/BabyObjectMatchWorkspace.test.tsx src/components/edutainment-result/BabyObjectMatchResultView.test.tsx src/components/edutainment-runtime/BabyObjectMatchRuntimeShell.test.tsx src/components/big-fish-creation/BigFishAgentWorkspace.interaction.test.tsx src/components/big-fish-result/BigFishResultView.test.tsx src/components/big-fish-runtime/BigFishRuntimeShell.test.tsx`；`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "direct jump hop result route"` | 校验普通表单 / 图片 / 音频工作台仍按结构化 payload 提交，跳一跳结果页直达恢复不白屏，并把 BabyObjectMatch / BigFish 一并纳入最小回归。 |
+| Phase 4 | `npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "opening RPG agent workspace does not refetch session snapshot in a render loop|create tab resumes agent workspace when draft has no compiled result yet|create tab resumes agent workspace when session has no draft profile even if summary counts look compiled|opening a compiled draft with a missing agent session falls back to draft hub"`、`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "create tab opens bark battle entry form from the template card|bark battle draft result can test before publish and publish to work detail|direct bark battle runtime public code opens published runtime"`、`npm run check:visual-novel-vn11` | 校验特殊工作台例外、Bark Battle 公开闭环和视觉小说负向门禁。 |
+| Phase 5 | `npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "agent draft result publishes to gallery from publish panel|creation hub published work enters existing detail view|creation hub published work experience button enters world directly|creation hub published work start uses loaded detail profile instead of library summary"`、`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "published puzzle works appear on home and mobile game category channel|published big fish works stay hidden from platform home and mobile game category channel|home recommendation Match3D runtime keeps profile generated models when card summary is stale|home recommendation Match3D runtime passes top-level UI background assets|home recommendation Match3D runtime reloads detail when card only has UI assets"`、`npm run test -- src/components/platform-entry/PlatformWorkDetailView.test.tsx src/components/platform-entry/PlatformErrorDialog.test.tsx src/components/platform-entry/PlatformFeedbackView.test.tsx src/components/rpg-entry/rpgEntryWorldPresentation.test.ts`、`npm run test -- src/components/custom-world-home/CustomWorldCreationHub.test.tsx src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx` | 校验结果页、发布、作品架、公开详情、推荐 runtime 和公开 read model，并补公开详情作者展示口径与作品架恢复矩阵。 |
+
+如果这轮还改了 SpacetimeDB schema，追加 `npm run check:spacetime-schema`；如果还改了 API 路由、BFF、公开列表或 `/works/detail` 回读，追加 `npm run dev:api-server`，并另开终端从 `.app/dev-stack.json` 读取实际 `api-server` URL 后检查 `/healthz`。
+
+## 可并行任务列表
+
+| 任务 ID | 可并行 | 状态 | 任务 | 主要产出 | 依赖 | 建议 Owner |
+| --- | --- | --- | --- | --- | --- | --- |
+| T0-1 | 否 | 已完成 | 总计划与文档入口 | 本文档、`docs/planning/README.md`、文档索引更新 | 无 | 文档 owner |
+| T1-1 | 否 | 已完成 | Phase 1 收口确认 | 三条首批链路验收记录、已知风险 | T0-1 | 前端 owner |
+| T2-1 | 是 | 已完成 | `unifiedCreationSpec` 契约审计 | 字段种类、必填、阶段映射、fallback 规则 | T0-1 | 契约 owner |
+| T2-2 | 是 | 已完成 | 后台入口配置治理 | 后台配置校验与配置说明 | T2-1 | 后台 owner |
+| T2-3 | 是 | 已完成 | 前端入口读取与 fallback 测试 | 入口配置单测、异常兜底测试 | T2-1 | 前端 owner |
+| T3-1 | 是 | 自动回归通过 | 跳一跳统一接入方案与实现 | 统一创作工作台、生成页迁移、验收 | T2-1 | 玩法 owner A |
+| T3-2 | 是 | 自动回归通过 | 宝贝识物统一接入方案与实现 | 创作页/生成页迁移、验收 | T2-1 | 玩法 owner B |
+| T3-3 | 是 | 最小回归通过 | 方洞工作台形态评估与迁移方案 | 保留 Agent 形态还是迁表单的决策、边界和风险清单 | T2-1 | 玩法 owner C |
+| T3-4 | 是 | 最小回归通过 | 大鱼工作台形态评估与迁移方案 | 保留 Agent 形态还是迁表单的决策、边界和风险清单 | T2-1 | 玩法 owner D |
+| T4-1 | 是 | 自动回归通过 | RPG 例外边界设计 | 例外声明、阶段映射、验收清单 | T2-1 | 特殊玩法 owner |
+| T4-2 | 是 | 自动回归通过 | 视觉小说例外边界设计 | 例外声明、阶段映射、验收清单 | T2-1 | 特殊玩法 owner |
+| T4-3 | 是 | 自动回归通过 | 汪汪声浪（bark-battle）统一/例外决策 | 接入或例外方案、验收清单 | T2-1 | 特殊玩法 owner |
+| T5-1 | 是 | 最小回归通过 | 统一结果页能力矩阵 | 每个玩法结果页能力与缺口表 | T3/T4 方案稳定 | 结果页 owner |
+| T5-2 | 是 | 最小回归通过 | 作品架恢复矩阵 | 生成中、失败、待发布、已发布恢复验收 | T3/T4 方案稳定 | 作品架 owner |
+| T5-3 | 是 | 最小回归通过 | 公开 read model 对齐 | 广场/详情/分享码缺口与执行清单 | T3/T4 方案稳定 | 后端 owner |
+| T5-4 | 是 | 最小回归通过 | 统一错误与完成反馈回归 | `PlatformErrorDialog`、`PlatformTaskCompletionDialog` 覆盖 | T3/T4 方案稳定 | 平台壳 owner |
+| T5-5 | 是 | 自动回归通过 | 统一创作壳滚动收口 | `UnifiedCreationPage` 统一接管四条入口滚动、跳一跳纳入统一壳 | T3/T4 方案稳定 | 平台壳 owner |
+| T6-1 | 否 | 已完成 | 全链路质量门禁扩展 | `quality-gates/README.md`、跨玩法回归 / 冒烟门禁、Phase 2 到 Phase 5 最小验证集合 | T3/T4/T5 完成 | QA owner |
+| T6-2 | 否 | 已完成 | 全量验收与冻结 | 状态表、未接入声明、最终测试记录 | T6-1 | Release owner |
+
+并行原则：
+
+- T2 系列已完成，T3/T4 已进入回归；后续缺口修补仍不得绕过 T2 已固定的入口配置和统一 spec 规则。
+- T3 各玩法可并行，但同一文件同一时间只允许一个 owner，尤其是 `PlatformEntryFlowShellImpl.tsx`、路由和 shared contracts。
+- T5 可以在 T3/T4 各玩法方案稳定后分块并行，不必等所有玩法实现完再开始。
+- T6 必须串行收尾，避免验收矩阵和实际实现漂移。
+
+## 可直接派发的任务包
+
+任务包是执行层最小分工单元。每个包都可以单独开分支、单独验收；如果两个包需要改同一个公共文件，先由公共 owner 合并接口或壳层改动，再由玩法 owner 接入，避免互相覆盖。
+
+| 包 ID | 可并行对象 | 状态 | 目标 | 不做什么 | 交付物 | 验收 |
+| --- | --- | --- | --- | --- | --- | --- |
+| P2-A 契约包 | 可与 P2-B、P2-C 并行 | 已完成 | 固定 `unifiedCreationSpec` 字段类型、必填、阶段映射、fallback 规则 | 不接新玩法，不改 UI 设计方向 | 前后端契约、配置字段文档、契约测试 | `npm run test -- src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/platform-entry/platformEntryCreationTypes.test.ts`；涉及 schema 时追加 `npm run check:spacetime-schema` |
+| P2-B 后台配置包 | 可与 P2-A、P2-C 并行 | 已完成 | 后台入口配置能编辑、校验、保存统一创作契约 | 不做玩法工作台迁移 | 后台表单、保存校验、异常提示、后台单测 | `npm run admin-web:typecheck`；`npm run test -- apps/admin-web/src/pages/AdminCreationEntrySwitchPage.test.tsx` |
+| P2-C 前台读取包 | 可与 P2-A、P2-B 并行 | 已完成 | 前台从 `/api/creation-entry/config` 读取统一 spec，旧后端只走兜底 | 不把 fallback 当事实源，不恢复硬编码入口 | 入口派生、fallback 单测、统一创作/生成页回归 | `npm run test -- src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx` |
+| P3-A 跳一跳接入包 | 可与 P3-B、P3-C、P3-D 并行 | 自动回归通过 | `jump-hop` 接入统一创作壳、生成页或明确跳过策略 | 不改正式 runtime 规则真相，不重做作品架 | 入口阶段映射、统一工作台接入、生成/结果跳转、竖屏验收 | 跳一跳相关单测、统一创作页回归、移动端 `/creation/jump-hop` smoke |
+| P3-B 宝贝识物接入包 | 可与 P3-A、P3-C、P3-D 并行 | 自动回归通过 | `baby-object-match` 接入统一创作壳、生成页或明确跳过策略 | 不复制上传/历史素材逻辑 | 工作台接入、资产槽位复用、结果跳转、竖屏验收 | 宝贝识物相关单测、统一创作页回归、移动端 `/creation/baby-object-match` smoke |
+| P3-C 方洞评估包 | 可与 P3-A、P3-B、P3-D 并行 | 部分回归通过 | 判断 `square-hole` 保留 Agent 形态还是迁表单/图片工作台 | 不直接大改实现 | 例外或迁移方案、字段清单、风险、验收用例 | 文档评审通过；若改代码，补对应工作台测试 |
+| P3-D 大鱼评估包 | 可与 P3-A、P3-B、P3-C 并行 | 部分回归通过 | 判断 `big-fish` 保留 Agent 形态还是迁表单/图片工作台 | 不直接大改实现 | 例外或迁移方案、字段清单、风险、验收用例 | 文档评审通过；若改代码，补对应工作台测试 |
+| P4-A RPG 例外包 | 可与 P4-B、P4-C 并行 | 自动回归通过 | 明确 RPG 对话式工作台如何接入统一阶段、错误、完成、发布去向 | 不把 RPG 当新增玩法默认模板 | 例外声明、阶段映射、刷新恢复和发布验收 | RPG 指定 interaction 测试、作品详情/进入世界回归 |
+| P4-B 视觉小说例外包 | 可与 P4-A、P4-C 并行 | 自动回归通过 | 明确视觉小说特殊生成和结果页边界 | 不迁入外部平台社区、支付、榜单、回放 | 例外声明、上传资产口径、生成/结果/发布验收 | `npm run check:visual-novel-vn11` 和视觉小说相关测试 |
+| P4-C 汪汪声浪决策包 | 可与 P4-A、P4-B 并行 | 自动回归通过 | 判断 `bark-battle` 是特殊工作台例外还是回到表单模式 | 不同时做两套入口 | 决策记录、阶段映射、发布和 runtime 验收 | Bark Battle 创作、发布、runtime 指定测试 |
+| P5-A 结果页矩阵包 | 可与 P5-B、P5-C、P5-D 并行 | 最小回归通过 | 列清每个玩法结果页能力、缺口和最小补丁 | 不在结果页新增无需求的大功能 | 结果页能力矩阵、局部重试/上传/发布边界 | 对应结果页测试和手测记录 |
+| P5-B 作品架恢复包 | 可与 P5-A、P5-C、P5-D 并行 | 最小回归通过 | 生成中、失败、待发布、已发布都能从作品架恢复 | 不只靠前端内存 notice | 作品摘要字段、作品架 adapter、恢复测试 | 作品架相关 interaction 测试；移动端草稿 Tab smoke |
+| P5-C 公开 read model 包 | 可与 P5-A、P5-B、P5-D 并行 | 最小回归通过 | 公开列表、详情、分享和推荐 runtime 对齐后端 read model | 不让前端拼源表当事实源 | 后端 read model/BFF 缺口清单和实现 | 公开列表/详情/API smoke；必要时 `npm run dev:api-server` + `/healthz` |
+| P5-D 统一反馈包 | 可与 P5-A、P5-B、P5-C 并行 | 最小回归通过 | 错误和异步完成统一进入平台弹窗 | 不在页面内重复裸错误 banner | `PlatformErrorDialog`、`PlatformTaskCompletionDialog` 覆盖矩阵 | 平台弹窗测试、跨流程失败/完成手测 |
+| P6-A 门禁包 | 串行，依赖 P3/P4/P5 | 已完成 | 固化跨玩法自动测试、竖屏手测和 API smoke | 不继续接新玩法 | `quality-gates/`、冻结前命令集合 | 跨玩法回归与冒烟门禁通过 |
+| P6-B 冻结包 | 串行，依赖 P6-A | 已完成 | 更新总状态表，标记已统一、例外接入、暂不接入 | 不遗留“状态未知”玩法 | 总进度、风险清单、后续维护规则 | `npm run check:encoding`、关键门禁通过、文档索引有效 |
+
+### 并行执行注意事项
+
+- 公共壳层 owner 统一负责 `PlatformEntryFlowShellImpl.tsx`、`appPageRoutes.ts`、入口阶段类型、共享 contract 和统一生成页主流程；玩法 owner 只接自己的工作台和映射。
+- 后端 schema owner 统一负责 SpacetimeDB 表、`migration.rs`、表目录和 bindings；玩法 owner 不单独改 schema 后跳过生成绑定。
+- 文档 owner 每轮只更新本计划的状态、波次和风险，不把一次性聊天记录写进长期文档。
+- 同一波次内如果发现计划和代码事实冲突，先改计划和对应融合文档，再继续实现；不要在代码里临时绕开统一链路。
+
+### 依赖关系摘要
+
+- 可以并行启动：`T3-1`、`T3-2`、`T3-3`、`T3-4`，其中 `T3-3` 和 `T3-4` 先做形态评估，`T3-1` 和 `T3-2` 可以直接进入实现。
+- 可以并行启动：`T4-1`、`T4-2`、`T4-3`，但它们只做例外边界和决策，不直接扩散到新的玩法实现。
+- `T5-1`、`T5-2`、`T5-3`、`T5-4` 可以并行预研，但最好等至少一批 Phase 3 / 4 方案稳定后再落代码。
+- `T6-1`、`T6-2` 必须串行，且都依赖 Phase 3 到 Phase 5 的验证结果。
+
+## 并行波次
+
+### 波次 A：先定契约
+
+状态：已完成。
+
+- `T2-1` `unifiedCreationSpec` 契约审计
+- `T2-2` 后台入口配置治理
+- `T2-3` 前端入口读取与 fallback 测试
+
+说明：三项可以并行，先把统一创作入口的真值源、后台编辑面和前端兜底一起收紧。
+
+### 波次 B：第一批迁移与例外评估
+
+状态：自动回归已通过，遗留形态评估按缺口任务继续跟踪。
+
+- `T3-1` `jump-hop` 统一接入
+- `T5-5` 统一创作壳滚动收口
+- `T3-2` `baby-object-match` 统一接入
+- `T3-3` `square-hole` 工作台形态评估
+- `T3-4` `big-fish` 工作台形态评估
+- `T4-1` `RPG` 例外边界设计
+- `T4-2` `视觉小说` 例外边界设计
+- `T4-3` `汪汪声浪（bark-battle）` 统一/例外决策
+
+说明：`jump-hop`、`baby-object-match` 已完成最小接入回归；`square-hole`、`big-fish` 的形态评估继续按缺口任务跟踪；特殊工作台例外边界已完成最小回归。
+
+### 波次 C：交付链路收口
+
+状态：最小回归通过。
+
+- `T5-1` 统一结果页能力矩阵
+- `T5-2` 作品架恢复矩阵
+- `T5-3` 公开 read model 对齐
+- `T5-4` 统一错误与完成反馈回归
+
+说明：交付链路已按页面 / read model / 弹窗分块完成最小回归，后续只处理验收发现的真实缺口。
+
+### 波次 D：验收与冻结
+
+状态：已收口。
+
+- `T6-1` 全链路质量门禁扩展
+- `T6-2` 全量验收与冻结
+
+说明：必须串行，先补门禁再冻结状态表。
+
+## 验收矩阵
+
+每个玩法推进时至少记录：
+
+| 验收项 | 要求 |
+| --- | --- |
+| 创作入口 | 从创作 Tab 或直达 URL 能进入对应工作台，入口事实源来自 `/api/creation-entry/config`。 |
+| 创作页 | 统一标题/阶段壳存在，工作台不重复渲染巨大旧标题，移动端可滚动到提交按钮。 |
+| 输入控件 | 图片、音频、文本、选择器复用现有通用组件，不复制上传/历史图逻辑。 |
+| 生成页 | 自动生成玩法使用统一圆环生成页；无生成页玩法有明确跳转策略。 |
+| 结果页 | 能展示草稿、编辑作品信息、处理局部重生成、试玩和发布。 |
+| 恢复 | 刷新、退出登录、生成中、失败、作品架恢复都有可观察行为。 |
+| 发布与公开 | 发布后能进入统一详情或 runtime；公开列表/read model 不靠前端拼源表。 |
+| runtime | 试玩与正式运行态区分清楚，正式业务真相以后端为准。 |
+| 移动端 | 竖屏优先，无按钮遮挡、套滚动、文字溢出或固定底栏遮挡。 |
+
+## 统一约束
+
+- 不恢复前端硬编码入口配置。
+- 不新建平行创作入口系统、平行作品架或平行公开列表。
+- 不把功能说明、规则说明或开发解释默认写进 UI 面板。
+- 不让前端承接发布、计分、胜负、资产持久化或公开状态等业务真相。
+- 后端仍按 `server-rs + Axum + SpacetimeDB` 和 DDD 分层推进。
+- 涉及 SpacetimeDB schema 时必须同步 migration、表目录、生成绑定，并运行 schema 检查。
+
+## 推荐推进顺序
+
+1. 将 Round 4 / Phase 6 作为当前冻结基线，后续只做同口径回归，不再新增波次。
+2. 对 Phase 3、Phase 4、Phase 5 只处理回归发现的真实缺口，不扩新玩法。
+3. 更新冻结状态表，明确每个玩法是已统一、例外接入还是暂不接入。
+4. 后续新增玩法默认遵循本文档和 `quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md`，无需再补新的总计划轮次。
+
+当前轮次看 Round 4 / Phase 6；Round 0~4 已作为历史完成记录保留。
diff --git a/docs/prd/【玩法创作】跳一跳俯视角玩法模板PRD-2026-05-19.md b/docs/prd/【玩法创作】跳一跳俯视角玩法模板PRD-2026-05-19.md
index a3ab635a..33dea4b7 100644
--- a/docs/prd/【玩法创作】跳一跳俯视角玩法模板PRD-2026-05-19.md
+++ b/docs/prd/【玩法创作】跳一跳俯视角玩法模板PRD-2026-05-19.md
@@ -80,7 +80,7 @@ jump-hop-gallery-detail
 
 新增前端组件建议：
 
-1. `src/components/jump-hop-creation/JumpHopWorkspace.tsx`；
+1. `src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx`；
 2. `src/components/jump-hop-result/JumpHopResultView.tsx`；
 3. `src/components/jump-hop-runtime/JumpHopRuntimeShell.tsx`；
 4. `src/services/jump-hop/jumpHopClient.ts`。
diff --git a/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md b/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
index edf312bd..0cf69286 100644
--- a/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
+++ b/docs/【后端架构】server-rs与SpacetimeDB数据契约-2026-05-15.md
@@ -337,8 +337,8 @@ npm run check:server-rs-ddd
 
 - Rust 结构体：`CreationEntryTypeConfig`
 - 源码：`server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs`
-- 字段：`id`、`title`、`subtitle`、`badge`、`image_src`、`visible`、`open`、`sort_order`、`updated_at`、`category_id`、`category_label`、`category_sort_order`。
-- 迁移兼容：旧迁移包缺少入口分类字段时，由 `migration.rs` 写入 `None` / `0` 默认值；入口分组展示由 `module-runtime` 和前端展示派生消费。
+- 字段：`id`、`title`、`subtitle`、`badge`、`image_src`、`visible`、`open`、`sort_order`、`updated_at`、`category_id`、`category_label`、`category_sort_order`、`unified_creation_spec_json`。
+- 迁移兼容：旧迁移包缺少入口分类字段或统一创作契约字段时，由 `migration.rs` 写入 `None` / `0` / `None` 默认值；入口分组展示由 `module-runtime` 和前端展示派生消费，统一创作契约由 `module-runtime` 解析为 `creationTypes[].unifiedCreationSpec`，为空时只回退首批 `puzzle`、`match3d`、`wooden-fish` 默认 spec。
 
 ### `custom_world_agent_message`
 
diff --git a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
index 2c601658..181ceb63 100644
--- a/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
+++ b/docs/【开发运维】本地开发验证与生产运维-2026-05-15.md
@@ -31,6 +31,8 @@ npm run dev
 - 主站 Vite。
 - 后台 Vite。
 
+`npm run dev` 和单模块 `npm run dev:web`、`npm run dev:api-server`、`npm run dev:spacetime`、`npm run dev:admin-web` 启动后都会更新根目录 `.app/dev-stack.json`。该文件记录本次命令、数据库、更新时间，以及 `spacetime`、`api-server`、`web`、`admin-web` 的 `pid`、监听 host / port、可访问 URL、启动状态和当前命令。`.app/` 是本地运行态目录，不提交 Git；端口漂移、服务重启或子进程退出后以该文件里的实际状态为准。
+
 单独启动主站前端：
 
 ```bash
@@ -94,6 +96,8 @@ npm run build
 npm run check:content
 ```
 
+一期创作流程统一化新增 `quality-gates/` 提交前门禁。涉及拼图、抓大鹅、敲木鱼统一创作页、统一生成页或 dev 栈启动脚本时，先执行 `quality-gates/README.md` 列出的脚本，再按对应门禁文档完成体验检查。
+
 综合检查：
 
 ```bash
diff --git a/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md b/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
index d5207f03..4c9d9197 100644
--- a/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
+++ b/docs/【玩法创作】平台入口与玩法链路-2026-05-15.md
@@ -8,7 +8,9 @@
 
 当前创作 Tab 只承载赛事 banner、玩法模板分类和两列模板卡；点击模板卡后直接进入对应玩法已有的入口创作表单 stage，不再经过空白占位页，也不把旧表单嵌进创作 Tab 首屏。移动端创作 Tab 顶栏在 `陶泥儿` 品牌同一行显示真实账户泥点数，数据来自 `profileDashboard.walletBalance`，不得再把活动奖池当作账号余额展示。首屏 banner 结构按参考图拆成横向可滑动赛事卡、主体宣传图文区、奖池胶囊、开始 / 结束时间条和卡片内分页点；轮播只保留 `拼图主题创作赛` 和 `抓大鹅主题创作赛`，两个主题赛事奖池均为 `1000` 泥点数。玩法列表不再套外部边框卡片，移动端需要压缩横向边距和两列间距；玩法卡统一按“上图、左上状态标签（仅非开放态显示）、封面右下 `10-20泥点数`、下方白底标题/描述”结构展示，卡片高度保持紧凑但标题、描述和预估消耗点数都必须可见。创作 Tab 根容器不再使用 `platform-page-stage` 这类全局内容卡片壳，但继续保留 `platform-remap-surface` 作为主题和输入框样式命中钩子。创作首屏字号需要对齐平台普通 UI 档位：顶栏泥点组件、banner 正文、分类 Tab 和玩法卡标题 / 副标题 / 消耗说明优先使用 `11px` 到 `14px`，不使用 `text-lg`、`text-xl` 或更大的展示级字号。草稿 Tab 继续承接作品架。RPG、RPG 之外的各玩法入口分别落到既有的 `agent-workspace`、`big-fish-agent-workspace`、`match3d-agent-workspace`、`square-hole-agent-workspace`、`jump-hop-workspace`、`wooden-fish-workspace`、`puzzle-agent-workspace`、`bark-battle-workspace`、`visual-novel-agent-workspace`、`baby-object-match-workspace`，这些入口继续承接各玩法自己的表单、草稿恢复和后续编排，不作为创作 Tab 首屏内容。
 
-创作恢复参数只保留 `sessionId`、`profileId`、`draftId`、`workId` 这四个私有 query。它们只允许在同一条创作链路的结果页、生成页、工作台之间保留；切到首页、公开作品详情、runtime 或另一条玩法链路时必须清掉。生成页恢复时只认当前进入页的时间作为新的 `startedAtMs`，作品摘要里的 `updatedAt` 只用于排序与摘要展示，不再作为生成进度起点。
+创作恢复参数只保留 `sessionId`、`profileId`、`draftId`、`workId` 这四个私有 query。它们只允许在同一条创作链路的结果页、生成页、工作台之间保留；切到首页、公开作品详情、runtime 或另一条玩法链路时必须清掉。生成页等待时间统一以生成状态里的 `startedAtMs` 为准；创建该状态时优先使用后端 session 下发的时间戳，作品摘要里的 `updatedAt` 仍只用于排序与摘要展示，不作为前端自行推导业务状态的真相。
+
+一期创作流程统一化覆盖拼图、抓大鹅、跳一跳和敲木鱼。四者在前端统一经过 `UnifiedCreationWorkspace` 和 `UnifiedGenerationPage`：`UnifiedCreationWorkspace` 作为平台壳唯一依赖的统一创作编排层，再内部调用 `src/components/unified-creation/workspaces/` 下的 `PuzzleCreationWorkspace`、`Match3DCreationWorkspace`、`JumpHopCreationWorkspace` 和 `WoodenFishCreationWorkspace`；创作页字段清单由后端在 `GET /api/creation-entry/config` 的 `creationTypes[].unifiedCreationSpec` 下发，前端仅在该扩展位缺失时回退到本地默认 spec；首期字段类型只保留 `text`、`select`、`image`、`audio`。`UnifiedCreationPage` 提供统一标题栏、统一返回入口、页面级纵向滚动、内容区和隐藏字段契约，不在 UI 中额外展示字段说明 chip；竖屏移动端必须能从标题、表单一路滑到提交按钮。各玩法工作台负责渲染真实输入控件、上传、历史素材、校验和提交，但返回按钮只保留在统一页头，工作台内部不再重复渲染。拼图、抓大鹅、跳一跳和敲木鱼的工作台实现都已收口到统一目录，只保留各自输入逻辑、素材选择和提交校验，不再由平台壳直接依赖旧工作台文件。敲木鱼的音效和功德词条面板不得放进独立内部滚动容器，移动端应跟随页面自然滚动展开。生成页统一展示阶段、当前步骤、总进度、错误和重试动作。视觉小说、`airp`、`component`、汪汪声浪、方洞、大鱼和宝贝识物不进入一期接线范围，已有链路保持现状。
 
 创作表单提交前的泥点余额前置校验只允许用独立弹窗提示失败原因，不得把用户退回创作入口或玩法模板列表，也不得清空当前表单状态。当前适用拼图、抓大鹅和汪汪声浪等会在前端提交前校验泥点的生成入口；余额不足、余额读取失败都应停留在当前工作台，由用户关闭提示后继续编辑或自行补足泥点。
 
@@ -36,7 +38,7 @@
 
 通用系列素材图集能力的实现真相源在 `platform-image::generated_asset_sheets`：`n` 是必选参数，模块负责组装 `n*n` sheet prompt、按 `n*n` 切片、绿幕 / 近白底透明化、导出 PNG 和 OSS 持久化请求。`api-server::generated_asset_sheets` 只保留 `AppError` / `AppState` 适配，不再承载图像处理和 OSS 请求构造细节。物品名称 prompt 和特殊设定 prompt 是可选输入；调用方可传入类似“每个物品生成五个不同视图”的视角约束，通用模块会把 sheet prompt、物品行 prompt、特殊设定 prompt 编码写入 OSS 元数据。玩法仍负责计费、物品规划、slot 映射、失败回写和把通用切片结果映射回自己的草稿 / profile / runtime 字段。
 
-当前所有玩法生成页 UI 统一收敛为圆环主视觉：`media/create_bg_video.mp4` 作为生成页固定全屏背景层循环静音播放，主进度圆环居中覆盖在背景之上，围绕陶泥儿视觉展示；页面只保留当前步骤名称和当前步骤进度，不再渲染步骤列表块。视频层需要显式触发播放，不能只依赖 `autoPlay/loop/muted` 属性。共用生成页 `CustomWorldGenerationView` 和汪汪声浪生成页都必须遵循这一口径。
+当前所有玩法生成页 UI 统一收敛为圆环主视觉：`media/create_bg_video.mp4` 作为生成页固定全屏背景层循环静音播放，主进度圆环居中覆盖在背景之上，围绕陶泥儿视觉展示；页面只保留当前步骤名称和当前步骤进度，不再渲染步骤列表块。视频层需要显式触发播放，不能只依赖 `autoPlay/loop/muted` 属性。圆环内部保持 `400x400` SVG 坐标系，外层显示宽度以 `400px` 为上限，窄屏按视口宽度收缩，预计等待 / 已耗时信息卡在窄屏下落到圆环下方，避免右侧裁切。共用生成页 `CustomWorldGenerationView` 和汪汪声浪生成页都必须遵循这一口径。
 
 ## 草稿与作品架
 
diff --git a/docs/【玩法创作】生成页圆环布局口径-2026-05-23.md b/docs/【玩法创作】生成页圆环布局口径-2026-05-23.md
index 760a55d7..7236ab89 100644
--- a/docs/【玩法创作】生成页圆环布局口径-2026-05-23.md
+++ b/docs/【玩法创作】生成页圆环布局口径-2026-05-23.md
@@ -1,6 +1,6 @@
 # 生成页圆环布局口径
 
-更新时间：`2026-05-24`
+更新时间：`2026-05-30`
 
 ## 目标
 
@@ -12,8 +12,9 @@
 - 生成页背景视频必须留在生成页容器内部，直接作为 `fixed inset-0` 的底层背景，不要再通过 portal 挂到 `document.body`；页面根容器使用 `z-[1]`、背景容器使用 `z-0`，确保顶部导航、圆环和当前步骤卡都稳定覆盖在视频之上。
 - 预计等待 / 已耗时信息卡要压缩为更轻的半透明窄卡，标签使用 `9px-10px`，数值使用 `12px-13px`，字号对齐其他生成页 UI 的小字号，不再使用偏大的提示文本；卡片标题和时间值都居中显示，两个数值只展示时间本身，调用侧不要再拼接“预计还需”或“已耗时”前缀。圆环中心不再保留独立白底块，空心圆环只保留条状进度，圆弧半径继续加大，进度数字与“总进度”标题整体上移，靠近圆环上半区。
 - 顶部导航区采用“返回创作中心 / 状态胶囊”结构，返回按钮使用左箭头图标，字号使用 `text-xs-sm`，状态胶囊使用 `11px-12px`，展示 `素材生成中`、`草稿生成中` 等调用侧传入文案。
-- 圆弧区域不再包独立大卡片，左右悬浮信息卡只展示“预计等待”和“已耗时”；总进度数值放在圆弧内侧偏上的位置并保持更小字号。圆环本体固定在 `400x400` 的 SVG 画布上，圆弧使用 `r=166`、`strokeWidth=18` 的 SVG 描边，不再跟随页面宽度缩放，也不再使用 `conic-gradient + mask`，避免进度条边缘模糊。
-- 圆弧描边以圆心为中心整体按 `135deg` 起始；`270deg` 扫描角配合 `90deg` 正下方缺口时，轨道和填充都从同一个对称起点出发，轨道保持 `rotate(135 200 200)`，填充端点也使用 `rotate(135 200 200)`。圆环本体尺寸固定，不允许再随容器边长伸缩，只能由外层布局决定放置位置。
+- 圆弧区域不再包独立大卡片，信息卡只展示“预计等待”和“已耗时”；总进度数值放在圆弧内侧偏上的位置并保持更小字号。圆环内部坐标固定在 `400x400` 的 SVG `viewBox` 上，圆弧使用 `r=166`、`strokeWidth=18` 的 SVG 描边，外层显示宽度上限为 `400px`；窄屏视口按 `min(400px, calc(100vw - 2.5rem))` 等比收缩，避免等待页右侧被裁切。圆弧不再使用 `conic-gradient + mask`，避免进度条边缘模糊。
+- 圆弧描边以圆心为中心整体按 `135deg` 起始；`270deg` 扫描角配合 `90deg` 正下方缺口时，轨道和填充都从同一个对称起点出发，轨道保持 `rotate(135 200 200)`，填充端点也使用 `rotate(135 200 200)`。圆环只允许在可用宽度不足 `400px` 时等比收缩，不随宽屏容器继续放大。
+- 在窄屏下，预计等待 / 已耗时信息卡放到圆环下方两列排布；`sm` 及以上视口再回到圆环左右悬浮，避免左右悬浮卡和圆环共同超过视口宽度。
 - 总进度标题和百分比数字必须显式高于 SVG 圆环层级渲染，避免被圆环边缘压住；圆环本身只做背景层，不抢文字层。
 - 总进度标题和百分比数字要比圆环再上移一点，当前内容区上边距以 `pt-[2%]` 为准，桌面端可进一步微调到 `sm:pt-[1.5%]`，确保数字不与进度条弧线重合。
 - 从作品架或刷新后的持久化生成中草稿进入生成页时，前端必须重置“展示态 startedAtMs”为进入生成页的当前时间；后端 `progressPercent` 只用于后续真实步骤推进，不得参与首帧总进度展示，避免恢复生成页首帧直接显示 `80%+`。
@@ -28,4 +29,5 @@
 - `src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx` 覆盖汪汪声浪生成页对齐后的圆环布局。
 - 两个生成页都应在测试里断言页面根容器层级高于背景视频容器，且背景视频确实是页面子节点，避免 portal 背景把业务 UI 压住。
 - 还应断言圆弧正下方留空、圆环中心没有独立底色块，时间卡和总进度字号缩小后仍能在桌面与移动端正常排版；同时断言时间卡 `text-center`、标题行 `justify-center`、总进度内容区上移到 `pt-[2%]`，桌面端保持 `sm:pt-[1.5%]`，圆弧 DOM 为 SVG，包含清晰的 track/fill circle 描边。
+- 还应断言圆环容器使用 `w-[min(400px,calc(100vw-2.5rem))]`、`max-w-full` 和 `aspect-square`，窄屏截图至少覆盖 `280px / 320px / 360px / 390px` 宽度，确认右侧没有硬性裁切。
 - 页面在桌面和移动端都不应再出现生成步骤列表块，圆环和当前步骤卡不能被外层卡片嵌套出双层面板感。
diff --git a/quality-gates/README.md b/quality-gates/README.md
new file mode 100644
index 00000000..ebe5f074
--- /dev/null
+++ b/quality-gates/README.md
@@ -0,0 +1,27 @@
+# 提交前质量门禁
+
+本目录记录当前创作流程统一化提交前必须执行的检查。门禁既可以是自动脚本，也可以是需要人工确认的体验流程。
+
+## 当前必跑
+
+- [【玩法创作】统一创作页门禁-2026-05-29.md](./【玩法创作】统一创作页门禁-2026-05-29.md)
+- [【玩法创作】统一生成页门禁-2026-05-29.md](./【玩法创作】统一生成页门禁-2026-05-29.md)
+- [【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md](./【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md)
+- [【开发运维】dev-stack状态文件门禁-2026-05-29.md](./【开发运维】dev-stack状态文件门禁-2026-05-29.md)
+
+## 快速基线
+
+```bash
+npm run check:encoding
+npm run typecheck
+npm run admin-web:typecheck
+npm run test -- src/components/platform-entry/platformEntryCreationTypes.test.ts src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx
+npm run test -- src/components/unified-creation/UnifiedCreationWorkspace.test.tsx
+npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
+```
+
+## 使用说明
+
+- `统一创作页门禁` 和 `统一生成页门禁` 仍作为 Phase 2 的基础门禁。
+- `跨玩法回归与冒烟门禁` 覆盖 Phase 2 之后的最小验证集合，Phase 5 / Phase 6 冻结前以它为主。
+- `dev-stack` 状态文件门禁继续单独维护，不并入玩法回归矩阵。
diff --git a/quality-gates/【开发运维】dev-stack状态文件门禁-2026-05-29.md b/quality-gates/【开发运维】dev-stack状态文件门禁-2026-05-29.md
new file mode 100644
index 00000000..b136321b
--- /dev/null
+++ b/quality-gates/【开发运维】dev-stack状态文件门禁-2026-05-29.md
@@ -0,0 +1,16 @@
+# dev-stack 状态文件门禁
+
+## 自动检查
+
+```bash
+node --check scripts/dev.mjs
+npm run test -- scripts/dev.test.ts
+```
+
+## 体验检查
+
+- `npm run dev` 启动后根目录生成 `.app/dev-stack.json`。
+- `npm run dev:web`、`npm run dev:api-server`、`npm run dev:spacetime`、`npm run dev:admin-web` 单独启动时会更新对应服务状态。
+- 文件包含 `schemaVersion`、`command`、`repoRoot`、`database`、`updatedAt` 和四个服务条目。
+- 每个服务条目包含 `status`、`pid`、`host`、`port`、`url`、`command`、`updatedAt`。
+- 端口漂移后文件记录实际端口；服务退出或重启后 PID 与状态会更新。
diff --git a/quality-gates/【玩法创作】统一创作页门禁-2026-05-29.md b/quality-gates/【玩法创作】统一创作页门禁-2026-05-29.md
new file mode 100644
index 00000000..84bfb3d7
--- /dev/null
+++ b/quality-gates/【玩法创作】统一创作页门禁-2026-05-29.md
@@ -0,0 +1,17 @@
+# 统一创作页门禁
+
+## 自动检查
+
+```bash
+npm run test -- src/components/unified-creation/unifiedCreationSpecs.test.ts
+npm run test -- src/components/unified-creation/UnifiedCreationWorkspace.test.tsx
+npm run test -- src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
+```
+
+## 体验检查
+
+- 拼图、抓大鹅、跳一跳、敲木鱼均从 `/creation/<playId>` 进入创作工作台。
+- 四条链路都经过 `UnifiedCreationPage`，字段 spec 只包含 `text`、`select`、`image`、`audio` 四类。
+- 拼图参考图仍走 `CreativeImageInputPanel`，不新增专属上传入口。
+- 敲木鱼音频槽位走 `CreativeAudioInputPanel`，上传、录音、重置和默认音效状态可用。
+- 抓大鹅难度只显示轻松、标准、进阶、硬核四档，提交 payload 仍派生 `clearCount` 和 `difficulty`。
diff --git a/quality-gates/【玩法创作】统一生成页门禁-2026-05-29.md b/quality-gates/【玩法创作】统一生成页门禁-2026-05-29.md
new file mode 100644
index 00000000..97626cb0
--- /dev/null
+++ b/quality-gates/【玩法创作】统一生成页门禁-2026-05-29.md
@@ -0,0 +1,16 @@
+# 统一生成页门禁
+
+## 自动检查
+
+```bash
+npm run test -- src/components/unified-creation/UnifiedGenerationPage.test.tsx
+npm run test -- src/services/miniGameDraftGenerationProgress.test.ts
+```
+
+## 体验检查
+
+- `/creation/puzzle/generating`、`/creation/match3d/generating`、`/creation/wooden-fish/generating` 均渲染 `UnifiedGenerationPage`。
+- 生成页展示后端阶段、当前步骤、总进度、错误和重试动作。
+- 等待时间以生成状态里的 `startedAtMs` 为准；创建该状态时优先使用后端 session 时间戳。
+- 失败后生成页保持可见错误和重试入口，作品架恢复时不得只依赖前端内存 notice。
+- 不为一期新增客户端直连 SpacetimeDB 状态通道。
diff --git a/quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md b/quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md
new file mode 100644
index 00000000..5c5f1b64
--- /dev/null
+++ b/quality-gates/【玩法创作】跨玩法回归与冒烟门禁-2026-05-30.md
@@ -0,0 +1,94 @@
+# 跨玩法回归与冒烟门禁
+
+## 适用范围
+
+- Phase 2 的配置与统一壳收口。
+- Phase 3 的普通工作台接入。
+- Phase 4 的特殊工作台与例外边界。
+- Phase 5 的结果页、发布、作品架、公开详情与运行态收口。
+- Phase 6 冻结前的最小验证集合。
+
+## 共同前置
+
+```bash
+npm run check:encoding
+npm run typecheck
+npm run admin-web:typecheck
+npm run check:spacetime-schema
+```
+
+## Phase 2：配置与统一壳
+
+```bash
+npm run test -- src/components/platform-entry/platformEntryCreationTypes.test.ts src/components/unified-creation/unifiedCreationSpecs.test.ts src/components/unified-creation/UnifiedCreationPage.test.tsx src/components/unified-creation/UnifiedGenerationPage.test.tsx
+```
+
+- 验证 `creation-entry config`、`unifiedCreationSpec`、统一创作页和统一生成页的阶段映射一致。
+- 需要改 SpacetimeDB schema 时，再追加 `npm run check:spacetime-schema`。
+
+## Phase 3：普通工作台
+
+```bash
+npm run test -- src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx src/components/jump-hop-result/JumpHopResultView.test.tsx src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx src/components/edutainment-creation/BabyObjectMatchWorkspace.test.tsx src/components/edutainment-result/BabyObjectMatchResultView.test.tsx src/components/edutainment-runtime/BabyObjectMatchRuntimeShell.test.tsx src/components/big-fish-creation/BigFishAgentWorkspace.interaction.test.tsx src/components/big-fish-result/BigFishResultView.test.tsx src/components/big-fish-runtime/BigFishRuntimeShell.test.tsx src/components/square-hole-result/SquareHoleResultView.test.tsx
+npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "direct jump hop result route"
+```
+
+- 验证表单 / 图片 / 音频工作台仍提交结构化 payload，不会退回聊天式输入。
+- 跳一跳需同时覆盖工作台结构化提交、结果页试玩 / 发布 / 局部重生成入口、结果页恢复面板和 runtime 起跳 / 重开 / 返回。
+- 宝贝识物与大鱼吃小鱼也要纳入同一批最小回归，避免只验首批或单一工作台。
+- 方洞结果页需覆盖“保存成功后再试玩 / 发布”的路径，避免测试绕过真实保存链路。
+
+## Phase 4：特殊工作台与例外
+
+```bash
+npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "opening RPG agent workspace does not refetch session snapshot in a render loop|create tab resumes agent workspace when draft has no compiled result yet|create tab resumes agent workspace when session has no draft profile even if summary counts look compiled|opening a compiled draft with a missing agent session falls back to draft hub"
+npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "create tab opens bark battle entry form from the template card|bark battle draft result can test before publish and publish to work detail|direct bark battle runtime public code opens published runtime"
+npm run test -- src/components/visual-novel-creation/VisualNovelAgentWorkspace.test.tsx src/components/visual-novel-result/VisualNovelResultView.test.tsx src/components/visual-novel-runtime/VisualNovelRuntimeShell.test.tsx src/components/visual-novel-creation/visualNovelEntryGeneration.test.ts
+npm run check:visual-novel-vn11
+```
+
+- 验证 RPG 例外边界、Bark Battle 的创作 / 发布 / 正式 runtime 闭环，以及视觉小说入口、生成页、结果页、运行态和负向扫描门禁。
+
+## Phase 5：结果页与公开闭环
+
+```bash
+npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "agent draft result publishes to gallery from publish panel|creation hub published work enters existing detail view|creation hub published work experience button enters world directly|creation hub published work start uses loaded detail profile instead of library summary"
+npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "published puzzle works appear on home and mobile game category channel|published big fish works stay hidden from platform home and game category channel|home recommendation Match3D runtime keeps profile generated models when card summary is stale|home recommendation Match3D runtime passes top-level UI background assets|home recommendation Match3D runtime reloads detail when card only has UI assets"
+npm run test -- src/components/platform-entry/PlatformWorkDetailView.test.tsx src/components/platform-entry/PlatformErrorDialog.test.tsx src/components/platform-entry/PlatformFeedbackView.test.tsx src/components/rpg-entry/rpgEntryWorldPresentation.test.ts
+npm run test -- src/components/custom-world-home/CustomWorldCreationHub.test.tsx src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+```
+
+- 验证结果页、发布、作品架、公开详情、推荐 runtime 和公开 read model 的最小回归面。
+- 验证作品架恢复矩阵、公开详情作者展示和跨流程错误 / 反馈弹窗仍和统一链路一致。
+- 若本轮还改了 API 路由、BFF、公开列表或 `/works/detail` 回读，再补 API smoke。`npm run dev:api-server` 是长驻进程，另开终端执行：
+
+```bash
+curl -fsS "$(node -e 'const fs=require("fs"); const s=JSON.parse(fs.readFileSync(".app/dev-stack.json","utf8")); const services=s.services||{}; const svc=services["api-server"]||services.apiServer||{}; const url=String(svc.url||s.apiTarget||"http://127.0.0.1:8082").replace(/\/$/,""); process.stdout.write(`${url}/healthz`);')"
+```
+
+## 竖屏浏览器冒烟
+
+自动测试通过后，仍需用竖屏视口确认页面不是空白、未跳错入口、底部操作不被遮挡。当前仓库没有专用 Playwright 脚本时，可用系统 Chrome 生成截图：
+
+```bash
+out=.app/browser-check/phase-flow-$(date +%Y%m%d)
+mkdir -p "$out"
+for route in \
+  creation-jump-hop:/creation/jump-hop \
+  creation-visual-novel:/creation/visual-novel \
+  creation-square-hole:/creation/square-hole \
+  creation-bark-battle:/creation/bark-battle \
+  creation-baby-object-match:/creation/baby-object-match \
+  generating-jump-hop:/creation/jump-hop/generating \
+  result-jump-hop:/creation/jump-hop/result \
+  runtime-jump-hop:/runtime/jump-hop
+do
+  name=${route%%:*}
+  path=${route#*:}
+  google-chrome --headless=new --no-sandbox --disable-gpu --window-size=390,844 --virtual-time-budget=4000 --screenshot="$out/$name.png" "http://127.0.0.1:3000$path"
+done
+ls -lh "$out"
+```
+
+- 执行前确保 `npm run dev:spacetime`、`npm run dev:api-server`、`npm run dev:web` 已按实际端口启动；若 `.app/dev-stack.json` 和实际端口不一致，以 `ss -ltnp` 和 `/healthz` 为准。
+- 截图只保存本地 `.app/`，不提交 Git。检查时至少确认首屏有对应玩法工作台 / 生成页 / 结果页 / runtime 内容，且竖屏下无明显空白死页、入口跳错、按钮遮挡或套滚动。跳一跳结果页若缺少恢复信息，应显示恢复面板而不是空白页。
diff --git a/scripts/dev.mjs b/scripts/dev.mjs
index 82d462db..b45c06f6 100644
--- a/scripts/dev.mjs
+++ b/scripts/dev.mjs
@@ -9,7 +9,7 @@ import {
   watch,
   writeFileSync,
 } from 'node:fs';
-import {basename, relative, resolve} from 'node:path';
+import {basename, join, relative, resolve} from 'node:path';
 import {createInterface} from 'node:readline';
 import {fileURLToPath} from 'node:url';
 
@@ -30,6 +30,7 @@ import {
 } from './dev-utils.mjs';
 
 const repoRoot = process.cwd();
+const devStackStatePath = join(repoRoot, '.app/dev-stack.json');
 const serverRsDir = resolve(repoRoot, 'server-rs');
 const manifestPath = resolve(serverRsDir, 'Cargo.toml');
 const modulePath = resolve(serverRsDir, 'crates/spacetime-module');
@@ -255,6 +256,136 @@ function normalizeServiceName(rawName) {
   throw new Error(`未知模块: ${rawName}`);
 }
 
+function resolveDevStackStatePath(root = repoRoot) {
+  return join(root, '.app/dev-stack.json');
+}
+
+function buildDevStackSnapshot(runner, updatedAt = new Date().toISOString()) {
+  const services = {};
+  for (const serviceName of SERVICE_NAMES) {
+    services[serviceName] = buildDevStackServiceSnapshot(
+      runner,
+      serviceName,
+      updatedAt,
+    );
+  }
+
+  return {
+    schemaVersion: 1,
+    command: runner.command ?? 'all',
+    repoRoot,
+    database: runner.options.database,
+    watch: Boolean(runner.options.watch),
+    updatedAt,
+    services,
+  };
+}
+
+function buildDevStackServiceSnapshot(runner, serviceName, updatedAt) {
+  const service = runner.services.get(serviceName);
+  const runtime = service?.runtime ?? {};
+  const endpoint = resolveDevStackServiceEndpoint(runner, serviceName);
+  const isReusedSpacetime =
+    serviceName === 'spacetime' && runner.state.spacetimeReused;
+  const runtimeStatus = runtime.status ?? 'idle';
+  const status =
+    runtimeStatus === 'idle' && isReusedSpacetime ? 'reused' : runtimeStatus;
+  const childPid =
+    service?.child && Number.isInteger(service.child.pid)
+      ? service.child.pid
+      : null;
+
+  return {
+    status,
+    pid:
+      childPid ??
+      runtime.pid ??
+      (isReusedSpacetime ? (runner.state.spacetimePid ?? null) : null),
+    host: runtime.host ?? endpoint.host,
+    port: runtime.port ?? endpoint.port,
+    url: runtime.url ?? endpoint.url,
+    command: runtime.command ?? resolveDevStackServiceCommand(runner, serviceName),
+    startedAt: runtime.startedAt ?? null,
+    updatedAt: runtime.updatedAt ?? updatedAt,
+    exitCode: runtime.exitCode ?? null,
+    signal: runtime.signal ?? null,
+  };
+}
+
+function resolveDevStackServiceEndpoint(runner, serviceName) {
+  const {options, state} = runner;
+  switch (serviceName) {
+    case 'spacetime':
+      return {
+        host: options.spacetimeHost,
+        port: options.spacetimePort,
+        url: state.spacetimeServer,
+      };
+    case 'api-server':
+      return {
+        host: options.apiHost,
+        port: options.apiPort,
+        url: state.apiTarget,
+      };
+    case 'web':
+      return {
+        host: options.webHost,
+        port: options.webPort,
+        url: `http://${resolveClientHost(options.webHost)}:${options.webPort}`,
+      };
+    case 'admin-web':
+      return {
+        host: options.adminWebHost,
+        port: options.adminWebPort,
+        url: `http://${state.adminWebTargetHost}:${options.adminWebPort}/admin/`,
+      };
+    default:
+      return {
+        host: null,
+        port: null,
+        url: null,
+      };
+  }
+}
+
+function resolveDevStackServiceCommand(runner, serviceName) {
+  const {options, state} = runner;
+  switch (serviceName) {
+    case 'spacetime':
+      return state.spacetimeReused
+        ? `reuse spacetime standalone ${state.spacetimeServer}`
+        : [
+            'spacetime',
+            'start',
+            '--data-dir',
+            options.spacetimeDataDir,
+            '--listen-addr',
+            `${options.spacetimeHost}:${options.spacetimePort}`,
+            '--non-interactive',
+          ].join(' ');
+    case 'api-server':
+      return 'cargo run -p api-server --manifest-path server-rs/Cargo.toml';
+    case 'web':
+      return [
+        'node',
+        relative(repoRoot, viteCliPath),
+        `--port=${options.webPort}`,
+        `--host=${options.webHost}`,
+        '--strictPort',
+      ].join(' ');
+    case 'admin-web':
+      return [
+        'node',
+        relative(adminWebDir, viteCliPath),
+        `--host=${options.adminWebHost}`,
+        `--port=${options.adminWebPort}`,
+        '--strictPort',
+      ].join(' ');
+    default:
+      return null;
+  }
+}
+
 function requireCommand(command) {
   const result = spawnSync(command, ['--version'], {
     cwd: repoRoot,
@@ -384,14 +515,37 @@ function ensureRequiredFiles(command) {
 }
 
 class DevService {
-  constructor(name, startFn) {
+  constructor(name, startFn, onStateChange = null) {
     this.name = name;
     this.startFn = startFn;
+    this.onStateChange = onStateChange;
     this.child = null;
     this.children = [];
     this.logStream = null;
     this.stopping = false;
     this.restartTimer = null;
+    this.runtime = {
+      status: 'idle',
+      pid: null,
+      host: null,
+      port: null,
+      url: null,
+      command: null,
+      startedAt: null,
+      updatedAt: null,
+      exitCode: null,
+      signal: null,
+    };
+  }
+
+  updateRuntimeState(patch) {
+    const updatedAt = new Date().toISOString();
+    this.runtime = {
+      ...this.runtime,
+      ...patch,
+      updatedAt,
+    };
+    this.onStateChange?.();
   }
 
   async start() {
@@ -399,17 +553,36 @@ class DevService {
       return;
     }
 
-    await this.startFn(this);
+    this.updateRuntimeState({status: 'starting', exitCode: null, signal: null});
+    try {
+      await this.startFn(this);
+    } catch (error) {
+      this.updateRuntimeState({status: 'failed', pid: null});
+      throw error;
+    }
   }
 
   registerChild(child) {
     this.child = child;
+    this.updateRuntimeState({
+      status: 'running',
+      pid: Number.isInteger(child.pid) ? child.pid : null,
+      exitCode: null,
+      signal: null,
+      startedAt: this.runtime.startedAt ?? new Date().toISOString(),
+    });
     child.on('exit', (code, signal) => {
       if (this.logStream && !this.logStream.destroyed) {
         this.logStream.end();
       }
 
       this.child = null;
+      this.updateRuntimeState({
+        status: this.stopping ? 'stopped' : code === 0 ? 'stopped' : 'failed',
+        pid: null,
+        exitCode: code ?? null,
+        signal: signal ?? null,
+      });
       if (this.stopping) {
         this.stopping = false;
         return;
@@ -428,6 +601,9 @@ class DevService {
 
     const processes = [this.child, ...this.children].filter(Boolean);
     this.stopping = processes.length > 0;
+    if (processes.length > 0) {
+      this.updateRuntimeState({status: 'stopping'});
+    }
     this.child = null;
     this.children = [];
 
@@ -440,6 +616,9 @@ class DevService {
     }
     this.logStream = null;
     this.stopping = false;
+    if (processes.length > 0) {
+      this.updateRuntimeState({status: 'stopped', pid: null});
+    }
   }
 
   scheduleRestart(delayMs = 250, restartFn = null, actionLabel = '重启') {
@@ -589,6 +768,7 @@ class DevRunner {
     await this.resolvePorts(command);
     this.registerServices();
     this.printSummary(command);
+    this.writeDevStackState();
   }
 
   async prepareLinuxPortRange(command) {
@@ -703,6 +883,9 @@ class DevRunner {
       }
       this.state.spacetimeServer = candidate;
       this.state.spacetimeReused = true;
+      this.state.spacetimePid = Number.isInteger(pidState.pid)
+        ? pidState.pid
+        : null;
       const pidLabel = Number.isInteger(pidState.pid) ? ` pid=${pidState.pid}` : '';
       console.log(`[dev:spacetime] 复用已启动实例${pidLabel}: ${candidate}`);
       return;
@@ -807,19 +990,48 @@ class DevRunner {
   }
 
   registerServices() {
+    const onStateChange = () => this.writeDevStackState();
     this.services.set(
       'spacetime',
-      new DevService('spacetime', async (service) => this.startSpacetime(service)),
+      new DevService(
+        'spacetime',
+        async (service) => this.startSpacetime(service),
+        onStateChange,
+      ),
     );
     this.services.set(
       'api-server',
-      new DevService('api-server', async (service) => this.startApiServer(service)),
+      new DevService(
+        'api-server',
+        async (service) => this.startApiServer(service),
+        onStateChange,
+      ),
+    );
+    this.services.set(
+      'web',
+      new DevService('web', async (service) => this.startWeb(service), onStateChange),
     );
-    this.services.set('web', new DevService('web', async (service) => this.startWeb(service)));
     this.services.set(
       'admin-web',
-      new DevService('admin-web', async (service) => this.startAdminWeb(service)),
+      new DevService(
+        'admin-web',
+        async (service) => this.startAdminWeb(service),
+        onStateChange,
+      ),
     );
+
+    if (this.state.spacetimeReused) {
+      const spacetimeService = this.services.get('spacetime');
+      const endpoint = resolveDevStackServiceEndpoint(this, 'spacetime');
+      spacetimeService?.updateRuntimeState({
+        status: 'reused',
+        pid: this.state.spacetimePid ?? null,
+        host: endpoint.host,
+        port: endpoint.port,
+        url: endpoint.url,
+        command: resolveDevStackServiceCommand(this, 'spacetime'),
+      });
+    }
   }
 
   printSummary(command) {
@@ -843,6 +1055,16 @@ class DevRunner {
     console.log(`[dev] database: ${options.database}`);
   }
 
+  writeDevStackState() {
+    try {
+      ensureParentDir(devStackStatePath);
+      const snapshot = buildDevStackSnapshot(this);
+      writeFileSync(devStackStatePath, `${JSON.stringify(snapshot, null, 2)}\n`, 'utf8');
+    } catch (error) {
+      console.warn(`[dev] 写入 ${devStackStatePath} 失败: ${error.message}`);
+    }
+  }
+
   async startCommand(command) {
     if (command === 'all') {
       await this.startSpacetimeForFullStack();
@@ -916,6 +1138,17 @@ class DevRunner {
     );
 
     console.log(`[dev:spacetime] log: ${logFile}`);
+    service.updateRuntimeState({
+      status: 'starting',
+      pid: null,
+      host: options.spacetimeHost,
+      port: options.spacetimePort,
+      url: this.state.spacetimeServer,
+      command: resolveDevStackServiceCommand(this, 'spacetime'),
+      startedAt: new Date().toISOString(),
+      exitCode: null,
+      signal: null,
+    });
     const env = {
       ...this.baseEnv,
     };
@@ -969,6 +1202,11 @@ class DevRunner {
     this.options.spacetimePort = port;
     this.state.spacetimeServer = `http://${this.options.spacetimeHost}:${port}`;
     recordSpacetimeUrl(this.options.spacetimeDataDir, this.state.spacetimeServer);
+    this.services.get('spacetime')?.updateRuntimeState({
+      host: this.options.spacetimeHost,
+      port,
+      url: this.state.spacetimeServer,
+    });
     console.log(`[dev:spacetime] actual: ${this.state.spacetimeServer}`);
   }
 
@@ -1065,6 +1303,17 @@ class DevRunner {
     console.log(
       `[dev:api-server] SpacetimeDB ${this.options.database} @ ${this.state.spacetimeServer}`,
     );
+    service.updateRuntimeState({
+      status: 'starting',
+      pid: null,
+      host: this.options.apiHost,
+      port: this.options.apiPort,
+      url: this.state.apiTarget,
+      command: resolveDevStackServiceCommand(this, 'api-server'),
+      startedAt: new Date().toISOString(),
+      exitCode: null,
+      signal: null,
+    });
 
     const child = spawn(
       'cargo',
@@ -1107,6 +1356,7 @@ class DevRunner {
 
   startWeb(service) {
     const apiTarget = this.resolveFrontendApiTarget();
+    const endpoint = resolveDevStackServiceEndpoint(this, 'web');
     const env = {
       ...this.baseEnv,
       RUST_SERVER_TARGET: apiTarget,
@@ -1117,6 +1367,17 @@ class DevRunner {
     };
 
     console.log(`[dev:web] api target: ${apiTarget}`);
+    service.updateRuntimeState({
+      status: 'starting',
+      pid: null,
+      host: endpoint.host,
+      port: endpoint.port,
+      url: endpoint.url,
+      command: resolveDevStackServiceCommand(this, 'web'),
+      startedAt: new Date().toISOString(),
+      exitCode: null,
+      signal: null,
+    });
     const child = spawn(
       'node',
       [
@@ -1142,6 +1403,7 @@ class DevRunner {
 
   startAdminWeb(service) {
     const apiTarget = this.resolveFrontendApiTarget({admin: true});
+    const endpoint = resolveDevStackServiceEndpoint(this, 'admin-web');
     const env = {
       ...this.baseEnv,
       ADMIN_API_TARGET: apiTarget,
@@ -1150,6 +1412,17 @@ class DevRunner {
     };
 
     console.log(`[dev:admin-web] api target: ${apiTarget}`);
+    service.updateRuntimeState({
+      status: 'starting',
+      pid: null,
+      host: endpoint.host,
+      port: endpoint.port,
+      url: endpoint.url,
+      command: resolveDevStackServiceCommand(this, 'admin-web'),
+      startedAt: new Date().toISOString(),
+      exitCode: null,
+      signal: null,
+    });
     const child = spawn(
       'node',
       [
@@ -1820,12 +2093,14 @@ export {
   assertReusableSpacetimeProcessVersionMatchesWorkspace,
   assertSpacetimeToolVersionMatchesWorkspace,
   buildApiServerProcessEnv,
+  buildDevStackSnapshot,
   buildSpacetimePublishArgs,
   createDevServerSpawnOptions,
   createWatchConfigs,
   isSpacetimePublishPermissionError,
   parseSpacetimeToolVersion,
   parseArgs,
+  resolveDevStackStatePath,
   shouldAcceptWatchEvent,
 };
 
diff --git a/scripts/dev.test.ts b/scripts/dev.test.ts
index 7219908d..b22bad82 100644
--- a/scripts/dev.test.ts
+++ b/scripts/dev.test.ts
@@ -9,12 +9,14 @@ import {
   assertReusableSpacetimeProcessVersionMatchesWorkspace,
   assertSpacetimeToolVersionMatchesWorkspace,
   buildApiServerProcessEnv,
+  buildDevStackSnapshot,
   buildSpacetimePublishArgs,
   createDevServerSpawnOptions,
   createWatchConfigs,
   isSpacetimePublishPermissionError,
   parseSpacetimeToolVersion,
   parseArgs,
+  resolveDevStackStatePath,
   shouldAcceptWatchEvent,
 } from './dev.mjs';
 
@@ -168,6 +170,79 @@ describe('dev scheduler api-server env', () => {
   });
 });
 
+describe('dev scheduler stack state file', () => {
+  test('状态文件路径固定在根目录 .app/dev-stack.json', () => {
+    expect(resolveDevStackStatePath('C:\\repo\\Genarrative')).toBe(
+      join('C:\\repo\\Genarrative', '.app/dev-stack.json'),
+    );
+  });
+
+  test('状态快照记录服务 pid、端口、URL 和当前命令', () => {
+    const updatedAt = '2026-05-29T00:00:00.000Z';
+    const runner = {
+      command: 'web',
+      options: {
+        apiHost: '127.0.0.1',
+        apiPort: 8090,
+        webHost: '0.0.0.0',
+        webPort: 3010,
+        adminWebHost: '127.0.0.1',
+        adminWebPort: 3110,
+        spacetimeHost: '127.0.0.1',
+        spacetimePort: 3120,
+        spacetimeDataDir: 'server-rs/.spacetimedb/local/data',
+        database: 'genarrative-test',
+        watch: false,
+      },
+      state: {
+        apiTarget: 'http://127.0.0.1:8090',
+        adminWebTargetHost: '127.0.0.1',
+        spacetimeServer: 'http://127.0.0.1:3120',
+      },
+      services: new Map([
+        [
+          'web',
+          {
+            child: {pid: 4321},
+            runtime: {
+              status: 'running',
+              pid: 4321,
+              host: '0.0.0.0',
+              port: 3010,
+              url: 'http://127.0.0.1:3010',
+              command: 'node scripts/vite-cli.mjs --port=3010',
+              startedAt: updatedAt,
+              updatedAt,
+              exitCode: null,
+              signal: null,
+            },
+          },
+        ],
+      ]),
+    };
+
+    const snapshot = buildDevStackSnapshot(runner, updatedAt);
+
+    expect(snapshot.schemaVersion).toBe(1);
+    expect(snapshot.command).toBe('web');
+    expect(snapshot.database).toBe('genarrative-test');
+    expect(snapshot.services.web).toMatchObject({
+      status: 'running',
+      pid: 4321,
+      host: '0.0.0.0',
+      port: 3010,
+      url: 'http://127.0.0.1:3010',
+      command: 'node scripts/vite-cli.mjs --port=3010',
+    });
+    expect(snapshot.services['api-server']).toMatchObject({
+      status: 'idle',
+      pid: null,
+      port: 8090,
+      url: 'http://127.0.0.1:8090',
+    });
+  });
+});
+
 describe('dev scheduler spacetime reuse guard', () => {
   test('记录 URL 可 ping 但没有 spacetime.pid 时不复用宿主', async () => {
     const tempDir = mkdtempSync(join(tmpdir(), 'genarrative-spacetime-reuse-'));
diff --git a/server-rs/Cargo.lock b/server-rs/Cargo.lock
index dc56dad6..e80fbd9c 100644
--- a/server-rs/Cargo.lock
+++ b/server-rs/Cargo.lock
@@ -3416,6 +3416,7 @@ dependencies = [
  "serde",
  "serde_json",
  "sha2",
+ "shared-contracts",
  "shared-kernel",
  "spacetimedb",
  "spacetimedb-lib",
diff --git a/server-rs/crates/api-server/src/admin.rs b/server-rs/crates/api-server/src/admin.rs
index 78a5d8dd..956be5e1 100644
--- a/server-rs/crates/api-server/src/admin.rs
+++ b/server-rs/crates/api-server/src/admin.rs
@@ -28,6 +28,9 @@ use shared_contracts::admin::{
     AdminUpdateWorkVisibilityResponse, AdminUpsertCreationEntryTypeConfigRequest,
     AdminWorkVisibilityListResponse,
 };
+use shared_contracts::creation_entry_config::{
+    encode_unified_creation_spec_response, validate_unified_creation_spec_for_play,
+};
 use time::{OffsetDateTime, format_description::well_known::Rfc3339};
 
 use crate::{
@@ -291,6 +294,7 @@ fn map_admin_creation_entry_type_config(
         category_label: entry.category_label,
         category_sort_order: entry.category_sort_order,
         updated_at_micros: entry.updated_at_micros,
+        unified_creation_spec: entry.unified_creation_spec,
     }
 }
 
@@ -305,6 +309,23 @@ fn validate_admin_creation_entry_config(
     if title.is_empty() {
         return Err(AppError::from_status(StatusCode::BAD_REQUEST).with_message("入口标题不能为空"));
     }
+    let unified_creation_spec = match payload.unified_creation_spec {
+        Some(spec) => {
+            validate_unified_creation_spec_for_play(&id, &spec).map_err(|error| {
+                AppError::from_status(StatusCode::BAD_REQUEST).with_message(error)
+            })?;
+            Some(spec)
+        }
+        None => None,
+    };
+    let unified_creation_spec_json = unified_creation_spec
+        .as_ref()
+        .map(|spec| {
+            encode_unified_creation_spec_response(spec).map_err(|error| {
+                AppError::from_status(StatusCode::BAD_REQUEST).with_message(error)
+            })
+        })
+        .transpose()?;
     Ok(module_runtime::CreationEntryTypeAdminUpsertInput {
         id,
         title,
@@ -317,6 +338,7 @@ fn validate_admin_creation_entry_config(
         category_id: payload.category_id.trim().to_string(),
         category_label: payload.category_label.trim().to_string(),
         category_sort_order: payload.category_sort_order,
+        unified_creation_spec_json,
     })
 }
 
diff --git a/server-rs/crates/api-server/src/match3d/draft.rs b/server-rs/crates/api-server/src/match3d/draft.rs
index 79a0aa77..98e8a8b2 100644
--- a/server-rs/crates/api-server/src/match3d/draft.rs
+++ b/server-rs/crates/api-server/src/match3d/draft.rs
@@ -163,7 +163,14 @@ pub(super) async fn compile_match3d_draft_for_session(
         .clone()
         .unwrap_or_else(|| fallback_work_metadata.tags.clone());
     let billing_asset_id = format!("{}:{}:{}", session_id, profile_id, current_utc_micros());
-    execute_billable_match3d_draft_generation(
+    let compile_session_id = session_id.clone();
+    let compile_owner_user_id = owner_user_id.clone();
+    let compile_profile_id = profile_id.clone();
+    let compile_initial_game_name = initial_game_name.clone();
+    let compile_requested_summary = requested_summary.clone();
+    let compile_initial_tags = initial_tags.clone();
+    let compile_requested_cover_image_src = requested_cover_image_src.clone();
+    let result = execute_billable_match3d_draft_generation(
         state,
         request_context,
         owner_user_id.as_str(),
@@ -307,7 +314,108 @@ pub(super) async fn compile_match3d_draft_for_session(
             Ok((next_session, generated_item_assets))
         },
     )
+    .await;
+
+    if let Err(response) = result.as_ref()
+        && response.status().is_server_error()
+    {
+        let failure_message = match3d_response_failure_message(response);
+        persist_failed_match3d_draft_generation(
+            state,
+            request_context,
+            authenticated,
+            compile_session_id,
+            compile_owner_user_id,
+            compile_profile_id,
+            compile_initial_game_name,
+            compile_requested_summary,
+            compile_initial_tags,
+            compile_requested_cover_image_src,
+            failure_message,
+        )
+        .await;
+    }
+
+    result
+}
+
+#[allow(clippy::too_many_arguments)]
+async fn persist_failed_match3d_draft_generation(
+    state: &AppState,
+    request_context: &RequestContext,
+    authenticated: &AuthenticatedAccessToken,
+    session_id: String,
+    owner_user_id: String,
+    profile_id: String,
+    game_name: String,
+    summary: Option<String>,
+    tags: Vec<String>,
+    cover_image_src: Option<String>,
+    failure_message: String,
+) {
+    let failure_assets_json = serialize_match3d_failed_generation_assets(failure_message.as_str());
+    if let Err(persist_error) = upsert_match3d_draft_snapshot(
+        state,
+        request_context,
+        authenticated,
+        session_id,
+        owner_user_id,
+        profile_id,
+        Some(game_name),
+        summary.or_else(|| Some(String::new())),
+        Some(serde_json::to_string(&tags).unwrap_or_default()),
+        cover_image_src,
+        None,
+        failure_assets_json,
+    )
     .await
+    {
+        tracing::error!(
+            provider = MATCH3D_AGENT_PROVIDER,
+            status = ?persist_error.status(),
+            "抓大鹅草稿生成失败后的状态回写失败"
+        );
+    }
+}
+
+fn serialize_match3d_failed_generation_assets(message: &str) -> Option<String> {
+    let background_asset = Match3DGeneratedBackgroundAsset {
+        prompt: String::new(),
+        status: "failed".to_string(),
+        error: Some(message.trim().to_string()),
+        ..Default::default()
+    };
+    let assets = vec![Match3DGeneratedItemAssetJson {
+        item_id: "match3d-generation-failure".to_string(),
+        item_name: "生成失败".to_string(),
+        item_size: Some(MATCH3D_ITEM_SIZE_LARGE.to_string()),
+        image_src: None,
+        image_object_key: None,
+        image_views: Vec::new(),
+        model_src: None,
+        model_object_key: None,
+        model_file_name: None,
+        task_uuid: None,
+        subscription_key: None,
+        sound_prompt: None,
+        background_music_title: None,
+        background_music_style: None,
+        background_music_prompt: None,
+        background_music: None,
+        click_sound: None,
+        background_asset: Some(background_asset),
+        status: "failed".to_string(),
+        error: Some(message.trim().to_string()),
+    }];
+    serde_json::to_string(&assets).ok()
+}
+
+fn match3d_response_failure_message(response: &Response) -> String {
+    response
+        .extensions()
+        .get::<String>()
+        .cloned()
+        .unwrap_or_else(|| format!("抓大鹅草稿生成失败，HTTP {}", response.status()))
 }
 
 /// 中文注释：抓大鹅草稿生成是一次完整外部生成动作，按 session/profile 幂等预扣 10 泥点。
diff --git a/server-rs/crates/api-server/src/match3d/mappers.rs b/server-rs/crates/api-server/src/match3d/mappers.rs
index 3fe49eb6..7ef007b8 100644
--- a/server-rs/crates/api-server/src/match3d/mappers.rs
+++ b/server-rs/crates/api-server/src/match3d/mappers.rs
@@ -453,6 +453,32 @@ fn match3d_background_asset_has_image(asset: &Match3DGeneratedBackgroundAsset) -
         || match3d_text_present(asset.container_image_object_key.as_ref())
 }
 
+fn match3d_asset_status_is_failure(status: &str) -> bool {
+    let normalized = status.trim().to_ascii_lowercase().replace(['-', ' '], "_");
+    matches!(
+        normalized.as_str(),
+        "failed" | "failure" | "error" | "partial_failed"
+    )
+}
+
+fn match3d_error_present(value: Option<&String>) -> bool {
+    value.is_some_and(|value| !value.trim().is_empty())
+}
+
+fn match3d_item_asset_has_failure(asset: &Match3DGeneratedItemAssetJson) -> bool {
+    match3d_asset_status_is_failure(asset.status.as_str())
+        || match3d_error_present(asset.error.as_ref())
+        || asset.background_asset.as_ref().is_some_and(|background| {
+            match3d_asset_status_is_failure(background.status.as_str())
+                || match3d_error_present(background.error.as_ref())
+        })
+}
+
+fn match3d_background_asset_has_failure(asset: &Match3DGeneratedBackgroundAsset) -> bool {
+    match3d_asset_status_is_failure(asset.status.as_str())
+        || match3d_error_present(asset.error.as_ref())
+}
+
 fn resolve_match3d_work_generation_status(
     item: &Match3DWorkProfileRecord,
     assets: &[Match3DGeneratedItemAssetJson],
@@ -462,6 +488,21 @@ fn resolve_match3d_work_generation_status(
         return Some("ready".to_string());
     }
 
+    let has_failure = assets.iter().any(match3d_item_asset_has_failure)
+        || background_asset.is_some_and(match3d_background_asset_has_failure);
+    if has_failure {
+        let has_partial_result = assets.iter().any(match3d_item_asset_has_image)
+            || background_asset.is_some_and(match3d_background_asset_has_image);
+        return Some(
+            if has_partial_result {
+                "partial_failed"
+            } else {
+                "failed"
+            }
+            .to_string(),
+        );
+    }
+
     if assets.is_empty()
         || !assets.iter().any(match3d_item_asset_has_image)
         || !background_asset.is_some_and(match3d_background_asset_has_image)
diff --git a/server-rs/crates/api-server/src/match3d/tests.rs b/server-rs/crates/api-server/src/match3d/tests.rs
index 425fcb69..226be1f1 100644
--- a/server-rs/crates/api-server/src/match3d/tests.rs
+++ b/server-rs/crates/api-server/src/match3d/tests.rs
@@ -1842,3 +1842,45 @@ fn match3d_work_summary_marks_complete_generated_assets_ready() {
 
     assert_eq!(response.generation_status.as_deref(), Some("ready"));
 }
+
+#[test]
+fn match3d_work_summary_marks_failed_generated_assets_failed() {
+    let assets = vec![Match3DGeneratedItemAsset {
+        background_asset: Some(Match3DGeneratedBackgroundAsset {
+            prompt: "水果厨房背景".to_string(),
+            status: "failed".to_string(),
+            error: Some("VectorEngine 请求失败".to_string()),
+            ..Default::default()
+        }),
+        status: "failed".to_string(),
+        error: Some("VectorEngine 请求失败".to_string()),
+        ..test_match3d_generated_item_asset(1, "草莓")
+    }];
+    let response = map_match3d_work_summary_response(Match3DWorkProfileRecord {
+        work_id: "match3d-profile-1".to_string(),
+        profile_id: "match3d-profile-1".to_string(),
+        owner_user_id: "user-1".to_string(),
+        source_session_id: Some("match3d-session-1".to_string()),
+        author_display_name: "玩家".to_string(),
+        game_name: "水果抓大鹅".to_string(),
+        theme_text: "水果".to_string(),
+        summary: "水果主题".to_string(),
+        tags: vec!["水果".to_string()],
+        cover_image_src: None,
+        cover_asset_id: None,
+        reference_image_src: None,
+        clear_count: 3,
+        difficulty: 3,
+        publication_status: "draft".to_string(),
+        play_count: 0,
+        updated_at: "2026-05-10T00:00:00.000Z".to_string(),
+        published_at: None,
+        publish_ready: false,
+        generated_item_assets_json: serialize_match3d_generated_item_assets(&assets),
+    });
+
+    assert_eq!(
+        response.generation_status.as_deref(),
+        Some("partial_failed")
+    );
+}
diff --git a/server-rs/crates/api-server/src/state.rs b/server-rs/crates/api-server/src/state.rs
index 59d47d45..8d70b13e 100644
--- a/server-rs/crates/api-server/src/state.rs
+++ b/server-rs/crates/api-server/src/state.rs
@@ -555,6 +555,10 @@ impl AppState {
                         .to_string(),
                     category_sort_order: 0,
                     updated_at_micros: 0,
+                    unified_creation_spec:
+                        shared_contracts::creation_entry_config::build_phase1_unified_creation_spec(
+                            creation_type_id,
+                        ),
                 },
             );
         }
diff --git a/server-rs/crates/api-server/src/wooden_fish.rs b/server-rs/crates/api-server/src/wooden_fish.rs
index b5fe1132..4a5fe0cd 100644
--- a/server-rs/crates/api-server/src/wooden_fish.rs
+++ b/server-rs/crates/api-server/src/wooden_fish.rs
@@ -147,26 +147,34 @@ pub async fn execute_wooden_fish_action(
         wooden_fish_json(payload, &request_context, WOODEN_FISH_CREATION_PROVIDER)?;
     let owner_user_id = authenticated.claims().user_id().to_string();
     let author_display_name = resolve_author_display_name(&state, &authenticated);
-    maybe_generate_hit_object_asset(
+    let result = execute_wooden_fish_action_with_generated_assets(
         &state,
         &request_context,
         &session_id,
-        owner_user_id.as_str(),
+        &owner_user_id,
+        &author_display_name,
         &mut payload,
     )
-    .await?;
-    maybe_generate_hit_sound_asset(&mut payload);
-    let response = state
-        .spacetime_client()
-        .execute_wooden_fish_action(session_id, owner_user_id, author_display_name, payload)
-        .await
-        .map_err(|error| {
-            wooden_fish_error_response(
-                &request_context,
-                WOODEN_FISH_CREATION_PROVIDER,
-                map_wooden_fish_client_error(error),
-            )
-        })?;
+    .await;
+    if result
+        .as_ref()
+        .err()
+        .is_some_and(|response| response.status().is_server_error())
+        && matches!(
+            payload.action_type,
+            shared_contracts::wooden_fish::WoodenFishActionType::CompileDraft
+        )
+    {
+        mark_wooden_fish_generation_failed(
+            &state,
+            &request_context,
+            &session_id,
+            owner_user_id.as_str(),
+            author_display_name.as_str(),
+        )
+        .await;
+    }
+    let response = result?;
 
     Ok(json_success_body(Some(&request_context), response))
 }
@@ -372,16 +380,24 @@ async fn build_wooden_fish_draft(
     payload: &WoodenFishWorkspaceCreateRequest,
     state: &AppState,
 ) -> Result<WoodenFishDraftResponse, Response> {
-    Ok(WoodenFishDraftResponse {
+    let work_title = resolve_wooden_fish_work_title(
+        state,
+        &payload.work_description,
+        &payload.hit_object_prompt,
+    )
+    .await?;
+    Ok(build_wooden_fish_draft_response(payload, work_title))
+}
+
+fn build_wooden_fish_draft_response(
+    payload: &WoodenFishWorkspaceCreateRequest,
+    work_title: String,
+) -> WoodenFishDraftResponse {
+    WoodenFishDraftResponse {
         template_id: WOODEN_FISH_TEMPLATE_ID.to_string(),
         template_name: WOODEN_FISH_TEMPLATE_NAME.to_string(),
         profile_id: None,
-        work_title: resolve_wooden_fish_work_title(
-            state,
-            &payload.work_description,
-            &payload.hit_object_prompt,
-        )
-        .await?,
+        work_title,
         work_description: payload.work_description.trim().to_string(),
         theme_tags: normalize_tags(payload.theme_tags.clone()),
         hit_object_prompt: clean_string(&payload.hit_object_prompt, DEFAULT_HIT_OBJECT_PROMPT),
@@ -401,7 +417,7 @@ async fn build_wooden_fish_draft(
             .or_else(|| Some(default_wooden_fish_hit_sound_asset())),
         cover_image_src: None,
         generation_status: WoodenFishGenerationStatus::Draft,
-    })
+    }
 }
 
 fn validate_workspace_request(
@@ -543,6 +559,62 @@ async fn maybe_generate_hit_object_asset(
     Ok(())
 }
 
+async fn execute_wooden_fish_action_with_generated_assets(
+    state: &AppState,
+    request_context: &RequestContext,
+    session_id: &str,
+    owner_user_id: &str,
+    author_display_name: &str,
+    payload: &mut WoodenFishActionRequest,
+) -> Result<shared_contracts::wooden_fish::WoodenFishActionResponse, Response> {
+    maybe_generate_hit_object_asset(state, request_context, session_id, owner_user_id, payload)
+        .await?;
+    maybe_generate_hit_sound_asset(payload);
+    state
+        .spacetime_client()
+        .execute_wooden_fish_action(
+            session_id.to_string(),
+            owner_user_id.to_string(),
+            author_display_name.to_string(),
+            payload.clone(),
+        )
+        .await
+        .map_err(|error| {
+            wooden_fish_error_response(
+                request_context,
+                WOODEN_FISH_CREATION_PROVIDER,
+                map_wooden_fish_client_error(error),
+            )
+        })
+}
+
+async fn mark_wooden_fish_generation_failed(
+    state: &AppState,
+    request_context: &RequestContext,
+    session_id: &str,
+    owner_user_id: &str,
+    author_display_name: &str,
+) {
+    if let Err(error) = state
+        .spacetime_client()
+        .mark_wooden_fish_generation_failed(
+            session_id.to_string(),
+            owner_user_id.to_string(),
+            author_display_name.to_string(),
+        )
+        .await
+    {
+        tracing::error!(
+            provider = WOODEN_FISH_CREATION_PROVIDER,
+            session_id,
+            owner_user_id,
+            request_id = request_context.request_id(),
+            error = %error,
+            "敲木鱼草稿生成失败后的状态回写失败"
+        );
+    }
+}
+
 fn default_wooden_fish_hit_object_asset() -> WoodenFishImageAsset {
     WoodenFishImageAsset {
         asset_id: DEFAULT_HIT_OBJECT_ASSET_ID.to_string(),
diff --git a/server-rs/crates/module-runtime/src/application.rs b/server-rs/crates/module-runtime/src/application.rs
index 2d997da6..e18ddd2e 100644
--- a/server-rs/crates/module-runtime/src/application.rs
+++ b/server-rs/crates/module-runtime/src/application.rs
@@ -12,6 +12,7 @@ use crate::format_utc_micros;
 use shared_contracts::creation_entry_config::{
     CreationEntryConfigResponse, CreationEntryEventBannerResponse, CreationEntryStartCardResponse,
     CreationEntryTypeModalResponse, CreationEntryTypeResponse,
+    encode_unified_creation_spec_response, resolve_unified_creation_spec_response,
 };
 
 pub fn build_creation_entry_config_response(
@@ -39,19 +40,26 @@ pub fn build_creation_entry_config_response(
         creation_types: snapshot
             .creation_types
             .into_iter()
-            .map(|item| CreationEntryTypeResponse {
-                id: item.id,
-                title: item.title,
-                subtitle: item.subtitle,
-                badge: item.badge,
-                image_src: item.image_src,
-                visible: item.visible,
-                open: item.open,
-                sort_order: item.sort_order,
-                category_id: item.category_id,
-                category_label: item.category_label,
-                category_sort_order: item.category_sort_order,
-                updated_at_micros: item.updated_at_micros,
+            .map(|item| {
+                let unified_creation_spec = resolve_unified_creation_spec_response(
+                    item.id.as_str(),
+                    item.unified_creation_spec_json.as_deref(),
+                );
+                CreationEntryTypeResponse {
+                    id: item.id,
+                    title: item.title,
+                    subtitle: item.subtitle,
+                    badge: item.badge,
+                    image_src: item.image_src,
+                    visible: item.visible,
+                    open: item.open,
+                    sort_order: item.sort_order,
+                    category_id: item.category_id,
+                    category_label: item.category_label,
+                    category_sort_order: item.category_sort_order,
+                    updated_at_micros: item.updated_at_micros,
+                    unified_creation_spec,
+                }
             })
             .collect(),
     }
@@ -260,9 +268,15 @@ fn build_default_creation_entry_type_snapshot(
         category_label: category_label.to_string(),
         category_sort_order,
         updated_at_micros,
+        unified_creation_spec_json: default_unified_creation_spec_json(id),
     }
 }
 
+pub fn default_unified_creation_spec_json(play_id: &str) -> Option<String> {
+    shared_contracts::creation_entry_config::build_phase1_unified_creation_spec(play_id)
+        .and_then(|spec| encode_unified_creation_spec_response(&spec).ok())
+}
+
 pub fn build_runtime_setting_record(snapshot: RuntimeSettingSnapshot) -> RuntimeSettingsRecord {
     RuntimeSettingsRecord {
         user_id: snapshot.user_id,
diff --git a/server-rs/crates/module-runtime/src/domain.rs b/server-rs/crates/module-runtime/src/domain.rs
index 802cafad..3c04d7af 100644
--- a/server-rs/crates/module-runtime/src/domain.rs
+++ b/server-rs/crates/module-runtime/src/domain.rs
@@ -103,6 +103,7 @@ pub struct CreationEntryTypeSnapshot {
     pub category_label: String,
     pub category_sort_order: i32,
     pub updated_at_micros: i64,
+    pub unified_creation_spec_json: Option<String>,
 }
 
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
@@ -130,6 +131,7 @@ pub struct CreationEntryTypeAdminUpsertInput {
     pub category_id: String,
     pub category_label: String,
     pub category_sort_order: i32,
+    pub unified_creation_spec_json: Option<String>,
 }
 
 #[cfg_attr(feature = "spacetime-types", derive(SpacetimeType))]
diff --git a/server-rs/crates/shared-contracts/src/admin.rs b/server-rs/crates/shared-contracts/src/admin.rs
index cdc128a9..6574e8af 100644
--- a/server-rs/crates/shared-contracts/src/admin.rs
+++ b/server-rs/crates/shared-contracts/src/admin.rs
@@ -1,6 +1,8 @@
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
 
+use crate::creation_entry_config::UnifiedCreationSpecResponse;
+
 // 管理后台协议统一收口在 shared-contracts，避免页面脚本和 Rust handler 各自手拼字段。
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
@@ -34,6 +36,8 @@ pub struct AdminCreationEntryTypeConfigPayload {
     pub category_label: String,
     pub category_sort_order: i32,
     pub updated_at_micros: i64,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub unified_creation_spec: Option<UnifiedCreationSpecResponse>,
 }
 
 /// 后台保存创作入口开关配置请求。
@@ -51,6 +55,8 @@ pub struct AdminUpsertCreationEntryTypeConfigRequest {
     pub category_id: String,
     pub category_label: String,
     pub category_sort_order: i32,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub unified_creation_spec: Option<UnifiedCreationSpecResponse>,
 }
 
 /// 后台作品可见性列表项。
diff --git a/server-rs/crates/shared-contracts/src/creation_entry_config.rs b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
index c6664cbb..832570ed 100644
--- a/server-rs/crates/shared-contracts/src/creation_entry_config.rs
+++ b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
@@ -1,4 +1,5 @@
 use serde::{Deserialize, Serialize};
+use std::collections::BTreeSet;
 
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq)]
 #[serde(rename_all = "camelCase")]
@@ -51,4 +52,223 @@ pub struct CreationEntryTypeResponse {
     pub category_label: String,
     pub category_sort_order: i32,
     pub updated_at_micros: i64,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub unified_creation_spec: Option<UnifiedCreationSpecResponse>,
+}
+
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
+#[serde(rename_all = "camelCase")]
+pub struct UnifiedCreationSpecResponse {
+    pub play_id: String,
+    pub title: String,
+    pub workspace_stage: String,
+    pub generation_stage: String,
+    pub result_stage: String,
+    pub fields: Vec<UnifiedCreationFieldResponse>,
+}
+
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
+#[serde(rename_all = "camelCase")]
+pub struct UnifiedCreationFieldResponse {
+    pub id: String,
+    pub kind: String,
+    pub label: String,
+    pub required: bool,
+}
+
+pub const UNIFIED_CREATION_FIELD_KINDS: [&str; 4] = ["text", "select", "image", "audio"];
+
+pub fn build_phase1_unified_creation_spec(play_id: &str) -> Option<UnifiedCreationSpecResponse> {
+    let (workspace_stage, generation_stage, result_stage, fields) = match play_id {
+        "puzzle" => (
+            "puzzle-agent-workspace",
+            "puzzle-generating",
+            "puzzle-result",
+            vec![
+                unified_creation_field("pictureDescription", "text", "画面描述", true),
+                unified_creation_field("referenceImage", "image", "拼图画面", false),
+                unified_creation_field("promptReferenceImages", "image", "参考图", false),
+            ],
+        ),
+        "match3d" => (
+            "match3d-agent-workspace",
+            "match3d-generating",
+            "match3d-result",
+            vec![
+                unified_creation_field("themeText", "text", "题材", true),
+                unified_creation_field("difficulty", "select", "难度", true),
+            ],
+        ),
+        "jump-hop" => (
+            "jump-hop-workspace",
+            "jump-hop-generating",
+            "jump-hop-result",
+            vec![
+                unified_creation_field("workTitle", "text", "作品标题", true),
+                unified_creation_field("workDescription", "text", "作品简介", true),
+                unified_creation_field("themeTags", "text", "主题标签", true),
+                unified_creation_field("difficulty", "select", "难度", true),
+                unified_creation_field("stylePreset", "select", "风格", true),
+                unified_creation_field("characterPrompt", "text", "角色提示词", true),
+                unified_creation_field("tilePrompt", "text", "地块提示词", true),
+                unified_creation_field("endMoodPrompt", "text", "终点氛围", false),
+            ],
+        ),
+        "wooden-fish" => (
+            "wooden-fish-workspace",
+            "wooden-fish-generating",
+            "wooden-fish-result",
+            vec![
+                unified_creation_field("hitObjectPrompt", "text", "敲什么", false),
+                unified_creation_field("hitObjectReferenceImage", "image", "参考图", false),
+                unified_creation_field("hitSoundAsset", "audio", "敲击音效", false),
+                unified_creation_field("floatingWords", "text", "功德有什么", true),
+            ],
+        ),
+        _ => return None,
+    };
+
+    Some(UnifiedCreationSpecResponse {
+        play_id: play_id.to_string(),
+        title: "想做个什么玩法？".to_string(),
+        workspace_stage: workspace_stage.to_string(),
+        generation_stage: generation_stage.to_string(),
+        result_stage: result_stage.to_string(),
+        fields,
+    })
+}
+
+pub fn validate_unified_creation_spec_response(
+    spec: &UnifiedCreationSpecResponse,
+) -> Result<(), String> {
+    if spec.play_id.trim().is_empty() {
+        return Err("统一创作契约 playId 不能为空".to_string());
+    }
+    if spec.title.trim().is_empty() {
+        return Err("统一创作契约标题不能为空".to_string());
+    }
+
+    let workspace_stage = spec.workspace_stage.trim();
+    let generation_stage = spec.generation_stage.trim();
+    let result_stage = spec.result_stage.trim();
+    if workspace_stage.is_empty() || generation_stage.is_empty() || result_stage.is_empty() {
+        return Err("统一创作契约阶段不能为空".to_string());
+    }
+    if workspace_stage == generation_stage
+        || workspace_stage == result_stage
+        || generation_stage == result_stage
+    {
+        return Err("统一创作契约阶段不能重复".to_string());
+    }
+    if spec.fields.is_empty() {
+        return Err("统一创作契约 fields 不能为空".to_string());
+    }
+
+    let mut field_ids = BTreeSet::new();
+    for field in &spec.fields {
+        let field_id = field.id.trim();
+        if field_id.is_empty() {
+            return Err("统一创作契约字段 id 不能为空".to_string());
+        }
+        if !field_ids.insert(field_id.to_string()) {
+            return Err(format!("统一创作契约字段 id 重复：{field_id}"));
+        }
+        if field.label.trim().is_empty() {
+            return Err(format!("统一创作契约字段 {field_id} 标签不能为空"));
+        }
+        if !UNIFIED_CREATION_FIELD_KINDS.contains(&field.kind.trim()) {
+            return Err(format!(
+                "统一创作契约字段 {field_id} kind 非法：{}",
+                field.kind
+            ));
+        }
+    }
+
+    Ok(())
+}
+
+pub fn validate_unified_creation_spec_for_play(
+    play_id: &str,
+    spec: &UnifiedCreationSpecResponse,
+) -> Result<(), String> {
+    if spec.play_id.trim() != play_id.trim() {
+        return Err(format!(
+            "统一创作契约 playId 必须与入口 ID 一致：{}",
+            play_id.trim()
+        ));
+    }
+
+    validate_unified_creation_spec_response(spec)
+}
+
+pub fn encode_unified_creation_spec_response(
+    spec: &UnifiedCreationSpecResponse,
+) -> Result<String, String> {
+    validate_unified_creation_spec_response(spec)?;
+    serde_json::to_string(spec).map_err(|error| format!("统一创作契约序列化失败：{error}"))
+}
+
+pub fn decode_unified_creation_spec_response(
+    value: &str,
+) -> Result<UnifiedCreationSpecResponse, String> {
+    let spec = serde_json::from_str::<UnifiedCreationSpecResponse>(value)
+        .map_err(|error| format!("统一创作契约 JSON 非法：{error}"))?;
+    validate_unified_creation_spec_response(&spec)?;
+    Ok(spec)
+}
+
+pub fn resolve_unified_creation_spec_response(
+    play_id: &str,
+    value: Option<&str>,
+) -> Option<UnifiedCreationSpecResponse> {
+    match value {
+        Some(raw) => decode_unified_creation_spec_response(raw).ok(),
+        None => build_phase1_unified_creation_spec(play_id),
+    }
+}
+
+fn unified_creation_field(
+    id: &str,
+    kind: &str,
+    label: &str,
+    required: bool,
+) -> UnifiedCreationFieldResponse {
+    UnifiedCreationFieldResponse {
+        id: id.to_string(),
+        kind: kind.to_string(),
+        label: label.to_string(),
+        required,
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn phase1_unified_creation_specs_cover_four_templates() {
+        let puzzle = build_phase1_unified_creation_spec("puzzle").expect("puzzle spec");
+        assert_eq!(puzzle.fields[0].id, "pictureDescription");
+        assert_eq!(puzzle.fields[1].kind, "image");
+
+        let match3d = build_phase1_unified_creation_spec("match3d").expect("match3d spec");
+        assert_eq!(
+            match3d
+                .fields
+                .iter()
+                .filter(|field| field.kind == "select")
+                .count(),
+            1
+        );
+
+        let jump_hop = build_phase1_unified_creation_spec("jump-hop").expect("jump-hop spec");
+        assert!(jump_hop.fields.iter().any(|field| field.id == "stylePreset"));
+        assert!(jump_hop.fields.iter().any(|field| field.id == "endMoodPrompt"));
+
+        let wooden_fish =
+            build_phase1_unified_creation_spec("wooden-fish").expect("wooden-fish spec");
+        assert!(wooden_fish.fields.iter().any(|field| field.kind == "audio"));
+        assert!(build_phase1_unified_creation_spec("visual-novel").is_none());
+        assert!(build_phase1_unified_creation_spec("bark-battle").is_none());
+    }
 }
diff --git a/server-rs/crates/spacetime-client/src/mapper/runtime.rs b/server-rs/crates/spacetime-client/src/mapper/runtime.rs
index 3e146d65..925d3c17 100644
--- a/server-rs/crates/spacetime-client/src/mapper/runtime.rs
+++ b/server-rs/crates/spacetime-client/src/mapper/runtime.rs
@@ -14,6 +14,7 @@ impl From<module_runtime::CreationEntryTypeAdminUpsertInput> for CreationEntryTy
             category_id: input.category_id,
             category_label: input.category_label,
             category_sort_order: input.category_sort_order,
+            unified_creation_spec_json: input.unified_creation_spec_json,
         }
     }
 }
@@ -299,6 +300,7 @@ pub(crate) fn build_creation_entry_config_record_from_rows(
                     ),
                     category_sort_order: item.category_sort_order,
                     updated_at_micros: item.updated_at.to_micros_since_unix_epoch(),
+                    unified_creation_spec_json: item.unified_creation_spec_json,
                 })
                 .collect(),
             updated_at_micros: header.updated_at.to_micros_since_unix_epoch(),
@@ -345,6 +347,7 @@ fn map_creation_entry_config_snapshot(
                 category_label: item.category_label,
                 category_sort_order: item.category_sort_order,
                 updated_at_micros: item.updated_at_micros,
+                unified_creation_spec_json: item.unified_creation_spec_json,
             })
             .collect(),
         updated_at_micros: snapshot.updated_at_micros,
diff --git a/server-rs/crates/spacetime-client/src/mapper/wooden_fish.rs b/server-rs/crates/spacetime-client/src/mapper/wooden_fish.rs
index d4ec1031..60890a91 100644
--- a/server-rs/crates/spacetime-client/src/mapper/wooden_fish.rs
+++ b/server-rs/crates/spacetime-client/src/mapper/wooden_fish.rs
@@ -100,6 +100,7 @@ fn map_wooden_fish_session_snapshot(
 fn map_wooden_fish_work_snapshot(
     snapshot: WoodenFishWorkSnapshot,
 ) -> Result<WoodenFishWorkProfileResponse, SpacetimeClientError> {
+    let generation_status = parse_generation_status(&snapshot.generation_status);
     let draft = WoodenFishDraftResponse {
         template_id: "wooden-fish".to_string(),
         template_name: "敲木鱼".to_string(),
@@ -116,15 +117,23 @@ fn map_wooden_fish_work_snapshot(
         back_button_asset: snapshot.back_button_asset.clone().map(map_image_asset),
         hit_sound_asset: snapshot.hit_sound_asset.clone().map(map_audio_asset),
         cover_image_src: empty_string_to_none(snapshot.cover_image_src.clone()),
-        generation_status: parse_generation_status(&snapshot.generation_status),
+        generation_status: generation_status.clone(),
     };
     let hit_object_asset = draft
         .hit_object_asset
         .clone()
+        .or_else(|| {
+            matches!(generation_status, WoodenFishGenerationStatus::Failed)
+                .then(default_failed_hit_object_asset)
+        })
         .ok_or_else(|| SpacetimeClientError::missing_snapshot("wooden fish hit object asset"))?;
     let hit_sound_asset = draft
         .hit_sound_asset
         .clone()
+        .or_else(|| {
+            matches!(generation_status, WoodenFishGenerationStatus::Failed)
+                .then(default_failed_hit_sound_asset)
+        })
         .ok_or_else(|| SpacetimeClientError::missing_snapshot("wooden fish hit sound asset"))?;
     Ok(WoodenFishWorkProfileResponse {
         summary: WoodenFishWorkSummaryResponse {
@@ -143,7 +152,7 @@ fn map_wooden_fish_work_snapshot(
             updated_at: format_timestamp_micros(snapshot.updated_at_micros),
             published_at: snapshot.published_at_micros.map(format_timestamp_micros),
             publish_ready: snapshot.publish_ready,
-            generation_status: parse_generation_status(&snapshot.generation_status),
+            generation_status,
         },
         draft,
         hit_object_asset,
@@ -154,6 +163,31 @@ fn map_wooden_fish_work_snapshot(
     })
 }
 
+fn default_failed_hit_object_asset() -> WoodenFishImageAsset {
+    WoodenFishImageAsset {
+        asset_id: "wooden-fish-failed-hit-object".to_string(),
+        image_src: "/wooden-fish/default-hit-object.png".to_string(),
+        image_object_key: "public/wooden-fish/default-hit-object.png".to_string(),
+        asset_object_id: "wooden-fish-failed-hit-object".to_string(),
+        generation_provider: "failed-fallback".to_string(),
+        prompt: "生成失败占位图".to_string(),
+        width: 1024,
+        height: 1024,
+    }
+}
+
+fn default_failed_hit_sound_asset() -> WoodenFishAudioAsset {
+    WoodenFishAudioAsset {
+        asset_id: "wooden-fish-failed-hit-sound".to_string(),
+        audio_src: "/wooden-fish/default-hit-sound.mp3".to_string(),
+        audio_object_key: "public/wooden-fish/default-hit-sound.mp3".to_string(),
+        asset_object_id: "wooden-fish-failed-hit-sound".to_string(),
+        source: "failed-fallback".to_string(),
+        prompt: Some("生成失败占位音效".to_string()),
+        duration_ms: Some(3_000),
+    }
+}
+
 fn map_wooden_fish_draft_snapshot(snapshot: WoodenFishDraftSnapshot) -> WoodenFishDraftResponse {
     WoodenFishDraftResponse {
         template_id: snapshot.template_id,
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_admin_upsert_input_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_admin_upsert_input_type.rs
index ae561402..bc53b44c 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_admin_upsert_input_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_admin_upsert_input_type.rs
@@ -18,6 +18,7 @@ pub struct CreationEntryTypeAdminUpsertInput {
     pub category_id: String,
     pub category_label: String,
     pub category_sort_order: i32,
+    pub unified_creation_spec_json: Option<String>,
 }
 
 impl __sdk::InModule for CreationEntryTypeAdminUpsertInput {
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_config_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_config_type.rs
index 6fa8c5ed..e5e05d83 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_config_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_config_type.rs
@@ -19,6 +19,7 @@ pub struct CreationEntryTypeConfig {
     pub category_id: Option<String>,
     pub category_label: Option<String>,
     pub category_sort_order: i32,
+    pub unified_creation_spec_json: Option<String>,
 }
 
 impl __sdk::InModule for CreationEntryTypeConfig {
@@ -41,6 +42,8 @@ pub struct CreationEntryTypeConfigCols {
     pub category_id: __sdk::__query_builder::Col<CreationEntryTypeConfig, Option<String>>,
     pub category_label: __sdk::__query_builder::Col<CreationEntryTypeConfig, Option<String>>,
     pub category_sort_order: __sdk::__query_builder::Col<CreationEntryTypeConfig, i32>,
+    pub unified_creation_spec_json:
+        __sdk::__query_builder::Col<CreationEntryTypeConfig, Option<String>>,
 }
 
 impl __sdk::__query_builder::HasCols for CreationEntryTypeConfig {
@@ -62,6 +65,10 @@ impl __sdk::__query_builder::HasCols for CreationEntryTypeConfig {
                 table_name,
                 "category_sort_order",
             ),
+            unified_creation_spec_json: __sdk::__query_builder::Col::new(
+                table_name,
+                "unified_creation_spec_json",
+            ),
         }
     }
 }
diff --git a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_snapshot_type.rs b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_snapshot_type.rs
index 51d87596..082b4346 100644
--- a/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_snapshot_type.rs
+++ b/server-rs/crates/spacetime-client/src/module_bindings/creation_entry_type_snapshot_type.rs
@@ -19,6 +19,7 @@ pub struct CreationEntryTypeSnapshot {
     pub category_label: String,
     pub category_sort_order: i32,
     pub updated_at_micros: i64,
+    pub unified_creation_spec_json: Option<String>,
 }
 
 impl __sdk::InModule for CreationEntryTypeSnapshot {
diff --git a/server-rs/crates/spacetime-client/src/wooden_fish.rs b/server-rs/crates/spacetime-client/src/wooden_fish.rs
index 66304b09..d09f5238 100644
--- a/server-rs/crates/spacetime-client/src/wooden_fish.rs
+++ b/server-rs/crates/spacetime-client/src/wooden_fish.rs
@@ -122,6 +122,35 @@ impl SpacetimeClient {
         })
     }
 
+    pub async fn mark_wooden_fish_generation_failed(
+        &self,
+        session_id: String,
+        owner_user_id: String,
+        author_display_name: String,
+    ) -> Result<WoodenFishSessionSnapshotResponse, SpacetimeClientError> {
+        let current = self
+            .get_wooden_fish_session(session_id.clone(), owner_user_id.clone())
+            .await?;
+        let mut draft = current.draft.clone().unwrap_or_else(default_draft);
+        let profile_id = resolve_wooden_fish_profile_id(
+            &draft,
+            &WoodenFishActionType::CompileDraft,
+            draft.profile_id.as_deref(),
+        )?;
+        draft.profile_id = Some(profile_id.clone());
+        draft.generation_status = WoodenFishGenerationStatus::Failed;
+        let now_micros = current_unix_micros();
+        self.compile_wooden_fish_draft(build_failed_compile_input(
+            &current,
+            &owner_user_id,
+            &author_display_name,
+            &profile_id,
+            &draft,
+            now_micros,
+        )?)
+        .await
+    }
+
     pub async fn compile_wooden_fish_draft(
         &self,
         procedure_input: WoodenFishDraftCompileInput,
@@ -636,6 +665,52 @@ fn build_compile_input(
     })
 }
 
+fn build_failed_compile_input(
+    current: &WoodenFishSessionSnapshotResponse,
+    owner_user_id: &str,
+    author_display_name: &str,
+    profile_id: &str,
+    draft: &WoodenFishDraftResponse,
+    now_micros: i64,
+) -> Result<WoodenFishDraftCompileInput, SpacetimeClientError> {
+    Ok(WoodenFishDraftCompileInput {
+        session_id: current.session_id.clone(),
+        owner_user_id: owner_user_id.to_string(),
+        profile_id: profile_id.to_string(),
+        author_display_name: author_display_name.trim().to_string(),
+        work_title: draft.work_title.clone(),
+        work_description: draft.work_description.clone(),
+        theme_tags_json: Some(json_string(&draft.theme_tags)?),
+        hit_object_prompt: draft.hit_object_prompt.clone(),
+        hit_object_reference_image_src: draft.hit_object_reference_image_src.clone(),
+        hit_sound_prompt: draft.hit_sound_prompt.clone(),
+        hit_object_asset_json: draft
+            .hit_object_asset
+            .as_ref()
+            .map(json_string)
+            .transpose()?,
+        background_asset_json: draft
+            .background_asset
+            .as_ref()
+            .map(json_string)
+            .transpose()?,
+        hit_sound_asset_json: draft
+            .hit_sound_asset
+            .as_ref()
+            .map(json_string)
+            .transpose()?,
+        back_button_asset_json: draft
+            .back_button_asset
+            .as_ref()
+            .map(json_string)
+            .transpose()?,
+        floating_words_json: Some(json_string(&draft.floating_words)?),
+        cover_image_src: draft.cover_image_src.clone(),
+        generation_status: Some("failed".to_string()),
+        compiled_at_micros: now_micros,
+    })
+}
+
 fn build_update_input(
     owner_user_id: &str,
     profile_id: &str,
@@ -801,6 +876,7 @@ mod tests {
 
     const SESSION_ID: &str = "wooden-fish-session-test";
     const OWNER_USER_ID: &str = "user-test";
+    const AUTHOR_DISPLAY_NAME: &str = "测试玩家";
     const PROFILE_ID: &str = "wooden-fish-profile-test";
     const NOW_MICROS: i64 = 1_763_456_789_000_000;
 
@@ -813,9 +889,14 @@ mod tests {
         payload.back_button_asset = Some(generated_back_button_asset("generated-compile-back"));
         payload.hit_sound_asset = Some(generated_hit_sound_asset("generated-compile-sound"));
 
-        let (plan, draft) =
-            build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS)
-                .expect("compile-draft should build plan");
+        let (plan, draft) = build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        )
+        .expect("compile-draft should build plan");
 
         let WoodenFishActionProcedure::Compile(input) = plan else {
             panic!("compile-draft should call compile_wooden_fish_draft");
@@ -862,11 +943,16 @@ mod tests {
         payload.background_asset = Some(generated_background_asset("generated-compile-background"));
         payload.back_button_asset = Some(generated_back_button_asset("generated-compile-back"));
 
-        let error =
-            match build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS) {
-                Ok(_) => panic!("compile-draft should not synthesize fake hit sound assets"),
-                Err(error) => error,
-            };
+        let error = match build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        ) {
+            Ok(_) => panic!("compile-draft should not synthesize fake hit sound assets"),
+            Err(error) => error,
+        };
 
         assert!(
             error
@@ -883,11 +969,16 @@ mod tests {
         payload.hit_sound_asset = Some(generated_hit_sound_asset("generated-compile-sound"));
         payload.back_button_asset = Some(generated_back_button_asset("generated-compile-back"));
 
-        let error =
-            match build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS) {
-                Ok(_) => panic!("compile-draft should not publish without background asset"),
-                Err(error) => error,
-            };
+        let error = match build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        ) {
+            Ok(_) => panic!("compile-draft should not publish without background asset"),
+            Err(error) => error,
+        };
 
         assert!(
             error
@@ -904,11 +995,16 @@ mod tests {
         payload.background_asset = Some(generated_background_asset("generated-compile-background"));
         payload.hit_sound_asset = Some(generated_hit_sound_asset("generated-compile-sound"));
 
-        let error =
-            match build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS) {
-                Ok(_) => panic!("compile-draft should not publish without back button asset"),
-                Err(error) => error,
-            };
+        let error = match build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        ) {
+            Ok(_) => panic!("compile-draft should not publish without back button asset"),
+            Err(error) => error,
+        };
 
         assert!(
             error
@@ -926,9 +1022,14 @@ mod tests {
         payload.background_asset = Some(generated_background_asset("generated-background"));
         payload.back_button_asset = Some(generated_back_button_asset("generated-back"));
 
-        let (plan, _draft) =
-            build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS)
-                .expect("regenerate-hit-object should build plan");
+        let (plan, _draft) = build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        )
+        .expect("regenerate-hit-object should build plan");
 
         let WoodenFishActionProcedure::Compile(input) = plan else {
             panic!("regenerate-hit-object should call compile_wooden_fish_draft");
@@ -987,9 +1088,14 @@ mod tests {
             "健康+1".to_string(),
         ]);
 
-        let (plan, draft) =
-            build_wooden_fish_action_plan(&session, OWNER_USER_ID, &payload, NOW_MICROS)
-                .expect("update-floating-words should build plan");
+        let (plan, draft) = build_wooden_fish_action_plan(
+            &session,
+            OWNER_USER_ID,
+            AUTHOR_DISPLAY_NAME,
+            &payload,
+            NOW_MICROS,
+        )
+        .expect("update-floating-words should build plan");
 
         let WoodenFishActionProcedure::Update(input) = plan else {
             panic!("update-floating-words should call update_wooden_fish_work");
@@ -1016,6 +1122,31 @@ mod tests {
         assert!(draft.hit_sound_prompt.is_none());
     }
 
+    #[test]
+    fn wooden_fish_failed_compile_input_preserves_session_and_marks_failed() {
+        let session = session_with_draft(draft_without_assets());
+        let mut draft = session.draft.clone().expect("draft should exist");
+        draft.profile_id = Some(PROFILE_ID.to_string());
+        draft.generation_status = WoodenFishGenerationStatus::Failed;
+
+        let input = build_failed_compile_input(
+            &session,
+            OWNER_USER_ID,
+            "测试玩家",
+            PROFILE_ID,
+            &draft,
+            NOW_MICROS,
+        )
+        .expect("failed compile input should build");
+
+        assert_eq!(input.session_id, SESSION_ID);
+        assert_eq!(input.profile_id, PROFILE_ID);
+        assert_eq!(input.generation_status.as_deref(), Some("failed"));
+        assert!(input.hit_object_asset_json.is_none());
+        assert!(input.background_asset_json.is_none());
+        assert!(input.back_button_asset_json.is_none());
+    }
+
     fn action(action_type: WoodenFishActionType) -> WoodenFishActionRequest {
         WoodenFishActionRequest {
             action_type,
diff --git a/server-rs/crates/spacetime-module/Cargo.toml b/server-rs/crates/spacetime-module/Cargo.toml
index a418c2ad..20104957 100644
--- a/server-rs/crates/spacetime-module/Cargo.toml
+++ b/server-rs/crates/spacetime-module/Cargo.toml
@@ -11,6 +11,7 @@ crate-type = ["cdylib"]
 log = { workspace = true }
 serde = { workspace = true }
 serde_json = { workspace = true }
+shared-contracts = { workspace = true }
 module-ai = { workspace = true, features = ["spacetime-types"] }
 module-assets = { workspace = true, features = ["spacetime-types"] }
 module-bark-battle = { workspace = true }
diff --git a/server-rs/crates/spacetime-module/src/migration.rs b/server-rs/crates/spacetime-module/src/migration.rs
index fade23b3..2eacf7ba 100644
--- a/server-rs/crates/spacetime-module/src/migration.rs
+++ b/server-rs/crates/spacetime-module/src/migration.rs
@@ -1184,7 +1184,7 @@ fn normalize_migration_row(table_name: &str, value: &serde_json::Value) -> serde
     }
     if table_name == "creation_entry_type_config" {
         if let Some(object) = next_value.as_object_mut() {
-            // 中文注释：入口分类字段晚于入口类型配置表加入，旧迁移包按未分类兼容。
+            // 中文注释：入口分类和统一创作契约字段晚于入口类型配置表加入，旧迁移包按空配置兼容。
             object
                 .entry("category_id".to_string())
                 .or_insert(serde_json::Value::Null);
@@ -1194,6 +1194,9 @@ fn normalize_migration_row(table_name: &str, value: &serde_json::Value) -> serde
             object
                 .entry("category_sort_order".to_string())
                 .or_insert_with(|| serde_json::Value::from(0));
+            object
+                .entry("unified_creation_spec_json".to_string())
+                .or_insert(serde_json::Value::Null);
         }
     }
     if table_name == "user_account" {
diff --git a/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs b/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
index 3ee5e0cf..f29ee847 100644
--- a/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
+++ b/server-rs/crates/spacetime-module/src/runtime/creation_entry_config.rs
@@ -46,6 +46,8 @@ pub struct CreationEntryTypeConfig {
     pub(crate) category_label: Option<String>,
     #[default(0)]
     pub(crate) category_sort_order: i32,
+    #[default(None::<String>)]
+    pub(crate) unified_creation_spec_json: Option<String>,
 }
 
 #[spacetimedb::procedure]
@@ -96,6 +98,7 @@ fn upsert_creation_entry_type_config_in_tx(
     if input.title.trim().is_empty() {
         return Err("入口标题不能为空".to_string());
     }
+    let unified_creation_spec_json = normalize_unified_creation_spec_json(&id, &input)?;
     let row = CreationEntryTypeConfig {
         id: id.clone(),
         title: input.title.trim().to_string(),
@@ -109,6 +112,7 @@ fn upsert_creation_entry_type_config_in_tx(
         category_id: Some(normalize_category_id(&input.category_id)),
         category_label: Some(normalize_category_label(&input.category_label)),
         category_sort_order: input.category_sort_order,
+        unified_creation_spec_json,
     };
     if ctx.db.creation_entry_type_config().id().find(&id).is_some() {
         ctx.db.creation_entry_type_config().id().update(row);
@@ -145,6 +149,7 @@ fn get_or_seed_creation_entry_config_snapshot(
             category_label: normalize_optional_category_label(row.category_label.as_deref()),
             category_sort_order: row.category_sort_order,
             updated_at_micros: row.updated_at.to_micros_since_unix_epoch(),
+            unified_creation_spec_json: row.unified_creation_spec_json,
         })
         .collect::<Vec<_>>();
     creation_types.sort_by(|left, right| {
@@ -404,10 +409,29 @@ fn default_creation_entry_type_configs(now: Timestamp) -> Vec<CreationEntryTypeC
             category_id: Some(snapshot.category_id),
             category_label: Some(snapshot.category_label),
             category_sort_order: snapshot.category_sort_order,
+            unified_creation_spec_json: snapshot.unified_creation_spec_json,
         })
         .collect()
 }
 
+fn normalize_unified_creation_spec_json(
+    id: &str,
+    input: &CreationEntryTypeAdminUpsertInput,
+) -> Result<Option<String>, String> {
+    let Some(spec_json) = input.unified_creation_spec_json.as_deref() else {
+        return Ok(None);
+    };
+    let normalized = spec_json.trim();
+    if normalized.is_empty() {
+        return Ok(None);
+    }
+
+    let spec =
+        shared_contracts::creation_entry_config::decode_unified_creation_spec_response(normalized)?;
+    shared_contracts::creation_entry_config::validate_unified_creation_spec_for_play(id, &spec)?;
+    shared_contracts::creation_entry_config::encode_unified_creation_spec_response(&spec).map(Some)
+}
+
 fn normalize_category_id(value: &str) -> String {
     let normalized = value.trim();
     if normalized.is_empty() {
diff --git a/server-rs/crates/spacetime-module/src/visual_novel.rs b/server-rs/crates/spacetime-module/src/visual_novel.rs
index 6ba1597f..8ff05399 100644
--- a/server-rs/crates/spacetime-module/src/visual_novel.rs
+++ b/server-rs/crates/spacetime-module/src/visual_novel.rs
@@ -95,7 +95,7 @@ pub struct VisualNovelWorkProfileRow {
     pub(crate) created_at: Timestamp,
     pub(crate) updated_at: Timestamp,
     pub(crate) published_at: Option<Timestamp>,
-    // 后台可见性开关；默认显示，隐藏后不进入公开列表。
+    // 管理端可见性开关；默认显示，隐藏后不进入广场列表。
     #[default(WORK_VISIBLE_DEFAULT)]
     pub(crate) visible: bool,
 }
@@ -171,9 +171,9 @@ pub struct VisualNovelRuntimeEvent {
     pub(crate) occurred_at: Timestamp,
 }
 
-/// 视觉小说公开广场列表投影。
+/// 视觉小说广场列表投影。
 ///
-/// 该 view 只暴露已发布作品卡片需要的公开字段，HTTP gallery 订阅后
+/// 该 view 只暴露已发布作品卡片需要的展示字段，HTTP gallery 缓存刷新后
 /// 从本地 cache 读取，避免每个列表请求调用 `list_visual_novel_works` procedure。
 #[spacetimedb::view(accessor = visual_novel_gallery_view, public)]
 pub fn visual_novel_gallery_view(ctx: &AnonymousViewContext) -> Vec<VisualNovelGalleryViewRow> {
diff --git a/server-rs/crates/spacetime-module/src/wooden_fish.rs b/server-rs/crates/spacetime-module/src/wooden_fish.rs
index 33482ac2..d4dc56de 100644
--- a/server-rs/crates/spacetime-module/src/wooden_fish.rs
+++ b/server-rs/crates/spacetime-module/src/wooden_fish.rs
@@ -534,6 +534,9 @@ fn publish_wooden_fish_work_tx(
     input: WoodenFishWorkPublishInput,
 ) -> Result<WoodenFishWorkSnapshot, String> {
     let row = find_owned_work(ctx, &input.profile_id, &input.owner_user_id)?;
+    if row.generation_status == WOODEN_FISH_GENERATION_FAILED {
+        return Err("生成失败的敲木鱼作品需要重新生成后才能发布".to_string());
+    }
     if !is_publish_ready(&row) {
         return Err("发布需要完整的敲击物图案、背景、返回按钮、敲击音效和飘字配置".to_string());
     }
diff --git a/server-rs/crates/spacetime-module/src/wooden_fish/types.rs b/server-rs/crates/spacetime-module/src/wooden_fish/types.rs
index 12ebbdca..2ad5cb1b 100644
--- a/server-rs/crates/spacetime-module/src/wooden_fish/types.rs
+++ b/server-rs/crates/spacetime-module/src/wooden_fish/types.rs
@@ -12,6 +12,7 @@ pub const WOODEN_FISH_PUBLICATION_PUBLISHED: &str = "Published";
 pub const WOODEN_FISH_GENERATION_DRAFT: &str = "draft";
 pub const WOODEN_FISH_GENERATION_GENERATING: &str = "generating";
 pub const WOODEN_FISH_GENERATION_READY: &str = "ready";
+pub const WOODEN_FISH_GENERATION_FAILED: &str = "failed";
 pub const WOODEN_FISH_EVENT_RUN_STARTED: &str = "run-started";
 pub const WOODEN_FISH_EVENT_RUN_CHECKPOINT: &str = "checkpoint";
 pub const WOODEN_FISH_EVENT_RUN_FINISHED: &str = "finish";
diff --git a/src/components/CustomWorldGenerationView.test.tsx b/src/components/CustomWorldGenerationView.test.tsx
index 14971ec7..4b9abbdd 100644
--- a/src/components/CustomWorldGenerationView.test.tsx
+++ b/src/components/CustomWorldGenerationView.test.tsx
@@ -142,12 +142,17 @@ describe('CustomWorldGenerationView', () => {
         screen
           .getByRole('progressbar', { name: progressTitle })
           .className,
-      ).toContain('w-[400px]');
+      ).toContain('w-[min(400px,calc(100%_-_0.75rem))]');
       expect(
         screen
           .getByRole('progressbar', { name: progressTitle })
           .className,
-      ).toContain('h-[400px]');
+      ).toContain('max-w-full');
+      expect(
+        screen
+          .getByRole('progressbar', { name: progressTitle })
+          .className,
+      ).toContain('aspect-square');
       expect(
         screen
           .getByRole('progressbar', { name: progressTitle })
diff --git a/src/components/GenerationProgressHero.tsx b/src/components/GenerationProgressHero.tsx
index 369258a6..76902b26 100644
--- a/src/components/GenerationProgressHero.tsx
+++ b/src/components/GenerationProgressHero.tsx
@@ -133,44 +133,14 @@ export function GenerationProgressHero({
   const ringFillDasharray = `${ringMetrics.progressLength.toFixed(2)} ${ringMetrics.circumference.toFixed(2)}`;
 
   return (
-    <div className="relative mx-auto flex w-full max-w-[60rem] flex-col items-center px-1 pb-1 pt-1 sm:pt-4">
+    <div className="relative mx-auto flex w-full min-w-0 max-w-[60rem] flex-col items-center px-1 pb-1 pt-1 sm:pt-4">
       <div className="sr-only">
         {title}
         {phaseLabel ? ` ${phaseLabel}` : ''}
       </div>
-      <div className="relative w-full max-w-[56rem] sm:max-w-[60rem]">
+      <div className="relative w-full min-w-0 max-w-[56rem] sm:max-w-[60rem]">
         <div
-          className="absolute left-0 top-1/2 z-20 w-[min(6.8rem,28vw)] -translate-y-1/2 rounded-[1.1rem] border border-white/58 bg-white/58 px-2.5 py-2 text-center shadow-[0_14px_30px_rgba(112,57,30,0.10)] backdrop-blur-md sm:w-[8rem] sm:px-3 sm:py-2.5"
-          data-testid="generation-hero-wait-card"
-        >
-          <div className="flex items-center justify-center gap-1.5 text-[#2a1c14]">
-            <Hourglass className="h-3.5 w-3.5 shrink-0" strokeWidth={2.2} />
-            <div className="text-[9px] font-black tracking-[0.1em] text-[#7e421f] sm:text-[10px]">
-              预计等待
-            </div>
-          </div>
-          <div className="mt-1.5 break-keep text-[12px] font-black leading-tight text-[#161211] sm:text-[13px]">
-            {estimatedWaitText}
-          </div>
-        </div>
-
-        <div
-          className="absolute right-0 top-1/2 z-20 w-[min(6.8rem,28vw)] -translate-y-1/2 rounded-[1.1rem] border border-white/58 bg-white/58 px-2.5 py-2 text-center shadow-[0_14px_30px_rgba(112,57,30,0.10)] backdrop-blur-md sm:w-[8rem] sm:px-3 sm:py-2.5"
-          data-testid="generation-hero-elapsed-card"
-        >
-          <div className="flex items-center justify-center gap-1.5 text-[#2a1c14]">
-            <div className="text-[9px] font-black tracking-[0.1em] text-[#7e421f] sm:text-[10px]">
-              已耗时
-            </div>
-            <Clock3 className="h-3.5 w-3.5 shrink-0" strokeWidth={2.2} />
-          </div>
-          <div className="mt-1.5 break-keep text-[12px] font-black leading-tight text-[#161211] sm:text-[13px]">
-            {elapsedText}
-          </div>
-        </div>
-
-        <div
-          className="relative mx-auto h-[400px] w-[400px] shrink-0 overflow-visible rounded-full"
+          className="relative mx-auto aspect-square w-[min(400px,calc(100%_-_0.75rem))] max-w-full shrink-0 overflow-visible rounded-full"
           role="progressbar"
           aria-label={title}
           aria-valuemin={0}
@@ -244,6 +214,38 @@ export function GenerationProgressHero({
             </div>
           </div>
         </div>
+
+        <div className="relative z-20 mt-[-0.3rem] grid w-full grid-cols-2 gap-2 px-0.5 sm:absolute sm:inset-0 sm:mt-0 sm:block sm:px-0">
+          <div
+            className="w-full rounded-[1.1rem] border border-white/58 bg-white/58 px-2.5 py-2 text-center shadow-[0_14px_30px_rgba(112,57,30,0.10)] backdrop-blur-md sm:absolute sm:left-0 sm:top-1/2 sm:w-[8rem] sm:-translate-y-1/2 sm:px-3 sm:py-2.5"
+            data-testid="generation-hero-wait-card"
+          >
+            <div className="flex items-center justify-center gap-1.5 text-[#2a1c14]">
+              <Hourglass className="h-3.5 w-3.5 shrink-0" strokeWidth={2.2} />
+              <div className="text-[9px] font-black tracking-[0.1em] text-[#7e421f] sm:text-[10px]">
+                预计等待
+              </div>
+            </div>
+            <div className="mt-1.5 break-keep text-[12px] font-black leading-tight text-[#161211] sm:text-[13px]">
+              {estimatedWaitText}
+            </div>
+          </div>
+
+          <div
+            className="w-full rounded-[1.1rem] border border-white/58 bg-white/58 px-2.5 py-2 text-center shadow-[0_14px_30px_rgba(112,57,30,0.10)] backdrop-blur-md sm:absolute sm:right-0 sm:top-1/2 sm:w-[8rem] sm:-translate-y-1/2 sm:px-3 sm:py-2.5"
+            data-testid="generation-hero-elapsed-card"
+          >
+            <div className="flex items-center justify-center gap-1.5 text-[#2a1c14]">
+              <div className="text-[9px] font-black tracking-[0.1em] text-[#7e421f] sm:text-[10px]">
+                已耗时
+              </div>
+              <Clock3 className="h-3.5 w-3.5 shrink-0" strokeWidth={2.2} />
+            </div>
+            <div className="mt-1.5 break-keep text-[12px] font-black leading-tight text-[#161211] sm:text-[13px]">
+              {elapsedText}
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   );
diff --git a/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx b/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
index e8a0ef84..30c423b2 100644
--- a/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
+++ b/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
@@ -130,12 +130,17 @@ describe('BarkBattleGeneratingView', () => {
       screen
         .getByRole('progressbar', { name: '汪汪声浪素材生成进度' })
         .className,
-    ).toContain('w-[400px]');
+    ).toContain('w-[min(400px,calc(100%_-_0.75rem))]');
     expect(
       screen
         .getByRole('progressbar', { name: '汪汪声浪素材生成进度' })
         .className,
-    ).toContain('h-[400px]');
+    ).toContain('max-w-full');
+    expect(
+      screen
+        .getByRole('progressbar', { name: '汪汪声浪素材生成进度' })
+        .className,
+    ).toContain('aspect-square');
     expect(
       screen
         .getByRole('progressbar', { name: '汪汪声浪素材生成进度' })
diff --git a/src/components/common/CreativeAudioInputPanel.tsx b/src/components/common/CreativeAudioInputPanel.tsx
new file mode 100644
index 00000000..84d87893
--- /dev/null
+++ b/src/components/common/CreativeAudioInputPanel.tsx
@@ -0,0 +1,206 @@
+import { Mic, Pause, Upload } from 'lucide-react';
+import { useRef, useState } from 'react';
+
+export type CreativeAudioAsset = {
+  assetId: string;
+  audioSrc: string;
+  audioObjectKey: string;
+  assetObjectId: string;
+  source: string;
+  prompt?: string | null;
+  durationMs?: number | null;
+};
+
+type CreativeAudioInputPanelProps<TAsset extends CreativeAudioAsset> = {
+  disabled?: boolean;
+  title: string;
+  defaultLabel: string;
+  asset: TAsset | null;
+  buildRecordedFileName: () => string;
+  onAssetChange: (asset: TAsset | null) => void;
+  onError: (message: string | null) => void;
+  readFileAsAsset?: (
+    file: File,
+    source: 'uploaded' | 'recorded',
+  ) => Promise<TAsset>;
+};
+
+export function readCreativeAudioFileAsAsset<TAsset extends CreativeAudioAsset>(
+  file: File,
+  source: 'uploaded' | 'recorded',
+) {
+  return new Promise<TAsset>((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onerror = () => reject(new Error('音频读取失败，请重试。'));
+    reader.onload = () => {
+      if (typeof reader.result !== 'string') {
+        reject(new Error('音频读取失败，请重试。'));
+        return;
+      }
+      resolve({
+        assetId: `local-${source}-${Date.now()}`,
+        audioSrc: reader.result,
+        audioObjectKey: '',
+        assetObjectId: '',
+        source,
+        prompt: file.name,
+        durationMs: null,
+      } as TAsset);
+    };
+    reader.readAsDataURL(file);
+  });
+}
+
+export function CreativeAudioInputPanel<TAsset extends CreativeAudioAsset>({
+  disabled = false,
+  title,
+  defaultLabel,
+  asset,
+  buildRecordedFileName,
+  onAssetChange,
+  onError,
+  readFileAsAsset = readCreativeAudioFileAsAsset,
+}: CreativeAudioInputPanelProps<TAsset>) {
+  const [isRecording, setIsRecording] = useState(false);
+  const recorderRef = useRef<MediaRecorder | null>(null);
+  const chunksRef = useRef<BlobPart[]>([]);
+
+  const startRecording = async () => {
+    if (disabled || isRecording) {
+      return;
+    }
+
+    try {
+      if (
+        typeof navigator === 'undefined' ||
+        !navigator.mediaDevices?.getUserMedia ||
+        typeof MediaRecorder === 'undefined'
+      ) {
+        throw new Error('当前浏览器不支持录音。');
+      }
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      const recorder = new MediaRecorder(stream);
+      chunksRef.current = [];
+      recorder.ondataavailable = (event) => {
+        if (event.data.size > 0) {
+          chunksRef.current.push(event.data);
+        }
+      };
+      recorder.onstop = () => {
+        const blob = new Blob(chunksRef.current, {
+          type: recorder.mimeType || 'audio/webm',
+        });
+        stream.getTracks().forEach((track) => track.stop());
+        const file = new File([blob], buildRecordedFileName(), {
+          type: blob.type,
+        });
+        void readFileAsAsset(file, 'recorded')
+          .then(onAssetChange)
+          .catch((caughtError) => {
+            onError(
+              caughtError instanceof Error
+                ? caughtError.message
+                : '录音保存失败。',
+            );
+          });
+      };
+      recorderRef.current = recorder;
+      recorder.start();
+      setIsRecording(true);
+      onError(null);
+    } catch (caughtError) {
+      onError(
+        caughtError instanceof Error ? caughtError.message : '录音启动失败。',
+      );
+    }
+  };
+
+  const stopRecording = () => {
+    recorderRef.current?.stop();
+    recorderRef.current = null;
+    setIsRecording(false);
+  };
+
+  return (
+    <section className="platform-subpanel rounded-[1.25rem] p-4">
+      <div className="mb-3 flex items-center justify-between gap-3">
+        <div className="text-sm font-black text-[var(--platform-text-strong)]">
+          {title}
+        </div>
+        {asset ? (
+          <button
+            type="button"
+            onClick={() => onAssetChange(null)}
+            disabled={disabled}
+            className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-xs"
+          >
+            重置
+          </button>
+        ) : null}
+      </div>
+      <div className="mt-3 flex flex-wrap items-center gap-2">
+        <label
+          className={`platform-button platform-button--secondary min-h-10 cursor-pointer gap-2 px-3 py-2 text-sm ${
+            disabled ? 'pointer-events-none opacity-55' : ''
+          }`}
+        >
+          <Upload className="h-4 w-4" />
+          上传
+          <input
+            type="file"
+            accept="audio/*"
+            disabled={disabled}
+            className="sr-only"
+            onChange={(event) => {
+              const file = event.currentTarget.files?.[0] ?? null;
+              event.currentTarget.value = '';
+              if (!file) {
+                return;
+              }
+              void readFileAsAsset(file, 'uploaded')
+                .then((nextAsset) => {
+                  onError(null);
+                  onAssetChange(nextAsset);
+                })
+                .catch((caughtError) => {
+                  onError(
+                    caughtError instanceof Error
+                      ? caughtError.message
+                      : '音频读取失败。',
+                  );
+                });
+            }}
+          />
+        </label>
+        <button
+          type="button"
+          disabled={disabled}
+          onClick={() => {
+            if (isRecording) {
+              stopRecording();
+              return;
+            }
+            void startRecording();
+          }}
+          className="platform-button platform-button--ghost min-h-10 gap-2 px-3 py-2 text-sm"
+        >
+          {isRecording ? (
+            <Pause className="h-4 w-4" />
+          ) : (
+            <Mic className="h-4 w-4" />
+          )}
+          {isRecording ? '停止' : '录音'}
+        </button>
+        {asset?.audioSrc ? (
+          <audio controls src={asset.audioSrc} className="h-10 max-w-full" />
+        ) : (
+          <div className="text-xs font-bold text-[var(--platform-text-soft)]">
+            {asset ? '音效已选择' : defaultLabel}
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}
+
+export default CreativeAudioInputPanel;
diff --git a/src/components/common/CreativeImageInputPanel.test.tsx b/src/components/common/CreativeImageInputPanel.test.tsx
index 22532783..c5d8dacf 100644
--- a/src/components/common/CreativeImageInputPanel.test.tsx
+++ b/src/components/common/CreativeImageInputPanel.test.tsx
@@ -101,6 +101,97 @@ test('creative image input panel handles reference uploads and preview', () => {
   expect(onSubmit).toHaveBeenCalledTimes(1);
 });
 
+test('creative image input panel can opt out of filling the parent height', () => {
+  const { container } = render(
+    <CreativeImageInputPanel
+      fillHeight={false}
+      uploadedImageSrc=""
+      uploadedImageAlt="拼图图片"
+      mainImageInputId="image-upload-input"
+      promptTextareaId="image-prompt-input"
+      prompt="旧街灯牌下的猫。"
+      promptLabel="画面描述"
+      aiRedraw
+      promptReferenceImages={[]}
+      imageModelPicker={null}
+      submitLabel="生成"
+      submitDisabled={false}
+      labels={{
+        imageField: '拼图画面',
+        uploadImage: '上传拼图图片',
+        replaceImage: '更换拼图图片',
+        emptyImageHint: '上传图片/填写画面描述',
+        removeImage: '移除拼图图片',
+        removeImageConfirmTitle: '移除拼图图片？',
+        removeImageConfirmBody: '移除后需要重新上传图片。',
+        promptReferenceUpload: '上传参考图',
+        promptReferencePreviewAlt: '参考图预览',
+        closePromptReferencePreview: '关闭参考图预览',
+      }}
+      onMainImageFileSelect={() => {}}
+      onMainImageRemove={() => {}}
+      onAiRedrawChange={() => {}}
+      onPromptChange={() => {}}
+      onSubmit={() => {}}
+    />,
+  );
+
+  const panel = container.querySelector('.creative-image-input-panel');
+  const body = container.querySelector('.creative-image-input-panel__body');
+  const section = container.querySelector('.creative-image-input-panel__section');
+  expect(panel?.className).toContain('flex-none');
+  expect(panel?.className).not.toContain('flex-1');
+  expect(body?.className).toContain('flex-none');
+  expect(body?.className).not.toContain('overflow-y-auto');
+  expect(section?.className).toContain('flex-none');
+  expect(section?.className).not.toContain('overflow-hidden');
+});
+
+test('creative image input panel fills the parent height by default', () => {
+  const { container } = render(
+    <CreativeImageInputPanel
+      uploadedImageSrc=""
+      uploadedImageAlt="拼图图片"
+      mainImageInputId="image-upload-input"
+      promptTextareaId="image-prompt-input"
+      prompt="旧街灯牌下的猫。"
+      promptLabel="画面描述"
+      aiRedraw
+      promptReferenceImages={[]}
+      imageModelPicker={null}
+      submitLabel="生成"
+      submitDisabled={false}
+      labels={{
+        imageField: '拼图画面',
+        uploadImage: '上传拼图图片',
+        replaceImage: '更换拼图图片',
+        emptyImageHint: '上传图片/填写画面描述',
+        removeImage: '移除拼图图片',
+        removeImageConfirmTitle: '移除拼图图片？',
+        removeImageConfirmBody: '移除后需要重新上传图片。',
+        promptReferenceUpload: '上传参考图',
+        promptReferencePreviewAlt: '参考图预览',
+        closePromptReferencePreview: '关闭参考图预览',
+      }}
+      onMainImageFileSelect={() => {}}
+      onMainImageRemove={() => {}}
+      onAiRedrawChange={() => {}}
+      onPromptChange={() => {}}
+      onSubmit={() => {}}
+    />,
+  );
+
+  const panel = container.querySelector('.creative-image-input-panel');
+  const body = container.querySelector('.creative-image-input-panel__body');
+  const section = container.querySelector('.creative-image-input-panel__section');
+  expect(panel?.className).toContain('flex-1');
+  expect(panel?.className).not.toContain('flex-none');
+  expect(body?.className).toContain('flex-1');
+  expect(body?.className).toContain('overflow-y-auto');
+  expect(section?.className).toContain('flex-1');
+  expect(section?.className).toContain('overflow-hidden');
+});
+
 test('creative image input panel confirms before removing uploaded image', () => {
   const onMainImageRemove = vi.fn();
 
diff --git a/src/components/common/CreativeImageInputPanel.tsx b/src/components/common/CreativeImageInputPanel.tsx
index 5c6a7721..1271dbd3 100644
--- a/src/components/common/CreativeImageInputPanel.tsx
+++ b/src/components/common/CreativeImageInputPanel.tsx
@@ -33,6 +33,7 @@ export type CreativeImageInputPanelLabels = {
 
 export type CreativeImageInputPanelProps = {
   className?: string;
+  fillHeight?: boolean;
   disabled?: boolean;
   isSubmitting?: boolean;
   mainImageMode?: 'edit' | 'preview';
@@ -77,6 +78,7 @@ const DEFAULT_PROMPT_REFERENCE_LIMIT = 5;
 
 export function CreativeImageInputPanel({
   className = '',
+  fillHeight = true,
   disabled = false,
   isSubmitting = false,
   mainImageMode = 'edit',
@@ -143,29 +145,48 @@ export function CreativeImageInputPanel({
     }
   }, [previewReferenceImage, promptReferenceImages]);
 
+  const bodyClassName = fillHeight
+    ? 'creative-image-input-panel__body puzzle-creation-form-body flex min-h-0 flex-1 flex-col overflow-hidden pr-0 lg:overflow-y-auto lg:pr-1'
+    : 'creative-image-input-panel__body puzzle-creation-form-body flex flex-none flex-col overflow-visible pr-0 lg:pr-1';
+  const sectionClassName = fillHeight
+    ? 'creative-image-input-panel__section puzzle-creation-form-section flex min-h-0 flex-1 flex-col overflow-hidden lg:overflow-visible'
+    : 'creative-image-input-panel__section puzzle-creation-form-section flex flex-none flex-col overflow-visible';
+  const gridSizeClassName = fillHeight ? 'min-h-0 flex-1' : 'flex-none';
+  const imageFieldClassName = fillHeight
+    ? 'creative-image-input-panel__image-field puzzle-image-field flex min-h-0 min-w-0 flex-1 flex-col'
+    : 'creative-image-input-panel__image-field puzzle-image-field flex min-w-0 flex-none flex-col';
+  const imageFrameClassName = fillHeight
+    ? 'creative-image-input-panel__image-frame puzzle-image-card-frame flex min-h-0 flex-1 items-center justify-center'
+    : 'creative-image-input-panel__image-frame puzzle-image-card-frame flex flex-none items-center justify-center';
+  const imageCardClassName = fillHeight
+    ? 'creative-image-input-panel__image-card puzzle-image-upload-card relative aspect-square h-full min-h-[14rem] max-h-full max-w-full overflow-hidden rounded-[1.25rem] border border-[var(--platform-subpanel-border)] bg-white/90 shadow-[0_12px_28px_rgba(15,23,42,0.08)] transition sm:min-h-[18rem] lg:h-auto lg:w-full'
+    : 'creative-image-input-panel__image-card puzzle-image-upload-card relative aspect-square w-full min-h-[14rem] max-w-full overflow-hidden rounded-[1.25rem] border border-[var(--platform-subpanel-border)] bg-white/90 shadow-[0_12px_28px_rgba(15,23,42,0.08)] transition sm:min-h-[18rem]';
+
   return (
     <div
-      className={`creative-image-input-panel flex min-h-0 flex-1 flex-col ${className}`}
+      className={`creative-image-input-panel flex min-h-0 flex-col ${
+        fillHeight ? 'flex-1' : 'flex-none'
+      } ${className}`}
     >
-      <div className="creative-image-input-panel__body puzzle-creation-form-body flex min-h-0 flex-1 flex-col overflow-hidden pr-0 lg:overflow-y-auto lg:pr-1">
-        <section className="creative-image-input-panel__section puzzle-creation-form-section flex min-h-0 flex-1 flex-col overflow-hidden lg:overflow-visible">
+      <div className={bodyClassName}>
+        <section className={sectionClassName}>
           <div
-            className={`creative-image-input-panel__grid puzzle-creation-form-grid min-h-0 flex-1 gap-2.5 sm:gap-4 ${
+            className={`creative-image-input-panel__grid puzzle-creation-form-grid ${gridSizeClassName} gap-2.5 sm:gap-4 ${
               showPrompt
                 ? 'flex flex-col lg:grid lg:grid-cols-[minmax(15rem,0.9fr)_minmax(0,1.15fr)]'
                 : 'flex flex-col lg:grid lg:grid-cols-1'
             }`}
           >
             <div
-              className={`creative-image-input-panel__image-field puzzle-image-field flex min-h-0 min-w-0 flex-1 flex-col ${
+              className={`${imageFieldClassName} ${
                 disabled ? 'opacity-55' : ''
               }`}
             >
               <div className="mb-2 shrink-0 text-sm font-black text-[var(--platform-text-strong)]">
                 {labels.imageField}
               </div>
-              <div className="creative-image-input-panel__image-frame puzzle-image-card-frame flex min-h-0 flex-1 items-center justify-center">
-                <div className="creative-image-input-panel__image-card puzzle-image-upload-card relative aspect-square h-full min-h-[14rem] max-h-full max-w-full overflow-hidden rounded-[1.25rem] border border-[var(--platform-subpanel-border)] bg-white/90 shadow-[0_12px_28px_rgba(15,23,42,0.08)] transition sm:min-h-[18rem] lg:h-auto lg:w-full">
+              <div className={imageFrameClassName}>
+                <div className={imageCardClassName}>
                   {canEditMainImage ? (
                     <>
                       <input
diff --git a/src/components/jump-hop-result/JumpHopResultView.test.tsx b/src/components/jump-hop-result/JumpHopResultView.test.tsx
new file mode 100644
index 00000000..70b2fa12
--- /dev/null
+++ b/src/components/jump-hop-result/JumpHopResultView.test.tsx
@@ -0,0 +1,144 @@
+/* @vitest-environment jsdom */
+
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { expect, test, vi } from 'vitest';
+
+import type { JumpHopDraftResponse } from '../../../packages/shared/src/contracts/jumpHop';
+import { JumpHopResultView } from './JumpHopResultView';
+
+const draft: JumpHopDraftResponse = {
+  templateId: 'jump-hop',
+  templateName: '跳一跳',
+  profileId: 'profile-1',
+  workTitle: '云端跳台',
+  workDescription: '一路跳到星星。',
+  themeTags: ['云朵', '星空'],
+  difficulty: 'standard',
+  stylePreset: 'paper-toy',
+  characterPrompt: '纸片小兔',
+  tilePrompt: '柔软云朵平台',
+  endMoodPrompt: '星光门',
+  characterAsset: {
+    assetId: 'character-1',
+    imageSrc: 'data:image/png;base64,character',
+    imageObjectKey: 'jump-hop/character.png',
+    assetObjectId: 'asset-character',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '角色图',
+    width: 1024,
+    height: 1024,
+  },
+  tileAtlasAsset: {
+    assetId: 'tiles-1',
+    imageSrc: 'data:image/png;base64,tiles',
+    imageObjectKey: 'jump-hop/tiles.png',
+    assetObjectId: 'asset-tiles',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '地块图',
+    width: 1024,
+    height: 1024,
+  },
+  tileAssets: [
+    {
+      tileType: 'start',
+      imageSrc: 'data:image/png;base64,tile-start',
+      imageObjectKey: 'jump-hop/tile-start.png',
+      assetObjectId: 'asset-tile-start',
+      sourceAtlasCell: 'A1',
+      visualWidth: 128,
+      visualHeight: 96,
+      topSurfaceRadius: 24,
+      landingRadius: 28,
+    },
+    {
+      tileType: 'finish',
+      imageSrc: 'data:image/png;base64,tile-finish',
+      imageObjectKey: 'jump-hop/tile-finish.png',
+      assetObjectId: 'asset-tile-finish',
+      sourceAtlasCell: 'A2',
+      visualWidth: 128,
+      visualHeight: 96,
+      topSurfaceRadius: 24,
+      landingRadius: 28,
+    },
+  ],
+  path: {
+    seed: 'jump-hop-seed',
+    difficulty: 'standard',
+    platforms: [
+      {
+        platformId: 'platform-1',
+        tileType: 'start',
+        x: 0,
+        y: 0,
+        width: 48,
+        height: 36,
+        landingRadius: 22,
+        perfectRadius: 12,
+        scoreValue: 1,
+      },
+      {
+        platformId: 'platform-2',
+        tileType: 'finish',
+        x: 16,
+        y: 18,
+        width: 60,
+        height: 42,
+        landingRadius: 22,
+        perfectRadius: 12,
+        scoreValue: 2,
+      },
+    ],
+    finishIndex: 1,
+    cameraPreset: 'default',
+    scoring: {
+      chargeToDistanceRatio: 1.2,
+      maxChargeMs: 1800,
+      hitBonus: 20,
+      perfectBonus: 50,
+    },
+  },
+  coverComposite: 'data:image/png;base64,cover',
+  generationStatus: 'ready',
+};
+
+test('jump hop result view exposes test run and publish actions', async () => {
+  const user = userEvent.setup();
+  const onBack = vi.fn();
+  const onEdit = vi.fn();
+  const onStartTestRun = vi.fn();
+  const onPublish = vi.fn();
+  const onRegenerateCharacter = vi.fn();
+  const onRegenerateTiles = vi.fn();
+
+  render(
+    <JumpHopResultView
+      profile={draft}
+      onBack={onBack}
+      onEdit={onEdit}
+      onStartTestRun={onStartTestRun}
+      onPublish={onPublish}
+      onRegenerateCharacter={onRegenerateCharacter}
+      onRegenerateTiles={onRegenerateTiles}
+    />,
+  );
+
+  expect(screen.getByText('云端跳台')).toBeTruthy();
+  expect(screen.getByRole('button', { name: '试玩' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '发布' })).toBeTruthy();
+
+  await user.click(screen.getByRole('button', { name: '试玩' }));
+  await user.click(screen.getByRole('button', { name: '发布' }));
+  await user.click(screen.getByRole('button', { name: '返回' }));
+  await user.click(screen.getByRole('button', { name: '返回编辑' }));
+  await user.click(screen.getByRole('button', { name: '角色' }));
+  await user.click(screen.getByRole('button', { name: '地块' }));
+
+  expect(onStartTestRun).toHaveBeenCalledTimes(1);
+  expect(onPublish).toHaveBeenCalledTimes(1);
+  expect(onBack).toHaveBeenCalledTimes(1);
+  expect(onEdit).toHaveBeenCalledTimes(1);
+  expect(onRegenerateCharacter).toHaveBeenCalledTimes(1);
+  expect(onRegenerateTiles).toHaveBeenCalledTimes(1);
+});
diff --git a/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx b/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx
new file mode 100644
index 00000000..9b626482
--- /dev/null
+++ b/src/components/jump-hop-runtime/JumpHopRuntimeShell.test.tsx
@@ -0,0 +1,212 @@
+/* @vitest-environment jsdom */
+
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { expect, test, vi } from 'vitest';
+
+import type {
+  JumpHopRuntimeRunSnapshotResponse,
+  JumpHopWorkProfileResponse,
+} from '../../../packages/shared/src/contracts/jumpHop';
+import { JumpHopRuntimeShell } from './JumpHopRuntimeShell';
+
+const profile: JumpHopWorkProfileResponse = {
+  summary: {
+    runtimeKind: 'jump-hop',
+    workId: 'work-1',
+    profileId: 'profile-1',
+    ownerUserId: 'user-1',
+    sourceSessionId: 'session-1',
+    workTitle: '云端跳台',
+    workDescription: '一路跳到星星。',
+    themeTags: ['云朵'],
+    difficulty: 'standard',
+    stylePreset: 'paper-toy',
+    coverImageSrc: 'data:image/png;base64,cover',
+    publicationStatus: 'draft',
+    playCount: 0,
+    updatedAt: '2026-05-30T10:00:00.000Z',
+    publishedAt: null,
+    publishReady: true,
+    generationStatus: 'ready',
+  },
+  draft: {
+    templateId: 'jump-hop',
+    templateName: '跳一跳',
+    profileId: 'profile-1',
+    workTitle: '云端跳台',
+    workDescription: '一路跳到星星。',
+    themeTags: ['云朵'],
+    difficulty: 'standard',
+    stylePreset: 'paper-toy',
+    characterPrompt: '纸片小兔',
+    tilePrompt: '云朵平台',
+    endMoodPrompt: '星光门',
+    characterAsset: {
+      assetId: 'character-1',
+      imageSrc: 'data:image/png;base64,character',
+      imageObjectKey: 'jump-hop/character.png',
+      assetObjectId: 'asset-character',
+      generationProvider: 'vector-engine-gpt-image-2',
+      prompt: '角色图',
+      width: 1024,
+      height: 1024,
+    },
+    tileAtlasAsset: {
+      assetId: 'tiles-1',
+      imageSrc: 'data:image/png;base64,tiles',
+      imageObjectKey: 'jump-hop/tiles.png',
+      assetObjectId: 'asset-tiles',
+      generationProvider: 'vector-engine-gpt-image-2',
+      prompt: '地块图',
+      width: 1024,
+      height: 1024,
+    },
+    tileAssets: [
+      {
+        tileType: 'start',
+        imageSrc: 'data:image/png;base64,tile-start',
+        imageObjectKey: 'jump-hop/tile-start.png',
+        assetObjectId: 'asset-tile-start',
+        sourceAtlasCell: 'A1',
+        visualWidth: 128,
+        visualHeight: 96,
+        topSurfaceRadius: 24,
+        landingRadius: 28,
+      },
+    ],
+    path: {
+      seed: 'jump-hop-seed',
+      difficulty: 'standard',
+      platforms: [
+        {
+          platformId: 'platform-1',
+          tileType: 'start',
+          x: 0,
+          y: 0,
+          width: 48,
+          height: 36,
+          landingRadius: 22,
+          perfectRadius: 12,
+          scoreValue: 1,
+        },
+      ],
+      finishIndex: 0,
+      cameraPreset: 'default',
+      scoring: {
+        chargeToDistanceRatio: 1.2,
+        maxChargeMs: 1800,
+        hitBonus: 20,
+        perfectBonus: 50,
+      },
+    },
+    coverComposite: 'data:image/png;base64,cover',
+    generationStatus: 'ready',
+  },
+  path: {
+    seed: 'jump-hop-seed',
+    difficulty: 'standard',
+    platforms: [
+      {
+        platformId: 'platform-1',
+        tileType: 'start',
+        x: 0,
+        y: 0,
+        width: 48,
+        height: 36,
+        landingRadius: 22,
+        perfectRadius: 12,
+        scoreValue: 1,
+      },
+    ],
+    finishIndex: 0,
+    cameraPreset: 'default',
+    scoring: {
+      chargeToDistanceRatio: 1.2,
+      maxChargeMs: 1800,
+      hitBonus: 20,
+      perfectBonus: 50,
+    },
+  },
+  characterAsset: {
+    assetId: 'character-1',
+    imageSrc: 'data:image/png;base64,character',
+    imageObjectKey: 'jump-hop/character.png',
+    assetObjectId: 'asset-character',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '角色图',
+    width: 1024,
+    height: 1024,
+  },
+  tileAtlasAsset: {
+    assetId: 'tiles-1',
+    imageSrc: 'data:image/png;base64,tiles',
+    imageObjectKey: 'jump-hop/tiles.png',
+    assetObjectId: 'asset-tiles',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '地块图',
+    width: 1024,
+    height: 1024,
+  },
+  tileAssets: [
+    {
+      tileType: 'start',
+      imageSrc: 'data:image/png;base64,tile-start',
+      imageObjectKey: 'jump-hop/tile-start.png',
+      assetObjectId: 'asset-tile-start',
+      sourceAtlasCell: 'A1',
+      visualWidth: 128,
+      visualHeight: 96,
+      topSurfaceRadius: 24,
+      landingRadius: 28,
+    },
+  ],
+};
+
+const run: JumpHopRuntimeRunSnapshotResponse = {
+  runId: 'run-1',
+  profileId: 'profile-1',
+  ownerUserId: 'user-1',
+  status: 'playing',
+  currentPlatformIndex: 0,
+  score: 0,
+  combo: 0,
+  path: profile.path,
+  lastJump: null,
+  startedAtMs: 1000,
+  finishedAtMs: null,
+};
+
+test('jump hop runtime shell supports jump, restart and exit actions', async () => {
+  const user = userEvent.setup();
+  const onJump = vi.fn().mockResolvedValue(undefined);
+  const onRestart = vi.fn();
+  const onExit = vi.fn();
+
+  render(
+    <JumpHopRuntimeShell
+      profile={profile}
+      run={run}
+      onJump={onJump}
+      onRestart={onRestart}
+      onExit={onExit}
+    />,
+  );
+
+  await user.pointer([
+    { target: screen.getByRole('button', { name: '起跳' }), keys: '[MouseLeft>]' },
+  ]);
+  await user.pointer([
+    { target: screen.getByRole('button', { name: '起跳' }), keys: '[/MouseLeft]' },
+  ]);
+
+  await waitFor(() => {
+    expect(onJump).toHaveBeenCalledWith({ chargeMs: expect.any(Number) });
+  });
+
+  await user.click(screen.getByRole('button', { name: '重开' }));
+  await user.click(screen.getByRole('button', { name: '返回' }));
+
+  expect(onRestart).toHaveBeenCalledTimes(1);
+  expect(onExit).toHaveBeenCalledTimes(1);
+});
diff --git a/src/components/match3d-creation/Match3DDraftReadyView.tsx b/src/components/match3d-creation/Match3DDraftReadyView.tsx
deleted file mode 100644
index c4463457..00000000
--- a/src/components/match3d-creation/Match3DDraftReadyView.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { ArrowLeft, Edit3, Sparkles } from 'lucide-react';
-
-import type { Match3DAgentSessionSnapshot } from '../../../packages/shared/src/contracts/match3dAgent';
-
-type Match3DDraftReadyViewProps = {
-  session: Match3DAgentSessionSnapshot;
-  isBusy?: boolean;
-  error?: string | null;
-  onBack: () => void;
-};
-
-export function Match3DDraftReadyView({
-  session,
-  isBusy = false,
-  error = null,
-  onBack,
-}: Match3DDraftReadyViewProps) {
-  const draft = session.draft;
-  const title = draft?.gameName || '抓大鹅草稿';
-
-  return (
-    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-4xl flex-col">
-      <div className="mb-4 flex items-center justify-between gap-3">
-        <button
-          type="button"
-          onClick={onBack}
-          disabled={isBusy}
-          className={`platform-button platform-button--ghost min-h-0 self-start px-3 py-1.5 text-[11px] ${isBusy ? 'opacity-45' : ''}`}
-        >
-          <span className="inline-flex items-center gap-1.5">
-            <ArrowLeft className="h-3.5 w-3.5" />
-            返回
-          </span>
-        </button>
-      </div>
-
-      <section className="platform-subpanel min-h-0 flex-1 overflow-y-auto rounded-[1.5rem] p-4 sm:p-5">
-        <div className="flex flex-col gap-4 sm:flex-row sm:items-start">
-          <div className="grid aspect-square w-full max-w-[10rem] shrink-0 place-items-center rounded-[1.2rem] bg-[radial-gradient(circle_at_30%_25%,rgba(190,242,100,0.36),transparent_34%),linear-gradient(135deg,rgba(16,185,129,0.18),rgba(251,146,60,0.16))] text-emerald-800">
-            <Sparkles className="h-10 w-10" />
-          </div>
-
-          <div className="min-w-0 flex-1">
-            <div className="text-2xl font-black leading-tight text-[var(--platform-text-strong)] sm:text-3xl">
-              {title}
-            </div>
-            <div className="mt-2 text-sm leading-6 text-[var(--platform-text-base)]">
-              {draft?.summaryText ?? session.lastAssistantReply ?? ''}
-            </div>
-
-            {draft ? (
-              <div className="mt-5 grid gap-2 sm:grid-cols-3">
-                <div className="rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/68 px-3 py-3">
-                  <div className="text-[11px] font-bold tracking-[0.16em] text-[var(--platform-text-soft)]">
-                    题材
-                  </div>
-                  <div className="mt-1 truncate text-sm font-semibold text-[var(--platform-text-strong)]">
-                    {draft.themeText}
-                  </div>
-                </div>
-                <div className="rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/68 px-3 py-3">
-                  <div className="text-[11px] font-bold tracking-[0.16em] text-[var(--platform-text-soft)]">
-                    物品
-                  </div>
-                  <div className="mt-1 text-sm font-semibold text-[var(--platform-text-strong)]">
-                    {draft.totalItemCount ?? draft.clearCount * 3} 件
-                  </div>
-                </div>
-                <div className="rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/68 px-3 py-3">
-                  <div className="text-[11px] font-bold tracking-[0.16em] text-[var(--platform-text-soft)]">
-                    难度
-                  </div>
-                  <div className="mt-1 text-sm font-semibold text-[var(--platform-text-strong)]">
-                    {draft.difficulty}
-                  </div>
-                </div>
-              </div>
-            ) : null}
-
-            {error ? (
-              <div className="platform-banner platform-banner--danger mt-4 rounded-[1.25rem] text-sm leading-6">
-                {error}
-              </div>
-            ) : null}
-          </div>
-        </div>
-      </section>
-
-      <div className="mt-4 flex justify-end pb-[max(0.25rem,env(safe-area-inset-bottom))]">
-        <button
-          type="button"
-          disabled
-          className="platform-button platform-button--primary cursor-not-allowed opacity-55"
-        >
-          <span className="inline-flex items-center gap-2">
-            <Edit3 className="h-4 w-4" />
-            继续编辑
-          </span>
-        </button>
-      </div>
-    </div>
-  );
-}
-
-export default Match3DDraftReadyView;
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index 32c45498..1df46027 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -215,11 +215,13 @@ import {
   buildSquareHoleGenerationAnchorEntries,
   buildWoodenFishGenerationAnchorEntries,
   createMiniGameDraftGenerationState,
+  resolveMiniGameDraftGenerationStartedAtMs,
   type MiniGameDraftGenerationKind,
   type MiniGameDraftGenerationPhase,
   type MiniGameDraftGenerationState,
 } from '../../services/miniGameDraftGenerationProgress';
 import { getPlatformProfileDashboard } from '../../services/platform-entry/platformProfileClient';
+import { getUnifiedCreationSpec } from '../unified-creation/unifiedCreationSpecs';
 import {
   buildBabyObjectMatchPublicWorkCode,
   buildBarkBattlePublicWorkCode,
@@ -2195,9 +2197,7 @@ function rebaseMiniGameDraftGenerationStateForDisplay(
 
 function rebaseMiniGameDraftBackgroundCompileTaskForDisplay<
   T extends PuzzleBackgroundCompileTask | Match3DBackgroundCompileTask,
->(
-  task: T,
-): T {
+>(task: T): T {
   return {
     ...task,
     generationState: rebaseMiniGameDraftGenerationStateForDisplay(
@@ -2216,7 +2216,10 @@ function createPuzzleDraftGenerationStateFromPayload(
       : undefined;
 
   return {
-    ...createMiniGameDraftGenerationState('puzzle'),
+    ...createMiniGameDraftGenerationState(
+      'puzzle',
+      resolveMiniGameDraftGenerationStartedAtMs(session?.updatedAt),
+    ),
     metadata: {
       puzzleAiRedraw: payload?.aiRedraw ?? true,
       puzzleActivePhaseId:
@@ -2269,7 +2272,7 @@ function mergePuzzleSessionProgressIntoGenerationState(
       ...state.metadata,
       puzzleActivePhaseId: nextPhaseId,
       puzzleActiveStepStartedAtMs: shouldResetActiveStepStart
-        ? Date.now()
+        ? resolveMiniGameDraftGenerationStartedAtMs(session.updatedAt)
         : state.metadata?.puzzleActiveStepStartedAtMs,
       puzzleProgressPercent: isCompiledGenerationSession
         ? session.progressPercent
@@ -2734,7 +2737,8 @@ function buildPendingBarkBattleWorks(
       uiBackgroundImageSrc: null,
       difficultyPreset: 'normal',
       status: 'draft',
-      generationStatus: state.status === 'generating' ? 'pending_assets' : 'ready',
+      generationStatus:
+        state.status === 'generating' ? 'pending_assets' : 'ready',
       publishReady: false,
       playCount: 0,
       updatedAt: state.updatedAt,
@@ -2852,6 +2856,20 @@ const CustomWorldGenerationView = lazy(async () => {
   };
 });
 
+const UnifiedCreationWorkspace = lazy(async () => {
+  const module = await import('../unified-creation/UnifiedCreationWorkspace');
+  return {
+    default: module.UnifiedCreationWorkspace,
+  };
+});
+
+const UnifiedGenerationPage = lazy(async () => {
+  const module = await import('../unified-creation/UnifiedGenerationPage');
+  return {
+    default: module.UnifiedGenerationPage,
+  };
+});
+
 const RpgCreationResultView = lazy(async () => {
   const module = await import('../rpg-creation-result/RpgCreationResultView');
   return {
@@ -2889,13 +2907,6 @@ const BigFishRuntimeShell = lazy(async () => {
   };
 });
 
-const Match3DAgentWorkspace = lazy(async () => {
-  const module = await import('../match3d-creation/Match3DAgentWorkspace');
-  return {
-    default: module.Match3DAgentWorkspace,
-  };
-});
-
 const Match3DResultView = lazy(async () => {
   const module = await import('../match3d-result/Match3DResultView');
   return {
@@ -2933,13 +2944,6 @@ const SquareHoleRuntimeShell = lazy(async () => {
   };
 });
 
-const JumpHopWorkspace = lazy(async () => {
-  const module = await import('../jump-hop-creation/JumpHopWorkspace');
-  return {
-    default: module.JumpHopWorkspace,
-  };
-});
-
 const JumpHopResultView = lazy(async () => {
   const module = await import('../jump-hop-result/JumpHopResultView');
   return {
@@ -2954,13 +2958,6 @@ const JumpHopRuntimeShell = lazy(async () => {
   };
 });
 
-const WoodenFishWorkspace = lazy(async () => {
-  const module = await import('../wooden-fish-creation/WoodenFishWorkspace');
-  return {
-    default: module.WoodenFishWorkspace,
-  };
-});
-
 const WoodenFishResultView = lazy(async () => {
   const module = await import('../wooden-fish-result/WoodenFishResultView');
   return {
@@ -2983,7 +2980,9 @@ const BarkBattleConfigEditor = lazy(async () => {
 });
 
 const BarkBattleGeneratingView = lazy(async () => {
-  const module = await import('../bark-battle-creation/BarkBattleGeneratingView');
+  const module = await import(
+    '../bark-battle-creation/BarkBattleGeneratingView'
+  );
   return {
     default: module.BarkBattleGeneratingView,
   };
@@ -3012,13 +3011,6 @@ const CustomWorldCreationHub = lazy(async () => {
   };
 });
 
-const PuzzleAgentWorkspace = lazy(async () => {
-  const module = await import('../puzzle-agent/PuzzleAgentWorkspace');
-  return {
-    default: module.PuzzleAgentWorkspace,
-  };
-});
-
 const CreativeAgentWorkspace = lazy(async () => {
   const module = await import('../creative-agent/CreativeAgentWorkspace');
   return {
@@ -3118,6 +3110,38 @@ function LazyPanelFallback({ label }: { label: string }) {
   );
 }
 
+function CreationResultRecoveryPanel({
+  title,
+  message,
+  actionLabel,
+  onAction,
+}: {
+  title: string;
+  message: string;
+  actionLabel: string;
+  onAction: () => void;
+}) {
+  return (
+    <div className="flex h-full min-h-0 items-center justify-center px-3 py-6">
+      <div className="platform-subpanel w-full max-w-sm rounded-[1.5rem] p-5 text-center">
+        <div className="text-base font-black text-[var(--platform-text-strong)]">
+          {title}
+        </div>
+        <div className="mt-2 text-sm leading-6 text-[var(--platform-text-base)]">
+          {message}
+        </div>
+        <button
+          type="button"
+          onClick={onAction}
+          className="platform-button platform-button--primary mt-4 min-h-11 justify-center px-4 py-3 text-sm"
+        >
+          {actionLabel}
+        </button>
+      </div>
+    </div>
+  );
+}
+
 function mergePuzzleServiceRuntimeState(
   currentRun: PuzzleRunSnapshot,
   serviceRun: PuzzleRunSnapshot,
@@ -3276,13 +3300,16 @@ export function PlatformEntryFlowShellImpl({
     useState<BarkBattlePublishedConfig | null>(null);
   const [barkBattleDraftConfig, setBarkBattleDraftConfig] =
     useState<BarkBattleDraftConfig | null>(null);
-  const [barkBattleRuntimeMode, setBarkBattleRuntimeMode] =
-    useState<'draft' | 'published'>('draft');
+  const [barkBattleRuntimeMode, setBarkBattleRuntimeMode] = useState<
+    'draft' | 'published'
+  >('draft');
   const [barkBattleRuntimeReturnStage, setBarkBattleRuntimeReturnStage] =
     useState<BarkBattleRuntimeReturnStage>('platform');
   const [barkBattleError, setBarkBattleError] = useState<string | null>(null);
-  const [barkBattleGenerationPartialFailed, setBarkBattleGenerationPartialFailed] =
-    useState(false);
+  const [
+    barkBattleGenerationPartialFailed,
+    setBarkBattleGenerationPartialFailed,
+  ] = useState(false);
   const [isBarkBattleBusy, setIsBarkBattleBusy] = useState(false);
   const [bigFishRun, setBigFishRun] =
     useState<BigFishRuntimeSnapshotResponse | null>(null);
@@ -3457,6 +3484,10 @@ export function PlatformEntryFlowShellImpl({
         : [],
     [creationEntryConfig],
   );
+  const unifiedCreationConfigById = useMemo(() => {
+    const entries = creationEntryConfig?.creationTypes ?? [];
+    return new Map(entries.map((entry) => [entry.id, entry]));
+  }, [creationEntryConfig]);
   const isBigFishCreationVisible = isPlatformCreationTypeVisible(
     creationEntryTypes,
     'big-fish',
@@ -3841,12 +3872,10 @@ export function PlatformEntryFlowShellImpl({
           return true;
         }
 
-        setDraftGenerationPointNotice(
-          {
-            title: '泥点不足',
-            message: `本次需要 ${pointsCost} 泥点，当前 ${walletBalance} 泥点。`,
-          },
-        );
+        setDraftGenerationPointNotice({
+          title: '泥点不足',
+          message: `本次需要 ${pointsCost} 泥点，当前 ${walletBalance} 泥点。`,
+        });
         return false;
       } catch {
         setDraftGenerationPointNotice({
@@ -4157,26 +4186,36 @@ export function PlatformEntryFlowShellImpl({
     (updated: BarkBattleWorkSummary) => {
       setBarkBattleWorks((current) => {
         const deduped = mergeBarkBattleWorksByWorkId(current);
-        const hasExisting = deduped.some((item) => item.workId === updated.workId);
+        const hasExisting = deduped.some(
+          (item) => item.workId === updated.workId,
+        );
         if (hasExisting) {
-          return deduped.map((item) => mergeBarkBattleWorkSummary(item, updated));
+          return deduped.map((item) =>
+            mergeBarkBattleWorkSummary(item, updated),
+          );
         }
         return [updated, ...deduped];
       });
       setBarkBattleGalleryEntries((current) => {
-        const hasExisting = current.some((item) => item.workId === updated.workId);
+        const hasExisting = current.some(
+          (item) => item.workId === updated.workId,
+        );
         if (updated.status !== 'published') {
           return hasExisting
             ? current.map((item) => mergeBarkBattleWorkSummary(item, updated))
             : current;
         }
         if (hasExisting) {
-          return current.map((item) => mergeBarkBattleWorkSummary(item, updated));
+          return current.map((item) =>
+            mergeBarkBattleWorkSummary(item, updated),
+          );
         }
         return [updated, ...current];
       });
       if (updated.status === 'published') {
-        syncUpdatedPublicWorkDetail(mapBarkBattleWorkToPublicWorkDetail(updated));
+        syncUpdatedPublicWorkDetail(
+          mapBarkBattleWorkToPublicWorkDetail(updated),
+        );
       }
     },
     [syncUpdatedPublicWorkDetail],
@@ -4212,7 +4251,10 @@ export function PlatformEntryFlowShellImpl({
       return;
     }
 
-    if (platformBootstrap.platformTab === 'create' || selectionStage === 'platform') {
+    if (
+      platformBootstrap.platformTab === 'create' ||
+      selectionStage === 'platform'
+    ) {
       void refreshBarkBattleShelf();
     }
   }, [
@@ -4228,7 +4270,10 @@ export function PlatformEntryFlowShellImpl({
       return;
     }
 
-    if (platformBootstrap.platformTab === 'create' || selectionStage === 'platform') {
+    if (
+      platformBootstrap.platformTab === 'create' ||
+      selectionStage === 'platform'
+    ) {
       void refreshJumpHopShelf();
     }
   }, [
@@ -4509,7 +4554,9 @@ export function PlatformEntryFlowShellImpl({
             : []),
           ...match3dGalleryEntries.map(mapMatch3DWorkToPublicWorkDetail),
           ...puzzleGalleryEntries.map(mapPuzzleWorkToPlatformGalleryCard),
-          ...barkBattleGalleryEntries.map(mapBarkBattleWorkToPlatformGalleryCard),
+          ...barkBattleGalleryEntries.map(
+            mapBarkBattleWorkToPlatformGalleryCard,
+          ),
           ...jumpHopGalleryEntries.map(mapJumpHopWorkToPlatformGalleryCard),
           ...(barkBattleGalleryEntries.length === 0
             ? barkBattleWorks
@@ -4557,8 +4604,8 @@ export function PlatformEntryFlowShellImpl({
       ...featuredGalleryEntries,
       ...latestGalleryEntries,
     ]).forEach((entry) => {
-        entryMap.set(getPlatformPublicGalleryEntryKey(entry), entry);
-      });
+      entryMap.set(getPlatformPublicGalleryEntryKey(entry), entry);
+    });
     return Array.from(entryMap.values());
   }, [featuredGalleryEntries, latestGalleryEntries]);
 
@@ -5241,7 +5288,12 @@ export function PlatformEntryFlowShellImpl({
       markPendingDraftGenerating('match3d', session.sessionId);
       selectionStageRef.current = 'match3d-generating';
       setSelectionStage('match3d-generating');
-      setMatch3DGenerationState(createMiniGameDraftGenerationState('match3d'));
+      setMatch3DGenerationState(
+        createMiniGameDraftGenerationState(
+          'match3d',
+          resolveMiniGameDraftGenerationStartedAtMs(session.updatedAt),
+        ),
+      );
     },
     onActionError: async ({ payload, errorMessage, session, setSession }) => {
       if (payload.action !== 'match3d_compile_draft') {
@@ -5870,9 +5922,7 @@ export function PlatformEntryFlowShellImpl({
     return ensureEnoughDraftGenerationPointsFromServer(
       PUZZLE_DRAFT_GENERATION_POINT_COST,
     );
-  }, [
-    ensureEnoughDraftGenerationPointsFromServer,
-  ]);
+  }, [ensureEnoughDraftGenerationPointsFromServer]);
   const preflightMatch3DDraftGeneration = useCallback(async () => {
     setMatch3DError(null);
     return ensureEnoughDraftGenerationPointsFromServer(
@@ -6164,7 +6214,8 @@ export function PlatformEntryFlowShellImpl({
             puzzleGenerationViewSession?.sessionId ??
             puzzleSession?.sessionId,
         ),
-        message: puzzleGenerationViewError ?? puzzleCreationError ?? puzzleError,
+        message:
+          puzzleGenerationViewError ?? puzzleCreationError ?? puzzleError,
       },
       {
         key: 'puzzle-onboarding',
@@ -6292,9 +6343,10 @@ export function PlatformEntryFlowShellImpl({
         completedAtMs: number | null;
       })
     | null
-  >(() => pendingPlatformTaskCompletionDialog, [
-    pendingPlatformTaskCompletionDialog,
-  ]);
+  >(
+    () => pendingPlatformTaskCompletionDialog,
+    [pendingPlatformTaskCompletionDialog],
+  );
   const activePlatformTaskCompletionDialogDismissKey =
     buildPlatformTaskCompletionDialogDismissKey(
       currentPlatformTaskCompletionDialog,
@@ -6429,7 +6481,10 @@ export function PlatformEntryFlowShellImpl({
     isMiniGameDraftGenerating(puzzleGenerationViewState);
 
   useEffect(() => {
-    if (!shouldPollPuzzleGenerationSession || !activePuzzleGenerationSessionId) {
+    if (
+      !shouldPollPuzzleGenerationSession ||
+      !activePuzzleGenerationSessionId
+    ) {
       return undefined;
     }
 
@@ -6973,7 +7028,10 @@ export function PlatformEntryFlowShellImpl({
         return;
       }
 
-      const generationState = createMiniGameDraftGenerationState('match3d');
+      const generationState = createMiniGameDraftGenerationState(
+        'match3d',
+        resolveMiniGameDraftGenerationStartedAtMs(nextSession.updatedAt),
+      );
       setMatch3DBackgroundCompileTasks((current) => ({
         ...current,
         [nextSession.sessionId]: {
@@ -7687,7 +7745,10 @@ export function PlatformEntryFlowShellImpl({
         writeCreationUrlState(buildBarkBattleCreationUrlState(draft));
         setBarkBattlePublishedConfig(null);
         markDraftGenerating('bark-battle', [draft.workId, draft.draftId]);
-        markPendingDraftGenerating('bark-battle', draft.workId ?? draft.draftId);
+        markPendingDraftGenerating(
+          'bark-battle',
+          draft.workId ?? draft.draftId,
+        );
         updateBarkBattleWorkCaches(
           buildBarkBattleWorkSummaryFromDraft(
             draft,
@@ -7780,9 +7841,11 @@ export function PlatformEntryFlowShellImpl({
         const nextDraft = {
           ...persistedDraft,
           playerCharacterImageSrc:
-            draft.playerCharacterImageSrc ?? persistedDraft.playerCharacterImageSrc,
+            draft.playerCharacterImageSrc ??
+            persistedDraft.playerCharacterImageSrc,
           opponentCharacterImageSrc:
-            draft.opponentCharacterImageSrc ?? persistedDraft.opponentCharacterImageSrc,
+            draft.opponentCharacterImageSrc ??
+            persistedDraft.opponentCharacterImageSrc,
           uiBackgroundImageSrc:
             draft.uiBackgroundImageSrc ?? persistedDraft.uiBackgroundImageSrc,
         };
@@ -7852,7 +7915,9 @@ export function PlatformEntryFlowShellImpl({
       setBarkBattleError(null);
       const workId = draft.workId?.trim();
       if (!workId) {
-        setBarkBattleError('这份汪汪声浪草稿缺少作品ID，请重新生成草稿后再发布。');
+        setBarkBattleError(
+          '这份汪汪声浪草稿缺少作品ID，请重新生成草稿后再发布。',
+        );
         return;
       }
       setIsBarkBattleBusy(true);
@@ -7885,7 +7950,8 @@ export function PlatformEntryFlowShellImpl({
           playerCharacterImageSrc:
             published.playerCharacterImageSrc ?? draft.playerCharacterImageSrc,
           opponentCharacterImageSrc:
-            published.opponentCharacterImageSrc ?? draft.opponentCharacterImageSrc,
+            published.opponentCharacterImageSrc ??
+            draft.opponentCharacterImageSrc,
           uiBackgroundImageSrc:
             published.uiBackgroundImageSrc ?? draft.uiBackgroundImageSrc,
         };
@@ -7911,7 +7977,9 @@ export function PlatformEntryFlowShellImpl({
         );
         selectionStageRef.current = 'work-detail';
         setSelectionStage('work-detail');
-        pushAppHistoryPath(buildPublicWorkStagePath('work-detail', publicWorkCode));
+        pushAppHistoryPath(
+          buildPublicWorkStagePath('work-detail', publicWorkCode),
+        );
         void Promise.allSettled([
           refreshBarkBattleShelf(),
           refreshBarkBattleGallery(),
@@ -8021,10 +8089,7 @@ export function PlatformEntryFlowShellImpl({
         await ensureBabyObjectMatchGeneratedAssets(draft);
       } catch (error) {
         setBabyObjectMatchError(
-          resolvePuzzleErrorMessage(
-            error,
-            '重新生成宝贝识物素材失败。',
-          ),
+          resolvePuzzleErrorMessage(error, '重新生成宝贝识物素材失败。'),
         );
       } finally {
         setIsBabyObjectMatchBusy(false);
@@ -8680,9 +8745,12 @@ export function PlatformEntryFlowShellImpl({
         );
         setJumpHopGenerationState(readyState);
         if (response.work) {
-          setJumpHopWorks((current) =>
-            [response.work!.summary, ...current.filter((item) => item.workId !== response.work!.summary.workId)],
-          );
+          setJumpHopWorks((current) => [
+            response.work!.summary,
+            ...current.filter(
+              (item) => item.workId !== response.work!.summary.workId,
+            ),
+          ]);
           markPendingDraftReady('jump-hop', created.session.sessionId, false);
           markDraftReady(
             'jump-hop',
@@ -8821,9 +8889,12 @@ export function PlatformEntryFlowShellImpl({
     try {
       const response = await jumpHopClient.publishWork(profileId);
       setJumpHopWork(response.item);
-      setJumpHopWorks((current) =>
-        [response.item.summary, ...current.filter((item) => item.workId !== response.item.summary.workId)],
-      );
+      setJumpHopWorks((current) => [
+        response.item.summary,
+        ...current.filter(
+          (item) => item.workId !== response.item.summary.workId,
+        ),
+      ]);
       void refreshJumpHopShelf().catch(() => undefined);
       openPublishShareModal({
         title: response.item.summary.workTitle || '跳一跳',
@@ -8967,7 +9038,12 @@ export function PlatformEntryFlowShellImpl({
       created: WoodenFishSessionResponse,
       payload?: WoodenFishWorkspaceCreateRequest,
     ) => {
-      const generationState = createMiniGameDraftGenerationState('wooden-fish');
+      const generationState = createMiniGameDraftGenerationState(
+        'wooden-fish',
+        resolveMiniGameDraftGenerationStartedAtMs(
+          created.session.updatedAt ?? created.session.createdAt,
+        ),
+      );
       setWoodenFishError(null);
       setWoodenFishSession(created.session);
       writeCreationUrlState(
@@ -8994,7 +9070,8 @@ export function PlatformEntryFlowShellImpl({
             payload?.workDescription ??
             created.session.draft?.workDescription ??
             '',
-          themeTags: payload?.themeTags ?? created.session.draft?.themeTags ?? ['敲木鱼'],
+          themeTags: payload?.themeTags ??
+            created.session.draft?.themeTags ?? ['敲木鱼'],
           coverImageSrc: created.session.draft?.coverImageSrc ?? null,
           publicationStatus: 'draft',
           playCount: 0,
@@ -9128,7 +9205,10 @@ export function PlatformEntryFlowShellImpl({
         return;
       }
 
-      const generationState = createMiniGameDraftGenerationState('wooden-fish');
+      const generationState = createMiniGameDraftGenerationState(
+        'wooden-fish',
+        resolveMiniGameDraftGenerationStartedAtMs(woodenFishSession.updatedAt),
+      );
       setWoodenFishError(null);
       setWoodenFishGenerationState(generationState);
       setIsWoodenFishBusy(true);
@@ -9328,7 +9408,10 @@ export function PlatformEntryFlowShellImpl({
         const [detail, runResponse] = await Promise.all([
           woodenFishClient.getWorkDetail(normalizedProfileId).catch(() => null),
           options.embedded
-            ? woodenFishClient.startRun(normalizedProfileId, runtimeGuestOptions)
+            ? woodenFishClient.startRun(
+                normalizedProfileId,
+                runtimeGuestOptions,
+              )
             : woodenFishClient.startRun(normalizedProfileId),
         ]);
         if (detail?.item) {
@@ -9576,12 +9659,7 @@ export function PlatformEntryFlowShellImpl({
     if (selectionStage === 'big-fish-runtime' && !bigFishRun) {
       setSelectionStage(bigFishSession?.draft ? 'big-fish-result' : 'platform');
     }
-  }, [
-    bigFishRun,
-    bigFishSession,
-    selectionStage,
-    setSelectionStage,
-  ]);
+  }, [bigFishRun, bigFishSession, selectionStage, setSelectionStage]);
 
   useEffect(() => {
     if (selectionStage === 'match3d-result' && !match3dSession?.draft) {
@@ -9592,12 +9670,7 @@ export function PlatformEntryFlowShellImpl({
     if (selectionStage === 'match3d-runtime' && !match3dRun) {
       setSelectionStage(match3dSession?.draft ? 'match3d-result' : 'platform');
     }
-  }, [
-    match3dRun,
-    match3dSession,
-    selectionStage,
-    setSelectionStage,
-  ]);
+  }, [match3dRun, match3dSession, selectionStage, setSelectionStage]);
 
   useEffect(() => {
     if (selectionStage === 'square-hole-result' && !squareHoleSession?.draft) {
@@ -9610,12 +9683,7 @@ export function PlatformEntryFlowShellImpl({
         squareHoleSession?.draft ? 'square-hole-result' : 'platform',
       );
     }
-  }, [
-    selectionStage,
-    setSelectionStage,
-    squareHoleRun,
-    squareHoleSession,
-  ]);
+  }, [selectionStage, setSelectionStage, squareHoleRun, squareHoleSession]);
 
   useEffect(() => {
     if (
@@ -9859,11 +9927,10 @@ export function PlatformEntryFlowShellImpl({
       setMatch3DError(null);
 
       try {
-        let runtimeProfile: Match3DWorkProfile | Match3DWorkSummary =
-          profile;
+        let runtimeProfile: Match3DWorkProfile | Match3DWorkSummary = profile;
         if (
-          (!hasMatch3DRuntimeAsset(profile.generatedItemAssets) ||
-            !hasMatch3DRuntimeBackgroundAsset(profile))
+          !hasMatch3DRuntimeAsset(profile.generatedItemAssets) ||
+          !hasMatch3DRuntimeBackgroundAsset(profile)
         ) {
           try {
             const { item } = await getMatch3DWorkDetail(profile.profileId);
@@ -10319,21 +10386,19 @@ export function PlatformEntryFlowShellImpl({
         ? puzzleGalleryEntries.length > 0
           ? puzzleGalleryEntries
           : await refreshPuzzleGallery()
-        : (
-            puzzleWorks.length > 0
-              ? puzzleWorks
-              : (await listPuzzleWorks().catch(() => ({ items: [] }))).items
-          );
+        : puzzleWorks.length > 0
+          ? puzzleWorks
+          : (await listPuzzleWorks().catch(() => ({ items: [] }))).items;
       const targetItem =
         runtimeProfileId || runtimeSessionId || publicWorkCode
-          ? candidateItems.find(
+          ? (candidateItems.find(
               (item) =>
                 item.profileId === runtimeProfileId ||
                 item.sourceSessionId === runtimeSessionId ||
                 (publicWorkCode
                   ? isSamePuzzlePublicWorkCode(publicWorkCode, item.profileId)
                   : false),
-            ) ?? null
+            ) ?? null)
           : null;
 
       if (!targetItem) {
@@ -10381,9 +10446,7 @@ export function PlatformEntryFlowShellImpl({
       }
 
       setSelectedPuzzleDetail(targetItem);
-      setPuzzleRun(
-        startLocalPuzzleRun(targetItem, runtimeLevelId ?? null),
-      );
+      setPuzzleRun(startLocalPuzzleRun(targetItem, runtimeLevelId ?? null));
       setPuzzleRuntimeAuthMode(isPublishedRuntime ? 'isolated' : 'default');
       setPuzzleRuntimeReturnStage(fallbackStage);
       openPuzzleRuntimeStage(
@@ -10634,7 +10697,11 @@ export function PlatformEntryFlowShellImpl({
     const submitLeaderboardPromise =
       puzzleRuntimeAuthMode === 'isolated'
         ? buildRecommendRuntimeGuestOptions().then((runtimeGuestOptions) =>
-            submitPuzzleLeaderboard(puzzleRun.runId, payload, runtimeGuestOptions),
+            submitPuzzleLeaderboard(
+              puzzleRun.runId,
+              payload,
+              runtimeGuestOptions,
+            ),
           )
         : submitPuzzleLeaderboard(puzzleRun.runId, payload);
 
@@ -10753,8 +10820,7 @@ export function PlatformEntryFlowShellImpl({
           const item = await getPuzzleGalleryDetail(nextProfileId).then(
             (response) => response.item,
           );
-          const nextRecommendEntry =
-            mapPuzzleWorkToPlatformGalleryCard(item);
+          const nextRecommendEntry = mapPuzzleWorkToPlatformGalleryCard(item);
           setPuzzleGalleryEntries((current) => {
             const nextEntries = current.filter(
               (entry) => entry.profileId !== item.profileId,
@@ -10873,11 +10939,7 @@ export function PlatformEntryFlowShellImpl({
       null,
     );
     returnToCreationFlowSource();
-  }, [
-    autosaveCoordinator,
-    returnToCreationFlowSource,
-    sessionController,
-  ]);
+  }, [autosaveCoordinator, returnToCreationFlowSource, sessionController]);
 
   const leaveAgentDraftGeneration = useCallback(() => {
     if (sessionController.isActiveGenerationRunning) {
@@ -10897,11 +10959,7 @@ export function PlatformEntryFlowShellImpl({
     sessionController.setCustomWorldGenerationViewSource(null);
     sessionController.setCustomWorldResultViewSource(null);
     returnToCreationFlowSource();
-  }, [
-    autosaveCoordinator,
-    returnToCreationFlowSource,
-    sessionController,
-  ]);
+  }, [autosaveCoordinator, returnToCreationFlowSource, sessionController]);
 
   const leaveCustomWorldResult = useCallback(() => {
     sessionController.setGeneratedCustomWorldProfile(null);
@@ -11887,7 +11945,12 @@ export function PlatformEntryFlowShellImpl({
         setIsJumpHopBusy(false);
       }
     },
-    [enterCreateTab, markDraftNoticeSeen, openPublicWorkDetail, setSelectionStage],
+    [
+      enterCreateTab,
+      markDraftNoticeSeen,
+      openPublicWorkDetail,
+      setSelectionStage,
+    ],
   );
 
   const openWoodenFishPublicWorkDetail = useCallback(
@@ -12195,16 +12258,14 @@ export function PlatformEntryFlowShellImpl({
             item.sourceSessionId,
           );
           const payload = buildPuzzleFormPayloadFromSession(latestSession);
-          const generationState = createMiniGameDraftGenerationStateForRestoredDraft(
-            'puzzle',
-            {
+          const generationState =
+            createMiniGameDraftGenerationStateForRestoredDraft('puzzle', {
               puzzleAiRedraw: payload.aiRedraw ?? true,
               puzzleProgressPercent:
                 latestSession.draft && !latestSession.draft.formDraft
                   ? latestSession.progressPercent
                   : undefined,
-            },
-          );
+            });
           puzzleFlow.setSession(latestSession);
           setPuzzleFormDraftPayload(payload);
           setPuzzleGenerationState(
@@ -12401,10 +12462,9 @@ export function PlatformEntryFlowShellImpl({
           setMatch3DSession(latestSession);
           setMatch3DFormDraftPayload(null);
           setMatch3DProfile(null);
-          const generationState =
-            rebaseMiniGameDraftGenerationStateForDisplay(
-              createMiniGameDraftGenerationStateForRestoredDraft('match3d'),
-            );
+          const generationState = rebaseMiniGameDraftGenerationStateForDisplay(
+            createMiniGameDraftGenerationStateForRestoredDraft('match3d'),
+          );
           setMatch3DGenerationState(generationState);
           enterCreateTab();
           selectionStageRef.current = 'match3d-generating';
@@ -12603,14 +12663,18 @@ export function PlatformEntryFlowShellImpl({
       };
       setBarkBattleDraftConfig(nextDraft);
       enterCreateTab();
-      selectionStageRef.current =
-        isPersistedBarkBattleDraftGenerating(item)
-          ? 'bark-battle-generating'
-          : 'bark-battle-result';
+      selectionStageRef.current = isPersistedBarkBattleDraftGenerating(item)
+        ? 'bark-battle-generating'
+        : 'bark-battle-result';
       setSelectionStage(selectionStageRef.current);
       writeCreationUrlState(buildBarkBattleCreationUrlState(nextDraft));
     },
-    [enterCreateTab, markDraftNoticeSeen, openPublicWorkDetail, setSelectionStage],
+    [
+      enterCreateTab,
+      markDraftNoticeSeen,
+      openPublicWorkDetail,
+      setSelectionStage,
+    ],
   );
 
   const openVisualNovelDraft = useCallback(
@@ -12730,17 +12794,19 @@ export function PlatformEntryFlowShellImpl({
       const profileId = normalizeCreationUrlValue(
         initialCreationUrlState.profileId,
       );
-      const draftId = normalizeCreationUrlValue(initialCreationUrlState.draftId);
+      const draftId = normalizeCreationUrlValue(
+        initialCreationUrlState.draftId,
+      );
       const workId = normalizeCreationUrlValue(initialCreationUrlState.workId);
 
       if (path.startsWith('/creation/big-fish')) {
-        const targetSessionId = sessionId ?? workId?.replace(/^big-fish-work-/u, '');
+        const targetSessionId =
+          sessionId ?? workId?.replace(/^big-fish-work-/u, '');
         if (targetSessionId) {
           const matchedWork =
-            (
-              bigFishWorks.length > 0
-                ? bigFishWorks
-                : (await listBigFishWorks().catch(() => ({ items: [] }))).items
+            (bigFishWorks.length > 0
+              ? bigFishWorks
+              : (await listBigFishWorks().catch(() => ({ items: [] }))).items
             ).find(
               (item) =>
                 item.sourceSessionId === targetSessionId ||
@@ -12757,12 +12823,11 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/match3d')) {
         const matchedWork =
-          (
-            match3dWorks.length > 0
-              ? match3dWorks
-              : mapMatch3DWorksForRuntimeUi(
-                  (await listMatch3DWorks().catch(() => ({ items: [] }))).items,
-                )
+          (match3dWorks.length > 0
+            ? match3dWorks
+            : mapMatch3DWorksForRuntimeUi(
+                (await listMatch3DWorks().catch(() => ({ items: [] }))).items,
+              )
           ).find(
             (item) =>
               item.sourceSessionId === sessionId ||
@@ -12781,10 +12846,9 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/square-hole')) {
         const matchedWork =
-          (
-            squareHoleWorks.length > 0
-              ? squareHoleWorks
-              : (await listSquareHoleWorks().catch(() => ({ items: [] }))).items
+          (squareHoleWorks.length > 0
+            ? squareHoleWorks
+            : (await listSquareHoleWorks().catch(() => ({ items: [] }))).items
           ).find(
             (item) =>
               item.sourceSessionId === sessionId ||
@@ -12803,10 +12867,9 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/puzzle')) {
         const matchedWork =
-          (
-            puzzleWorks.length > 0
-              ? puzzleWorks
-              : (await listPuzzleWorks().catch(() => ({ items: [] }))).items
+          (puzzleWorks.length > 0
+            ? puzzleWorks
+            : (await listPuzzleWorks().catch(() => ({ items: [] }))).items
           ).find(
             (item) =>
               item.sourceSessionId === sessionId ||
@@ -12825,10 +12888,9 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/visual-novel')) {
         const matchedWork =
-          (
-            visualNovelWorks.length > 0
-              ? visualNovelWorks
-              : (await listVisualNovelWorks().catch(() => ({ works: [] }))).works
+          (visualNovelWorks.length > 0
+            ? visualNovelWorks
+            : (await listVisualNovelWorks().catch(() => ({ works: [] }))).works
           ).find((item) => item.profileId === profileId) ?? null;
         if (matchedWork) {
           await openVisualNovelDraft(matchedWork, { forceDraft: true });
@@ -12842,10 +12904,9 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/bark-battle')) {
         const matchedWork =
-          (
-            barkBattleWorks.length > 0
-              ? barkBattleWorks
-              : (await listBarkBattleWorks().catch(() => ({ items: [] }))).items
+          (barkBattleWorks.length > 0
+            ? barkBattleWorks
+            : (await listBarkBattleWorks().catch(() => ({ items: [] }))).items
           ).find(
             (item) => item.workId === workId || item.draftId === draftId,
           ) ?? null;
@@ -12857,10 +12918,9 @@ export function PlatformEntryFlowShellImpl({
 
       if (path.startsWith('/creation/baby-object-match')) {
         const matchedDraft =
-          (
-            babyObjectMatchDrafts.length > 0
-              ? babyObjectMatchDrafts
-              : await listLocalBabyObjectMatchDrafts().catch(() => [])
+          (babyObjectMatchDrafts.length > 0
+            ? babyObjectMatchDrafts
+            : await listLocalBabyObjectMatchDrafts().catch(() => [])
           ).find(
             (item) =>
               item.profileId === profileId ||
@@ -12874,23 +12934,36 @@ export function PlatformEntryFlowShellImpl({
       }
 
       if (path.startsWith('/creation/jump-hop')) {
-        if (!sessionId) {
-          return;
-        }
+        let session: JumpHopSessionSnapshotResponse | null = null;
+        let work: JumpHopWorkProfileResponse | null = null;
         try {
-          const { session } = await jumpHopClient.getSession(sessionId);
-          let work: JumpHopWorkProfileResponse | null = null;
           if (profileId) {
             work = (await jumpHopClient.getWorkDetail(profileId)).item;
           }
+        } catch {
+          work = null;
+        }
+        try {
+          if (sessionId) {
+            session = (await jumpHopClient.getSession(sessionId)).session;
+          }
+        } catch {
+          session = null;
+        }
+        if (!session && !work) {
+          return;
+        }
+        try {
           setJumpHopSession(session);
           setJumpHopWork(work);
-          writeCreationUrlState(buildJumpHopCreationUrlState({ session, work }));
+          writeCreationUrlState(
+            buildJumpHopCreationUrlState({ session, work }),
+          );
           enterCreateTab();
           setSelectionStage(
             path.includes('/generating')
               ? 'jump-hop-generating'
-              : session.draft
+              : session?.draft || work
                 ? 'jump-hop-result'
                 : 'jump-hop-workspace',
           );
@@ -13019,7 +13092,13 @@ export function PlatformEntryFlowShellImpl({
         return false;
       }
     },
-    [authUi, bigFishFlow, resolveBigFishErrorMessage, setBigFishError, setSelectionStage],
+    [
+      authUi,
+      bigFishFlow,
+      resolveBigFishErrorMessage,
+      setBigFishError,
+      setSelectionStage,
+    ],
   );
 
   const startBarkBattleRunFromWork = useCallback(
@@ -13334,8 +13413,9 @@ export function PlatformEntryFlowShellImpl({
           );
         } else if (isBarkBattleGalleryEntry(entry)) {
           const work =
-            barkBattleGalleryEntries.find((item) => item.workId === entry.workId) ??
-            mapBarkBattlePublicDetailToWorkSummary(entry);
+            barkBattleGalleryEntries.find(
+              (item) => item.workId === entry.workId,
+            ) ?? mapBarkBattlePublicDetailToWorkSummary(entry);
           if (!work) {
             setBarkBattleError(
               '当前汪汪声浪作品信息不完整，暂时无法进入玩法。',
@@ -13756,7 +13836,10 @@ export function PlatformEntryFlowShellImpl({
       );
     }
 
-    if (activeRecommendRuntimeKind === 'bark-battle' && barkBattlePublishedConfig) {
+    if (
+      activeRecommendRuntimeKind === 'bark-battle' &&
+      barkBattlePublishedConfig
+    ) {
       return (
         <BarkBattleRuntimeShell
           title={barkBattlePublishedConfig.title}
@@ -14147,7 +14230,9 @@ export function PlatformEntryFlowShellImpl({
         if (isBarkBattleGalleryEntry(entry)) {
           const matchedWork =
             barkBattleWorks.find((work) => work.workId === entry.workId) ??
-            barkBattleGalleryEntries.find((work) => work.workId === entry.workId) ??
+            barkBattleGalleryEntries.find(
+              (work) => work.workId === entry.workId,
+            ) ??
             mapBarkBattlePublicDetailToWorkSummary(entry);
           if (!matchedWork?.draftId?.trim()) {
             setPublicWorkDetailError('这份汪汪声浪缺少可编辑草稿。');
@@ -15626,7 +15711,12 @@ export function PlatformEntryFlowShellImpl({
                 <LazyPanelFallback label="正在加载抓大鹅共创工作区..." />
               }
             >
-              <Match3DAgentWorkspace
+              <UnifiedCreationWorkspace
+                playId="match3d"
+                spec={getUnifiedCreationSpec(
+                  'match3d',
+                  unifiedCreationConfigById.get('match3d'),
+                )}
                 session={match3dSession}
                 isBusy={isStreamingMatch3DReply}
                 error={match3dError}
@@ -15656,7 +15746,8 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载抓大鹅生成面板..." />}
             >
-              <CustomWorldGenerationView
+              <UnifiedGenerationPage
+                playId="match3d"
                 settingText={
                   match3dGenerationViewSession?.lastAssistantReply ??
                   '正在生成本局抓大鹅物品素材。'
@@ -15676,16 +15767,6 @@ export function PlatformEntryFlowShellImpl({
                   setSelectionStage('match3d-agent-workspace');
                 }}
                 onRetry={retryMatch3DDraftGeneration}
-                onInterrupt={undefined}
-                backLabel="返回创作中心"
-                settingActionLabel={null}
-                retryLabel="重新生成草稿"
-                settingTitle="当前抓大鹅信息"
-                settingDescription={null}
-                progressTitle="抓大鹅草稿生成进度"
-                activeBadgeLabel="素材生成中"
-                pausedBadgeLabel="素材生成已暂停"
-                idleBadgeLabel="等待返回工作区"
                 hideBatchModule
               />
             </Suspense>
@@ -16285,7 +16366,12 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载跳一跳创作..." />}
             >
-              <JumpHopWorkspace
+              <UnifiedCreationWorkspace
+                playId="jump-hop"
+                spec={getUnifiedCreationSpec(
+                  'jump-hop',
+                  unifiedCreationConfigById.get('jump-hop'),
+                )}
                 isBusy={isJumpHopBusy}
                 error={jumpHopError}
                 onBack={leaveJumpHopFlow}
@@ -16308,7 +16394,8 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载跳一跳生成面板..." />}
             >
-              <CustomWorldGenerationView
+              <UnifiedGenerationPage
+                playId="jump-hop"
                 settingText={
                   jumpHopSession?.draft?.workTitle?.trim() ||
                   jumpHopSession?.draft?.workDescription?.trim() ||
@@ -16328,51 +16415,60 @@ export function PlatformEntryFlowShellImpl({
                   setSelectionStage('jump-hop-workspace');
                 }}
                 onRetry={retryJumpHopDraftGeneration}
-                onInterrupt={undefined}
-                backLabel="返回创作中心"
-                settingActionLabel={null}
-                retryLabel="重新生成草稿"
-                settingTitle="当前跳一跳信息"
-                settingDescription={null}
-                progressTitle="跳一跳草稿生成进度"
-                activeBadgeLabel="素材生成中"
-                pausedBadgeLabel="素材生成已暂停"
-                idleBadgeLabel="等待返回工作区"
               />
             </Suspense>
           </motion.div>
         )}
 
-        {selectionStage === 'jump-hop-result' && jumpHopSession?.draft && (
-          <motion.div
-            key="jump-hop-result"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col"
-          >
-            <Suspense
-              fallback={<LazyPanelFallback label="正在加载跳一跳结果..." />}
-            >
-              <JumpHopResultView
-                profile={jumpHopWork ?? jumpHopSession.draft}
-                error={jumpHopError}
-                onBack={leaveJumpHopFlow}
-                onEdit={() => {
-                  setSelectionStage('jump-hop-workspace');
-                }}
-                onStartTestRun={startJumpHopTestRunFromProfile}
-                onPublish={publishJumpHopDraft}
-                onRegenerateCharacter={() => {
-                  void regenerateJumpHopAsset('regenerate-character');
-                }}
-                onRegenerateTiles={() => {
-                  void regenerateJumpHopAsset('regenerate-tiles');
-                }}
-              />
-            </Suspense>
-          </motion.div>
-        )}
+        {selectionStage === 'jump-hop-result' &&
+          (() => {
+            const activeJumpHopResultProfile =
+              jumpHopWork ?? jumpHopSession?.draft ?? null;
+
+            return (
+              <motion.div
+                key="jump-hop-result"
+                initial={{ opacity: 0, y: 12 }}
+                animate={{ opacity: 1, y: 0 }}
+                exit={{ opacity: 0, y: -12 }}
+                className="flex h-full min-h-0 flex-col"
+              >
+                {activeJumpHopResultProfile ? (
+                  <Suspense
+                    fallback={
+                      <LazyPanelFallback label="正在加载跳一跳结果..." />
+                    }
+                  >
+                    <JumpHopResultView
+                      profile={activeJumpHopResultProfile}
+                      error={jumpHopError}
+                      onBack={leaveJumpHopFlow}
+                      onEdit={() => {
+                        setSelectionStage('jump-hop-workspace');
+                      }}
+                      onStartTestRun={startJumpHopTestRunFromProfile}
+                      onPublish={publishJumpHopDraft}
+                      onRegenerateCharacter={() => {
+                        void regenerateJumpHopAsset('regenerate-character');
+                      }}
+                      onRegenerateTiles={() => {
+                        void regenerateJumpHopAsset('regenerate-tiles');
+                      }}
+                    />
+                  </Suspense>
+                ) : (
+                  <CreationResultRecoveryPanel
+                    title="跳一跳草稿未恢复"
+                    message="当前链接缺少可恢复的跳一跳草稿信息。"
+                    actionLabel="返回创作"
+                    onAction={() => {
+                      setSelectionStage('jump-hop-workspace');
+                    }}
+                  />
+                )}
+              </motion.div>
+            );
+          })()}
 
         {selectionStage === 'jump-hop-runtime' && (
           <motion.div
@@ -16413,7 +16509,12 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载敲木鱼创作..." />}
             >
-              <WoodenFishWorkspace
+              <UnifiedCreationWorkspace
+                playId="wooden-fish"
+                spec={getUnifiedCreationSpec(
+                  'wooden-fish',
+                  unifiedCreationConfigById.get('wooden-fish'),
+                )}
                 isBusy={isWoodenFishBusy}
                 error={woodenFishError}
                 onBack={leaveWoodenFishFlow}
@@ -16436,7 +16537,8 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载敲木鱼生成面板..." />}
             >
-              <CustomWorldGenerationView
+              <UnifiedGenerationPage
+                playId="wooden-fish"
                 settingText={
                   woodenFishSession?.draft?.workTitle?.trim() ||
                   woodenFishSession?.draft?.workDescription?.trim() ||
@@ -16456,16 +16558,6 @@ export function PlatformEntryFlowShellImpl({
                   setSelectionStage('wooden-fish-workspace');
                 }}
                 onRetry={retryWoodenFishDraftGeneration}
-                onInterrupt={undefined}
-                backLabel="返回创作中心"
-                settingActionLabel={null}
-                retryLabel="重新生成草稿"
-                settingTitle="当前敲木鱼信息"
-                settingDescription={null}
-                progressTitle="敲木鱼草稿生成进度"
-                activeBadgeLabel="素材生成中"
-                pausedBadgeLabel="素材生成已暂停"
-                idleBadgeLabel="等待返回工作区"
               />
             </Suspense>
           </motion.div>
@@ -16570,7 +16662,12 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载拼图创作..." />}
             >
-              <PuzzleAgentWorkspace
+              <UnifiedCreationWorkspace
+                playId="puzzle"
+                spec={getUnifiedCreationSpec(
+                  'puzzle',
+                  unifiedCreationConfigById.get('puzzle'),
+                )}
                 session={puzzleSession}
                 isBusy={isStreamingPuzzleReply}
                 error={puzzleError}
@@ -16626,7 +16723,8 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载拼图生成面板..." />}
             >
-              <CustomWorldGenerationView
+              <UnifiedGenerationPage
+                playId="puzzle"
                 settingText={
                   puzzleGenerationViewSession?.lastAssistantReply ??
                   '正在整理当前拼图草稿。'
@@ -16646,15 +16744,6 @@ export function PlatformEntryFlowShellImpl({
                   setSelectionStage('puzzle-agent-workspace');
                 }}
                 onRetry={retryPuzzleDraftGeneration}
-                onInterrupt={undefined}
-                backLabel="返回创作中心"
-                settingActionLabel={null}
-                retryLabel="重新生成图片"
-                settingTitle="当前拼图信息"
-                settingDescription={null}
-                progressTitle="拼图图片生成进度"
-                activeBadgeLabel="图片生成中"
-                idleBadgeLabel="等待返回工作区"
                 hideBatchModule
               />
             </Suspense>
@@ -17028,32 +17117,33 @@ export function PlatformEntryFlowShellImpl({
           </motion.div>
         )}
 
-        {selectionStage === 'bark-battle-generating' && barkBattleDraftConfig && (
-          <motion.div
-            key="bark-battle-generating"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col"
-          >
-            <Suspense
-              fallback={<LazyPanelFallback label="正在生成汪汪声浪素材..." />}
+        {selectionStage === 'bark-battle-generating' &&
+          barkBattleDraftConfig && (
+            <motion.div
+              key="bark-battle-generating"
+              initial={{ opacity: 0, y: 12 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: -12 }}
+              className="flex h-full min-h-0 flex-col"
             >
-              <BarkBattleGeneratingView
-                draft={barkBattleDraftConfig}
-                isBusy={isBarkBattleBusy}
-                error={barkBattleError}
-                onBack={() => {
-                  enterCreateTab();
-                  selectionStageRef.current = 'platform';
-                  setSelectionStage('platform');
-                }}
-                onComplete={handleBarkBattleGenerationComplete}
-                onError={setBarkBattleError}
-              />
-            </Suspense>
-          </motion.div>
-        )}
+              <Suspense
+                fallback={<LazyPanelFallback label="正在生成汪汪声浪素材..." />}
+              >
+                <BarkBattleGeneratingView
+                  draft={barkBattleDraftConfig}
+                  isBusy={isBarkBattleBusy}
+                  error={barkBattleError}
+                  onBack={() => {
+                    enterCreateTab();
+                    selectionStageRef.current = 'platform';
+                    setSelectionStage('platform');
+                  }}
+                  onComplete={handleBarkBattleGenerationComplete}
+                  onError={setBarkBattleError}
+                />
+              </Suspense>
+            </motion.div>
+          )}
 
         {selectionStage === 'bark-battle-result' && barkBattleDraftConfig && (
           <motion.div
@@ -17096,37 +17186,38 @@ export function PlatformEntryFlowShellImpl({
           </motion.div>
         )}
 
-        {selectionStage === 'bark-battle-runtime' && barkBattlePublishedConfig && (
-          <motion.div
-            key="bark-battle-runtime"
-            initial={{ opacity: 0, y: 12 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col"
-          >
-            <Suspense
-              fallback={<LazyPanelFallback label="正在加载汪汪声浪试玩..." />}
+        {selectionStage === 'bark-battle-runtime' &&
+          barkBattlePublishedConfig && (
+            <motion.div
+              key="bark-battle-runtime"
+              initial={{ opacity: 0, y: 12 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: -12 }}
+              className="flex h-full min-h-0 flex-col"
             >
-              <BarkBattleRuntimeShell
-                title={barkBattlePublishedConfig.title}
-                workId={barkBattlePublishedConfig.workId}
-                publishedConfig={barkBattlePublishedConfig}
-                runtimeMode={barkBattleRuntimeMode}
-                onExit={() => {
-                  if (
-                    barkBattleRuntimeReturnStage === 'bark-battle-result' &&
-                    barkBattleDraftConfig
-                  ) {
-                    setSelectionStage('bark-battle-result');
-                  } else {
-                    enterCreateTab();
-                    setSelectionStage('platform');
-                  }
-                }}
-              />
-            </Suspense>
-          </motion.div>
-        )}
+              <Suspense
+                fallback={<LazyPanelFallback label="正在加载汪汪声浪试玩..." />}
+              >
+                <BarkBattleRuntimeShell
+                  title={barkBattlePublishedConfig.title}
+                  workId={barkBattlePublishedConfig.workId}
+                  publishedConfig={barkBattlePublishedConfig}
+                  runtimeMode={barkBattleRuntimeMode}
+                  onExit={() => {
+                    if (
+                      barkBattleRuntimeReturnStage === 'bark-battle-result' &&
+                      barkBattleDraftConfig
+                    ) {
+                      setSelectionStage('bark-battle-result');
+                    } else {
+                      enterCreateTab();
+                      setSelectionStage('platform');
+                    }
+                  }}
+                />
+              </Suspense>
+            </motion.div>
+          )}
 
         {selectionStage === 'custom-world-result' &&
           sessionController.generatedCustomWorldProfile && (
@@ -17319,7 +17410,7 @@ export function PlatformEntryFlowShellImpl({
       </AnimatePresence>
 
       {creationEntryConfig ? (
-          <PlatformEntryCreationTypeModal
+        <PlatformEntryCreationTypeModal
           isOpen={showCreationTypeModal}
           isBusy={
             sessionController.isCreatingAgentSession ||
diff --git a/src/components/puzzle-agent/puzzleCreationTemplates.ts b/src/components/puzzle-agent/puzzleCreationTemplates.ts
deleted file mode 100644
index c586d816..00000000
--- a/src/components/puzzle-agent/puzzleCreationTemplates.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-export type PuzzleCreationTemplate = {
-  id: string;
-  title: string;
-  imageSrc: string;
-  prompt: string;
-};
-
-// 中文注释：模板只服务入口快速填词，正式作品信息仍在结果页补全。
-export const PUZZLE_CREATION_TEMPLATES: PuzzleCreationTemplate[] = [
-  {
-    id: 'couple-memory',
-    title: '情侣合照拼图',
-    imageSrc: '/puzzle-creation-templates/couple-memory.webp',
-    prompt:
-      '温暖自然光下的一对情侣纪念合照，城市咖啡馆窗边，桌面有花束和两杯热饮，人物神情自然，画面主体清晰，前中后景层次明确。',
-  },
-  {
-    id: 'family-keepsake',
-    title: '家庭纪念拼图',
-    imageSrc: '/puzzle-creation-templates/family-keepsake.webp',
-    prompt:
-      '三代家人在客厅沙发前的家庭纪念合照，柔和午后阳光，孩子抱着生日蛋糕，长辈微笑，画面温暖完整，细节丰富但不杂乱。',
-  },
-  {
-    id: 'friends-party',
-    title: '朋友聚会拼图',
-    imageSrc: '/puzzle-creation-templates/friends-party.webp',
-    prompt:
-      '朋友们在露台夜晚聚会，彩灯、桌上零食和举杯瞬间，人物分布有层次，中央焦点清楚，氛围轻松热闹。',
-  },
-  {
-    id: 'festival-card',
-    title: '节日贺卡拼图',
-    imageSrc: '/puzzle-creation-templates/festival-card.webp',
-    prompt:
-      '节日餐桌与礼物布置，暖色灯光、彩带、蜡烛和窗外烟花，画面像无字贺卡，主体集中，边角细节可辨。',
-  },
-  {
-    id: 'knowledge-summary',
-    title: '知识总结拼图',
-    imageSrc: '/puzzle-creation-templates/knowledge-summary.webp',
-    prompt:
-      '一张无文字的知识学习主题插画，书桌上有打开的笔记本、便签、咖啡、台灯和思维导图式图形元素，构图整洁，重点明确。',
-  },
-  {
-    id: 'product-detail',
-    title: '商品细节拼图',
-    imageSrc: '/puzzle-creation-templates/product-detail.webp',
-    prompt:
-      '精致商品静物展示，一只高质感香水瓶放在丝绸与花瓣之间，玻璃反光清晰，包装和材质细节丰富，背景干净。',
-  },
-  {
-    id: 'healing-landscape',
-    title: '治愈风景拼图',
-    imageSrc: '/puzzle-creation-templates/healing-landscape.webp',
-    prompt:
-      '治愈风景插画，清晨湖边、薄雾、远山、木栈道和一盏小灯，色彩柔和。',
-  },
-  {
-    id: 'cute-pet',
-    title: '宠物可爱拼图',
-    imageSrc: '/puzzle-creation-templates/cute-pet.webp',
-    prompt:
-      '一只可爱的橘猫趴在阳光窗台上，旁边有绿植、毛线球和小毯子，猫的表情清楚，画面温柔干净。',
-  },
-  {
-    id: 'hot-topic-poster',
-    title: '热点海报拼图',
-    imageSrc: '/puzzle-creation-templates/hot-topic-poster.webp',
-    prompt:
-      '电影感热点海报风插画，雨夜街头、霓虹反光、奔跑的人影和远处光束，强烈视觉焦点，画面无文字。',
-  },
-  {
-    id: 'event-invitation',
-    title: '活动邀请拼图',
-    imageSrc: '/puzzle-creation-templates/event-invitation.webp',
-    prompt:
-      '活动邀请主题插画，展厅入口、花艺装置、签到台和柔和灯带，人群剪影自然分布，画面高级干净，无文字。',
-  },
-  {
-    id: 'daily-challenge',
-    title: '每日挑战拼图',
-    imageSrc: '/puzzle-creation-templates/daily-challenge.webp',
-    prompt:
-      '每日挑战主题插画，清爽桌面上摆放相机、明信片、计时器和小奖章，色彩明亮，构图有趣，细节可拆解。',
-  },
-  {
-    id: 'children-learning',
-    title: '儿童认知拼图',
-    imageSrc: '/puzzle-creation-templates/children-learning.webp',
-    prompt:
-      '儿童认知学习插画，木质桌面上有积木、彩色形状、动物玩偶和小书本，色彩明快，元素边界清晰，无文字。',
-  },
-];
diff --git a/src/components/puzzle-result/PuzzleResultView.tsx b/src/components/puzzle-result/PuzzleResultView.tsx
index 093b529a..ce517815 100644
--- a/src/components/puzzle-result/PuzzleResultView.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.tsx
@@ -24,12 +24,12 @@ import { getPuzzleHistoryAssetReferenceLabel } from '../../services/puzzle-works
 import { readPuzzleReferenceImageAsDataUrl } from '../../services/puzzleReferenceImage';
 import { useAuthUi } from '../auth/AuthUiContext';
 import { CreativeImageInputPanel } from '../common/CreativeImageInputPanel';
-import PuzzleHistoryAssetPickerDialog from '../puzzle-agent/PuzzleHistoryAssetPickerDialog';
+import PuzzleHistoryAssetPickerDialog from '../unified-creation/shared/PuzzleHistoryAssetPickerDialog';
 import {
   PUZZLE_IMAGE_MODEL_GPT_IMAGE_2,
   type PuzzleImageModelId,
-} from '../puzzle-agent/puzzleImageModelOptions';
-import { PuzzleImageModelPicker } from '../puzzle-agent/PuzzleImageModelPicker';
+} from '../unified-creation/shared/puzzleImageModelOptions';
+import { PuzzleImageModelPicker } from '../unified-creation/shared/PuzzleImageModelPicker';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 
 type PuzzleResultViewProps = {
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index b8047a7f..602d9470 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -17,6 +17,10 @@ import type {
   BabyObjectMatchDraft,
   CreateBabyObjectMatchDraftRequest,
 } from '../../../packages/shared/src/contracts/edutainmentBabyObject';
+import type {
+  JumpHopWorkDetailResponse,
+  JumpHopWorkProfileResponse,
+} from '../../../packages/shared/src/contracts/jumpHop';
 import type { Match3DAgentSessionSnapshot } from '../../../packages/shared/src/contracts/match3dAgent';
 import type { Match3DRunSnapshot } from '../../../packages/shared/src/contracts/match3dRuntime';
 import type { Match3DWorkSummary } from '../../../packages/shared/src/contracts/match3dWorks';
@@ -82,6 +86,7 @@ import {
   regenerateBabyObjectMatchDraftAssets,
   saveBabyObjectMatchDraft,
 } from '../../services/edutainment-baby-object';
+import { jumpHopClient } from '../../services/jump-hop/jumpHopClient';
 import { match3dCreationClient } from '../../services/match3d-creation';
 import {
   createServerMatch3DRuntimeAdapter,
@@ -625,6 +630,22 @@ vi.mock('../../services/edutainment-baby-object', () => ({
   saveBabyObjectMatchDraft: vi.fn(),
 }));
 
+vi.mock('../../services/jump-hop/jumpHopClient', () => ({
+  jumpHopClient: {
+    createSession: vi.fn(),
+    executeAction: vi.fn(),
+    getGalleryDetail: vi.fn(),
+    getSession: vi.fn(),
+    getWorkDetail: vi.fn(),
+    listGallery: vi.fn(),
+    listWorks: vi.fn(),
+    publishWork: vi.fn(),
+    restartRun: vi.fn(),
+    startRun: vi.fn(),
+    submitJump: vi.fn(),
+  },
+}));
+
 vi.mock('../../services/match3d-creation', () => ({
   match3dCreationClient: {
     createSession: vi.fn(),
@@ -782,8 +803,8 @@ vi.mock('../../services/puzzle-agent', () => ({
   streamPuzzleAgentMessage: vi.fn(),
 }));
 
-vi.mock('../puzzle-agent/PuzzleAgentWorkspace', () => ({
-  PuzzleAgentWorkspace: ({
+vi.mock('../unified-creation/workspaces/PuzzleCreationWorkspace', () => ({
+  PuzzleCreationWorkspace: ({
     session,
     isBusy,
     error,
@@ -986,8 +1007,8 @@ vi.mock('../match3d-result/Match3DResultView', () => ({
   ),
 }));
 
-vi.mock('../match3d-creation/Match3DAgentWorkspace', () => ({
-  Match3DAgentWorkspace: ({
+vi.mock('../unified-creation/workspaces/Match3DCreationWorkspace', () => ({
+  Match3DCreationWorkspace: ({
     session,
     isBusy,
     error,
@@ -1465,6 +1486,139 @@ function buildMockBabyObjectMatchDraft(
   };
 }
 
+function buildMockJumpHopWork(
+  overrides: Partial<JumpHopWorkProfileResponse> = {},
+): JumpHopWorkProfileResponse {
+  const profileId = overrides.summary?.profileId ?? 'jump-hop-profile-1';
+  const path = overrides.path ?? {
+    seed: 'jump-hop-seed',
+    difficulty: 'standard' as const,
+    platforms: [
+      {
+        platformId: 'platform-start',
+        tileType: 'start' as const,
+        x: 0,
+        y: 0,
+        width: 48,
+        height: 36,
+        landingRadius: 22,
+        perfectRadius: 12,
+        scoreValue: 1,
+      },
+      {
+        platformId: 'platform-finish',
+        tileType: 'finish' as const,
+        x: 16,
+        y: 18,
+        width: 60,
+        height: 42,
+        landingRadius: 22,
+        perfectRadius: 12,
+        scoreValue: 2,
+      },
+    ],
+    finishIndex: 1,
+    cameraPreset: 'default',
+    scoring: {
+      chargeToDistanceRatio: 1.2,
+      maxChargeMs: 1800,
+      hitBonus: 20,
+      perfectBonus: 50,
+    },
+  };
+  const characterAsset = overrides.characterAsset ?? {
+    assetId: 'jump-hop-character-1',
+    imageSrc: 'data:image/png;base64,character',
+    imageObjectKey: 'jump-hop/character.png',
+    assetObjectId: 'asset-jump-hop-character',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '纸片小兔',
+    width: 1024,
+    height: 1024,
+  };
+  const tileAtlasAsset = overrides.tileAtlasAsset ?? {
+    assetId: 'jump-hop-tiles-1',
+    imageSrc: 'data:image/png;base64,tiles',
+    imageObjectKey: 'jump-hop/tiles.png',
+    assetObjectId: 'asset-jump-hop-tiles',
+    generationProvider: 'vector-engine-gpt-image-2',
+    prompt: '柔软云朵平台',
+    width: 1024,
+    height: 1024,
+  };
+  const tileAssets = overrides.tileAssets ?? [
+    {
+      tileType: 'start' as const,
+      imageSrc: 'data:image/png;base64,tile-start',
+      imageObjectKey: 'jump-hop/tile-start.png',
+      assetObjectId: 'asset-jump-hop-tile-start',
+      sourceAtlasCell: 'A1',
+      visualWidth: 128,
+      visualHeight: 96,
+      topSurfaceRadius: 24,
+      landingRadius: 28,
+    },
+    {
+      tileType: 'finish' as const,
+      imageSrc: 'data:image/png;base64,tile-finish',
+      imageObjectKey: 'jump-hop/tile-finish.png',
+      assetObjectId: 'asset-jump-hop-tile-finish',
+      sourceAtlasCell: 'A2',
+      visualWidth: 128,
+      visualHeight: 96,
+      topSurfaceRadius: 24,
+      landingRadius: 28,
+    },
+  ];
+  const draft = overrides.draft ?? {
+    templateId: 'jump-hop',
+    templateName: '跳一跳',
+    profileId,
+    workTitle: '云端跳台',
+    workDescription: '一路跳到星星。',
+    themeTags: ['云朵', '星空'],
+    difficulty: 'standard' as const,
+    stylePreset: 'paper-toy' as const,
+    characterPrompt: '纸片小兔',
+    tilePrompt: '柔软云朵平台',
+    endMoodPrompt: '星光门',
+    characterAsset,
+    tileAtlasAsset,
+    tileAssets,
+    path,
+    coverComposite: 'data:image/png;base64,cover',
+    generationStatus: 'ready' as const,
+  };
+
+  return {
+    summary: {
+      runtimeKind: 'jump-hop',
+      workId: 'jump-hop-work-1',
+      profileId,
+      ownerUserId: 'user-1',
+      sourceSessionId: 'jump-hop-session-1',
+      workTitle: draft.workTitle,
+      workDescription: draft.workDescription,
+      themeTags: draft.themeTags,
+      difficulty: draft.difficulty,
+      stylePreset: draft.stylePreset,
+      coverImageSrc: draft.coverComposite,
+      publicationStatus: 'draft',
+      playCount: 0,
+      updatedAt: '2026-05-30T10:00:00.000Z',
+      publishedAt: null,
+      publishReady: true,
+      generationStatus: 'ready',
+      ...overrides.summary,
+    },
+    draft,
+    path,
+    characterAsset,
+    tileAtlasAsset,
+    tileAssets,
+  };
+}
+
 function buildMockBarkBattleWork(
   overrides: Partial<BarkBattleWorkSummary> = {},
 ): BarkBattleWorkSummary {
@@ -2520,6 +2674,18 @@ beforeEach(() => {
   vi.mocked(listVisualNovelWorks).mockResolvedValue({ works: [] });
   vi.mocked(listLocalBabyObjectMatchDrafts).mockResolvedValue([]);
   vi.mocked(deleteLocalBabyObjectMatchDraft).mockResolvedValue([]);
+  vi.mocked(jumpHopClient.listGallery).mockResolvedValue({
+    items: [],
+    hasMore: false,
+    nextCursor: null,
+  });
+  vi.mocked(jumpHopClient.listWorks).mockResolvedValue({ items: [] });
+  vi.mocked(jumpHopClient.getSession).mockRejectedValue(
+    new Error('未找到跳一跳会话'),
+  );
+  vi.mocked(jumpHopClient.getWorkDetail).mockRejectedValue(
+    new Error('未找到跳一跳作品'),
+  );
   vi.mocked(saveBabyObjectMatchDraft).mockImplementation(async (payload) => ({
     draft: payload.draft,
   }));
@@ -7215,6 +7381,58 @@ test('refreshing RPG agent path restores stored agent workspace pointer', async
   ).toBeTruthy();
 });
 
+test('direct jump hop result route shows recovery panel when no draft pointer exists', async () => {
+  window.history.replaceState(null, '', '/creation/jump-hop/result');
+
+  render(<TestWrapper withAuth />);
+
+  expect(await screen.findByText('跳一跳草稿未恢复')).toBeTruthy();
+  expect(screen.getByRole('button', { name: '返回创作' })).toBeTruthy();
+  expect(jumpHopClient.getWorkDetail).not.toHaveBeenCalled();
+  expect(jumpHopClient.getSession).not.toHaveBeenCalled();
+});
+
+test('direct jump hop result route restores work detail by profile id', async () => {
+  const work = buildMockJumpHopWork({
+    summary: {
+      runtimeKind: 'jump-hop',
+      workId: 'jump-hop-work-restore-1',
+      profileId: 'jump-hop-profile-restore-1',
+      ownerUserId: 'user-1',
+      sourceSessionId: null,
+      workTitle: '恢复后的云端跳台',
+      workDescription: '从 profileId 回读完整跳一跳结果。',
+      themeTags: ['云朵'],
+      difficulty: 'standard',
+      stylePreset: 'paper-toy',
+      coverImageSrc: null,
+      publicationStatus: 'draft',
+      playCount: 0,
+      updatedAt: '2026-05-30T10:00:00.000Z',
+      publishedAt: null,
+      publishReady: true,
+      generationStatus: 'ready',
+    },
+  });
+  vi.mocked(jumpHopClient.getWorkDetail).mockResolvedValueOnce({
+    item: work,
+  } satisfies JumpHopWorkDetailResponse);
+  window.history.replaceState(
+    null,
+    '',
+    '/creation/jump-hop/result?profileId=jump-hop-profile-restore-1',
+  );
+
+  render(<TestWrapper withAuth />);
+
+  expect(await screen.findByText('恢复后的云端跳台')).toBeTruthy();
+  expect(screen.queryByText('跳一跳草稿未恢复')).toBeNull();
+  expect(jumpHopClient.getWorkDetail).toHaveBeenCalledWith(
+    'jump-hop-profile-restore-1',
+  );
+  expect(jumpHopClient.getSession).not.toHaveBeenCalled();
+});
+
 test('embedded puzzle form maps raw bearer token errors to user-facing auth copy', async () => {
   const user = userEvent.setup();
 
diff --git a/src/components/rpg-entry/RpgEntryHomeView.tsx b/src/components/rpg-entry/RpgEntryHomeView.tsx
index e2df6253..3e6d4957 100644
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -6104,6 +6104,11 @@ export function RpgEntryHomeView({
     <div className={MOBILE_PAGE_STAGE_CLASS}>
       <section>
         <SectionHeader title="我的创作" detail="草稿与已发布" />
+        {platformError ? (
+          <div className="rounded-2xl border border-rose-400/20 bg-rose-500/10 px-4 py-3 text-sm leading-6 text-rose-700">
+            {platformError}
+          </div>
+        ) : null}
         {isLoadingPlatform ? (
           <EmptyShelf text="正在读取你的作品..." />
         ) : myEntries.length > 0 ? (
@@ -6140,7 +6145,16 @@ export function RpgEntryHomeView({
   const createContent: ReactNode =
     createTabContent ?? fallbackCreateStartContent;
 
-  const savesContent: ReactNode = draftTabContent ?? fallbackDraftContent;
+  const savesContent: ReactNode = (
+    <>
+      {platformError ? (
+        <div className="rounded-2xl border border-rose-400/20 bg-rose-500/10 px-4 py-3 text-sm leading-6 text-rose-700">
+          {platformError}
+        </div>
+      ) : null}
+      {draftTabContent ?? fallbackDraftContent}
+    </>
+  );
 
   const profileContent: ReactNode = (
     <div className={`${MOBILE_PROFILE_PAGE_STAGE_CLASS} platform-profile-page`}>
diff --git a/src/components/rpg-entry/rpgEntryWorldPresentation.ts b/src/components/rpg-entry/rpgEntryWorldPresentation.ts
index ce0fd785..e4ee3ecd 100644
--- a/src/components/rpg-entry/rpgEntryWorldPresentation.ts
+++ b/src/components/rpg-entry/rpgEntryWorldPresentation.ts
@@ -870,6 +870,10 @@ export function resolvePlatformWorkAuthorDisplayName(
   const displayName = authorSummary?.displayName?.trim();
   const publicUserCode = authorSummary?.publicUserCode?.trim();
 
+  if (displayName && publicUserCode) {
+    return `${displayName} · ${publicUserCode}`;
+  }
+
   return displayName || publicUserCode || entry.authorDisplayName.trim() || '玩家';
 }
 
@@ -1079,4 +1083,4 @@ function buildBarkBattleThemeTags(work: BarkBattleWorkSummary) {
     .map((tag) => tag.trim())
     .filter(Boolean)
     .slice(0, 3);
-}
\ No newline at end of file
+}
diff --git a/src/components/square-hole-result/SquareHoleResultView.test.tsx b/src/components/square-hole-result/SquareHoleResultView.test.tsx
new file mode 100644
index 00000000..f2fa111e
--- /dev/null
+++ b/src/components/square-hole-result/SquareHoleResultView.test.tsx
@@ -0,0 +1,102 @@
+/* @vitest-environment jsdom */
+
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { expect, test, vi } from 'vitest';
+
+import type { SquareHoleWorkProfile } from '../../../packages/shared/src/contracts/squareHoleWorks';
+import { SquareHoleResultView } from './SquareHoleResultView';
+
+vi.mock('../../services/square-hole-works', () => ({
+  publishSquareHoleWork: vi.fn(),
+  regenerateSquareHoleWorkImage: vi.fn(),
+  squareHoleAssetClient: {
+    listHistoryAssets: vi.fn(),
+  },
+  updateSquareHoleWork: vi.fn(),
+}));
+
+function createProfile(): SquareHoleWorkProfile {
+  return {
+    profileId: 'profile-1',
+    workId: 'work-1',
+    ownerUserId: 'user-1',
+    gameName: '方洞挑战',
+    themeText: '几何反差',
+    twistRule: '形状要投进对应洞口',
+    summary: '把所有形状投入正确洞口。',
+    tags: ['方洞', '反差'],
+    coverImageSrc: 'data:image/png;base64,cover',
+    backgroundPrompt: '几何场景',
+    backgroundImageSrc: 'data:image/png;base64,background',
+    shapeOptions: [
+      {
+        optionId: 'shape-1',
+        shapeKind: 'square',
+        label: '方块',
+        targetHoleId: 'hole-1',
+        imagePrompt: '方块贴图',
+        imageSrc: 'data:image/png;base64,shape-1',
+      },
+    ],
+    holeOptions: [
+      {
+        holeId: 'hole-1',
+        holeKind: 'hole-1',
+        label: '洞口 1',
+        imagePrompt: '洞口 1 贴图',
+        imageSrc: 'data:image/png;base64,hole-1',
+      },
+    ],
+    shapeCount: 6,
+    difficulty: 2,
+    publicationStatus: 'draft',
+    playCount: 0,
+    updatedAt: '2026-05-30T10:00:00.000Z',
+    publishedAt: null,
+    publishReady: true,
+  };
+}
+
+test('square hole result view exposes test run and publish actions', async () => {
+  const user = userEvent.setup();
+  const onBack = vi.fn();
+  const onStartTestRun = vi.fn();
+  const onPublished = vi.fn();
+  const { publishSquareHoleWork, updateSquareHoleWork } = await import(
+    '../../services/square-hole-works'
+  );
+  const mockUpdateSquareHoleWork = vi.mocked(updateSquareHoleWork);
+  const mockPublishSquareHoleWork = vi.mocked(publishSquareHoleWork);
+  const nextProfile = createProfile();
+  mockUpdateSquareHoleWork.mockResolvedValue({
+    item: nextProfile,
+  } as Awaited<ReturnType<typeof updateSquareHoleWork>>);
+  mockPublishSquareHoleWork.mockResolvedValue({
+    item: nextProfile,
+  } as Awaited<ReturnType<typeof publishSquareHoleWork>>);
+
+  render(
+    <SquareHoleResultView
+      profile={createProfile()}
+      onBack={onBack}
+      onStartTestRun={onStartTestRun}
+      onPublished={onPublished}
+    />,
+  );
+
+  expect(screen.getByRole('button', { name: '试玩' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '发布' })).toBeTruthy();
+
+  await user.click(screen.getByRole('button', { name: '试玩' }));
+  await user.click(screen.getByRole('button', { name: '发布' }));
+  await user.click(screen.getByRole('button', { name: '返回' }));
+
+  await waitFor(() => {
+    expect(onStartTestRun).toHaveBeenCalledTimes(1);
+  });
+  await waitFor(() => {
+    expect(onPublished).toHaveBeenCalledTimes(1);
+  });
+  expect(onBack).toHaveBeenCalledTimes(1);
+});
diff --git a/src/components/unified-creation/UnifiedCreationPage.test.tsx b/src/components/unified-creation/UnifiedCreationPage.test.tsx
new file mode 100644
index 00000000..ec6c0c07
--- /dev/null
+++ b/src/components/unified-creation/UnifiedCreationPage.test.tsx
@@ -0,0 +1,73 @@
+/* @vitest-environment jsdom */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, test, vi } from 'vitest';
+
+import { UnifiedCreationPage } from './UnifiedCreationPage';
+import { getUnifiedCreationSpec } from './unifiedCreationSpecs';
+
+describe('UnifiedCreationPage', () => {
+  test('按后端字段 spec 暴露统一创作页字段契约', () => {
+    const onBack = vi.fn();
+
+    render(
+      <UnifiedCreationPage
+        spec={getUnifiedCreationSpec('wooden-fish')}
+        onBack={onBack}
+      >
+        <div>敲木鱼工作台</div>
+      </UnifiedCreationPage>,
+    );
+
+    const root = screen
+      .getByText('敲木鱼工作台')
+      .closest('.unified-creation-page');
+    expect(root?.getAttribute('data-play-id')).toBe('wooden-fish');
+    expect(root?.getAttribute('data-field-kinds')).toBe(
+      'text,image,audio,text',
+    );
+    expect(root?.getAttribute('data-workspace-stage')).toBe(
+      'wooden-fish-workspace',
+    );
+    expect(root?.getAttribute('data-generation-stage')).toBe(
+      'wooden-fish-generating',
+    );
+    expect(root?.getAttribute('data-result-stage')).toBe('wooden-fish-result');
+
+    const fields = screen.getAllByTestId('unified-creation-field');
+    expect(fields.map((field) => field.getAttribute('data-field-id'))).toEqual([
+      'hitObjectPrompt',
+      'hitObjectReferenceImage',
+      'hitSoundAsset',
+      'floatingWords',
+    ]);
+    expect(fields[2]?.getAttribute('data-field-kind')).toBe('audio');
+    expect(fields[3]?.getAttribute('data-required')).toBe('true');
+    expect(screen.getByTestId('unified-creation-play-badge').textContent).toBe(
+      'wooden-fish',
+    );
+    fireEvent.click(screen.getByRole('button', { name: '返回' }));
+    expect(onBack).toHaveBeenCalledTimes(1);
+    expect(screen.queryByLabelText('创作字段')).toBeNull();
+    expect(screen.queryByTestId('unified-creation-visible-field')).toBeNull();
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).toContain('flex');
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).toContain('min-h-max');
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).not.toContain('min-h-0');
+    expect(root?.className).toContain('overflow-y-auto');
+  });
+});
diff --git a/src/components/unified-creation/UnifiedCreationPage.tsx b/src/components/unified-creation/UnifiedCreationPage.tsx
new file mode 100644
index 00000000..ddfc2580
--- /dev/null
+++ b/src/components/unified-creation/UnifiedCreationPage.tsx
@@ -0,0 +1,81 @@
+import { ArrowLeft } from 'lucide-react';
+import type { ReactNode } from 'react';
+
+import type { UnifiedCreationSpec } from './unifiedCreationSpecs';
+
+type UnifiedCreationPageProps = {
+  spec: UnifiedCreationSpec;
+  children: ReactNode;
+  onBack?: () => void;
+  isBackDisabled?: boolean;
+};
+
+export function UnifiedCreationPage({
+  spec,
+  children,
+  onBack,
+  isBackDisabled = false,
+}: UnifiedCreationPageProps) {
+  return (
+    <div
+      className="unified-creation-page platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-y-auto overflow-x-hidden px-3 pt-2 sm:px-4 sm:pt-3"
+      data-play-id={spec.playId}
+      data-field-kinds={spec.fields.map((field) => field.kind).join(',')}
+      data-workspace-stage={spec.workspaceStage}
+      data-generation-stage={spec.generationStage}
+      data-result-stage={spec.resultStage}
+    >
+      <header className="unified-creation-page__header shrink-0 pb-3">
+        <div className="mb-2 flex items-center justify-between gap-3">
+          {onBack ? (
+            <button
+              type="button"
+              onClick={onBack}
+              disabled={isBackDisabled}
+              className={`platform-button platform-button--ghost min-h-0 shrink-0 px-3 py-1.5 text-[11px] ${
+                isBackDisabled ? 'cursor-not-allowed opacity-45' : ''
+              }`}
+            >
+              <ArrowLeft className="h-3.5 w-3.5" />
+              返回
+            </button>
+          ) : (
+            <span aria-hidden="true" className="min-h-8 w-0 shrink-0" />
+          )}
+          <span
+            className="unified-creation-page__play-badge shrink-0 rounded-full border border-[var(--platform-subpanel-border)] bg-white/80 px-3 py-1 text-[11px] font-black text-[var(--platform-text-soft)]"
+            data-testid="unified-creation-play-badge"
+          >
+            {spec.playId}
+          </span>
+        </div>
+        <div className="flex items-center justify-between gap-3">
+          <h1 className="m-0 min-w-0 truncate text-[1.35rem] font-black leading-tight tracking-normal text-[var(--platform-text-strong)] sm:text-[1.65rem]">
+            {spec.title}
+          </h1>
+        </div>
+      </header>
+      <div className="sr-only" data-testid="unified-creation-spec">
+        <h1>{spec.title}</h1>
+        <ul>
+          {spec.fields.map((field) => (
+            <li
+              key={field.id}
+              data-testid="unified-creation-field"
+              data-field-id={field.id}
+              data-field-kind={field.kind}
+              data-required={field.required ? 'true' : 'false'}
+            >
+              {field.label}
+            </li>
+          ))}
+        </ul>
+      </div>
+      <div className="unified-creation-page__content flex min-h-max flex-col pb-3 sm:pb-4">
+        {children}
+      </div>
+    </div>
+  );
+}
+
+export default UnifiedCreationPage;
diff --git a/src/components/unified-creation/UnifiedCreationWorkspace.test.tsx b/src/components/unified-creation/UnifiedCreationWorkspace.test.tsx
new file mode 100644
index 00000000..29e0e1cf
--- /dev/null
+++ b/src/components/unified-creation/UnifiedCreationWorkspace.test.tsx
@@ -0,0 +1,184 @@
+/* @vitest-environment jsdom */
+
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test, vi } from 'vitest';
+
+import { UnifiedCreationWorkspace } from './UnifiedCreationWorkspace';
+import { getUnifiedCreationSpec } from './unifiedCreationSpecs';
+
+vi.mock('./workspaces/PuzzleCreationWorkspace', () => ({
+  PuzzleCreationWorkspace: ({
+    unifiedChrome,
+  }: {
+    unifiedChrome?: boolean;
+  }) => (
+    <div
+      className="puzzle-agent-workspace"
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      拼图工作台
+    </div>
+  ),
+}));
+
+vi.mock('./workspaces/Match3DCreationWorkspace', () => ({
+  Match3DCreationWorkspace: ({
+    unifiedChrome,
+  }: {
+    unifiedChrome?: boolean;
+  }) => (
+    <div
+      className="match3d-agent-workspace"
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      抓大鹅工作台
+    </div>
+  ),
+}));
+
+vi.mock('./workspaces/JumpHopCreationWorkspace', () => ({
+  JumpHopCreationWorkspace: ({
+    unifiedChrome,
+  }: {
+    unifiedChrome?: boolean;
+  }) => (
+    <div
+      className="jump-hop-workspace"
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      跳一跳工作台
+    </div>
+  ),
+}));
+
+vi.mock('./workspaces/WoodenFishCreationWorkspace', () => ({
+  WoodenFishCreationWorkspace: ({
+    unifiedChrome,
+  }: {
+    unifiedChrome?: boolean;
+  }) => (
+    <div
+      className="wooden-fish-workspace"
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      敲木鱼工作台
+    </div>
+  ),
+}));
+
+describe('UnifiedCreationWorkspace', () => {
+  test('统一承载四条首批创作入口', () => {
+    const onBack = vi.fn();
+
+    const puzzleResult = render(
+      <UnifiedCreationWorkspace
+        playId="puzzle"
+        spec={getUnifiedCreationSpec('puzzle')}
+        session={null}
+        isBusy={false}
+        error={null}
+        onBack={onBack}
+        onSubmitMessage={() => {}}
+        onExecuteAction={() => {}}
+        onCreateFromForm={() => {}}
+        onAutoSaveForm={() => {}}
+        initialFormPayload={null}
+      />,
+    );
+    const puzzleWorkspace = screen
+      .getByText('拼图工作台')
+      .closest('[data-unified-chrome]');
+    const puzzlePage = screen
+      .getByText('拼图工作台')
+      .closest('.unified-creation-page');
+    expect(puzzleWorkspace?.getAttribute('data-unified-chrome')).toBe('true');
+    expect(puzzlePage?.getAttribute('data-play-id')).toBe('puzzle');
+    expect(screen.getByRole('button', { name: '返回' })).toBeTruthy();
+    puzzleResult.unmount();
+
+    const match3dResult = render(
+      <UnifiedCreationWorkspace
+        playId="match3d"
+        spec={getUnifiedCreationSpec('match3d')}
+        session={null}
+        isBusy={false}
+        error={null}
+        onBack={onBack}
+        onExecuteAction={() => {}}
+        onSubmitMessage={() => {}}
+        onCreateFromForm={() => {}}
+        initialFormPayload={null}
+      />,
+    );
+    const match3dWorkspace = screen
+      .getByText('抓大鹅工作台')
+      .closest('[data-unified-chrome]');
+    const match3dPage = screen
+      .getByText('抓大鹅工作台')
+      .closest('.unified-creation-page');
+    expect(match3dWorkspace?.getAttribute('data-unified-chrome')).toBe('true');
+    expect(match3dPage?.getAttribute('data-play-id')).toBe('match3d');
+    match3dResult.unmount();
+
+    const jumpHopResult = render(
+      <UnifiedCreationWorkspace
+        playId="jump-hop"
+        spec={getUnifiedCreationSpec('jump-hop')}
+        isBusy={false}
+        error={null}
+        onBack={onBack}
+        onSubmitted={() => {}}
+      />,
+    );
+    const jumpHopWorkspace = screen
+      .getByText('跳一跳工作台')
+      .closest('[data-unified-chrome]');
+    const jumpHopPage = screen
+      .getByText('跳一跳工作台')
+      .closest('.unified-creation-page');
+    expect(jumpHopWorkspace?.getAttribute('data-unified-chrome')).toBe('true');
+    expect(jumpHopPage?.getAttribute('data-play-id')).toBe('jump-hop');
+    jumpHopResult.unmount();
+
+    const woodenFishResult = render(
+      <UnifiedCreationWorkspace
+        playId="wooden-fish"
+        spec={getUnifiedCreationSpec('wooden-fish')}
+        isBusy={false}
+        error={null}
+        onBack={onBack}
+        onSubmitted={() => {}}
+      />,
+    );
+    const woodenFishWorkspace = screen
+      .getByText('敲木鱼工作台')
+      .closest('[data-unified-chrome]');
+    const woodenFishPage = screen
+      .getByText('敲木鱼工作台')
+      .closest('.unified-creation-page');
+    expect(woodenFishWorkspace?.getAttribute('data-unified-chrome')).toBe(
+      'true',
+    );
+    expect(woodenFishPage?.getAttribute('data-play-id')).toBe('wooden-fish');
+    woodenFishResult.unmount();
+  });
+
+  test('统一页头返回按钮会透传给当前玩法壳层', async () => {
+    const onBack = vi.fn();
+
+    render(
+      <UnifiedCreationWorkspace
+        playId="jump-hop"
+        spec={getUnifiedCreationSpec('jump-hop')}
+        isBusy={false}
+        error={null}
+        onBack={onBack}
+        onSubmitted={() => {}}
+      />,
+    );
+
+    screen.getByRole('button', { name: '返回' }).click();
+    expect(onBack).toHaveBeenCalledTimes(1);
+    expect(screen.queryAllByRole('button', { name: '返回' })).toHaveLength(1);
+  });
+});
diff --git a/src/components/unified-creation/UnifiedCreationWorkspace.tsx b/src/components/unified-creation/UnifiedCreationWorkspace.tsx
new file mode 100644
index 00000000..2c282289
--- /dev/null
+++ b/src/components/unified-creation/UnifiedCreationWorkspace.tsx
@@ -0,0 +1,125 @@
+import type { ComponentProps } from 'react';
+
+import { UnifiedCreationPage } from './UnifiedCreationPage';
+import type { UnifiedCreationSpec } from './unifiedCreationSpecs';
+import { Match3DCreationWorkspace } from './workspaces/Match3DCreationWorkspace';
+import { PuzzleCreationWorkspace } from './workspaces/PuzzleCreationWorkspace';
+import { JumpHopCreationWorkspace } from './workspaces/JumpHopCreationWorkspace';
+import { WoodenFishCreationWorkspace } from './workspaces/WoodenFishCreationWorkspace';
+
+type PuzzleCreationWorkspaceProps = ComponentProps<
+  typeof PuzzleCreationWorkspace
+>;
+type Match3DCreationWorkspaceProps = ComponentProps<
+  typeof Match3DCreationWorkspace
+>;
+type JumpHopCreationWorkspaceProps = ComponentProps<
+  typeof JumpHopCreationWorkspace
+>;
+type WoodenFishCreationWorkspaceProps = ComponentProps<
+  typeof WoodenFishCreationWorkspace
+>;
+
+type UnifiedCreationWorkspaceBaseProps = {
+  spec: UnifiedCreationSpec;
+};
+
+type PuzzleUnifiedCreationWorkspaceProps =
+  UnifiedCreationWorkspaceBaseProps & {
+    playId: 'puzzle';
+  } & PuzzleCreationWorkspaceProps;
+
+type Match3DUnifiedCreationWorkspaceProps =
+  UnifiedCreationWorkspaceBaseProps & {
+    playId: 'match3d';
+  } & Match3DCreationWorkspaceProps;
+
+type JumpHopUnifiedCreationWorkspaceProps =
+  UnifiedCreationWorkspaceBaseProps & {
+    playId: 'jump-hop';
+  } & JumpHopCreationWorkspaceProps;
+
+type WoodenFishUnifiedCreationWorkspaceProps =
+  UnifiedCreationWorkspaceBaseProps & {
+    playId: 'wooden-fish';
+  } & WoodenFishCreationWorkspaceProps;
+
+export type UnifiedCreationWorkspaceProps =
+  | PuzzleUnifiedCreationWorkspaceProps
+  | Match3DUnifiedCreationWorkspaceProps
+  | JumpHopUnifiedCreationWorkspaceProps
+  | WoodenFishUnifiedCreationWorkspaceProps;
+
+export function UnifiedCreationWorkspace(props: UnifiedCreationWorkspaceProps) {
+  switch (props.playId) {
+    case 'puzzle':
+      return (
+        <UnifiedCreationPage spec={props.spec} onBack={props.onBack}>
+          <PuzzleCreationWorkspace
+            session={props.session}
+            isBusy={props.isBusy}
+            error={props.error}
+            onBack={props.onBack}
+            onSubmitMessage={props.onSubmitMessage}
+            onExecuteAction={props.onExecuteAction}
+            onCreateFromForm={props.onCreateFromForm}
+            onAutoSaveForm={props.onAutoSaveForm}
+            initialFormPayload={props.initialFormPayload}
+            showBackButton={false}
+            title={null}
+            unifiedChrome
+          />
+        </UnifiedCreationPage>
+      );
+    case 'match3d':
+      return (
+        <UnifiedCreationPage spec={props.spec} onBack={props.onBack}>
+          <Match3DCreationWorkspace
+            session={props.session}
+            isBusy={props.isBusy}
+            error={props.error}
+            onBack={props.onBack}
+            onExecuteAction={props.onExecuteAction}
+            onCreateFromForm={props.onCreateFromForm}
+            onSubmitMessage={props.onSubmitMessage}
+            initialFormPayload={props.initialFormPayload}
+            showBackButton={false}
+            title={null}
+            unifiedChrome
+          />
+        </UnifiedCreationPage>
+      );
+    case 'jump-hop':
+      return (
+        <UnifiedCreationPage spec={props.spec} onBack={props.onBack}>
+          <JumpHopCreationWorkspace
+            isBusy={props.isBusy}
+            error={props.error}
+            onBack={props.onBack}
+            onSubmitted={props.onSubmitted}
+            showBackButton={false}
+            unifiedChrome
+          />
+        </UnifiedCreationPage>
+      );
+    case 'wooden-fish':
+      return (
+        <UnifiedCreationPage spec={props.spec} onBack={props.onBack}>
+          <WoodenFishCreationWorkspace
+            isBusy={props.isBusy}
+            error={props.error}
+            onBack={props.onBack}
+            onSubmitted={props.onSubmitted}
+            showBackButton={false}
+            unifiedChrome
+          />
+        </UnifiedCreationPage>
+      );
+    default: {
+      const exhaustiveCheck: never = props;
+      return exhaustiveCheck;
+    }
+  }
+}
+
+export default UnifiedCreationWorkspace;
diff --git a/src/components/unified-creation/UnifiedGenerationPage.test.tsx b/src/components/unified-creation/UnifiedGenerationPage.test.tsx
new file mode 100644
index 00000000..f09d889e
--- /dev/null
+++ b/src/components/unified-creation/UnifiedGenerationPage.test.tsx
@@ -0,0 +1,71 @@
+/* @vitest-environment jsdom */
+
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+
+import type { CustomWorldGenerationProgress } from '../../../packages/shared/src/contracts/runtime';
+import { UnifiedGenerationPage } from './UnifiedGenerationPage';
+
+function createProgress(): CustomWorldGenerationProgress {
+  return {
+    phaseId: 'puzzle-cover-image',
+    phaseLabel: '生成拼图首图',
+    phaseDetail: '正在生成图片。',
+    batchLabel: '生成拼图首图',
+    overallProgress: 36,
+    completedWeight: 36,
+    totalWeight: 100,
+    elapsedMs: 12_000,
+    estimatedRemainingMs: 30_000,
+    activeStepIndex: 0,
+    steps: [
+      {
+        id: 'puzzle-cover-image',
+        label: '生成拼图首图',
+        detail: '正在生成图片。',
+        completed: 0.36,
+        total: 1,
+        status: 'active',
+      },
+    ],
+  };
+}
+
+describe('UnifiedGenerationPage', () => {
+  test('按玩法下发统一生成页文案并透传进度', () => {
+    render(
+      <UnifiedGenerationPage
+        playId="puzzle"
+        settingText="一只发光的纸船"
+        progress={createProgress()}
+        isGenerating
+        onBack={() => {}}
+        onEditSetting={() => {}}
+        onRetry={() => {}}
+      />,
+    );
+
+    expect(document.body.textContent).toContain('拼图图片生成进度');
+    expect(screen.getByText('图片生成中')).toBeTruthy();
+    expect(screen.getAllByText('生成拼图首图').length).toBeGreaterThan(0);
+    expect(screen.getByText('当前拼图信息')).toBeTruthy();
+  });
+
+  test('jump-hop generation page uses unified copy', () => {
+    render(
+      <UnifiedGenerationPage
+        playId="jump-hop"
+        settingText="云端糖果塔"
+        progress={createProgress()}
+        isGenerating
+        onBack={() => {}}
+        onEditSetting={() => {}}
+        onRetry={() => {}}
+      />,
+    );
+
+    expect(document.body.textContent).toContain('跳一跳草稿生成进度');
+    expect(screen.getByText('素材生成中')).toBeTruthy();
+    expect(screen.getByText('当前跳一跳信息')).toBeTruthy();
+  });
+});
diff --git a/src/components/unified-creation/UnifiedGenerationPage.tsx b/src/components/unified-creation/UnifiedGenerationPage.tsx
new file mode 100644
index 00000000..b15c5d1e
--- /dev/null
+++ b/src/components/unified-creation/UnifiedGenerationPage.tsx
@@ -0,0 +1,59 @@
+import type { CustomWorldGenerationProgress } from '../../../packages/shared/src/contracts/runtime';
+import type { CustomWorldStructuredAnchorEntry } from '../../services/customWorldAgentGenerationProgress';
+import { CustomWorldGenerationView } from '../CustomWorldGenerationView';
+import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
+import { getUnifiedGenerationCopy } from './unifiedGenerationCopy';
+
+type UnifiedGenerationPageProps = {
+  playId: UnifiedCreationPlayId;
+  settingText: string;
+  anchorEntries?: CustomWorldStructuredAnchorEntry[];
+  progress: CustomWorldGenerationProgress | null;
+  isGenerating: boolean;
+  error?: string | null;
+  onBack: () => void;
+  onEditSetting: () => void;
+  onRetry: () => void;
+  hideBatchModule?: boolean;
+};
+
+export function UnifiedGenerationPage({
+  playId,
+  settingText,
+  anchorEntries = [],
+  progress,
+  isGenerating,
+  error = null,
+  onBack,
+  onEditSetting,
+  onRetry,
+  hideBatchModule = false,
+}: UnifiedGenerationPageProps) {
+  const copy = getUnifiedGenerationCopy(playId);
+
+  return (
+    <CustomWorldGenerationView
+      settingText={settingText}
+      anchorEntries={anchorEntries}
+      progress={progress}
+      isGenerating={isGenerating}
+      error={error}
+      onBack={onBack}
+      onEditSetting={onEditSetting}
+      onRetry={onRetry}
+      onInterrupt={undefined}
+      backLabel="返回创作中心"
+      settingActionLabel={null}
+      retryLabel={copy.retryLabel}
+      settingTitle={copy.settingTitle}
+      settingDescription={null}
+      progressTitle={copy.progressTitle}
+      activeBadgeLabel={copy.activeBadgeLabel}
+      pausedBadgeLabel="素材生成已暂停"
+      idleBadgeLabel="等待返回工作区"
+      hideBatchModule={hideBatchModule}
+    />
+  );
+}
+
+export default UnifiedGenerationPage;
diff --git a/src/components/puzzle-agent/PuzzleHistoryAssetPickerDialog.tsx b/src/components/unified-creation/shared/PuzzleHistoryAssetPickerDialog.tsx
similarity index 95%
rename from src/components/puzzle-agent/PuzzleHistoryAssetPickerDialog.tsx
rename to src/components/unified-creation/shared/PuzzleHistoryAssetPickerDialog.tsx
index ef47d349..d8de0319 100644
--- a/src/components/puzzle-agent/PuzzleHistoryAssetPickerDialog.tsx
+++ b/src/components/unified-creation/shared/PuzzleHistoryAssetPickerDialog.tsx
@@ -5,13 +5,13 @@ import { createPortal } from 'react-dom';
 import {
   puzzleAssetClient,
   type PuzzleHistoryAsset,
-} from '../../services/puzzle-works/puzzleAssetClient';
+} from '../../../services/puzzle-works/puzzleAssetClient';
 import {
   formatPuzzleHistoryAssetCreatedAt,
   getPuzzleHistoryAssetDisplayName,
-} from '../../services/puzzle-works/puzzleHistoryAsset';
-import { useAuthUi } from '../auth/AuthUiContext';
-import { ResolvedAssetImage } from '../ResolvedAssetImage';
+} from '../../../services/puzzle-works/puzzleHistoryAsset';
+import { useAuthUi } from '../../auth/AuthUiContext';
+import { ResolvedAssetImage } from '../../ResolvedAssetImage';
 
 type PuzzleHistoryAssetPickerDialogProps = {
   isBusy: boolean;
diff --git a/src/components/puzzle-agent/PuzzleImageModelPicker.tsx b/src/components/unified-creation/shared/PuzzleImageModelPicker.tsx
similarity index 100%
rename from src/components/puzzle-agent/PuzzleImageModelPicker.tsx
rename to src/components/unified-creation/shared/PuzzleImageModelPicker.tsx
diff --git a/src/components/puzzle-agent/puzzleImageModelOptions.ts b/src/components/unified-creation/shared/puzzleImageModelOptions.ts
similarity index 100%
rename from src/components/puzzle-agent/puzzleImageModelOptions.ts
rename to src/components/unified-creation/shared/puzzleImageModelOptions.ts
diff --git a/src/components/unified-creation/unifiedCreationSpecs.test.ts b/src/components/unified-creation/unifiedCreationSpecs.test.ts
new file mode 100644
index 00000000..cebb5657
--- /dev/null
+++ b/src/components/unified-creation/unifiedCreationSpecs.test.ts
@@ -0,0 +1,47 @@
+import { describe, expect, test } from 'vitest';
+
+import {
+  getUnifiedCreationSpec,
+  listUnifiedCreationSpecs,
+} from './unifiedCreationSpecs';
+
+describe('unified creation specs', () => {
+  test('统一壳当前覆盖拼图、抓大鹅、跳一跳和敲木鱼', () => {
+    expect(listUnifiedCreationSpecs().map((spec) => spec.playId).sort()).toEqual(
+      ['jump-hop', 'match3d', 'puzzle', 'wooden-fish'],
+    );
+  });
+
+  test('字段模型只包含首期公共能力', () => {
+    const fieldKinds = new Set(
+      listUnifiedCreationSpecs().flatMap((spec) =>
+        spec.fields.map((field) => field.kind),
+      ),
+    );
+
+    expect([...fieldKinds].sort()).toEqual(['audio', 'image', 'select', 'text']);
+  });
+
+  test('四条链路都映射到统一创作、生成、结果阶段', () => {
+    expect(getUnifiedCreationSpec('puzzle')).toMatchObject({
+      workspaceStage: 'puzzle-agent-workspace',
+      generationStage: 'puzzle-generating',
+      resultStage: 'puzzle-result',
+    });
+    expect(getUnifiedCreationSpec('match3d')).toMatchObject({
+      workspaceStage: 'match3d-agent-workspace',
+      generationStage: 'match3d-generating',
+      resultStage: 'match3d-result',
+    });
+    expect(getUnifiedCreationSpec('jump-hop')).toMatchObject({
+      workspaceStage: 'jump-hop-workspace',
+      generationStage: 'jump-hop-generating',
+      resultStage: 'jump-hop-result',
+    });
+    expect(getUnifiedCreationSpec('wooden-fish')).toMatchObject({
+      workspaceStage: 'wooden-fish-workspace',
+      generationStage: 'wooden-fish-generating',
+      resultStage: 'wooden-fish-result',
+    });
+  });
+});
diff --git a/src/components/unified-creation/unifiedCreationSpecs.ts b/src/components/unified-creation/unifiedCreationSpecs.ts
new file mode 100644
index 00000000..170ef6e2
--- /dev/null
+++ b/src/components/unified-creation/unifiedCreationSpecs.ts
@@ -0,0 +1,164 @@
+import type {
+  CreationEntryTypeConfig,
+  UnifiedCreationSpec,
+} from '../../services/creationEntryConfigService';
+
+export type UnifiedCreationPlayId = UnifiedCreationSpec['playId'];
+export type { UnifiedCreationSpec };
+
+const FALLBACK_UNIFIED_CREATION_SPECS: Record<
+  UnifiedCreationPlayId,
+  UnifiedCreationSpec
+> = {
+  puzzle: {
+    playId: 'puzzle',
+    title: '想做个什么玩法？',
+    workspaceStage: 'puzzle-agent-workspace',
+    generationStage: 'puzzle-generating',
+    resultStage: 'puzzle-result',
+    fields: [
+      {
+        id: 'pictureDescription',
+        kind: 'text',
+        label: '画面描述',
+        required: true,
+      },
+      {
+        id: 'referenceImage',
+        kind: 'image',
+        label: '拼图画面',
+        required: false,
+      },
+      {
+        id: 'promptReferenceImages',
+        kind: 'image',
+        label: '参考图',
+        required: false,
+      },
+    ],
+  },
+  match3d: {
+    playId: 'match3d',
+    title: '想做个什么玩法？',
+    workspaceStage: 'match3d-agent-workspace',
+    generationStage: 'match3d-generating',
+    resultStage: 'match3d-result',
+    fields: [
+      {
+        id: 'themeText',
+        kind: 'text',
+        label: '题材',
+        required: true,
+      },
+      {
+        id: 'difficulty',
+        kind: 'select',
+        label: '难度',
+        required: true,
+      },
+    ],
+  },
+  'jump-hop': {
+    playId: 'jump-hop',
+    title: '想做个什么玩法？',
+    workspaceStage: 'jump-hop-workspace',
+    generationStage: 'jump-hop-generating',
+    resultStage: 'jump-hop-result',
+    fields: [
+      {
+        id: 'workTitle',
+        kind: 'text',
+        label: '作品标题',
+        required: true,
+      },
+      {
+        id: 'workDescription',
+        kind: 'text',
+        label: '作品简介',
+        required: true,
+      },
+      {
+        id: 'themeTags',
+        kind: 'text',
+        label: '主题标签',
+        required: true,
+      },
+      {
+        id: 'difficulty',
+        kind: 'select',
+        label: '难度',
+        required: true,
+      },
+      {
+        id: 'stylePreset',
+        kind: 'select',
+        label: '风格',
+        required: true,
+      },
+      {
+        id: 'characterPrompt',
+        kind: 'text',
+        label: '角色提示词',
+        required: true,
+      },
+      {
+        id: 'tilePrompt',
+        kind: 'text',
+        label: '地块提示词',
+        required: true,
+      },
+      {
+        id: 'endMoodPrompt',
+        kind: 'text',
+        label: '终点氛围',
+        required: false,
+      },
+    ],
+  },
+  'wooden-fish': {
+    playId: 'wooden-fish',
+    title: '想做个什么玩法？',
+    workspaceStage: 'wooden-fish-workspace',
+    generationStage: 'wooden-fish-generating',
+    resultStage: 'wooden-fish-result',
+    fields: [
+      {
+        id: 'hitObjectPrompt',
+        kind: 'text',
+        label: '敲什么',
+        required: false,
+      },
+      {
+        id: 'hitObjectReferenceImage',
+        kind: 'image',
+        label: '参考图',
+        required: false,
+      },
+      {
+        id: 'hitSoundAsset',
+        kind: 'audio',
+        label: '敲击音效',
+        required: false,
+      },
+      {
+        id: 'floatingWords',
+        kind: 'text',
+        label: '功德有什么',
+        required: true,
+      },
+    ],
+  },
+};
+
+export function getUnifiedCreationSpec(
+  playId: UnifiedCreationPlayId,
+  configType?: CreationEntryTypeConfig | null,
+) {
+  return (
+    configType?.unifiedCreationSpec ?? FALLBACK_UNIFIED_CREATION_SPECS[playId]
+  );
+}
+
+export function listUnifiedCreationSpecs() {
+  return Object.values(FALLBACK_UNIFIED_CREATION_SPECS);
+}
diff --git a/src/components/unified-creation/unifiedGenerationCopy.ts b/src/components/unified-creation/unifiedGenerationCopy.ts
new file mode 100644
index 00000000..4b3bdd2d
--- /dev/null
+++ b/src/components/unified-creation/unifiedGenerationCopy.ts
@@ -0,0 +1,40 @@
+import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
+
+const UNIFIED_GENERATION_COPY = {
+  puzzle: {
+    retryLabel: '重新生成图片',
+    settingTitle: '当前拼图信息',
+    progressTitle: '拼图图片生成进度',
+    activeBadgeLabel: '图片生成中',
+  },
+  match3d: {
+    retryLabel: '重新生成草稿',
+    settingTitle: '当前抓大鹅信息',
+    progressTitle: '抓大鹅草稿生成进度',
+    activeBadgeLabel: '素材生成中',
+  },
+  'jump-hop': {
+    retryLabel: '重新生成草稿',
+    settingTitle: '当前跳一跳信息',
+    progressTitle: '跳一跳草稿生成进度',
+    activeBadgeLabel: '素材生成中',
+  },
+  'wooden-fish': {
+    retryLabel: '重新生成草稿',
+    settingTitle: '当前敲木鱼信息',
+    progressTitle: '敲木鱼草稿生成进度',
+    activeBadgeLabel: '素材生成中',
+  },
+} as const satisfies Record<
+  UnifiedCreationPlayId,
+  {
+    retryLabel: string;
+    settingTitle: string;
+    progressTitle: string;
+    activeBadgeLabel: string;
+  }
+>;
+
+export function getUnifiedGenerationCopy(playId: UnifiedCreationPlayId) {
+  return UNIFIED_GENERATION_COPY[playId];
+}
diff --git a/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx
new file mode 100644
index 00000000..46ccb72d
--- /dev/null
+++ b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx
@@ -0,0 +1,109 @@
+/* @vitest-environment jsdom */
+
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, expect, test, vi } from 'vitest';
+
+import type { JumpHopSessionResponse } from '../../../../packages/shared/src/contracts/jumpHop';
+import { jumpHopClient } from '../../../services/jump-hop/jumpHopClient';
+import { JumpHopCreationWorkspace } from './JumpHopCreationWorkspace';
+
+vi.mock('../../../services/jump-hop/jumpHopClient', () => ({
+  jumpHopClient: {
+    createSession: vi.fn(),
+  },
+}));
+
+const mockCreateSession = vi.mocked(jumpHopClient.createSession);
+
+beforeEach(() => {
+  mockCreateSession.mockReset();
+});
+
+function createSessionResponse(): JumpHopSessionResponse {
+  return {
+    session: {
+      sessionId: 'jump-session-1',
+      ownerUserId: 'user-1',
+      status: 'draft',
+      draft: null,
+      createdAt: '2026-05-30T10:00:00.000Z',
+      updatedAt: '2026-05-30T10:00:00.000Z',
+    },
+  };
+}
+
+test('jump hop workspace submits structured payload after required fields are filled', async () => {
+  const user = userEvent.setup();
+  const onSubmitted = vi.fn();
+  const sessionResponse = createSessionResponse();
+  mockCreateSession.mockResolvedValue(sessionResponse);
+
+  render(
+    <JumpHopCreationWorkspace onBack={() => {}} onSubmitted={onSubmitted} />,
+  );
+
+  const submitButton = screen.getByRole('button', { name: '生成' });
+  expect(submitButton).toHaveProperty('disabled', true);
+
+  await user.type(screen.getByLabelText('作品标题'), '云朵跳台');
+  await user.type(screen.getByLabelText('作品简介'), '在云端一路跳到星星。');
+  await user.type(screen.getByLabelText('主题标签'), '云朵 星星');
+  await user.selectOptions(screen.getByLabelText('难度'), 'standard');
+  await user.selectOptions(screen.getByLabelText('风格'), 'paper-toy');
+  await user.type(screen.getByLabelText('角色提示词'), '一只纸片小兔');
+  await user.type(screen.getByLabelText('地块提示词'), '柔软云朵平台');
+  await user.type(screen.getByLabelText('终点氛围'), '星光门');
+
+  expect(submitButton).toHaveProperty('disabled', false);
+  await user.click(submitButton);
+
+  await waitFor(() => {
+    expect(mockCreateSession).toHaveBeenCalledWith({
+      templateId: 'jump-hop',
+      workTitle: '云朵跳台',
+      workDescription: '在云端一路跳到星星。',
+      themeTags: ['云朵', '星星'],
+      difficulty: 'standard',
+      stylePreset: 'paper-toy',
+      characterPrompt: '一只纸片小兔',
+      tilePrompt: '柔软云朵平台',
+      endMoodPrompt: '星光门',
+    });
+  });
+  expect(onSubmitted).toHaveBeenCalledWith(
+    sessionResponse,
+    expect.objectContaining({
+      templateId: 'jump-hop',
+      workTitle: '云朵跳台',
+    }),
+  );
+});
+
+test('jump hop workspace calls back when return button is clicked', async () => {
+  const user = userEvent.setup();
+  const onBack = vi.fn();
+
+  render(<JumpHopCreationWorkspace onBack={onBack} onSubmitted={() => {}} />);
+
+  await user.click(screen.getByRole('button', { name: '返回' }));
+
+  expect(onBack).toHaveBeenCalledTimes(1);
+});
+
+test('jump hop workspace can defer visible chrome to the unified creation page', () => {
+  const { container } = render(
+    <JumpHopCreationWorkspace
+      onBack={() => {}}
+      onSubmitted={() => {}}
+      showBackButton={false}
+      unifiedChrome
+    />,
+  );
+
+  const workspace = container.querySelector('.jump-hop-workspace');
+  expect(workspace?.getAttribute('data-unified-chrome')).toBe('true');
+  expect(workspace?.className).toContain('max-w-none');
+  expect(workspace?.className).not.toContain('platform-remap-surface');
+  expect(screen.queryByRole('button', { name: '返回' })).toBeNull();
+});
diff --git a/src/components/jump-hop-creation/JumpHopWorkspace.tsx b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
similarity index 89%
rename from src/components/jump-hop-creation/JumpHopWorkspace.tsx
rename to src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
index d5b31e63..4b499896 100644
--- a/src/components/jump-hop-creation/JumpHopWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.tsx
@@ -6,10 +6,10 @@ import type {
   JumpHopSessionResponse,
   JumpHopStylePreset,
   JumpHopWorkspaceCreateRequest,
-} from '../../../packages/shared/src/contracts/jumpHop';
-import { jumpHopClient } from '../../services/jump-hop/jumpHopClient';
+} from '../../../../packages/shared/src/contracts/jumpHop';
+import { jumpHopClient } from '../../../services/jump-hop/jumpHopClient';
 
-type JumpHopWorkspaceProps = {
+type JumpHopCreationWorkspaceProps = {
   isBusy?: boolean;
   error?: string | null;
   onBack: () => void;
@@ -17,6 +17,8 @@ type JumpHopWorkspaceProps = {
     result: JumpHopSessionResponse,
     payload: JumpHopWorkspaceCreateRequest,
   ) => void;
+  showBackButton?: boolean;
+  unifiedChrome?: boolean;
 };
 
 type JumpHopWorkspaceFormState = {
@@ -41,12 +43,14 @@ const DEFAULT_FORM_STATE: JumpHopWorkspaceFormState = {
   endMoodPrompt: '',
 };
 
-export function JumpHopWorkspace({
+export function JumpHopCreationWorkspace({
   isBusy = false,
   error = null,
   onBack,
   onSubmitted,
-}: JumpHopWorkspaceProps) {
+  showBackButton = true,
+  unifiedChrome = false,
+}: JumpHopCreationWorkspaceProps) {
   const [formState, setFormState] = useState(DEFAULT_FORM_STATE);
   const [localError, setLocalError] = useState<string | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -99,17 +103,26 @@ export function JumpHopWorkspace({
   };
 
   return (
-    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-3xl flex-col px-3 pb-3 pt-3 sm:px-4 sm:pt-4">
-      <div className="mb-3 flex items-center justify-between gap-3">
-        <button
-          type="button"
-          onClick={onBack}
-          className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-sm"
-        >
-          <ArrowLeft className="h-4 w-4" />
-          返回
-        </button>
-      </div>
+    <div
+      className={
+        unifiedChrome
+          ? 'jump-hop-workspace mx-auto flex min-h-0 w-full max-w-none flex-col overflow-visible'
+          : 'jump-hop-workspace platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-3xl flex-col px-3 pb-3 pt-3 sm:px-4 sm:pt-4'
+      }
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      {showBackButton ? (
+        <div className="mb-3 flex items-center justify-between gap-3">
+          <button
+            type="button"
+            onClick={onBack}
+            className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-sm"
+          >
+            <ArrowLeft className="h-4 w-4" />
+            返回
+          </button>
+        </div>
+      ) : null}
 
       <div className="grid gap-3 sm:grid-cols-2">
         <label className="block sm:col-span-2">
@@ -275,4 +288,4 @@ export function JumpHopWorkspace({
   );
 }
 
-export default JumpHopWorkspace;
+export default JumpHopCreationWorkspace;
diff --git a/src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx b/src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx
similarity index 83%
rename from src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx
rename to src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx
index 3acd53f5..d0df0934 100644
--- a/src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx
+++ b/src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx
@@ -3,8 +3,8 @@
 import { fireEvent, render, screen, within } from '@testing-library/react';
 import { expect, test, vi } from 'vitest';
 
-import type { Match3DAgentSessionSnapshot } from '../../../packages/shared/src/contracts/match3dAgent';
-import { Match3DAgentWorkspace } from './Match3DAgentWorkspace';
+import type { Match3DAgentSessionSnapshot } from '../../../../packages/shared/src/contracts/match3dAgent';
+import { Match3DCreationWorkspace } from './Match3DCreationWorkspace';
 
 const baseSession: Match3DAgentSessionSnapshot = {
   sessionId: 'match3d-session-1',
@@ -70,7 +70,7 @@ test('match3d workspace submits derived entry form payload instead of agent chat
   const onExecuteAction = vi.fn();
 
   render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={null}
       onBack={() => {}}
       onExecuteAction={onExecuteAction}
@@ -112,11 +112,33 @@ test('match3d workspace submits derived entry form payload instead of agent chat
   expect(onExecuteAction).not.toHaveBeenCalled();
 });
 
+test('match3d workspace can defer visible chrome to the unified creation page', () => {
+  const { container } = render(
+    <Match3DCreationWorkspace
+      session={null}
+      onBack={() => {}}
+      onExecuteAction={() => {}}
+      onCreateFromForm={() => {}}
+      title={null}
+      unifiedChrome
+    />,
+  );
+
+  const workspace = container.querySelector('.match3d-agent-workspace');
+  expect(workspace?.getAttribute('data-unified-chrome')).toBe('true');
+  expect(workspace?.className).toContain('max-w-none');
+  expect(workspace?.className).not.toContain('h-full');
+  expect(workspace?.className).not.toContain('overflow-hidden');
+  expect(workspace?.className).not.toContain('platform-remap-surface');
+  expect(screen.queryByRole('heading', { name: '想做个什么玩法？' })).toBeNull();
+  expect(screen.getByLabelText('想做一个什么题材的抓大鹅？')).toBeTruthy();
+});
+
 test('match3d workspace omits legacy asset style fields from entry payload', () => {
   const onCreateFromForm = vi.fn();
 
   render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={null}
       onBack={() => {}}
       onExecuteAction={() => {}}
@@ -140,7 +162,7 @@ test('match3d workspace keeps click sound generation disabled from entry form',
   const onCreateFromForm = vi.fn();
 
   render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={null}
       onBack={() => {}}
       onExecuteAction={() => {}}
@@ -166,7 +188,7 @@ test('match3d workspace falls back to compile action when restored from the lega
   const onExecuteAction = vi.fn();
 
   render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={baseSession}
       onBack={() => {}}
       onExecuteAction={onExecuteAction}
diff --git a/src/components/match3d-creation/Match3DAgentWorkspace.tsx b/src/components/unified-creation/workspaces/Match3DCreationWorkspace.tsx
similarity index 90%
rename from src/components/match3d-creation/Match3DAgentWorkspace.tsx
rename to src/components/unified-creation/workspaces/Match3DCreationWorkspace.tsx
index 0b1a0d61..9cbb6cc1 100644
--- a/src/components/match3d-creation/Match3DAgentWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/Match3DCreationWorkspace.tsx
@@ -6,9 +6,9 @@ import type {
   ExecuteMatch3DActionRequest,
   Match3DAgentSessionSnapshot,
   SendMatch3DMessageRequest,
-} from '../../../packages/shared/src/contracts/match3dAgent';
+} from '../../../../packages/shared/src/contracts/match3dAgent';
 
-type Match3DAgentWorkspaceProps = {
+type Match3DCreationWorkspaceProps = {
   session: Match3DAgentSessionSnapshot | null;
   isBusy?: boolean;
   error?: string | null;
@@ -19,6 +19,7 @@ type Match3DAgentWorkspaceProps = {
   initialFormPayload?: CreateMatch3DSessionRequest | null;
   showBackButton?: boolean;
   title?: string | null;
+  unifiedChrome?: boolean;
 };
 
 type Match3DFormState = {
@@ -103,10 +104,9 @@ function resolveInitialFormState(
 }
 
 /**
- * 抓大鹅创作入口已从固定 Agent 追问改成表单式。
- * 组件名保留为 Match3DAgentWorkspace，兼容现有路由、草稿恢复和父层分流。
+ * 统一创作目录内的抓大鹅工作台实现。
  */
-export function Match3DAgentWorkspace({
+export function Match3DCreationWorkspace({
   session,
   isBusy = false,
   error = null,
@@ -116,7 +116,8 @@ export function Match3DAgentWorkspace({
   initialFormPayload = null,
   showBackButton = true,
   title = '想做个什么玩法？',
-}: Match3DAgentWorkspaceProps) {
+  unifiedChrome = false,
+}: Match3DCreationWorkspaceProps) {
   const [formState, setFormState] = useState<Match3DFormState>(() =>
     resolveInitialFormState(session, initialFormPayload),
   );
@@ -183,7 +184,14 @@ export function Match3DAgentWorkspace({
   };
 
   return (
-    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden">
+    <div
+      className={
+        unifiedChrome
+          ? 'match3d-agent-workspace mx-auto flex min-h-0 w-full max-w-none flex-col overflow-visible'
+          : 'match3d-agent-workspace platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden'
+      }
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
       {showBackButton ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
           <button
@@ -197,8 +205,14 @@ export function Match3DAgentWorkspace({
         </div>
       ) : null}
 
-      <div className="flex min-h-0 flex-1 flex-col overflow-hidden pr-0">
-        {title ? (
+      <div
+        className={
+          unifiedChrome
+            ? 'flex flex-col pr-0'
+            : 'flex min-h-0 flex-1 flex-col overflow-hidden pr-0'
+        }
+      >
+        {title && !unifiedChrome ? (
           <div className="mb-3 shrink-0 sm:mb-5">
             <div className="flex flex-wrap items-center gap-2">
               <h1 className="m-0 text-3xl font-black leading-none tracking-normal text-[var(--platform-text-strong)] sm:text-7xl">
@@ -211,9 +225,19 @@ export function Match3DAgentWorkspace({
           </div>
         ) : null}
 
-        <section className="flex min-h-0 flex-1 flex-col overflow-hidden">
+        <section
+          className={
+            unifiedChrome
+              ? 'flex flex-col'
+              : 'flex min-h-0 flex-1 flex-col overflow-hidden'
+          }
+        >
           <div
-            className={`grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)_auto] gap-3 lg:grid-cols-[minmax(0,1.1fr)_minmax(16rem,0.9fr)] lg:grid-rows-1 ${isBusy ? 'opacity-55' : ''}`}
+            className={`grid gap-3 lg:grid-cols-[minmax(0,1.1fr)_minmax(16rem,0.9fr)] ${
+              unifiedChrome
+                ? ''
+                : 'min-h-0 flex-1 grid-rows-[minmax(0,1fr)_auto] lg:grid-rows-1'
+            } ${isBusy ? 'opacity-55' : ''}`}
           >
             <label className="block min-h-0">
               <span className="mb-2 block text-sm font-black text-[var(--platform-text-strong)]">
@@ -343,4 +367,4 @@ export function Match3DAgentWorkspace({
   );
 }
 
-export default Match3DAgentWorkspace;
+export default Match3DCreationWorkspace;
diff --git a/src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx
similarity index 94%
rename from src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx
rename to src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx
index cd58b666..77bc7f91 100644
--- a/src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx
+++ b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx
@@ -10,11 +10,11 @@ import {
 } from '@testing-library/react';
 import { afterEach, beforeEach, expect, test, vi } from 'vitest';
 
-import type { PuzzleAgentSessionSnapshot } from '../../../packages/shared/src/contracts/puzzleAgentSession';
-import { puzzleAssetClient } from '../../services/puzzle-works/puzzleAssetClient';
-import { PuzzleAgentWorkspace } from './PuzzleAgentWorkspace';
+import type { PuzzleAgentSessionSnapshot } from '../../../../packages/shared/src/contracts/puzzleAgentSession';
+import { puzzleAssetClient } from '../../../services/puzzle-works/puzzleAssetClient';
+import { PuzzleCreationWorkspace } from './PuzzleCreationWorkspace';
 
-vi.mock('../ResolvedAssetImage', () => ({
+vi.mock('../../ResolvedAssetImage', () => ({
   ResolvedAssetImage: ({
     src,
     alt,
@@ -26,7 +26,7 @@ vi.mock('../ResolvedAssetImage', () => ({
   }) => (src ? <img src={src} alt={alt} className={className} /> : null),
 }));
 
-vi.mock('../../services/puzzle-works/puzzleAssetClient', () => ({
+vi.mock('../../../services/puzzle-works/puzzleAssetClient', () => ({
   puzzleAssetClient: {
     listHistoryAssets: vi.fn(),
     uploadReferenceImage: vi.fn(),
@@ -177,7 +177,7 @@ test('puzzle workspace submits the work form instead of agent chat', () => {
   const onCreateFromForm = vi.fn();
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -215,10 +215,36 @@ test('puzzle workspace submits the work form instead of agent chat', () => {
   expect(screen.queryByText('旧会话消息不再渲染为聊天入口。')).toBeNull();
 });
 
+test('puzzle workspace can defer visible chrome to the unified creation page', () => {
+  const { container } = render(
+    <PuzzleCreationWorkspace
+      session={null}
+      onBack={() => {}}
+      onSubmitMessage={() => {}}
+      onExecuteAction={() => {}}
+      onCreateFromForm={() => {}}
+      unifiedChrome
+      title={null}
+    />,
+  );
+
+  const workspace = container.querySelector('.puzzle-agent-workspace');
+  const imagePanel = container.querySelector('.creative-image-input-panel');
+  expect(workspace?.getAttribute('data-unified-chrome')).toBe('true');
+  expect(workspace?.className).toContain('max-w-none');
+  expect(workspace?.className).not.toContain('h-full');
+  expect(workspace?.className).not.toContain('overflow-hidden');
+  expect(workspace?.className).not.toContain('platform-remap-surface');
+  expect(imagePanel?.className).toContain('flex-none');
+  expect(imagePanel?.className).not.toContain('flex-1');
+  expect(screen.queryByRole('heading', { name: '想做个什么玩法？' })).toBeNull();
+  expect(screen.getByLabelText('画面描述')).toBeTruthy();
+});
+
 test('puzzle workspace keeps the reference image upload as a primary panel', () => {
   const onCreateFromForm = vi.fn();
   const { container } = render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -297,7 +323,7 @@ test('puzzle workspace selects a history image from the upload card', async () =
   ]);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -354,7 +380,7 @@ test('puzzle workspace selects a history image from the upload card', async () =
 test('puzzle upload card stays light in light theme', () => {
   const onCreateFromForm = vi.fn();
   const { container } = render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -384,7 +410,7 @@ test('puzzle workspace falls back to compile action for restored sessions', () =
   const onCreateFromForm = vi.fn();
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={baseSession}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -415,7 +441,7 @@ test('puzzle workspace switches image mode without exposing model names', () =>
   const onCreateFromForm = vi.fn();
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -479,7 +505,7 @@ test('puzzle workspace restores form draft fields and autosaves edits', () => {
   };
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={formDraftSession}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -518,7 +544,7 @@ test('puzzle workspace hides prompt and cost when AI redraw is off', async () =>
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -577,7 +603,7 @@ test('puzzle workspace submits history image when AI redraw is off', async () =>
   ]);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -622,7 +648,7 @@ test('puzzle workspace submits uploaded reference image as data URL when AI redr
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -705,7 +731,7 @@ test('puzzle workspace uploads prompt references as asset object ids', async ()
     });
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -780,7 +806,7 @@ test('puzzle workspace uploads prompt reference images from the description box'
   vi.stubGlobal('FileReader', MockFileReader as unknown as typeof FileReader);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -847,7 +873,7 @@ test('puzzle workspace shows AI redraw switch only after upload', async () => {
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -884,7 +910,7 @@ test('puzzle workspace confirms before removing uploaded image', async () => {
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -926,7 +952,7 @@ test('puzzle workspace opens crop tool for non-square uploads', async () => {
   const drawImage = stubCanvas(croppedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
diff --git a/src/components/puzzle-agent/PuzzleAgentWorkspace.tsx b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
similarity index 94%
rename from src/components/puzzle-agent/PuzzleAgentWorkspace.tsx
rename to src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
index da06f2b1..f18be461 100644
--- a/src/components/puzzle-agent/PuzzleAgentWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
@@ -6,38 +6,38 @@ import {
   useState,
 } from 'react';
 
-import type { PuzzleAgentActionRequest } from '../../../packages/shared/src/contracts/puzzleAgentActions';
+import type { PuzzleAgentActionRequest } from '../../../../packages/shared/src/contracts/puzzleAgentActions';
 import type {
   CreatePuzzleAgentSessionRequest,
   PuzzleAgentSessionSnapshot,
   SendPuzzleAgentMessageRequest,
-} from '../../../packages/shared/src/contracts/puzzleAgentSession';
-import { getPuzzleHistoryAssetReferenceLabel } from '../../services/puzzle-works/puzzleHistoryAsset';
+} from '../../../../packages/shared/src/contracts/puzzleAgentSession';
+import { getPuzzleHistoryAssetReferenceLabel } from '../../../services/puzzle-works/puzzleHistoryAsset';
 import {
   cropPuzzleReferenceImageDataUrl,
   isPuzzleReferenceImageSquare,
   readPuzzleReferenceImageAsDataUrl,
   readPuzzleReferenceImageForUpload,
-} from '../../services/puzzleReferenceImage';
+} from '../../../services/puzzleReferenceImage';
 import {
   CreativeImageInputPanel,
   type CreativeImageInputReferenceImage,
-} from '../common/CreativeImageInputPanel';
+} from '../../common/CreativeImageInputPanel';
 import {
   buildCenteredSquareImageCropRect,
   clampSquareImageCropRect,
   SquareImageCropModal,
   type SquareImageCropRect,
-} from '../common/SquareImageCropModal';
-import PuzzleHistoryAssetPickerDialog from './PuzzleHistoryAssetPickerDialog';
+} from '../../common/SquareImageCropModal';
+import PuzzleHistoryAssetPickerDialog from '../shared/PuzzleHistoryAssetPickerDialog';
 import {
   normalizePuzzleImageModel,
   PUZZLE_IMAGE_MODEL_GPT_IMAGE_2,
   type PuzzleImageModelId,
-} from './puzzleImageModelOptions';
-import { PuzzleImageModelPicker } from './PuzzleImageModelPicker';
+} from '../shared/puzzleImageModelOptions';
+import { PuzzleImageModelPicker } from '../shared/PuzzleImageModelPicker';
 
-type PuzzleAgentWorkspaceProps = {
+type PuzzleCreationWorkspaceProps = {
   session: PuzzleAgentSessionSnapshot | null;
   isBusy?: boolean;
   error?: string | null;
@@ -49,6 +49,7 @@ type PuzzleAgentWorkspaceProps = {
   initialFormPayload?: CreatePuzzleAgentSessionRequest | null;
   showBackButton?: boolean;
   title?: string | null;
+  unifiedChrome?: boolean;
 };
 
 type PuzzleFormState = {
@@ -233,9 +234,9 @@ function addPuzzlePromptReferenceImage(
 
 /**
  * 拼图创作入口已从 Agent 对话改为填表式。
- * 组件名保留为 PuzzleAgentWorkspace 以兼容现有路由与草稿恢复入口。
+ * 统一创作目录内的拼图工作台实现。
  */
-export function PuzzleAgentWorkspace({
+export function PuzzleCreationWorkspace({
   session,
   isBusy = false,
   error = null,
@@ -246,7 +247,8 @@ export function PuzzleAgentWorkspace({
   initialFormPayload = null,
   showBackButton = true,
   title = '想做个什么玩法？',
-}: PuzzleAgentWorkspaceProps) {
+  unifiedChrome = false,
+}: PuzzleCreationWorkspaceProps) {
   const [formState, setFormState] = useState<PuzzleFormState>(() =>
     resolveInitialFormState(session, initialFormPayload),
   );
@@ -592,7 +594,14 @@ export function PuzzleAgentWorkspace({
   };
 
   return (
-    <div className="platform-remap-surface puzzle-agent-workspace mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden">
+    <div
+      className={
+        unifiedChrome
+          ? 'puzzle-agent-workspace mx-auto flex min-h-0 w-full max-w-none flex-col overflow-visible'
+          : 'puzzle-agent-workspace platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-hidden'
+      }
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
       {showBackButton ? (
         <div className="mb-3 flex shrink-0 items-center justify-between gap-3 sm:mb-4">
           <button
@@ -609,7 +618,7 @@ export function PuzzleAgentWorkspace({
         </div>
       ) : null}
 
-      {title ? (
+      {title && !unifiedChrome ? (
         <div className="mb-3 shrink-0 sm:mb-5">
           <div className="flex flex-wrap items-center gap-2">
             <h1 className="m-0 text-3xl font-black leading-none tracking-normal text-[var(--platform-text-strong)] sm:text-7xl">
@@ -623,6 +632,8 @@ export function PuzzleAgentWorkspace({
       ) : null}
 
       <CreativeImageInputPanel
+        className={unifiedChrome ? 'min-h-0 flex-none' : ''}
+        fillHeight={!unifiedChrome}
         disabled={isBusy}
         isSubmitting={isBusy}
         uploadedImageSrc={formState.referenceImageSrc}
@@ -772,4 +783,4 @@ export function PuzzleAgentWorkspace({
   );
 }
 
-export default PuzzleAgentWorkspace;
+export default PuzzleCreationWorkspace;
diff --git a/src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
similarity index 59%
rename from src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx
rename to src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
index 9a9643fe..5f02d2b7 100644
--- a/src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx
+++ b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
@@ -3,11 +3,11 @@
 import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
 import { beforeEach, expect, test, vi } from 'vitest';
 
-import { woodenFishClient } from '../../services/wooden-fish/woodenFishClient';
-import { WOODEN_FISH_DEFAULT_HIT_OBJECT_PROMPT } from '../../services/wooden-fish/woodenFishDefaults';
-import { WoodenFishWorkspace } from './WoodenFishWorkspace';
+import { woodenFishClient } from '../../../services/wooden-fish/woodenFishClient';
+import { WOODEN_FISH_DEFAULT_HIT_OBJECT_PROMPT } from '../../../services/wooden-fish/woodenFishDefaults';
+import { WoodenFishCreationWorkspace } from './WoodenFishCreationWorkspace';
 
-vi.mock('../../services/wooden-fish/woodenFishClient', () => ({
+vi.mock('../../../services/wooden-fish/woodenFishClient', () => ({
   woodenFishClient: {
     createSession: vi.fn(),
   },
@@ -31,7 +31,7 @@ test('敲什么输入栏初始置空但提交时仍使用默认生成提示词',
   const onSubmitted = vi.fn();
 
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={onSubmitted}
     />,
@@ -48,7 +48,7 @@ test('敲什么输入栏初始置空但提交时仍使用默认生成提示词',
 
 test('功德有什么默认只显示基础词条，不显示运行态 +1 后缀', () => {
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -72,7 +72,7 @@ test('功德有什么默认只显示基础词条，不显示运行态 +1 后缀'
 
 test('功德有什么支持通过加号新增词条并移除新增格子', () => {
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -92,7 +92,7 @@ test('功德有什么支持通过加号新增词条并移除新增格子', () =>
 
 test('敲击音效临时关闭提示词生成入口，仅保留上传和录音', () => {
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -107,9 +107,30 @@ test('敲击音效临时关闭提示词生成入口，仅保留上传和录音',
   expect(within(section as HTMLElement).getByText('录音')).toBeTruthy();
 });
 
+test('敲击音效和功德词条不放进独立滚动窗', () => {
+  const { container } = render(
+    <WoodenFishCreationWorkspace
+      onBack={() => {}}
+      onSubmitted={() => {}}
+    />,
+  );
+
+  const audioSection = screen.getByText('敲击音效').closest('section');
+  const floatingWordsSection = screen.getByText('功德有什么').closest('section');
+  const sidePanel = audioSection?.parentElement;
+
+  expect(audioSection).not.toBeNull();
+  expect(floatingWordsSection).not.toBeNull();
+  expect(sidePanel).toBe(floatingWordsSection?.parentElement);
+  expect(sidePanel?.className).not.toContain('overflow-y-auto');
+  expect(sidePanel?.className).not.toContain('min-h-0');
+  expect(container.querySelector('.overflow-y-auto')).toBeNull();
+  expect(container.firstElementChild?.className).not.toContain('h-full');
+});
+
 test('工作台只保留一个生成按钮', () => {
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -117,3 +138,35 @@ test('工作台只保留一个生成按钮', () => {
 
   expect(screen.getAllByRole('button', { name: '生成' })).toHaveLength(1);
 });
+
+test('敲木鱼工作台可以交给统一创作页承载可见外壳', () => {
+  const { container } = render(
+    <WoodenFishCreationWorkspace
+      onBack={() => {}}
+      onSubmitted={() => {}}
+      showBackButton={false}
+      unifiedChrome
+    />,
+  );
+
+  const workspace = container.querySelector('.wooden-fish-workspace');
+  expect(workspace?.getAttribute('data-unified-chrome')).toBe('true');
+  expect(workspace?.className).toContain('max-w-none');
+  expect(workspace?.className).not.toContain('platform-remap-surface');
+  expect(screen.queryByRole('button', { name: '返回' })).toBeNull();
+});
+
+test('敲木鱼工作台在统一壳下不强行填满左侧图片面板高度', () => {
+  const { container } = render(
+    <WoodenFishCreationWorkspace
+      onBack={() => {}}
+      onSubmitted={() => {}}
+      showBackButton={false}
+      unifiedChrome
+    />,
+  );
+
+  const imagePanel = container.querySelector('.creative-image-input-panel');
+  expect(imagePanel?.className).toContain('flex-none');
+  expect(imagePanel?.className).not.toContain('flex-1');
+});
diff --git a/src/components/wooden-fish-creation/WoodenFishWorkspace.tsx b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
similarity index 61%
rename from src/components/wooden-fish-creation/WoodenFishWorkspace.tsx
rename to src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
index 9cd0e387..2fb32004 100644
--- a/src/components/wooden-fish-creation/WoodenFishWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
@@ -1,29 +1,27 @@
 import {
   ArrowLeft,
   Loader2,
-  Mic,
-  Pause,
   Plus,
   Send,
   X,
-  Upload,
 } from 'lucide-react';
-import { useMemo, useRef, useState } from 'react';
+import { useMemo, useState } from 'react';
 
 import type {
   WoodenFishAudioAsset,
   WoodenFishSessionResponse,
   WoodenFishWorkspaceCreateRequest,
-} from '../../../packages/shared/src/contracts/woodenFish';
-import { readPuzzleReferenceImageAsDataUrl } from '../../services/puzzleReferenceImage';
-import { woodenFishClient } from '../../services/wooden-fish/woodenFishClient';
+} from '../../../../packages/shared/src/contracts/woodenFish';
+import { readPuzzleReferenceImageAsDataUrl } from '../../../services/puzzleReferenceImage';
+import { woodenFishClient } from '../../../services/wooden-fish/woodenFishClient';
 import {
   WOODEN_FISH_DEFAULT_HIT_OBJECT_PROMPT,
   WOODEN_FISH_DEFAULT_HIT_SOUND_ASSET,
-} from '../../services/wooden-fish/woodenFishDefaults';
-import { CreativeImageInputPanel } from '../common/CreativeImageInputPanel';
+} from '../../../services/wooden-fish/woodenFishDefaults';
+import { CreativeAudioInputPanel } from '../../common/CreativeAudioInputPanel';
+import { CreativeImageInputPanel } from '../../common/CreativeImageInputPanel';
 
-type WoodenFishWorkspaceProps = {
+type WoodenFishCreationWorkspaceProps = {
   isBusy?: boolean;
   error?: string | null;
   onBack: () => void;
@@ -31,6 +29,8 @@ type WoodenFishWorkspaceProps = {
     result: WoodenFishSessionResponse,
     payload: WoodenFishWorkspaceCreateRequest,
   ) => void;
+  showBackButton?: boolean;
+  unifiedChrome?: boolean;
 };
 
 type WoodenFishWorkspaceFormState = {
@@ -68,188 +68,14 @@ function normalizeFloatingWords(words: string[]) {
   return normalized.length > 0 ? normalized : [...DEFAULT_FLOATING_WORDS];
 }
 
-function readAudioFileAsAsset(file: File, source: 'uploaded' | 'recorded') {
-  return new Promise<WoodenFishAudioAsset>((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onerror = () => reject(new Error('音频读取失败，请重试。'));
-    reader.onload = () => {
-      if (typeof reader.result !== 'string') {
-        reject(new Error('音频读取失败，请重试。'));
-        return;
-      }
-      resolve({
-        assetId: `local-${source}-${Date.now()}`,
-        audioSrc: reader.result,
-        audioObjectKey: '',
-        assetObjectId: '',
-        source,
-        prompt: file.name,
-        durationMs: null,
-      });
-    };
-    reader.readAsDataURL(file);
-  });
-}
-
-function WoodenFishAudioInputPanel({
-  disabled,
-  asset,
-  onAssetChange,
-  onError,
-}: {
-  disabled: boolean;
-  asset: WoodenFishAudioAsset | null;
-  onAssetChange: (asset: WoodenFishAudioAsset | null) => void;
-  onError: (message: string | null) => void;
-}) {
-  const [isRecording, setIsRecording] = useState(false);
-  const recorderRef = useRef<MediaRecorder | null>(null);
-  const chunksRef = useRef<BlobPart[]>([]);
-
-  const startRecording = async () => {
-    if (disabled || isRecording) {
-      return;
-    }
-
-    try {
-      if (
-        typeof navigator === 'undefined' ||
-        !navigator.mediaDevices?.getUserMedia ||
-        typeof MediaRecorder === 'undefined'
-      ) {
-        throw new Error('当前浏览器不支持录音。');
-      }
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      const recorder = new MediaRecorder(stream);
-      chunksRef.current = [];
-      recorder.ondataavailable = (event) => {
-        if (event.data.size > 0) {
-          chunksRef.current.push(event.data);
-        }
-      };
-      recorder.onstop = () => {
-        const blob = new Blob(chunksRef.current, {
-          type: recorder.mimeType || 'audio/webm',
-        });
-        stream.getTracks().forEach((track) => track.stop());
-        const file = new File([blob], `wooden-fish-hit-${Date.now()}.webm`, {
-          type: blob.type,
-        });
-        void readAudioFileAsAsset(file, 'recorded')
-          .then(onAssetChange)
-          .catch((caughtError) => {
-            onError(
-              caughtError instanceof Error
-                ? caughtError.message
-                : '录音保存失败。',
-            );
-          });
-      };
-      recorderRef.current = recorder;
-      recorder.start();
-      setIsRecording(true);
-      onError(null);
-    } catch (caughtError) {
-      onError(
-        caughtError instanceof Error ? caughtError.message : '录音启动失败。',
-      );
-    }
-  };
-
-  const stopRecording = () => {
-    recorderRef.current?.stop();
-    recorderRef.current = null;
-    setIsRecording(false);
-  };
-
-  return (
-    <section className="platform-subpanel rounded-[1.25rem] p-4">
-      <div className="mb-3 flex items-center justify-between gap-3">
-        <div className="text-sm font-black text-[var(--platform-text-strong)]">
-          敲击音效
-        </div>
-        {asset ? (
-          <button
-            type="button"
-            onClick={() => onAssetChange(null)}
-            disabled={disabled}
-            className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-xs"
-          >
-            重置
-          </button>
-        ) : null}
-      </div>
-      <div className="mt-3 flex flex-wrap items-center gap-2">
-        <label
-          className={`platform-button platform-button--secondary min-h-10 cursor-pointer gap-2 px-3 py-2 text-sm ${
-            disabled ? 'pointer-events-none opacity-55' : ''
-          }`}
-        >
-          <Upload className="h-4 w-4" />
-          上传
-          <input
-            type="file"
-            accept="audio/*"
-            disabled={disabled}
-            className="sr-only"
-            onChange={(event) => {
-              const file = event.currentTarget.files?.[0] ?? null;
-              event.currentTarget.value = '';
-              if (!file) {
-                return;
-              }
-              void readAudioFileAsAsset(file, 'uploaded')
-                .then((nextAsset) => {
-                  onError(null);
-                  onAssetChange(nextAsset);
-                })
-                .catch((caughtError) => {
-                  onError(
-                    caughtError instanceof Error
-                      ? caughtError.message
-                      : '音频读取失败。',
-                  );
-                });
-            }}
-          />
-        </label>
-        <button
-          type="button"
-          disabled={disabled}
-          onClick={() => {
-            if (isRecording) {
-              stopRecording();
-              return;
-            }
-            void startRecording();
-          }}
-          className="platform-button platform-button--ghost min-h-10 gap-2 px-3 py-2 text-sm"
-        >
-          {isRecording ? (
-            <Pause className="h-4 w-4" />
-          ) : (
-            <Mic className="h-4 w-4" />
-          )}
-          {isRecording ? '停止' : '录音'}
-        </button>
-        {asset?.audioSrc ? (
-          <audio controls src={asset.audioSrc} className="h-10 max-w-full" />
-        ) : (
-          <div className="text-xs font-bold text-[var(--platform-text-soft)]">
-            {asset ? '音效已选择' : '默认木鱼音'}
-          </div>
-        )}
-      </div>
-    </section>
-  );
-}
-
-export function WoodenFishWorkspace({
+export function WoodenFishCreationWorkspace({
   isBusy = false,
   error = null,
   onBack,
   onSubmitted,
-}: WoodenFishWorkspaceProps) {
+  showBackButton = true,
+  unifiedChrome = false,
+}: WoodenFishCreationWorkspaceProps) {
   const [formState, setFormState] = useState(DEFAULT_FORM_STATE);
   const [localError, setLocalError] = useState<string | null>(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -333,21 +159,31 @@ export function WoodenFishWorkspace({
   };
 
   return (
-    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col px-3 pb-3 pt-3 sm:px-4 sm:pt-4">
-      <div className="mb-3 flex items-center justify-between gap-3">
-        <button
-          type="button"
-          onClick={onBack}
-          className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-sm"
-        >
-          <ArrowLeft className="h-4 w-4" />
-          返回
-        </button>
-      </div>
+    <div
+      className={
+        unifiedChrome
+          ? 'wooden-fish-workspace mx-auto flex min-h-0 w-full max-w-none flex-col overflow-visible'
+          : 'wooden-fish-workspace platform-remap-surface mx-auto flex w-full max-w-5xl flex-col px-3 pb-3 pt-3 sm:px-4 sm:pt-4'
+      }
+      data-unified-chrome={unifiedChrome ? 'true' : 'false'}
+    >
+      {showBackButton ? (
+        <div className="mb-3 flex items-center justify-between gap-3">
+          <button
+            type="button"
+            onClick={onBack}
+            className="platform-button platform-button--ghost min-h-0 px-3 py-2 text-sm"
+          >
+            <ArrowLeft className="h-4 w-4" />
+            返回
+          </button>
+        </div>
+      ) : null}
 
-      <div className="grid min-h-0 flex-1 gap-3 lg:grid-cols-[minmax(0,1.12fr)_minmax(19rem,0.88fr)]">
+      <div className="grid gap-3 lg:grid-cols-[minmax(0,1.12fr)_minmax(19rem,0.88fr)]">
         <div className="flex min-h-[26rem] min-w-0 flex-col">
           <CreativeImageInputPanel
+            fillHeight={!unifiedChrome}
             disabled={isBusy || isSubmitting}
             isSubmitting={isSubmitting}
             uploadedImageSrc={formState.hitObjectReferenceImageSrc}
@@ -409,10 +245,13 @@ export function WoodenFishWorkspace({
           />
         </div>
 
-        <div className="flex min-h-0 flex-col gap-3 overflow-y-auto pr-0 lg:pr-1">
-          <WoodenFishAudioInputPanel
+        <div className="flex flex-col gap-3 pr-0 lg:pr-1">
+          <CreativeAudioInputPanel<WoodenFishAudioAsset>
             disabled={isBusy || isSubmitting}
+            title="敲击音效"
+            defaultLabel="默认木鱼音"
             asset={formState.hitSoundAsset}
+            buildRecordedFileName={() => `wooden-fish-hit-${Date.now()}.webm`}
             onAssetChange={(asset) =>
               setFormState((current) => ({
                 ...current,
@@ -426,7 +265,7 @@ export function WoodenFishWorkspace({
             <div className="mb-3 text-sm font-black text-[var(--platform-text-strong)]">
               功德有什么
             </div>
-            <div className="grid gap-2">
+            <div className="grid gap-2 sm:grid-cols-2">
               {formState.floatingWords.map((word, index) => (
                 <div key={index} className="relative">
                   <input
@@ -495,4 +334,4 @@ export function WoodenFishWorkspace({
   );
 }
 
-export default WoodenFishWorkspace;
+export default WoodenFishCreationWorkspace;
diff --git a/src/components/visual-novel-creation/VisualNovelAgentWorkspace.test.tsx b/src/components/visual-novel-creation/VisualNovelAgentWorkspace.test.tsx
index 39a4e922..520596b1 100644
--- a/src/components/visual-novel-creation/VisualNovelAgentWorkspace.test.tsx
+++ b/src/components/visual-novel-creation/VisualNovelAgentWorkspace.test.tsx
@@ -118,6 +118,11 @@ test('visual novel generation helpers build process page data', () => {
   expect(buildVisualNovelEntryGenerationAnchorEntries(payload)).toEqual([
     { id: 'visual-novel-idea', label: '一句话', value: '雨夜书店' },
     { id: 'visual-novel-style', label: '视觉画风', value: '水彩绘本' },
+    {
+      id: 'visual-novel-target',
+      label: '生成目标',
+      value: '可编辑并可试玩的视觉小说草稿',
+    },
   ]);
 
   const progress = buildVisualNovelEntryGenerationProgress(
@@ -126,7 +131,8 @@ test('visual novel generation helpers build process page data', () => {
     8_000,
   );
 
-  expect(progress.phaseId).toBe('generating');
+  expect(progress.phaseId).toBe('visual-novel-world');
   expect(progress.overallProgress).toBeGreaterThan(0);
+  expect(progress.phaseLabel).toBe('扩展世界观');
   expect(progress.steps.some((step) => step.status === 'active')).toBe(true);
 });
diff --git a/src/index.css b/src/index.css
index 5d82171f..d877fcad 100644
--- a/src/index.css
+++ b/src/index.css
@@ -470,12 +470,14 @@ body {
 
 .platform-ui-shell,
 .platform-ui-shell * {
-  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
+  font-family: 'Inter', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei',
+    'PingFang SC', 'Microsoft YaHei', ui-sans-serif, system-ui, sans-serif !important;
 }
 
 .platform-theme,
 .platform-theme * {
-  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
+  font-family: 'Inter', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei',
+    'PingFang SC', 'Microsoft YaHei', ui-sans-serif, system-ui, sans-serif !important;
 }
 
 .platform-theme {
diff --git a/src/services/creationEntryConfigService.ts b/src/services/creationEntryConfigService.ts
index 2f38e371..c3de9f2e 100644
--- a/src/services/creationEntryConfigService.ts
+++ b/src/services/creationEntryConfigService.ts
@@ -13,6 +13,35 @@ export type CreationEntryTypeConfig = {
   categoryLabel: string;
   categorySortOrder: number;
   updatedAtMicros: number;
+  unifiedCreationSpec?: UnifiedCreationSpec | null;
+};
+
+export type UnifiedCreationField = {
+  id: string;
+  kind: 'text' | 'select' | 'image' | 'audio';
+  label: string;
+  required: boolean;
+};
+
+export type UnifiedCreationSpec = {
+  playId: 'puzzle' | 'match3d' | 'jump-hop' | 'wooden-fish';
+  title: string;
+  workspaceStage:
+    | 'puzzle-agent-workspace'
+    | 'match3d-agent-workspace'
+    | 'jump-hop-workspace'
+    | 'wooden-fish-workspace';
+  generationStage:
+    | 'puzzle-generating'
+    | 'match3d-generating'
+    | 'jump-hop-generating'
+    | 'wooden-fish-generating';
+  resultStage:
+    | 'puzzle-result'
+    | 'match3d-result'
+    | 'jump-hop-result'
+    | 'wooden-fish-result';
+  fields: UnifiedCreationField[];
 };
 
 export type CreationEntryConfig = {
diff --git a/src/services/miniGameDraftGenerationProgress.ts b/src/services/miniGameDraftGenerationProgress.ts
index 58232ee9..d92c383a 100644
--- a/src/services/miniGameDraftGenerationProgress.ts
+++ b/src/services/miniGameDraftGenerationProgress.ts
@@ -467,6 +467,24 @@ function clampProgress(value: number) {
   return Math.max(0, Math.min(100, Math.round(value)));
 }
 
+export function resolveMiniGameDraftGenerationStartedAtMs(
+  startedAt: string | number | null | undefined,
+  fallbackMs = Date.now(),
+) {
+  if (typeof startedAt === 'number' && Number.isFinite(startedAt)) {
+    return startedAt;
+  }
+
+  if (typeof startedAt === 'string') {
+    const parsed = Date.parse(startedAt);
+    if (Number.isFinite(parsed)) {
+      return parsed;
+    }
+  }
+
+  return fallbackMs;
+}
+
 function getStepDefinitions(kind: MiniGameDraftGenerationKind) {
   if (kind === 'puzzle') {
     return buildPuzzleSteps(createMiniGameDraftGenerationState('puzzle'));
@@ -542,6 +560,7 @@ function buildMiniGameProgressSteps(
 
 export function createMiniGameDraftGenerationState(
   kind: MiniGameDraftGenerationKind,
+  startedAtMs = Date.now(),
 ): MiniGameDraftGenerationState {
   return {
     kind,
@@ -559,7 +578,7 @@ export function createMiniGameDraftGenerationState(
             : kind === 'wooden-fish'
               ? 'wooden-fish-draft'
               : 'compile',
-    startedAtMs: Date.now(),
+    startedAtMs,
     completedAssetCount: 0,
     totalAssetCount: 0,
     error: null,