From 23dec91bd6dadcd2f617e8851ca6768c51d3266b Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Sun, 31 May 2026 14:46:32 +0000
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E5=8F=A3=E7=BB=9F=E4=B8=80=E5=88=9B?=
 =?UTF-8?q?=E4=BD=9C=E6=B5=81=E7=A8=8B=E4=B8=80=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hermes/shared-memory/decision-log.md         |  29 ++-
 .hermes/shared-memory/pitfalls.md             |  34 +++-
 ...�玩法创作】创作�程统一总计划-2026-05-30.md |  22 ++-
 ...³•åˆ›ä½œã€‘跳一跳俯视角玩法模æ�¿PRD-2026-05-19.md |   2 +-
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   2 +-
 quality-gates/README.md                       |   3 +-
 .../�玩法创作】统一创作页门�-2026-05-29.md  |   7 +-
 ...Ž©æ³•åˆ›ä½œã€‘跨玩法回归与冒烟门ç¦�-2026-05-30.md |   2 +-
 .../src/creation_entry_config.rs              |  21 +-
 .../common/CreativeImageInputPanel.test.tsx   |  91 +++++++++
 .../common/CreativeImageInputPanel.tsx        |  35 +++-
 .../Match3DDraftReadyView.tsx                 | 105 ----------
 .../PlatformEntryFlowShellImpl.tsx            | 160 ++++++---------
 .../puzzle-agent/puzzleCreationTemplates.ts   |  94 ---------
 .../puzzle-result/PuzzleResultView.tsx        |   6 +-
 ...gEntryFlowShell.agent.interaction.test.tsx |   8 +-
 .../UnifiedCreationPage.test.tsx              |  29 ++-
 .../unified-creation/UnifiedCreationPage.tsx  |  34 +++-
 .../UnifiedCreationWorkspace.test.tsx         | 184 ++++++++++++++++++
 .../UnifiedCreationWorkspace.tsx              | 125 ++++++++++++
 .../UnifiedGenerationPage.test.tsx            |  18 ++
 .../PuzzleHistoryAssetPickerDialog.tsx        |   8 +-
 .../shared}/PuzzleImageModelPicker.tsx        |   0
 .../shared}/puzzleImageModelOptions.ts        |   0
 .../unifiedCreationSpecs.test.ts              |  11 +-
 .../unified-creation/unifiedCreationSpecs.ts  |  57 ++++++
 .../unified-creation/unifiedGenerationCopy.ts |   6 +
 .../JumpHopCreationWorkspace.test.tsx}        |  29 ++-
 .../workspaces/JumpHopCreationWorkspace.tsx}  |  47 +++--
 ...h3DCreationWorkspace.interaction.test.tsx} |  14 +-
 .../workspaces/Match3DCreationWorkspace.tsx}  |  13 +-
 ...zleCreationWorkspace.interaction.test.tsx} |  45 +++--
 .../workspaces/PuzzleCreationWorkspace.tsx}   |  29 +--
 .../WoodenFishCreationWorkspace.test.tsx}     |  52 ++++-
 .../WoodenFishCreationWorkspace.tsx}          |  56 ++++--
 src/services/creationEntryConfigService.ts    |  10 +-
 36 files changed, 919 insertions(+), 469 deletions(-)
 delete mode 100644 src/components/match3d-creation/Match3DDraftReadyView.tsx
 delete mode 100644 src/components/puzzle-agent/puzzleCreationTemplates.ts
 create mode 100644 src/components/unified-creation/UnifiedCreationWorkspace.test.tsx
 create mode 100644 src/components/unified-creation/UnifiedCreationWorkspace.tsx
 rename src/components/{puzzle-agent => unified-creation/shared}/PuzzleHistoryAssetPickerDialog.tsx (95%)
 rename src/components/{puzzle-agent => unified-creation/shared}/PuzzleImageModelPicker.tsx (100%)
 rename src/components/{puzzle-agent => unified-creation/shared}/puzzleImageModelOptions.ts (100%)
 rename src/components/{jump-hop-creation/JumpHopWorkspace.test.tsx => unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx} (71%)
 rename src/components/{jump-hop-creation/JumpHopWorkspace.tsx => unified-creation/workspaces/JumpHopCreationWorkspace.tsx} (89%)
 rename src/components/{match3d-creation/Match3DAgentWorkspace.interaction.test.tsx => unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx} (95%)
 rename src/components/{match3d-creation/Match3DAgentWorkspace.tsx => unified-creation/workspaces/Match3DCreationWorkspace.tsx} (97%)
 rename src/components/{puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx => unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx} (96%)
 rename src/components/{puzzle-agent/PuzzleAgentWorkspace.tsx => unified-creation/workspaces/PuzzleCreationWorkspace.tsx} (96%)
 rename src/components/{wooden-fish-creation/WoodenFishWorkspace.test.tsx => unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx} (72%)
 rename src/components/{wooden-fish-creation/WoodenFishWorkspace.tsx => unified-creation/workspaces/WoodenFishCreationWorkspace.tsx} (87%)

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index 90379d91..493dde8d 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -43,12 +43,29 @@
 ## 2026-05-29 一期统一创作页必须�供��统一外壳
 
 - 背景：`UnifiedCreationPage` 首版�暴露�� spec 元数�并包裹旧玩法工作�，用户打开拼图创作页时��能看到旧工作�外观，无法验收“统一创作页�。
-- 决策：一期统一创作页（拼图�抓大鹅�敲木鱼）必须由 `UnifiedCreationPage` �供统一标题��内容区和��字段契约；字段元信��留给测试和代�，���外作为�� chip �用首�。玩法工作��承载具体输入控件�上传�历�素��校验和�交，���自渲染巨大入�标题。拼图继续�用 `PuzzleAgentWorkspace` 的上传��剪�历�图�AI �绘和�交逻辑，抓大鹅继续�用 `Match3DAgentWorkspace` 的题�与难度表�逻辑；二者在统一壳内�用 `unifiedChrome`，收起旧标题与外层壳。敲木鱼�侧音效和功德���得�套内部滚动容器，移动端应自然跟�页�滚动。
-- 追加决策：`UnifiedCreationPage` �创建自己的纵�滚动窗；拼图�抓大鹅和敲木鱼三个统一创作入�由平� stage 承担整页滚动，竖�移动端必须能从统一标题�表�控件一路滑到�交按钮，��工作�内部或�侧��形�套滚动。
-- 影�范围：`src/components/unified-creation/UnifiedCreationPage.tsx`�`src/components/puzzle-agent/PuzzleAgentWorkspace.tsx`�`src/components/wooden-fish-creation/WoodenFishWorkspace.tsx`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�玩法链路文档。
+- 决策：一期统一创作页（拼图�抓大鹅�敲木鱼）必须由 `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` 外层宽度会让等待页�侧被�切。
@@ -591,8 +608,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 拼图与抓大鹅�稿背景音�按纯音�自动生�
@@ -1109,7 +1126,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/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index 9c55d74f..e2d6e2a0 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
 
@@ -693,7 +709,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`
 
@@ -1447,16 +1463,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`。
 
 ## 拼图结果页局部生图��污染�稿生��
 
@@ -1474,7 +1490,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
 
@@ -1550,8 +1566,8 @@
 
 - 现象：竖�打开拼图�抓大鹅或敲木鱼创作页时，�览器页�本身无法滚动，生�按钮或�侧表����到视�外；木鱼的敲击音效和功德��看起��被塞进�独滑动窗�。
 - 原因：平�根壳固定一�并��溢出，`UnifiedCreationPage` �使用 `h-full min-h-0 overflow-hidden` 和内容区 `overflow-y-auto`，导致滚动责任�到内部内容窗，而�是整个创作 stage。
-- 处�：`UnifiedCreationPage` ��留统一标题���字段契约和内容包装，��设置内部纵�滚动；拼图�抓大鹅和敲木鱼三个统一创作入�的 `motion.div` stage 负责 `overflow-y-auto overflow-x-hidden`。拼图和抓大鹅在 `unifiedChrome` 下收起旧 `h-full overflow-hidden` 外壳，让表�主体跟� stage 滚动。
-- 验�：用竖��览器视�打开 `/creation/wooden-fish`�`/creation/puzzle` 和 `/creation/match3d`，页�级 stage 应�滚动到生�按钮；`.unified-creation-page__content` �应包� `overflow-y-auto`，木鱼工作�内部也�应出现独立纵�滚动容器，拼图 / 抓大鹅��标题�应��。
+- 处�：`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`。
 
diff --git a/docs/planning/�玩法创作】创作�程统一总计划-2026-05-30.md b/docs/planning/�玩法创作】创作�程统一总计划-2026-05-30.md
index d0f22c29..58a8132b 100644
--- a/docs/planning/�玩法创作】创作�程统一总计划-2026-05-30.md
+++ b/docs/planning/�玩法创作】创作�程统一总计划-2026-05-30.md
@@ -9,7 +9,7 @@
 | 总轮次 | 5 |
 | 当�轮次 | Round 4（已收�） |
 | 当�阶段 | Phase 6 |
-| 当�状� | Phase 0~6 已收�；跨玩法回归�移动端竖� smoke�API smoke 和冻结�料已补� |
+| 当�状� | Phase 0~6 已收�；统一创作页已�级为 `UnifiedCreationWorkspace`，平�壳��直接�赖旧工作�文件 |
 | 当�并行波次 | 波次 D（验收与冻结） |
 | 当��点 | 以跨玩法门�作为�续新增玩法和回归的常规质�基线 |
 
@@ -28,7 +28,8 @@
 | 阶段 | 状� | 说明 |
 | --- | --- | --- |
 | Phase 0 总计划与门� | 已完� | 本文档�`docs/planning/README.md`�`docs/README.md` 和 `.hermes/shared-memory/document-map.md` 已补�入�；�续按 phase 扩展门�。 |
-| Phase 1 首批统一壳 | 已收� | `puzzle`�`match3d`�`wooden-fish` 已接入 `UnifiedCreationPage` / `UnifiedGenerationPage`，竖�滚动和字段契约已回归。 |
+| 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�视觉�说�汪汪声浪的最�例外/闭环回归已通过，例外�径已�到平�总链路文档。 |
@@ -69,12 +70,12 @@
 
 ### Phase 1：首批统一壳收�
 
-目标：用低风险的三�链路验�统一创作/生�壳。
+目标：用低风险的四�链路验�统一创作/生�壳。
 
-- 范围：`puzzle`�`match3d`�`wooden-fish`。
+- 范围：`puzzle`�`match3d`�`jump-hop`�`wooden-fish`。
 - 创作页统一�过 `UnifiedCreationPage`，工作��留�自真实输入能力。
 - 生�页统一�过 `UnifiedGenerationPage` 和 `CustomWorldGenerationView`。
-- 竖�滚动由外层 stage 承担，��内层滚动窗。
+- 竖�滚动由统一创作页承担，��内层滚动窗。
 
 状�：已收�。
 
@@ -113,6 +114,7 @@
 - 自动素�生�走统一生�页；没有自动生�的玩法需�明确跳过生�页的阶段策略。
 - 结果页和 runtime �因�移创作页而改业务真相。
 - `square-hole`�`big-fish` 先评估是��留 Agent 形�还是�到表�/图片工作�，�决定是�进入直接�移实现。
+- `jump-hop` 已纳入统一创作壳，�续若�调整字段或视觉，�能在统一壳与工作�之间��改，����独立入�壳。
 
 退出�件：
 
@@ -189,7 +191,7 @@
 目标：形��续新增玩法��用的稳定门�。
 
 - 按玩法输出创作入��生�页�结果页�试玩��布�作�架�广场�runtime smoke 矩阵。
-- 增补 `quality-gates/README.md` 与跨玩法回归 / 冒烟门�，���覆盖首批三�链路。
+- 增补 `quality-gates/README.md` 与跨玩法回归 / 冒烟门�，���覆盖首批四�链路。
 - 固化移动端竖�优先验收，桌�端作为兼容验�。
 - 补�“新增玩法接入 PRD 检查��和代�评审检查清�。
 
@@ -217,7 +219,7 @@ 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/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx src/components/jump-hop-creation/JumpHopWorkspace.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 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，并补公开详情作者展示�径与作�架��矩阵。 |
 
@@ -232,7 +234,7 @@ Phase 6 ��继续拆新波次，当��把 Phase 2 到 Phase 5 的最�验
 | 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-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 |
@@ -243,6 +245,7 @@ Phase 6 ��继续拆新波次，当��把 Phase 2 到 Phase 5 的最�验
 | 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 |
 
@@ -262,7 +265,7 @@ Phase 6 ��继续拆新波次，当��把 Phase 2 到 Phase 5 的最�验
 | 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-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 形�还是�表�/图片工作� | �直接大改实现 | 例外或�移方案�字段清��风险�验收用例 | 文档评审通过；若改代�，补对应工作�测试 |
@@ -307,6 +310,7 @@ Phase 6 ��继续拆新波次，当��把 Phase 2 到 Phase 5 的最�验
 状�：自动回归已通过，�留形�评估按缺�任务继续跟踪。
 
 - `T3-1` `jump-hop` 统一接入
+- `T5-5` 统一创作壳滚动收�
 - `T3-2` `baby-object-match` 统一接入
 - `T3-3` `square-hole` 工作�形�评估
 - `T3-4` `big-fish` 工作�形�评估
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/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index 001acce2..4c9d9197 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -10,7 +10,7 @@
 
 创作���数��留 `sessionId`�`profileId`�`draftId`�`workId` 这四个�有 query。它们��许在�一�创作链路的结果页�生�页�工作�之间�留；切到首页�公开作�详情�runtime 或�一�玩法链路时必须清掉。生�页等待时间统一以生�状�里的 `startedAtMs` 为准；创建该状�时优先使用�端 session 下�的时间戳，作�摘�里的 `updatedAt` ��用于排�与摘�展示，�作为�端自行推导业务状�的真相。
 
-一期创作�程统一化�覆盖拼图�抓大鹅和敲木鱼。三者在�端统一�过 `UnifiedCreationPage` 和 `UnifiedGenerationPage`：创作页字段清�由�端在 `GET /api/creation-entry/config` 的 `creationTypes[].unifiedCreationSpec` 下�，�端仅在该扩展�缺失时回退到本地默认 spec；首期字段类型��留 `text`�`select`�`image`�`audio`。`UnifiedCreationPage` ��供统一标题��内容区和��字段契约，�在 UI 中�外展示字段说明 chip，也�创建自己的纵�滚动窗；三�统一创作入�由平� stage 承担整页纵�滚动，竖�移动端必须能从标题�表�一路滑到�交按钮。�玩法工作�负责渲染真实输入控件�上传�历�素��校验和�交。拼图工作���用既有 `PuzzleAgentWorkspace` 的上传��剪�历�图�AI �绘和�交逻辑，抓大鹅继续�用 `Match3DAgentWorkspace` 的题�与难度表�逻辑，但二者在统一壳内都�展示表�主体，��打开创作页时能看到统一创作页外观且�出现�标题或旧外层壳。敲木鱼的音效和功德�����得放进独立内部滚动容器，移动端应跟�页�自然滚动展开。生�页统一展示阶段�当�步骤�总进度�错误和�试动作。视觉�说�`airp`�`component`�汪汪声浪�方洞�大鱼�跳一跳和��识物�进入一期接线范围，已有链路��现状。
+一期创作�程统一化覆盖拼图�抓大鹅�跳一跳和敲木鱼。四者在�端统一�过 `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`�汪汪声浪�方洞�大鱼和��识物�进入一期接线范围，已有链路��现状。
 
 创作表��交�的泥点余��置校验��许用独立弹窗�示失败原因，�得把用户退回创作入�或玩法模�列表，也�得清空当�表�状�。当�适用拼图�抓大鹅和汪汪声浪等会在�端�交�校验泥点的生�入�；余��足�余�读�失败都应�留在当�工作�，由用户关闭�示�继续编辑或自行补足泥点。
 
diff --git a/quality-gates/README.md b/quality-gates/README.md
index e35f0927..ebe5f074 100644
--- a/quality-gates/README.md
+++ b/quality-gates/README.md
@@ -16,7 +16,8 @@ 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/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx src/components/wooden-fish-creation/WoodenFishWorkspace.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
 ```
 
 ## 使用说明
diff --git a/quality-gates/�玩法创作】统一创作页门�-2026-05-29.md b/quality-gates/�玩法创作】统一创作页门�-2026-05-29.md
index bd3d7d6c..84bfb3d7 100644
--- a/quality-gates/�玩法创作】统一创作页门�-2026-05-29.md
+++ b/quality-gates/�玩法创作】统一创作页门�-2026-05-29.md
@@ -4,13 +4,14 @@
 
 ```bash
 npm run test -- src/components/unified-creation/unifiedCreationSpecs.test.ts
-npm run test -- src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx
+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` 四类。
+- 拼图�抓大鹅�跳一跳�敲木鱼�从 `/creation/<playId>` 进入创作工作�。
+- 四�链路都�过 `UnifiedCreationPage`，字段 spec �包� `text`�`select`�`image`�`audio` 四类。
 - 拼图�考图�走 `CreativeImageInputPanel`，�新增专属上传入�。
 - 敲木鱼音频槽�走 `CreativeAudioInputPanel`，上传�录音��置和默认音效状��用。
 - 抓大鹅难度�显示轻��标准�进阶�硬核四档，�交 payload �派生 `clearCount` 和 `difficulty`。
diff --git a/quality-gates/�玩法创作】跨玩法回归与冒烟门�-2026-05-30.md b/quality-gates/�玩法创作】跨玩法回归与冒烟门�-2026-05-30.md
index 54f3b8bf..5c5f1b64 100644
--- a/quality-gates/�玩法创作】跨玩法回归与冒烟门�-2026-05-30.md
+++ b/quality-gates/�玩法创作】跨玩法回归与冒烟门�-2026-05-30.md
@@ -29,7 +29,7 @@ npm run test -- src/components/platform-entry/platformEntryCreationTypes.test.ts
 ## Phase 3：普通工作�
 
 ```bash
-npm run test -- src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx src/components/jump-hop-creation/JumpHopWorkspace.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/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"
 ```
 
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 47404df8..832570ed 100644
--- a/server-rs/crates/shared-contracts/src/creation_entry_config.rs
+++ b/server-rs/crates/shared-contracts/src/creation_entry_config.rs
@@ -99,6 +99,21 @@ pub fn build_phase1_unified_creation_spec(play_id: &str) -> Option<UnifiedCreati
                 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",
@@ -231,7 +246,7 @@ mod tests {
     use super::*;
 
     #[test]
-    fn phase1_unified_creation_specs_only_cover_three_templates() {
+    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");
@@ -246,6 +261,10 @@ mod tests {
             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"));
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/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 0992c546..1df46027 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -2856,10 +2856,10 @@ const CustomWorldGenerationView = lazy(async () => {
   };
 });
 
-const UnifiedCreationPage = lazy(async () => {
-  const module = await import('../unified-creation/UnifiedCreationPage');
+const UnifiedCreationWorkspace = lazy(async () => {
+  const module = await import('../unified-creation/UnifiedCreationWorkspace');
   return {
-    default: module.UnifiedCreationPage,
+    default: module.UnifiedCreationWorkspace,
   };
 });
 
@@ -2907,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 {
@@ -2951,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 {
@@ -2972,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 {
@@ -3032,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 {
@@ -15732,37 +15704,33 @@ export function PlatformEntryFlowShellImpl({
             initial={{ opacity: 0, y: 12 }}
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col overflow-y-auto overflow-x-hidden"
+            className="flex h-full min-h-0 flex-col"
           >
             <Suspense
               fallback={
                 <LazyPanelFallback label="正在加载抓大鹅共创工作区..." />
               }
             >
-              <UnifiedCreationPage
+              <UnifiedCreationWorkspace
+                playId="match3d"
                 spec={getUnifiedCreationSpec(
                   'match3d',
                   unifiedCreationConfigById.get('match3d'),
                 )}
-              >
-                <Match3DAgentWorkspace
-                  session={match3dSession}
-                  isBusy={isStreamingMatch3DReply}
-                  error={match3dError}
-                  onBack={leaveMatch3DFlow}
-                  onExecuteAction={(payload) => {
-                    void executeMatch3DAction(payload);
-                  }}
-                  initialFormPayload={match3dFormDraftPayload}
-                  title={null}
-                  unifiedChrome
-                  onCreateFromForm={(payload) => {
-                    runProtectedAction(() => {
-                      void createMatch3DDraftFromForm(payload);
-                    });
-                  }}
-                />
-              </UnifiedCreationPage>
+                session={match3dSession}
+                isBusy={isStreamingMatch3DReply}
+                error={match3dError}
+                onBack={leaveMatch3DFlow}
+                onExecuteAction={(payload) => {
+                  void executeMatch3DAction(payload);
+                }}
+                initialFormPayload={match3dFormDraftPayload}
+                onCreateFromForm={(payload) => {
+                  runProtectedAction(() => {
+                    void createMatch3DDraftFromForm(payload);
+                  });
+                }}
+              />
             </Suspense>
           </motion.div>
         )}
@@ -16398,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}
@@ -16421,7 +16394,8 @@ export function PlatformEntryFlowShellImpl({
             <Suspense
               fallback={<LazyPanelFallback label="正在加载跳一跳生���..." />}
             >
-              <CustomWorldGenerationView
+              <UnifiedGenerationPage
+                playId="jump-hop"
                 settingText={
                   jumpHopSession?.draft?.workTitle?.trim() ||
                   jumpHopSession?.draft?.workDescription?.trim() ||
@@ -16441,16 +16415,6 @@ 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>
@@ -16540,26 +16504,24 @@ export function PlatformEntryFlowShellImpl({
             initial={{ opacity: 0, y: 12 }}
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col overflow-y-auto overflow-x-hidden"
+            className="flex h-full min-h-0 flex-col"
           >
             <Suspense
               fallback={<LazyPanelFallback label="正在加载敲木鱼创作..." />}
             >
-              <UnifiedCreationPage
+              <UnifiedCreationWorkspace
+                playId="wooden-fish"
                 spec={getUnifiedCreationSpec(
                   'wooden-fish',
                   unifiedCreationConfigById.get('wooden-fish'),
                 )}
-              >
-                <WoodenFishWorkspace
-                  isBusy={isWoodenFishBusy}
-                  error={woodenFishError}
-                  onBack={leaveWoodenFishFlow}
-                  onSubmitted={(result, payload) => {
-                    void compileWoodenFishSession(result, payload);
-                  }}
-                />
-              </UnifiedCreationPage>
+                isBusy={isWoodenFishBusy}
+                error={woodenFishError}
+                onBack={leaveWoodenFishFlow}
+                onSubmitted={(result, payload) => {
+                  void compileWoodenFishSession(result, payload);
+                }}
+              />
             </Suspense>
           </motion.div>
         )}
@@ -16695,39 +16657,35 @@ export function PlatformEntryFlowShellImpl({
             initial={{ opacity: 0, y: 12 }}
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: -12 }}
-            className="flex h-full min-h-0 flex-col overflow-y-auto overflow-x-hidden"
+            className="flex h-full min-h-0 flex-col"
           >
             <Suspense
               fallback={<LazyPanelFallback label="正在加载拼图创作..." />}
             >
-              <UnifiedCreationPage
+              <UnifiedCreationWorkspace
+                playId="puzzle"
                 spec={getUnifiedCreationSpec(
                   'puzzle',
                   unifiedCreationConfigById.get('puzzle'),
                 )}
-              >
-                <PuzzleAgentWorkspace
-                  session={puzzleSession}
-                  isBusy={isStreamingPuzzleReply}
-                  error={puzzleError}
-                  onBack={leavePuzzleFlow}
-                  onSubmitMessage={(payload) => {
-                    void submitPuzzleMessage(payload);
-                  }}
-                  onExecuteAction={(payload) => {
-                    executePuzzleWorkspaceAction(payload);
-                  }}
-                  initialFormPayload={puzzleFormDraftPayload}
-                  title={null}
-                  unifiedChrome
-                  onCreateFromForm={(payload) => {
-                    void createPuzzleDraftFromForm(payload);
-                  }}
-                  onAutoSaveForm={(payload) => {
-                    void savePuzzleFormDraft(payload);
-                  }}
-                />
-              </UnifiedCreationPage>
+                session={puzzleSession}
+                isBusy={isStreamingPuzzleReply}
+                error={puzzleError}
+                onBack={leavePuzzleFlow}
+                onSubmitMessage={(payload) => {
+                  void submitPuzzleMessage(payload);
+                }}
+                onExecuteAction={(payload) => {
+                  executePuzzleWorkspaceAction(payload);
+                }}
+                initialFormPayload={puzzleFormDraftPayload}
+                onCreateFromForm={(payload) => {
+                  void createPuzzleDraftFromForm(payload);
+                }}
+                onAutoSaveForm={(payload) => {
+                  void savePuzzleFormDraft(payload);
+                }}
+              />
             </Suspense>
           </motion.div>
         )}
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 761d3acb..602d9470 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -803,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,
@@ -1007,8 +1007,8 @@ vi.mock('../match3d-result/Match3DResultView', () => ({
   ),
 }));
 
-vi.mock('../match3d-creation/Match3DAgentWorkspace', () => ({
-  Match3DAgentWorkspace: ({
+vi.mock('../unified-creation/workspaces/Match3DCreationWorkspace', () => ({
+  Match3DCreationWorkspace: ({
     session,
     isBusy,
     error,
diff --git a/src/components/unified-creation/UnifiedCreationPage.test.tsx b/src/components/unified-creation/UnifiedCreationPage.test.tsx
index a63a2a2e..ec6c0c07 100644
--- a/src/components/unified-creation/UnifiedCreationPage.test.tsx
+++ b/src/components/unified-creation/UnifiedCreationPage.test.tsx
@@ -1,15 +1,20 @@
 /* @vitest-environment jsdom */
 
-import { render, screen } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
+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')}>
+      <UnifiedCreationPage
+        spec={getUnifiedCreationSpec('wooden-fish')}
+        onBack={onBack}
+      >
         <div>敲木鱼工作�</div>
       </UnifiedCreationPage>,
     );
@@ -41,6 +46,8 @@ describe('UnifiedCreationPage', () => {
     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(
@@ -48,7 +55,19 @@ describe('UnifiedCreationPage', () => {
         .getByText('敲木鱼工作�')
         .closest('.unified-creation-page__content')
         ?.className,
-    ).not.toContain('overflow-y-auto');
-    expect(root?.className).not.toContain('overflow-hidden');
+    ).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
index 030c37c1..ddfc2580 100644
--- a/src/components/unified-creation/UnifiedCreationPage.tsx
+++ b/src/components/unified-creation/UnifiedCreationPage.tsx
@@ -1,3 +1,4 @@
+import { ArrowLeft } from 'lucide-react';
 import type { ReactNode } from 'react';
 
 import type { UnifiedCreationSpec } from './unifiedCreationSpecs';
@@ -5,15 +6,19 @@ 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 w-full max-w-5xl flex-col px-3 pt-2 sm:px-4 sm:pt-3"
+      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}
@@ -21,10 +26,22 @@ export function UnifiedCreationPage({
       data-result-stage={spec.resultStage}
     >
       <header className="unified-creation-page__header shrink-0 pb-3">
-        <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 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"
@@ -32,6 +49,11 @@ export function UnifiedCreationPage({
             {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>
@@ -49,7 +71,7 @@ export function UnifiedCreationPage({
           ))}
         </ul>
       </div>
-      <div className="unified-creation-page__content pb-3 sm:pb-4">
+      <div className="unified-creation-page__content flex min-h-max flex-col pb-3 sm:pb-4">
         {children}
       </div>
     </div>
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
index 015199b2..f09d889e 100644
--- a/src/components/unified-creation/UnifiedGenerationPage.test.tsx
+++ b/src/components/unified-creation/UnifiedGenerationPage.test.tsx
@@ -50,4 +50,22 @@ describe('UnifiedGenerationPage', () => {
     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/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
index 5d18ca54..cebb5657 100644
--- a/src/components/unified-creation/unifiedCreationSpecs.test.ts
+++ b/src/components/unified-creation/unifiedCreationSpecs.test.ts
@@ -6,9 +6,9 @@ import {
 } from './unifiedCreationSpecs';
 
 describe('unified creation specs', () => {
-  test('一期�接拼图�抓大鹅和敲木鱼', () => {
+  test('统一壳当�覆盖拼图�抓大鹅�跳一跳和敲木鱼', () => {
     expect(listUnifiedCreationSpecs().map((spec) => spec.playId).sort()).toEqual(
-      ['match3d', 'puzzle', 'wooden-fish'],
+      ['jump-hop', 'match3d', 'puzzle', 'wooden-fish'],
     );
   });
 
@@ -22,7 +22,7 @@ describe('unified creation specs', () => {
     expect([...fieldKinds].sort()).toEqual(['audio', 'image', 'select', 'text']);
   });
 
-  test('三�链路都映射到统一创作�生��结果阶段', () => {
+  test('四�链路都映射到统一创作�生��结果阶段', () => {
     expect(getUnifiedCreationSpec('puzzle')).toMatchObject({
       workspaceStage: 'puzzle-agent-workspace',
       generationStage: 'puzzle-generating',
@@ -33,6 +33,11 @@ describe('unified creation specs', () => {
       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',
diff --git a/src/components/unified-creation/unifiedCreationSpecs.ts b/src/components/unified-creation/unifiedCreationSpecs.ts
index 7a849fc4..170ef6e2 100644
--- a/src/components/unified-creation/unifiedCreationSpecs.ts
+++ b/src/components/unified-creation/unifiedCreationSpecs.ts
@@ -58,6 +58,63 @@ const FALLBACK_UNIFIED_CREATION_SPECS: Record<
       },
     ],
   },
+  '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: '想�个什么玩法？',
diff --git a/src/components/unified-creation/unifiedGenerationCopy.ts b/src/components/unified-creation/unifiedGenerationCopy.ts
index 13572873..4b3bdd2d 100644
--- a/src/components/unified-creation/unifiedGenerationCopy.ts
+++ b/src/components/unified-creation/unifiedGenerationCopy.ts
@@ -13,6 +13,12 @@ const UNIFIED_GENERATION_COPY = {
     progressTitle: '抓大鹅�稿生�进度',
     activeBadgeLabel: '素�生�中',
   },
+  'jump-hop': {
+    retryLabel: '�新生��稿',
+    settingTitle: '当�跳一跳信�',
+    progressTitle: '跳一跳�稿生�进度',
+    activeBadgeLabel: '素�生�中',
+  },
   'wooden-fish': {
     retryLabel: '�新生��稿',
     settingTitle: '当�敲木鱼信�',
diff --git a/src/components/jump-hop-creation/JumpHopWorkspace.test.tsx b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx
similarity index 71%
rename from src/components/jump-hop-creation/JumpHopWorkspace.test.tsx
rename to src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx
index 6953a94a..46ccb72d 100644
--- a/src/components/jump-hop-creation/JumpHopWorkspace.test.tsx
+++ b/src/components/unified-creation/workspaces/JumpHopCreationWorkspace.test.tsx
@@ -4,11 +4,11 @@ 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 { JumpHopWorkspace } from './JumpHopWorkspace';
+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', () => ({
+vi.mock('../../../services/jump-hop/jumpHopClient', () => ({
   jumpHopClient: {
     createSession: vi.fn(),
   },
@@ -40,7 +40,7 @@ test('jump hop workspace submits structured payload after required fields are fi
   mockCreateSession.mockResolvedValue(sessionResponse);
 
   render(
-    <JumpHopWorkspace onBack={() => {}} onSubmitted={onSubmitted} />,
+    <JumpHopCreationWorkspace onBack={() => {}} onSubmitted={onSubmitted} />,
   );
 
   const submitButton = screen.getByRole('button', { name: '生�' });
@@ -84,9 +84,26 @@ test('jump hop workspace calls back when return button is clicked', async () =>
   const user = userEvent.setup();
   const onBack = vi.fn();
 
-  render(<JumpHopWorkspace onBack={onBack} onSubmitted={() => {}} />);
+  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 95%
rename from src/components/match3d-creation/Match3DAgentWorkspace.interaction.test.tsx
rename to src/components/unified-creation/workspaces/Match3DCreationWorkspace.interaction.test.tsx
index d00ffaa7..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}
@@ -114,7 +114,7 @@ test('match3d workspace submits derived entry form payload instead of agent chat
 
 test('match3d workspace can defer visible chrome to the unified creation page', () => {
   const { container } = render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={null}
       onBack={() => {}}
       onExecuteAction={() => {}}
@@ -138,7 +138,7 @@ test('match3d workspace omits legacy asset style fields from entry payload', ()
   const onCreateFromForm = vi.fn();
 
   render(
-    <Match3DAgentWorkspace
+    <Match3DCreationWorkspace
       session={null}
       onBack={() => {}}
       onExecuteAction={() => {}}
@@ -162,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={() => {}}
@@ -188,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 97%
rename from src/components/match3d-creation/Match3DAgentWorkspace.tsx
rename to src/components/unified-creation/workspaces/Match3DCreationWorkspace.tsx
index f6fff06d..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;
@@ -104,10 +104,9 @@ function resolveInitialFormState(
 }
 
 /**
- * 抓大鹅创作入�已从固定 Agent 追问改�表��。
- * 组件��留为 Match3DAgentWorkspace，兼容现有路由��稿��和父层分�。
+ * 统一创作目录内的抓大鹅工作�实现。
  */
-export function Match3DAgentWorkspace({
+export function Match3DCreationWorkspace({
   session,
   isBusy = false,
   error = null,
@@ -118,7 +117,7 @@ export function Match3DAgentWorkspace({
   showBackButton = true,
   title = '想�个什么玩法？',
   unifiedChrome = false,
-}: Match3DAgentWorkspaceProps) {
+}: Match3DCreationWorkspaceProps) {
   const [formState, setFormState] = useState<Match3DFormState>(() =>
     resolveInitialFormState(session, initialFormPayload),
   );
@@ -368,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 96%
rename from src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx
rename to src/components/unified-creation/workspaces/PuzzleCreationWorkspace.interaction.test.tsx
index 59569e8a..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={() => {}}
@@ -217,7 +217,7 @@ test('puzzle workspace submits the work form instead of agent chat', () => {
 
 test('puzzle workspace can defer visible chrome to the unified creation page', () => {
   const { container } = render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -229,11 +229,14 @@ test('puzzle workspace can defer visible chrome to the unified creation page', (
   );
 
   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();
 });
@@ -241,7 +244,7 @@ test('puzzle workspace can defer visible chrome to the unified creation page', (
 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={() => {}}
@@ -320,7 +323,7 @@ test('puzzle workspace selects a history image from the upload card', async () =
   ]);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -377,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={() => {}}
@@ -407,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={() => {}}
@@ -438,7 +441,7 @@ test('puzzle workspace switches image mode without exposing model names', () =>
   const onCreateFromForm = vi.fn();
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -502,7 +505,7 @@ test('puzzle workspace restores form draft fields and autosaves edits', () => {
   };
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={formDraftSession}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -541,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={() => {}}
@@ -600,7 +603,7 @@ test('puzzle workspace submits history image when AI redraw is off', async () =>
   ]);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -645,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={() => {}}
@@ -728,7 +731,7 @@ test('puzzle workspace uploads prompt references as asset object ids', async ()
     });
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -803,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={() => {}}
@@ -870,7 +873,7 @@ test('puzzle workspace shows AI redraw switch only after upload', async () => {
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -907,7 +910,7 @@ test('puzzle workspace confirms before removing uploaded image', async () => {
   stubReferenceImageUpload(uploadedDataUrl);
 
   render(
-    <PuzzleAgentWorkspace
+    <PuzzleCreationWorkspace
       session={null}
       onBack={() => {}}
       onSubmitMessage={() => {}}
@@ -949,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 96%
rename from src/components/puzzle-agent/PuzzleAgentWorkspace.tsx
rename to src/components/unified-creation/workspaces/PuzzleCreationWorkspace.tsx
index e6679b85..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;
@@ -234,9 +234,9 @@ function addPuzzlePromptReferenceImage(
 
 /**
  * 拼图创作入�已从 Agent 对�改为填表�。
- * 组件��留为 PuzzleAgentWorkspace 以兼容现有路由与�稿��入�。
+ * 统一创作目录内的拼图工作�实现。
  */
-export function PuzzleAgentWorkspace({
+export function PuzzleCreationWorkspace({
   session,
   isBusy = false,
   error = null,
@@ -248,7 +248,7 @@ export function PuzzleAgentWorkspace({
   showBackButton = true,
   title = '想�个什么玩法？',
   unifiedChrome = false,
-}: PuzzleAgentWorkspaceProps) {
+}: PuzzleCreationWorkspaceProps) {
   const [formState, setFormState] = useState<PuzzleFormState>(() =>
     resolveInitialFormState(session, initialFormPayload),
   );
@@ -633,6 +633,7 @@ export function PuzzleAgentWorkspace({
 
       <CreativeImageInputPanel
         className={unifiedChrome ? 'min-h-0 flex-none' : ''}
+        fillHeight={!unifiedChrome}
         disabled={isBusy}
         isSubmitting={isBusy}
         uploadedImageSrc={formState.referenceImageSrc}
@@ -782,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 72%
rename from src/components/wooden-fish-creation/WoodenFishWorkspace.test.tsx
rename to src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.test.tsx
index 02b37c7d..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={() => {}}
     />,
@@ -109,7 +109,7 @@ test('敲击音效临时关闭�示�生�入�，仅�留上传和录音',
 
 test('敲击音效和功德���放进独立滚动窗', () => {
   const { container } = render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -130,7 +130,7 @@ test('敲击音效和功德���放进独立滚动窗', () => {
 
 test('工作���留一个生�按钮', () => {
   render(
-    <WoodenFishWorkspace
+    <WoodenFishCreationWorkspace
       onBack={() => {}}
       onSubmitted={() => {}}
     />,
@@ -138,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 87%
rename from src/components/wooden-fish-creation/WoodenFishWorkspace.tsx
rename to src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
index 0b5e16cf..2fb32004 100644
--- a/src/components/wooden-fish-creation/WoodenFishWorkspace.tsx
+++ b/src/components/unified-creation/workspaces/WoodenFishCreationWorkspace.tsx
@@ -11,17 +11,17 @@ 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 { CreativeAudioInputPanel } from '../common/CreativeAudioInputPanel';
-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;
@@ -29,6 +29,8 @@ type WoodenFishWorkspaceProps = {
     result: WoodenFishSessionResponse,
     payload: WoodenFishWorkspaceCreateRequest,
   ) => void;
+  showBackButton?: boolean;
+  unifiedChrome?: boolean;
 };
 
 type WoodenFishWorkspaceFormState = {
@@ -66,12 +68,14 @@ function normalizeFloatingWords(words: string[]) {
   return normalized.length > 0 ? normalized : [...DEFAULT_FLOATING_WORDS];
 }
 
-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);
@@ -155,21 +159,31 @@ export function WoodenFishWorkspace({
   };
 
   return (
-    <div className="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">
-      <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 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}
@@ -320,4 +334,4 @@ export function WoodenFishWorkspace({
   );
 }
 
-export default WoodenFishWorkspace;
+export default WoodenFishCreationWorkspace;
diff --git a/src/services/creationEntryConfigService.ts b/src/services/creationEntryConfigService.ts
index 7e3a33bb..c3de9f2e 100644
--- a/src/services/creationEntryConfigService.ts
+++ b/src/services/creationEntryConfigService.ts
@@ -24,17 +24,23 @@ export type UnifiedCreationField = {
 };
 
 export type UnifiedCreationSpec = {
-  playId: 'puzzle' | 'match3d' | 'wooden-fish';
+  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' | 'wooden-fish-result';
+  resultStage:
+    | 'puzzle-result'
+    | 'match3d-result'
+    | 'jump-hop-result'
+    | 'wooden-fish-result';
   fields: UnifiedCreationField[];
 };