From 927dcf5664f955d32d77618c335f9f13489a84e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=94=E9=A6=99=E4=B8=B8=E5=AD=90?= <15518898337@163.com>
Date: Tue, 26 May 2026 23:00:08 +0800
Subject: [PATCH] Sync local updates with origin/master

---
 .hermes/shared-memory/decision-log.md         |  24 ++
 .hermes/shared-memory/pitfalls.md             |  24 ++
 ...€�玩法创作】敲木鱼玩法模æ�¿PRD-2026-05-20.md |   3 +
 ...³•åˆ›ä½œã€‘跳一跳俯视角玩法模æ�¿PRD-2026-05-19.md |  21 +-
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   3 +-
 ...�玩法创作】生�页圆环布局�径-2026-05-23.md |   3 +
 packages/shared/src/contracts/woodenFish.ts   |   4 +
 server-rs/crates/api-server/src/jump_hop.rs   | 297 ++++++++++++++----
 .../api-server/src/modules/wooden_fish.rs     |  11 +-
 .../crates/api-server/src/wooden_fish.rs      |  26 ++
 .../shared-contracts/src/wooden_fish.rs       |   6 +
 .../CustomWorldGenerationView.test.tsx        |  20 +-
 src/components/GenerationProgressHero.tsx     |  10 +-
 .../BarkBattleGeneratingView.test.tsx         |  20 +-
 .../CustomWorldCreationHub.tsx                |  17 +
 .../custom-world-home/CustomWorldWorkCard.tsx |   1 +
 .../creationWorkShelf.test.ts                 |  41 +++
 .../custom-world-home/creationWorkShelf.ts    |  71 +++++
 .../PlatformEntryFlowShellImpl.tsx            |  96 ++++++
 .../wooden-fish/woodenFishClient.test.ts      |  18 +-
 src/services/wooden-fish/woodenFishClient.ts  |  12 +
 21 files changed, 655 insertions(+), 73 deletions(-)

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index abe7a502..4982f080 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -39,6 +39,15 @@
 - 影�范围：`src/components/rpg-entry/RpgEntryHomeView.tsx`�`src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx`�`docs/�项目基线】当�产�与工程约�-2026-05-15.md`。
 - 验�方�：`npm run test -- src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx` 应断言任务�显示 `1 / 1`�领��显示已完�，且新用户账�也没有 `次级入�` / `填邀请�` 常驻按钮；`npm run typecheck`�`npm run check:encoding` 通过。
 - 关�文档：`docs/�项目基线】当�产�与工程约�-2026-05-15.md`。
+## 2026-05-26 生�页总进度圆弧逆时针回调 5 度
+
+- 背景：创作生�页的总进度圆弧在 `160deg` �置�需轻微�左微调，用户�求�左逆时针回调 `5deg`。
+- 决策：共用 `GenerationProgressHero` 的 SVG 圆弧起始角从 `160deg` 调整为 `155deg`，track 和 fill 都使用�一个 `rotate(155 200 200)` ��；��� `270deg` 扫�角和正下方 `90deg` 留空。
+- 决策：总进度标题与百分比数字在 `GenerationProgressHero` 中显���到圆环之上，圆环 SVG 维�背景层级。
+- 决策：总进度标题与百分比数字的内容区上边�从 `pt-[4%]` 收紧到 `pt-[2%]`，桌�端使用 `sm:pt-[1.5%]`，进一步拉开与圆环弧线的�离。
+- 影�范围：`src/components/GenerationProgressHero.tsx`�共用 `CustomWorldGenerationView`�汪汪声浪 `BarkBattleGeneratingView` 以�生�页圆环布局文档。
+- 验�方�：`CustomWorldGenerationView` 和 `BarkBattleGeneratingView` 测试断言 `data-ring-start-degrees=155` 且 track / fill transform 都是 `rotate(155 200 200)`。
+- 关�文档：`docs/�玩法创作】生�页圆环布局�径-2026-05-23.md`。
 
 ## 2026-05-25 抓大鹅�现页官方 demo 使用��资�与本地�行�
 
@@ -996,6 +1005,14 @@
 - 验�方�：从平�推�或公开详情进入跳一跳作�时，路由 source type 为 `jump-hop`�public code 为 `JH-*`，�行��动消费�端返回的完整 profile / run 数�；�端 smoke 统一使用 `npm run dev:api-server` �动并检查 `/healthz`。
 - 关�文档：`docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`�`docs/�开��维】本地开�验�与生产�维-2026-05-15.md`。
 
+## 2026-05-26 跳一跳地�图集改为专用 2x3 六格切分
+
+- 背景：跳一跳创作在地�生图阶段误用了通用系列素�图集 helper，`item_names.len() > grid_size` 的校验会让 6 个地�类型在 `grid_size = 3` 时直接失败；�使绕过校验，通用 helper �以“�物�多视图�语义切图，�符�跳一跳地�的一次性六格资产模型。
+- 决策：跳一跳地�图集固定采用专用 `2行*3列` 六格布局，按 `start / normal / target / finish / bonus / accent` 顺�切分并分别�久化为独立 PNG 资产；图集 prompt ��调用通用系列素� `build_generated_asset_sheet_prompt`。
+- 影�范围：`server-rs/crates/api-server/src/jump_hop.rs`�`docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+- 验�方�：`cargo test -p api-server jump_hop_tile_atlas -- --nocapture` 通过；六张切片都应有独立 OSS 对象与 `JumpHopTileAsset` 记录，���有 atlas 预览路径。
+- 关�文档：`docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md`。
+
 # 2026-05-20 陶泥儿主视觉�色回收为暖白/陶土橙
 
 - 背景：用户�求�替�产��界�的 UI 颜色，�改布局，并以两张陶泥儿主视觉图作为�色��。
@@ -1047,3 +1064,10 @@
 - 影�范围：拼图图片模型选择器�拼图结果页关��生����拼图生�进度文案���识物结果页���示和相关错误�示。
 - 验�方�：�端��文本中��出现 `gpt-image-2` / `gemini-3.1-flash-image-preview` / `image-2 资�`；相关交互测试改为断言产�化模��，但�交 payload ���原有模型 ID。
 - 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+## 2026-05-26 敲木鱼�布�作�架与推��刷新�径
+
+- 背景：敲木鱼已具备公开广场投影，但�稿 Tab 的作�架没有当�用户作�列表接�，导致已�布作�在�布��能立�出现在“已�布�筛选和推��里。
+- 决策：新增 `GET /api/creation/wooden-fish/works` 作为当�用户木鱼作�架事实�，返回 `WoodenFishWorksResponse.items` 摘�；平�壳在�布�功�必须�时刷新作�架和公开广场列表。
+- 影�范围：`server-rs/crates/api-server/src/wooden_fish.rs`�`server-rs/crates/api-server/src/modules/wooden_fish.rs`�`src/services/wooden-fish/woodenFishClient.ts`�`src/components/custom-world-home/creationWorkShelf.ts`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`。
+- 验�方�：�布一个木鱼作��，�稿 Tab 的已�布筛选应立刻出现 `WF-*` 作��，推� / 最新�也应立�刷新出公开�片。
+- 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`�`docs/prd/�玩法创作】敲木鱼玩法模�PRD-2026-05-20.md`。
diff --git a/.hermes/shared-memory/pitfalls.md b/.hermes/shared-memory/pitfalls.md
index 538880eb..acec81b3 100644
--- a/.hermes/shared-memory/pitfalls.md
+++ b/.hermes/shared-memory/pitfalls.md
@@ -1138,6 +1138,22 @@
 - 验�：`PuzzleResultView` �测覆盖�布弹窗内展示 `泥点余��足`。
 - 关�：`src/components/puzzle-result/PuzzleResultView.tsx`�`docs/technical/PUZZLE_RESULT_AUTOSAVE_AND_TAG_GATE_FIX_2026-04-28.md`�`docs/technical/ASSET_GENERATION_POINTS_CONSUMPTION_2026-04-27.md`。
 
+## 拼图�布检查阶段会在事件�库时炸 wasm
+
+- 现象：拼图�布在“�布检查�环节直接报 `The module instance encountered a fatal error`，wasm backtrace 指� `spacetime_module::puzzle::publish_puzzle_work`，并�在 `procedure_commit_mut_tx` 的 commit 阶段。
+- 原因：`publish_puzzle_work_tx` 会无�件调用 `emit_puzzle_work_published_event` 写入 `puzzle_event`；该表的 `event_id` 是主键，而事件 ID 由 `profile_id + published_at_micros` 组�。���一�布动作被��执行��放，或�端情况下�生时间戳碰撞，commit 时就会因主键冲�触� fatal error。
+- 处�：待修�。�布事件写入需�改�幂等，或在���布时显�跳过已存在的 `event_id`；�布动作本身也应补一层更明确的幂等键，��把���交直接推到事务�交阶段。
+- 验�：对�一 `session_id/profile_id/published_at_micros` ��调用 `publish_puzzle_work` 时，�应�在 commit 阶段炸 wasm；正常�布�应生�作��更新 session，并�进入公开详情。
+- 关�：`server-rs/crates/spacetime-module/src/puzzle.rs`�`server-rs/crates/api-server/src/puzzle/handlers.rs`�`server-rs/crates/spacetime-client/src/module_bindings/puzzle_event_table.rs`。
+
+## 拼图会过早进入待�布�，结果页�能空图但�显示��布
+
+- 现象：拼图创作有时刚结�就跳到“待�布�结果页，但结果页里的正�图还是空的，�布检查���会拦�，用户会感觉“已�完�了���能�布�。
+- 原因：拼图的待�布判定太弱，`build_result_preview` / `validate_publish_requirements` 和 `is_puzzle_session_snapshot_publish_ready` �检查了作���简介�标签�关��和 cover 图，没有�求 `level_scene_image_src`�`ui_spritesheet_image_src`�`level_background_image_src` 等完整资产都�；�端��链路里的 `hasRecoverableGeneratedPuzzleDraft` / `normalizeRecoveredPuzzleDraftSession` 也��有 cover 或候选图就会把�稿当�已完�。
+- 处�：待修�时�把“待�布�门槛收紧到整套拼图资产包完整，�让��逻辑�在完整�稿下抬高为完��，�����直接进入结果页。
+- 验�：当�个拼图�稿�补�首图�但关�背景或 UI spritesheet �缺失时，�应�进入 `ready_to_publish`；结果页也�应把这类�稿误判为已完�。
+- 关�：`server-rs/crates/module-puzzle/src/application.rs`�`server-rs/crates/api-server/src/puzzle/tags.rs`�`server-rs/crates/api-server/src/puzzle/draft.rs`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`src/components/puzzle-result/PuzzleResultView.tsx`。
+
 ## WebGL 画布在高 DPR 移动端放大溢出
 
 - 现象：抓大鹅试玩入�进入�，3D 锅体和物体从中心圆形区域��下溢出，顶部状�和底部备选�也�能看起�被�侧�切。
@@ -1508,6 +1524,14 @@
 - 验�：`npm run typecheck`，并跑 `npm test -- src/routing/appPageRoutes.test.ts` 覆盖 JumpHop 阶段路径。
 - 关�：`src/components/platform-entry/platformEntryTypes.ts`�`src/routing/appPageRoutes.ts`�`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`src/components/rpg-entry/RpgEntryHomeView.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
+## 跳一跳地�图集��套通用系列素� n 行模型
+
+- 现象：跳一跳�始�稿生�时报 `系列素�图集的物�行数�能超过 n。`，或者�使绕过报错也�生�了 atlas 预览路径，地�切片没有真正�盘。
+- 原因：跳一跳地��有 6 个固定 tileType，但旧实现把它塞进通用系列素� helper，并使用 `grid_size = 3` / `item_names = 6` 的语义冲�模型；�����留 atlas 资产与模拟路径，没把六个切片�一上传并确认到 `JumpHopTileAsset`。
+- 处�：跳一跳地�改用专用 `2行*3列` 图集 prompt，按 `start / normal / target / finish / bonus / accent` 顺�切 6 张 PNG，并对�张切片�自走 OSS 上传�asset_object 确认和 entity bind。
+- 验�：`cargo test -p api-server jump_hop_tile_atlas -- --nocapture` 通过�，�看 `jump_hop.rs` �应�调用 `build_generated_asset_sheet_prompt` 处�地�图集；公开结果里应能拿到 6 个独立 `JumpHopTileAsset`。
+- 关�：`server-rs/crates/api-server/src/jump_hop.rs`�`docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## image2 dry-run 带�考图时��直接打� data URL
 
 - 现象：使用 VectorEngine `gpt-image-2-all` 生�带�考图的概念图时，如果 dry-run 直接打�完整请求体，�考图会被转�超长 `data:image/png;base64,...`，终端日志会被数百万字符淹没。
diff --git a/docs/prd/�玩法创作】敲木鱼玩法模�PRD-2026-05-20.md b/docs/prd/�玩法创作】敲木鱼玩法模�PRD-2026-05-20.md
index 238a200b..fa2c56f6 100644
--- a/docs/prd/�玩法创作】敲木鱼玩法模�PRD-2026-05-20.md
+++ b/docs/prd/�玩法创作】敲木鱼玩法模�PRD-2026-05-20.md
@@ -276,6 +276,7 @@ HTTP 路由：
 POST /api/creation/wooden-fish/sessions
 GET  /api/creation/wooden-fish/sessions/{sessionId}
 POST /api/creation/wooden-fish/sessions/{sessionId}/actions
+GET  /api/creation/wooden-fish/works
 GET  /api/creation/wooden-fish/works/{profileId}
 POST /api/creation/wooden-fish/works/{profileId}/publish
 GET  /api/runtime/wooden-fish/works/{profileId}
@@ -304,6 +305,8 @@ finish
 
 敲木鱼创作请求在�端必须使用长等待窗�，�� `createSession` 或 `executeAction` �沿用共享创作工厂默认的 15 秒超时。因为 `compile-draft` 会串行等待敲击物�背景�返回按钮三次 image2 和 OSS �库，木鱼 client 需��独�置与整� image2 链路匹�的超时。本地测试中该 action �能达到数分钟级；生�页进度必须按“整��稿 -> 生�敲击物 -> 生�背景环境图 -> 生�返回按钮图 -> 写入正��稿�展示，�展示“�示�生�音效�阶段，因为当�木鱼音效�支�上传�录音或默认音。
 
+作�架使用 `GET /api/creation/wooden-fish/works` 读�当�用户�稿和已�布摘�，�端�布�功�必须刷新该列表和 `GET /api/runtime/wooden-fish/gallery` 公开列表，使刚�布作�立�出现在�稿 Tab 的已�布筛选和推� / 最新�中。
+
 ## 9. SpacetimeDB 表和 view
 
 新增表：
diff --git a/docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md b/docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md
index 63af3568..a3ab635a 100644
--- a/docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md
+++ b/docs/prd/�玩法创作】跳一跳俯视角玩法模�PRD-2026-05-19.md
@@ -168,7 +168,7 @@ jump-hop-gallery-detail
 
 ### 6.2 地��生一次图集
 
-地�必须�调用一次生图，输出一张 3D 视图的 2D 图片图集，�由�端切��行��用的地�资产。
+地�必须�调用一次生图，输出一张 3D 视图的 2D 图片图集，�由�端切��行��用的地�资产。该图集使用跳一跳专用 `2行*3列` 六格布局，�套用通用“�个物�一行��行 n 个��视图�的系列素�模型。
 
 地�图集�求：
 
@@ -176,17 +176,24 @@ jump-hop-gallery-detail
 2. 必须表现出顶��侧�和投影；
 3. 必须与角色图���一光�；
 4. 必须有清晰的立体层次，但�然是 2D 图片；
-5. 必须包�至少以下地�类型：
+5. 六格必须按固定顺�包�以下地�类型：
    - 起点地�；
    - 普通地�；
    - 目标地�；
-   - 终点地�。
+   - 终点地�；
+   - 奖励地�；
+   - 视觉强调地�。
 
-建议�外包�：
+固定格�为：
 
-1. 奖励地�；
-2. 视觉强调地�；
-3. 风格化�体地�。
+| 格� | tileType | 语义 |
+| --- | --- | --- |
+| 第 1 行第 1 列 | `start` | 起点地� |
+| 第 1 行第 2 列 | `normal` | 普通地� |
+| 第 1 行第 3 列 | `target` | 目标地� |
+| 第 2 行第 1 列 | `finish` | 终点地� |
+| 第 2 行第 2 列 | `bonus` | 奖励地� |
+| 第 2 行第 3 列 | `accent` | 视觉强调地� |
 
 图集生��按地�类型切分并去掉背景，�行�直接消费切好的 PNG，�在�端���拼接。�有用户在结果页明确点击“�生�地��时，��许�调用一次地�图集生图。
 
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index d427a240..d9c2fc8e 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -48,6 +48,7 @@
 6. 点击 `generationStatus=generating` 的�稿�必须��对应玩法的生�进度页，�能进入空白结果页或普通工作区；��生�页的 `startedAtMs` 使用进入生�页的当�时间，作�摘� `updatedAt` �用于排�和摘�展示，��与�进度起算。
 7. 从�稿 Tab 作�架打开�稿工作区�生�页或结果页时，返回按钮必须回到�稿 Tab 的�一作�架语境；从创作 Tab 新建或直接进入创作链路时�回到创作 Tab。平�壳层需�显�记录本次创作�的返回��，�能让结果页返回动作固定跳到创作入�。
 8. �有 generated 图片必须通过 `ResolvedAssetImage` / `/api/assets/read-url` �签读�。
+9. 敲木鱼作�架读�当�用户作�列表时走 `GET /api/creation/wooden-fish/works`；�布�功�平�壳必须�时刷新作�架与公开广场，��作�刚�布时��留在旧列表。
 
 �现 Tab�创作 Tab 与�稿 Tab 的页�根内容区��套 `platform-page-stage` 外层全局�片壳，让列表�筛选和玩法�获得更宽的横�空间；推�页和我的页�按�自页�设计�留原有全局�片�径。移动端“我的�页�按顶部头� / 昵称 / 陶泥��会员横幅�三张统计���日任务�五项常用功能宫格�设置入�和法律信�组织，��留旧的底部“填邀请��次级入�；�日任务�必须读� `/api/profile/tasks` 的当�任务摘�并在领���步刷新�片进度。字�必须维�平�普通 UI 档�，�能因为窄�把�片标题�功能 label 或法律信�撑�展示级字�；最�一�内容必须能在底部 dock 上方完整滚动露出，�得被固定底部导航�挡。
 
@@ -131,7 +132,7 @@ RPG / 拼图等�行�存档�以 `/api/profile/save-archives` 的�端列
 
 1. �始�稿生�时，角色形象�独调用一次生图；
 2. �始�稿生�时，地��独调用一次生图，输出 3D 视图的 2D 图片图集；
-3. 地�图集由�端切分为起点�普通�目标�终点等�明 PNG；
+3. 跳一跳地�图集使用专用 `2行*3列` 六格布局，�端按 `start / normal / target / finish / bonus / accent` 顺�切分为�明 PNG；
 4. ��和分享图由角色图与地�图轻���，���外调用第三次生图；
 5. 显��生�角色或地�时，��生�对应资产槽�。
 
diff --git a/docs/�玩法创作】生�页圆环布局�径-2026-05-23.md b/docs/�玩法创作】生�页圆环布局�径-2026-05-23.md
index 8b5730a9..ef97e819 100644
--- a/docs/�玩法创作】生�页圆环布局�径-2026-05-23.md
+++ b/docs/�玩法创作】生�页圆环布局�径-2026-05-23.md
@@ -13,6 +13,9 @@
 - 预计等待 / 已耗时信���压缩为更轻的��明窄�，标签使用 `9px-10px`，数值使用 `12px-13px`，字�对�其他生�页 UI 的�字�，��使用�大的�示文本；�片标题和时间值都居中显示，两个数值�展示时间本身，调用侧���拼接“预计还需�或“已耗时��缀。圆环中心���留独立白底�，空心圆环��留�状进度，圆弧�径继续加大，进度数字与“总进度�标题整体上移，�近圆环上�区。
 - 顶部导航区采用“返回创作中心 / 状�胶囊�结构，返回按钮使用左箭头图标，字�使用 `text-xs-sm`，状�胶囊使用 `11px-12px`，展示 `素�生�中`�`�稿生�中` 等调用侧传入文案。
 - 圆弧区域��包独立大�片，左�悬浮信���展示“预计等待�和“已耗时�；总进度数值放在圆弧内侧�上的�置并��更�字�。当�圆环外径以 `w-[min(35rem,94vw)] sm:w-[52rem]` 为基准，圆弧使用 `r=166`�`strokeWidth=18` 的 SVG �边，��使用 `conic-gradient + mask`，��进度�边缘模糊。
+- 圆弧�边以圆心为中心整体按 `155deg` 起始；在当� SVG �标系下，这相对 `160deg` 会�左逆时针回调 `5deg`。track 和 fill 都必须共用�一个 `rotate(155 200 200)` ��，���改视觉起点�让填充和轨�错�。
+- 总进度标题和百分比数字必须显�高于 SVG 圆环层级渲染，��被圆环边缘压�；圆环本身��背景层，�抢文字层。
+- 总进度标题和百分比数字�比圆环�上移一点，当�内容区上边�以 `pt-[2%]` 为准，桌�端�进一步微调到 `sm:pt-[1.5%]`，确�数字�与进度�弧线��。
 - 从作�架或刷新�的�久化生�中�稿进入生�页时，�端必须�置“展示� startedAtMs�为进入生�页的当�时间；�端 `progressPercent` �用于�续真实步骤推进，�得�与首帧总进度展示，����生�页首帧直接显示 `80%+`。
 - 生�页�展示��明“当�步骤���，�片内��留步骤�称�步骤状��步骤进度�和轻�加载指示；“当�步骤�标签使用 `10px-11px`，步骤�称使用 `14px-15px`，状�使用 `11px-12px`，��渲染步骤列表或步骤详情。
 - 当�作�信�放在圆角信��中，标题固定使用 `13px`；有结构化字段时以两列信��展示，例如“题� / 素�数��，无结构化字段时�展示纯文本设定。
diff --git a/packages/shared/src/contracts/woodenFish.ts b/packages/shared/src/contracts/woodenFish.ts
index ffb2729e..040866f8 100644
--- a/packages/shared/src/contracts/woodenFish.ts
+++ b/packages/shared/src/contracts/woodenFish.ts
@@ -134,6 +134,10 @@ export interface WoodenFishWorkProfileResponse {
   floatingWords: string[];
 }
 
+export interface WoodenFishWorksResponse {
+  items: WoodenFishWorkSummaryResponse[];
+}
+
 export interface WoodenFishWorkDetailResponse {
   item: WoodenFishWorkProfileResponse;
 }
diff --git a/server-rs/crates/api-server/src/jump_hop.rs b/server-rs/crates/api-server/src/jump_hop.rs
index 30a71516..2339e842 100644
--- a/server-rs/crates/api-server/src/jump_hop.rs
+++ b/server-rs/crates/api-server/src/jump_hop.rs
@@ -29,8 +29,7 @@ use crate::{
     api_response::json_success_body,
     auth::{AuthenticatedAccessToken, RuntimePrincipal},
     generated_asset_sheets::{
-        GeneratedAssetSheetPromptInput, build_generated_asset_sheet_prompt,
-        slice_generated_asset_sheet,
+        apply_generated_asset_sheet_green_screen_alpha, crop_generated_asset_sheet_view_edge_matte,
     },
     generated_image_assets::{
         GeneratedImageAssetAdapter, GeneratedImageAssetDataUrl,
@@ -56,6 +55,15 @@ const JUMP_HOP_RUNTIME_PROVIDER: &str = "jump-hop-runtime";
 const JUMP_HOP_TEMPLATE_ID: &str = "jump-hop";
 const JUMP_HOP_TEMPLATE_NAME: &str = "跳一跳";
 const JUMP_HOP_RUNTIME_RUNS_ROUTE: &str = "/api/runtime/jump-hop/runs";
+const JUMP_HOP_TILE_ATLAS_ROWS: u32 = 2;
+const JUMP_HOP_TILE_ATLAS_COLS: u32 = 3;
+
+#[derive(Clone, Debug, PartialEq, Eq)]
+struct JumpHopTileAtlasSlice {
+    tile_type: JumpHopTileType,
+    source_atlas_cell: String,
+    bytes: Vec<u8>,
+}
 
 pub async fn create_jump_hop_session(
     State(state): State<AppState>,
@@ -379,7 +387,7 @@ pub async fn get_jump_hop_gallery_detail(
 async fn maybe_generate_jump_hop_assets(
     state: &AppState,
     request_context: &RequestContext,
-    session_id: &str,
+    _session_id: &str,
     owner_user_id: &str,
     payload: &mut JumpHopActionRequest,
 ) -> Result<(), Response> {
@@ -457,21 +465,7 @@ async fn maybe_generate_jump_hop_assets(
     )
     .await?;
 
-    let sheet_prompt = build_generated_asset_sheet_prompt(&GeneratedAssetSheetPromptInput {
-        subject_text: tile_prompt,
-        item_names: &vec![
-            "start".to_string(),
-            "normal".to_string(),
-            "target".to_string(),
-            "finish".to_string(),
-            "bonus".to_string(),
-            "accent".to_string(),
-        ],
-        grid_size: 3,
-        item_name_prompt_template: Some("第{row_index}行：{item_name} 的 {view_count} 个��视图"),
-        special_prompt: Some("�个格�对应一个 tile 类型，供跳一跳地��切使用。"),
-    })
-    .map_err(|error| jump_hop_error_response(request_context, JUMP_HOP_CREATION_PROVIDER, error))?;
+    let sheet_prompt = build_jump_hop_tile_atlas_prompt(tile_prompt);
     let tile_generated = create_openai_image_generation(
         &http_client,
         &settings,
@@ -494,19 +488,9 @@ async fn maybe_generate_jump_hop_assets(
             })),
         )
     })?;
-    let tile_slices = slice_generated_asset_sheet(
-        &tile_image,
-        &vec![
-            "start".to_string(),
-            "normal".to_string(),
-            "target".to_string(),
-            "finish".to_string(),
-            "bonus".to_string(),
-            "accent".to_string(),
-        ],
-        3,
-    )
-    .map_err(|error| jump_hop_error_response(request_context, JUMP_HOP_CREATION_PROVIDER, error))?;
+    let tile_slices = slice_jump_hop_tile_atlas(&tile_image).map_err(|error| {
+        jump_hop_error_response(request_context, JUMP_HOP_CREATION_PROVIDER, error)
+    })?;
     let tile_atlas_asset = persist_jump_hop_generated_image_asset(
         state,
         owner_user_id,
@@ -520,28 +504,20 @@ async fn maybe_generate_jump_hop_assets(
         request_context,
     )
     .await?;
-    let tile_assets = tile_slices
-        .into_iter()
-        .enumerate()
-        .map(|(index, row)| JumpHopTileAsset {
-            tile_type: match index {
-                0 => JumpHopTileType::Start,
-                1 => JumpHopTileType::Normal,
-                2 => JumpHopTileType::Target,
-                3 => JumpHopTileType::Finish,
-                4 => JumpHopTileType::Bonus,
-                _ => JumpHopTileType::Accent,
-            },
-            image_src: format!("/generated-jump-hop-assets/{profile_id}/tiles/{index}.png"),
-            image_object_key: format!("generated-jump-hop-assets/{profile_id}/tiles/{index}.png"),
-            asset_object_id: format!("{profile_id}-tile-{index}-object"),
-            source_atlas_cell: format!("cell-{index}"),
-            visual_width: 256,
-            visual_height: 192,
-            top_surface_radius: 42.0,
-            landing_radius: 34.0,
-        })
-        .collect::<Vec<_>>();
+    let mut tile_assets = Vec::with_capacity(tile_slices.len());
+    for (index, tile_slice) in tile_slices.into_iter().enumerate() {
+        tile_assets.push(
+            persist_jump_hop_tile_asset(
+                state,
+                owner_user_id,
+                profile_id.as_str(),
+                index,
+                tile_slice,
+                request_context,
+            )
+            .await?,
+        );
+    }
     payload.character_asset = Some(character_asset);
     payload.tile_atlas_asset = Some(tile_atlas_asset);
     payload.tile_assets = Some(tile_assets);
@@ -553,6 +529,153 @@ async fn maybe_generate_jump_hop_assets(
     Ok(())
 }
 
+fn build_jump_hop_tile_atlas_prompt(tile_prompt: &str) -> String {
+    let subject_text = tile_prompt.trim();
+    let subject_text = if subject_text.is_empty() {
+        "等�立体地�图集"
+    } else {
+        subject_text
+    };
+    let cell_plan = [
+        "第1行第1列：start 起点地�",
+        "第1行第2列：normal 普通地�",
+        "第1行第3列：target 目标地�",
+        "第2行第1列：finish 终点地�",
+        "第2行第2列：bonus 奖励地�",
+        "第2行第3列：accent 视觉强调地�",
+    ]
+    .join("ï¼›");
+
+    format!(
+        "生�一张1:1图片。固定生�2行*3列的跳一跳地�素�图集，画�是{subject_text}。严格按六个�元格排布：{cell_plan}。�个�元格�放一个完整等�/俯视角 2D 地�，必须表现顶��侧�厚度和统一投影，光�一致，地�主体居中且四周�留留白。�格背景必须是统一纯绿色绿幕背景（高饱和亮绿色，接近 #00FF00），背景平整无纹��无���无阴影�无�具，方便�续抠��明。素�本身�得使用与绿幕相�的纯绿色；若�质天然�绿色，必须使用更深�更黄或更�的绿色并用清晰�边与绿幕区分。�止主体跨格�贴边或越界，�止任何内容进入相邻格�。��出现文字�水��UI�边框�网格线�标签�角色或场景。"
+    )
+}
+
+fn slice_jump_hop_tile_atlas(
+    image: &crate::openai_image_generation::DownloadedOpenAiImage,
+) -> Result<Vec<JumpHopTileAtlasSlice>, AppError> {
+    let source = image::load_from_memory(image.bytes.as_slice()).map_err(|error| {
+        AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+            "provider": JUMP_HOP_CREATION_PROVIDER,
+            "message": format!("跳一跳地�图集解�失败：{error}"),
+        }))
+    })?;
+    let source = apply_generated_asset_sheet_green_screen_alpha(source);
+    let width = source.width();
+    let height = source.height();
+    let cell_width = width / JUMP_HOP_TILE_ATLAS_COLS;
+    let cell_height = height / JUMP_HOP_TILE_ATLAS_ROWS;
+    if cell_width == 0 || cell_height == 0 {
+        return Err(
+            AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+                "provider": JUMP_HOP_CREATION_PROVIDER,
+                "message": "跳一跳地�图集尺寸过�，无法切割。",
+            })),
+        );
+    }
+
+    let mut slices = Vec::with_capacity(JUMP_HOP_TILE_ITEM_NAMES.len());
+    for index in 0..JUMP_HOP_TILE_ITEM_NAMES.len() {
+        let row = index as u32 / JUMP_HOP_TILE_ATLAS_COLS;
+        let col = index as u32 % JUMP_HOP_TILE_ATLAS_COLS;
+        let x0 = col.saturating_mul(width) / JUMP_HOP_TILE_ATLAS_COLS;
+        let x1 = (col.saturating_add(1)).saturating_mul(width) / JUMP_HOP_TILE_ATLAS_COLS;
+        let y0 = row.saturating_mul(height) / JUMP_HOP_TILE_ATLAS_ROWS;
+        let y1 = (row.saturating_add(1)).saturating_mul(height) / JUMP_HOP_TILE_ATLAS_ROWS;
+        let cropped = source.crop_imm(
+            x0,
+            y0,
+            x1.saturating_sub(x0).max(1),
+            y1.saturating_sub(y0).max(1),
+        );
+        let cleaned = crop_generated_asset_sheet_view_edge_matte(cropped);
+        let mut cursor = std::io::Cursor::new(Vec::new());
+        cleaned
+            .write_to(&mut cursor, image::ImageFormat::Png)
+            .map_err(|error| {
+                AppError::from_status(StatusCode::BAD_GATEWAY).with_details(json!({
+                    "provider": JUMP_HOP_CREATION_PROVIDER,
+                    "message": format!("跳一跳地�图集切割失败：{error}"),
+                }))
+            })?;
+        slices.push(JumpHopTileAtlasSlice {
+            tile_type: jump_hop_tile_type_by_index(index),
+            source_atlas_cell: format!("row-{}-col-{}", row + 1, col + 1),
+            bytes: cursor.into_inner(),
+        });
+    }
+
+    Ok(slices)
+}
+
+fn jump_hop_tile_type_by_index(index: usize) -> JumpHopTileType {
+    match index {
+        0 => JumpHopTileType::Start,
+        1 => JumpHopTileType::Normal,
+        2 => JumpHopTileType::Target,
+        3 => JumpHopTileType::Finish,
+        4 => JumpHopTileType::Bonus,
+        _ => JumpHopTileType::Accent,
+    }
+}
+
+fn jump_hop_tile_asset_slot_name(tile_type: &JumpHopTileType) -> &'static str {
+    match tile_type {
+        JumpHopTileType::Start => "tile-start",
+        JumpHopTileType::Normal => "tile-normal",
+        JumpHopTileType::Target => "tile-target",
+        JumpHopTileType::Finish => "tile-finish",
+        JumpHopTileType::Bonus => "tile-bonus",
+        JumpHopTileType::Accent => "tile-accent",
+    }
+}
+
+#[allow(clippy::too_many_arguments)]
+async fn persist_jump_hop_tile_asset(
+    state: &AppState,
+    owner_user_id: &str,
+    profile_id: &str,
+    tile_index: usize,
+    tile_slice: JumpHopTileAtlasSlice,
+    request_context: &RequestContext,
+) -> Result<JumpHopTileAsset, Response> {
+    let slot = jump_hop_tile_asset_slot_name(&tile_slice.tile_type);
+    let image = crate::openai_image_generation::DownloadedOpenAiImage {
+        bytes: tile_slice.bytes,
+        mime_type: "image/png".to_string(),
+        extension: "png".to_string(),
+    };
+    let persisted = persist_jump_hop_generated_image_asset(
+        state,
+        owner_user_id,
+        profile_id,
+        slot,
+        &format!(
+            "跳一跳地�切片 {}：{}",
+            tile_index + 1,
+            tile_slice.source_atlas_cell
+        ),
+        image,
+        LegacyAssetPrefix::JumpHopAssets,
+        256,
+        192,
+        request_context,
+    )
+    .await?;
+
+    Ok(JumpHopTileAsset {
+        tile_type: tile_slice.tile_type,
+        image_src: persisted.image_src,
+        image_object_key: persisted.image_object_key,
+        asset_object_id: persisted.asset_object_id,
+        source_atlas_cell: tile_slice.source_atlas_cell,
+        visual_width: 256,
+        visual_height: 192,
+        top_surface_radius: 42.0,
+        landing_radius: 34.0,
+    })
+}
+
 async fn persist_jump_hop_generated_image_asset(
     state: &AppState,
     owner_user_id: &str,
@@ -882,3 +1005,71 @@ fn current_utc_micros() -> i64 {
         .map(|duration| duration.as_micros().min(i64::MAX as u128) as i64)
         .unwrap_or(0)
 }
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn jump_hop_tile_atlas_prompt_uses_dedicated_two_by_three_layout() {
+        let prompt = build_jump_hop_tile_atlas_prompt("森林石�风格等�地�");
+
+        assert!(prompt.contains("2行*3列"));
+        assert!(prompt.contains("第1行第1列：start 起点地�"));
+        assert!(prompt.contains("第2行第3列：accent 视觉强调地�"));
+        assert!(!prompt.contains("�个物�生�"));
+        assert!(!prompt.contains("��视图"));
+    }
+
+    #[test]
+    fn jump_hop_tile_atlas_slices_one_png_per_tile_type() {
+        let width = 300;
+        let height = 200;
+        let colors = [
+            [220, 24, 24, 255],
+            [240, 150, 32, 255],
+            [248, 220, 72, 255],
+            [52, 168, 84, 255],
+            [38, 132, 255, 255],
+            [156, 92, 220, 255],
+        ];
+        let mut atlas = image::RgbaImage::new(width, height);
+        for row in 0..2 {
+            for col in 0..3 {
+                let color = image::Rgba(colors[row * 3 + col]);
+                for y in row as u32 * 100..(row as u32 + 1) * 100 {
+                    for x in col as u32 * 100..(col as u32 + 1) * 100 {
+                        atlas.put_pixel(x, y, color);
+                    }
+                }
+            }
+        }
+        let mut encoded = std::io::Cursor::new(Vec::new());
+        image::DynamicImage::ImageRgba8(atlas)
+            .write_to(&mut encoded, image::ImageFormat::Png)
+            .expect("atlas should encode");
+        let image = crate::openai_image_generation::DownloadedOpenAiImage {
+            bytes: encoded.into_inner(),
+            mime_type: "image/png".to_string(),
+            extension: "png".to_string(),
+        };
+
+        let slices = slice_jump_hop_tile_atlas(&image).expect("atlas should slice");
+
+        assert_eq!(slices.len(), JUMP_HOP_TILE_ITEM_NAMES.len());
+        for (index, slice) in slices.iter().enumerate() {
+            assert_eq!(slice.tile_type, jump_hop_tile_type_by_index(index));
+            assert_eq!(
+                slice.source_atlas_cell,
+                format!("row-{}-col-{}", index / 3 + 1, index % 3 + 1)
+            );
+            let decoded = image::load_from_memory(slice.bytes.as_slice())
+                .expect("tile slice should decode")
+                .to_rgba8();
+            assert!(
+                decoded.pixels().any(|pixel| pixel.0 == colors[index]),
+                "第 {index} 个地�切片应�留对应格�的主体颜色"
+            );
+        }
+    }
+}
diff --git a/server-rs/crates/api-server/src/modules/wooden_fish.rs b/server-rs/crates/api-server/src/modules/wooden_fish.rs
index daef33ad..556c31b0 100644
--- a/server-rs/crates/api-server/src/modules/wooden_fish.rs
+++ b/server-rs/crates/api-server/src/modules/wooden_fish.rs
@@ -9,8 +9,8 @@ use crate::{
     wooden_fish::{
         checkpoint_wooden_fish_run, create_wooden_fish_session, execute_wooden_fish_action,
         finish_wooden_fish_run, get_wooden_fish_gallery_detail, get_wooden_fish_runtime_work,
-        get_wooden_fish_session, list_wooden_fish_gallery, publish_wooden_fish_work,
-        start_wooden_fish_run,
+        get_wooden_fish_session, list_wooden_fish_gallery, list_wooden_fish_works,
+        publish_wooden_fish_work, start_wooden_fish_run,
     },
 };
 
@@ -37,6 +37,13 @@ pub fn router(state: AppState) -> Router<AppState> {
                 require_bearer_auth,
             )),
         )
+        .route(
+            "/api/creation/wooden-fish/works",
+            get(list_wooden_fish_works).route_layer(middleware::from_fn_with_state(
+                state.clone(),
+                require_bearer_auth,
+            )),
+        )
         .route(
             "/api/creation/wooden-fish/works/{profile_id}/publish",
             post(publish_wooden_fish_work).route_layer(middleware::from_fn_with_state(
diff --git a/server-rs/crates/api-server/src/wooden_fish.rs b/server-rs/crates/api-server/src/wooden_fish.rs
index ae738867..7763ea0e 100644
--- a/server-rs/crates/api-server/src/wooden_fish.rs
+++ b/server-rs/crates/api-server/src/wooden_fish.rs
@@ -21,6 +21,7 @@ use shared_contracts::wooden_fish::{
     WoodenFishGenerationStatus, WoodenFishImageAsset, WoodenFishRunResponse,
     WoodenFishSessionResponse, WoodenFishSessionSnapshotResponse, WoodenFishStartRunRequest,
     WoodenFishWorkDetailResponse, WoodenFishWorkMutationResponse, WoodenFishWorkspaceCreateRequest,
+    WoodenFishWorksResponse,
 };
 use shared_kernel::{build_prefixed_uuid_id, format_timestamp_micros};
 use spacetime_client::SpacetimeClientError;
@@ -193,6 +194,31 @@ pub async fn publish_wooden_fish_work(
     ))
 }
 
+pub async fn list_wooden_fish_works(
+    State(state): State<AppState>,
+    Extension(request_context): Extension<RequestContext>,
+    Extension(authenticated): Extension<AuthenticatedAccessToken>,
+) -> Result<Json<Value>, Response> {
+    let works = state
+        .spacetime_client()
+        .list_wooden_fish_works(authenticated.claims().user_id().to_string())
+        .await
+        .map_err(|error| {
+            wooden_fish_error_response(
+                &request_context,
+                WOODEN_FISH_CREATION_PROVIDER,
+                map_wooden_fish_client_error(error),
+            )
+        })?;
+
+    Ok(json_success_body(
+        Some(&request_context),
+        WoodenFishWorksResponse {
+            items: works.into_iter().map(|work| work.summary).collect(),
+        },
+    ))
+}
+
 pub async fn get_wooden_fish_runtime_work(
     State(state): State<AppState>,
     Path(profile_id): Path<String>,
diff --git a/server-rs/crates/shared-contracts/src/wooden_fish.rs b/server-rs/crates/shared-contracts/src/wooden_fish.rs
index c7116993..422ea650 100644
--- a/server-rs/crates/shared-contracts/src/wooden_fish.rs
+++ b/server-rs/crates/shared-contracts/src/wooden_fish.rs
@@ -203,6 +203,12 @@ pub struct WoodenFishWorkProfileResponse {
     pub floating_words: Vec<String>,
 }
 
+#[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
+#[serde(rename_all = "camelCase")]
+pub struct WoodenFishWorksResponse {
+    pub items: Vec<WoodenFishWorkSummaryResponse>,
+}
+
 #[derive(Clone, Debug, Serialize, Deserialize, PartialEq, Eq)]
 #[serde(rename_all = "camelCase")]
 pub struct WoodenFishWorkDetailResponse {
diff --git a/src/components/CustomWorldGenerationView.test.tsx b/src/components/CustomWorldGenerationView.test.tsx
index 82ee365c..d20da96d 100644
--- a/src/components/CustomWorldGenerationView.test.tsx
+++ b/src/components/CustomWorldGenerationView.test.tsx
@@ -131,7 +131,10 @@ describe('CustomWorldGenerationView', () => {
         'justify-start',
       );
       expect(screen.getByTestId('generation-hero-progress-content').className).toContain(
-        'pt-[4%]',
+        'z-30',
+      );
+      expect(screen.getByTestId('generation-hero-progress-content').className).toContain(
+        'pt-[2%]',
       );
       expect(screen.getByText('总进度').className).toContain('text-[9px]');
       expect(screen.getByText('42%').className).toContain('text-[1.15rem]');
@@ -149,7 +152,7 @@ describe('CustomWorldGenerationView', () => {
         screen
           .getByRole('progressbar', { name: progressTitle })
           .getAttribute('data-ring-start-degrees'),
-      ).toBe('225');
+      ).toBe('155');
       expect(
         screen
           .getByRole('progressbar', { name: progressTitle })
@@ -168,6 +171,9 @@ describe('CustomWorldGenerationView', () => {
       expect(screen.getByTestId('generation-hero-progress-ring').tagName).toBe(
         'svg',
       );
+      expect(screen.getByTestId('generation-hero-progress-ring').getAttribute('class')).toContain(
+        'z-0',
+      );
       expect(
         screen
           .getByTestId('generation-hero-progress-ring')
@@ -183,6 +189,16 @@ describe('CustomWorldGenerationView', () => {
           .getByTestId('generation-hero-progress-ring-track')
           .getAttribute('stroke-width'),
       ).toBe('18');
+      expect(
+        screen
+          .getByTestId('generation-hero-progress-ring-track')
+          .getAttribute('transform'),
+      ).toBe('rotate(155 200 200)');
+      expect(
+        screen
+          .getByTestId('generation-hero-progress-ring-fill')
+          .getAttribute('transform'),
+      ).toBe('rotate(155 200 200)');
       expect(
         screen
           .getByTestId('generation-hero-progress-ring-fill')
diff --git a/src/components/GenerationProgressHero.tsx b/src/components/GenerationProgressHero.tsx
index 9883d96c..9fa0af3a 100644
--- a/src/components/GenerationProgressHero.tsx
+++ b/src/components/GenerationProgressHero.tsx
@@ -4,7 +4,7 @@ import { useEffect, useId, useRef } from 'react';
 
 import generationHeroVideo from '../../media/create_bg_video.mp4';
 
-const GENERATION_PROGRESS_RING_START_DEGREES = 225;
+const GENERATION_PROGRESS_RING_START_DEGREES = 155;
 const GENERATION_PROGRESS_RING_SWEEP_DEGREES = 270;
 const GENERATION_PROGRESS_RING_VIEWBOX = 400;
 const GENERATION_PROGRESS_RING_CENTER = GENERATION_PROGRESS_RING_VIEWBOX / 2;
@@ -173,7 +173,7 @@ export function GenerationProgressHero({
         >
           <svg
             data-testid="generation-hero-progress-ring"
-            className="pointer-events-none absolute inset-0 h-full w-full"
+            className="pointer-events-none absolute inset-0 z-0 h-full w-full"
             viewBox={`0 0 ${GENERATION_PROGRESS_RING_VIEWBOX} ${GENERATION_PROGRESS_RING_VIEWBOX}`}
             aria-hidden="true"
             preserveAspectRatio="xMidYMid meet"
@@ -220,13 +220,13 @@ export function GenerationProgressHero({
             />
           </svg>
           <div
-            className="relative z-10 flex h-full w-full flex-col items-center justify-start pt-[4%] text-center sm:pt-[3%]"
+            className="relative z-30 flex h-full w-full flex-col items-center justify-start pt-[2%] text-center sm:pt-[1.5%]"
             data-testid="generation-hero-progress-content"
           >
-            <div className="text-[9px] font-black tracking-[0.16em] text-[#7f441f] sm:text-[10px]">
+            <div className="relative z-30 text-[9px] font-black tracking-[0.16em] text-[#7f441f] sm:text-[10px]">
               总进度
             </div>
-            <div className="mt-1 text-[1.15rem] font-black leading-none text-[#e45e14] sm:mt-1.5 sm:text-[1.9rem]">
+            <div className="relative z-30 mt-1 text-[1.15rem] font-black leading-none text-[#e45e14] sm:mt-1.5 sm:text-[1.9rem]">
               {safeProgress}%
             </div>
           </div>
diff --git a/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx b/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
index 02af134b..e2d25871 100644
--- a/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
+++ b/src/components/bark-battle-creation/BarkBattleGeneratingView.test.tsx
@@ -116,7 +116,10 @@ describe('BarkBattleGeneratingView', () => {
       'justify-start',
     );
     expect(screen.getByTestId('generation-hero-progress-content').className).toContain(
-      'pt-[4%]',
+      'z-30',
+    );
+    expect(screen.getByTestId('generation-hero-progress-content').className).toContain(
+      'pt-[2%]',
     );
     expect(screen.getByText('玩家形象')).toBeTruthy();
     expect(screen.getByText('进行中 36%')).toBeTruthy();
@@ -142,7 +145,7 @@ describe('BarkBattleGeneratingView', () => {
       screen
         .getByRole('progressbar', { name: '汪汪声浪素�生�进度' })
         .getAttribute('data-ring-start-degrees'),
-    ).toBe('225');
+    ).toBe('155');
     expect(
       screen
         .getByRole('progressbar', { name: '汪汪声浪素�生�进度' })
@@ -161,6 +164,9 @@ describe('BarkBattleGeneratingView', () => {
     expect(screen.getByTestId('generation-hero-progress-ring').tagName).toBe(
       'svg',
     );
+    expect(screen.getByTestId('generation-hero-progress-ring').getAttribute('class')).toContain(
+      'z-0',
+    );
     expect(
       screen
         .getByTestId('generation-hero-progress-ring')
@@ -176,6 +182,16 @@ describe('BarkBattleGeneratingView', () => {
         .getByTestId('generation-hero-progress-ring-track')
         .getAttribute('stroke-width'),
     ).toBe('18');
+    expect(
+      screen
+        .getByTestId('generation-hero-progress-ring-track')
+        .getAttribute('transform'),
+    ).toBe('rotate(155 200 200)');
+    expect(
+      screen
+        .getByTestId('generation-hero-progress-ring-fill')
+        .getAttribute('transform'),
+    ).toBe('rotate(155 200 200)');
     expect(
       screen
         .getByTestId('generation-hero-progress-ring-fill')
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.tsx b/src/components/custom-world-home/CustomWorldCreationHub.tsx
index 12520cf8..857f9f48 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -7,6 +7,7 @@ import type { BabyObjectMatchDraft } from '../../../packages/shared/src/contract
 import type { JumpHopWorkSummaryResponse } from '../../../packages/shared/src/contracts/jumpHop';
 import type { Match3DWorkSummary } from '../../../packages/shared/src/contracts/match3dWorks';
 import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
+import type { WoodenFishWorkSummaryResponse } from '../../../packages/shared/src/contracts/woodenFish';
 import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
 import type { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 import type { VisualNovelWorkSummary } from '../../../packages/shared/src/contracts/visualNovel';
@@ -64,6 +65,9 @@ type CustomWorldCreationHubProps = {
   jumpHopItems?: JumpHopWorkSummaryResponse[];
   onOpenJumpHopDetail?: (item: JumpHopWorkSummaryResponse) => void;
   onDeleteJumpHop?: ((item: JumpHopWorkSummaryResponse) => void) | null;
+  woodenFishItems?: WoodenFishWorkSummaryResponse[];
+  onOpenWoodenFishDetail?: ((item: WoodenFishWorkSummaryResponse) => void) | null;
+  onDeleteWoodenFish?: ((item: WoodenFishWorkSummaryResponse) => void) | null;
   puzzleItems?: PuzzleWorkSummary[];
   onOpenPuzzleDetail?: (item: PuzzleWorkSummary) => void;
   onDeletePuzzle?: ((item: PuzzleWorkSummary) => void) | null;
@@ -174,6 +178,9 @@ export function CustomWorldCreationHub({
   jumpHopItems = [],
   onOpenJumpHopDetail,
   onDeleteJumpHop = null,
+  woodenFishItems = [],
+  onOpenWoodenFishDetail = null,
+  onDeleteWoodenFish = null,
   puzzleItems = [],
   onOpenPuzzleDetail,
   onDeletePuzzle = null,
@@ -207,6 +214,7 @@ export function CustomWorldCreationHub({
         match3dItems,
         squareHoleItems: isSquareHoleCreationVisible ? squareHoleItems : [],
         jumpHopItems,
+        woodenFishItems,
         puzzleItems,
         babyObjectMatchItems,
         barkBattleItems,
@@ -217,6 +225,7 @@ export function CustomWorldCreationHub({
         canDeleteSquareHole:
           isSquareHoleCreationVisible && Boolean(onDeleteSquareHole),
         canDeleteJumpHop: Boolean(onDeleteJumpHop),
+        canDeleteWoodenFish: Boolean(onDeleteWoodenFish),
         canDeletePuzzle: Boolean(onDeletePuzzle),
         canDeleteBabyObjectMatch: Boolean(onDeleteBabyObjectMatch),
         canDeleteBarkBattle: Boolean(onDeleteBarkBattle),
@@ -232,6 +241,8 @@ export function CustomWorldCreationHub({
         onDeleteSquareHole: onDeleteSquareHole ?? undefined,
         onOpenJumpHopDetail: onOpenJumpHopDetail ?? undefined,
         onDeleteJumpHop: onDeleteJumpHop ?? undefined,
+        onOpenWoodenFishDetail: onOpenWoodenFishDetail ?? undefined,
+        onDeleteWoodenFish: onDeleteWoodenFish ?? undefined,
         onOpenPuzzleDetail,
         onDeletePuzzle: onDeletePuzzle ?? undefined,
         onClaimPuzzlePointIncentive: onClaimPuzzlePointIncentive ?? undefined,
@@ -259,6 +270,7 @@ export function CustomWorldCreationHub({
       onDeleteBarkBattle,
       onDeleteVisualNovel,
       onDeleteJumpHop,
+      onDeleteWoodenFish,
       onClaimPuzzlePointIncentive,
       onOpenBigFishDetail,
       onOpenDraft,
@@ -268,6 +280,7 @@ export function CustomWorldCreationHub({
       onOpenPuzzleDetail,
       onOpenSquareHoleDetail,
       onOpenVisualNovelDetail,
+      onOpenWoodenFishDetail,
       onEnterPublished,
       getWorkState,
       puzzleItems,
@@ -275,6 +288,7 @@ export function CustomWorldCreationHub({
       onOpenSquareHoleDetail,
       onOpenJumpHopDetail,
       jumpHopItems,
+      woodenFishItems,
       visualNovelItems,
     ],
   );
@@ -325,6 +339,9 @@ export function CustomWorldCreationHub({
       case 'jump-hop':
         onOpenJumpHopDetail?.(item.source.item);
         return;
+      case 'wooden-fish':
+        onOpenWoodenFishDetail?.(item.source.item);
+        return;
       case 'rpg':
         if (item.status === 'draft') {
           onOpenDraft(item.source.item);
diff --git a/src/components/custom-world-home/CustomWorldWorkCard.tsx b/src/components/custom-world-home/CustomWorldWorkCard.tsx
index 24fde099..392282c4 100644
--- a/src/components/custom-world-home/CustomWorldWorkCard.tsx
+++ b/src/components/custom-world-home/CustomWorldWorkCard.tsx
@@ -60,6 +60,7 @@ const CREATION_WORK_KIND_FALLBACK_COVER: Record<CreationWorkShelfKind, string> =
     match3d: '/creation-type-references/match3d.webp',
     'square-hole': '/creation-type-references/square-hole.webp',
     'jump-hop': '/creation-type-references/jump-hop.webp',
+    'wooden-fish': '/wooden-fish/default-hit-object.png',
     puzzle: '/creation-type-references/puzzle.webp',
     'baby-object-match': '/creation-type-references/creative-agent.webp',
     'bark-battle': '/creation-type-references/bark-battle.webp',
diff --git a/src/components/custom-world-home/creationWorkShelf.test.ts b/src/components/custom-world-home/creationWorkShelf.test.ts
index 1db7d6d6..6388732a 100644
--- a/src/components/custom-world-home/creationWorkShelf.test.ts
+++ b/src/components/custom-world-home/creationWorkShelf.test.ts
@@ -56,6 +56,47 @@ test('buildCreationWorkShelfItems maps visual novel items with VN public code',
   expect(items[1]?.publicWorkCode).toBeNull();
 });
 
+test('buildCreationWorkShelfItems maps wooden fish items with WF public code', () => {
+  const onOpenWoodenFishDetail = vi.fn();
+  const woodenFishWork = {
+    runtimeKind: 'wooden-fish' as const,
+    workId: 'wooden-fish-work-1',
+    profileId: 'wooden-fish-profile-12345678',
+    ownerUserId: 'user-1',
+    sourceSessionId: 'wooden-fish-session-1',
+    workTitle: '苹果敲木鱼',
+    workDescription: '苹果主题木鱼。',
+    themeTags: ['苹果', '休闲'],
+    coverImageSrc: '/wooden-fish/apple-cover.png',
+    publicationStatus: 'published',
+    playCount: 9,
+    updatedAt: '2026-05-20T00:00:00.000Z',
+    publishedAt: '2026-05-20T00:00:00.000Z',
+    publishReady: true,
+    generationStatus: 'ready' as const,
+  };
+
+  const items = buildCreationWorkShelfItems({
+    rpgItems: [],
+    bigFishItems: [],
+    puzzleItems: [],
+    woodenFishItems: [woodenFishWork],
+    onOpenWoodenFishDetail,
+  });
+
+  items[0]?.actions.open();
+
+  expect(items).toHaveLength(1);
+  expect(items[0]?.kind).toBe('wooden-fish');
+  expect(items[0]?.status).toBe('published');
+  expect(items[0]?.publicWorkCode).toBe('WF-12345678');
+  expect(items[0]?.sharePath).toContain('/works/detail?work=WF-12345678');
+  expect(items[0]?.openActionLabel).toBe('查看详情');
+  expect(items[0]?.badges.some((badge) => badge.label === '敲木鱼')).toBe(true);
+  expect(items[0]?.metrics.find((metric) => metric.id === 'play-count')?.value).toBe(9);
+  expect(onOpenWoodenFishDetail).toHaveBeenCalledWith(woodenFishWork);
+});
+
 test('buildCreationWorkShelfItems keeps published bark battle over duplicate draft', () => {
   const items = buildCreationWorkShelfItems({
     rpgItems: [],
diff --git a/src/components/custom-world-home/creationWorkShelf.ts b/src/components/custom-world-home/creationWorkShelf.ts
index e1fecab8..e44022a2 100644
--- a/src/components/custom-world-home/creationWorkShelf.ts
+++ b/src/components/custom-world-home/creationWorkShelf.ts
@@ -8,6 +8,7 @@ import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contr
 import type { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 import type { VisualNovelWorkSummary } from '../../../packages/shared/src/contracts/visualNovel';
 import type { JumpHopWorkSummaryResponse } from '../../../packages/shared/src/contracts/jumpHop';
+import type { WoodenFishWorkSummaryResponse } from '../../../packages/shared/src/contracts/woodenFish';
 import { buildPublicWorkStagePath } from '../../routing/appPageRoutes';
 import {
   buildBabyObjectMatchPublicWorkCode,
@@ -19,6 +20,7 @@ import {
   buildPuzzlePublicWorkCode,
   buildSquareHolePublicWorkCode,
   buildVisualNovelPublicWorkCode,
+  buildWoodenFishPublicWorkCode,
 } from '../../services/publicWorkCode';
 import type { CustomWorldProfile } from '../../types';
 
@@ -34,6 +36,7 @@ export type CreationWorkShelfKind =
   | 'match3d'
   | 'square-hole'
   | 'jump-hop'
+  | 'wooden-fish'
   | 'puzzle'
   | 'baby-object-match'
   | 'bark-battle'
@@ -90,6 +93,10 @@ export type CreationWorkShelfSource =
       kind: 'jump-hop';
       item: JumpHopWorkSummaryResponse;
     }
+  | {
+      kind: 'wooden-fish';
+      item: WoodenFishWorkSummaryResponse;
+    }
   | {
       kind: 'puzzle';
       item: PuzzleWorkSummary;
@@ -145,6 +152,7 @@ export function buildCreationWorkShelfItems(params: {
   match3dItems?: Match3DWorkSummary[];
   squareHoleItems?: SquareHoleWorkSummary[];
   jumpHopItems?: JumpHopWorkSummaryResponse[];
+  woodenFishItems?: WoodenFishWorkSummaryResponse[];
   puzzleItems: PuzzleWorkSummary[];
   babyObjectMatchItems?: BabyObjectMatchDraft[];
   barkBattleItems?: BarkBattleWorkSummary[];
@@ -154,6 +162,7 @@ export function buildCreationWorkShelfItems(params: {
   canDeleteMatch3D?: boolean;
   canDeleteSquareHole?: boolean;
   canDeleteJumpHop?: boolean;
+  canDeleteWoodenFish?: boolean;
   canDeletePuzzle?: boolean;
   canDeleteBabyObjectMatch?: boolean;
   canDeleteBarkBattle?: boolean;
@@ -169,6 +178,8 @@ export function buildCreationWorkShelfItems(params: {
   onDeleteSquareHole?: (item: SquareHoleWorkSummary) => void;
   onOpenJumpHopDetail?: (item: JumpHopWorkSummaryResponse) => void;
   onDeleteJumpHop?: (item: JumpHopWorkSummaryResponse) => void;
+  onOpenWoodenFishDetail?: (item: WoodenFishWorkSummaryResponse) => void;
+  onDeleteWoodenFish?: (item: WoodenFishWorkSummaryResponse) => void;
   onOpenPuzzleDetail?: (item: PuzzleWorkSummary) => void;
   onDeletePuzzle?: (item: PuzzleWorkSummary) => void;
   onClaimPuzzlePointIncentive?: (item: PuzzleWorkSummary) => void;
@@ -189,6 +200,7 @@ export function buildCreationWorkShelfItems(params: {
     match3dItems = [],
     squareHoleItems = [],
     jumpHopItems = [],
+    woodenFishItems = [],
     puzzleItems,
     babyObjectMatchItems = [],
     barkBattleItems = [],
@@ -198,6 +210,7 @@ export function buildCreationWorkShelfItems(params: {
     canDeleteMatch3D = false,
     canDeleteSquareHole = false,
     canDeleteJumpHop = false,
+    canDeleteWoodenFish = false,
     canDeletePuzzle = false,
     canDeleteBabyObjectMatch = false,
     canDeleteBarkBattle = false,
@@ -213,6 +226,8 @@ export function buildCreationWorkShelfItems(params: {
     onDeleteSquareHole,
     onOpenJumpHopDetail,
     onDeleteJumpHop,
+    onOpenWoodenFishDetail,
+    onDeleteWoodenFish,
     onOpenPuzzleDetail,
     onDeletePuzzle,
     onClaimPuzzlePointIncentive,
@@ -257,6 +272,12 @@ export function buildCreationWorkShelfItems(params: {
         onDelete: onDeleteJumpHop,
       }),
     ),
+    ...woodenFishItems.map((item) =>
+      mapWoodenFishWorkToShelfItem(item, canDeleteWoodenFish, {
+        onOpen: onOpenWoodenFishDetail,
+        onDelete: onDeleteWoodenFish,
+      }),
+    ),
     ...puzzleItems.map((item) =>
       mapPuzzleWorkToShelfItem(item, canDeletePuzzle, {
         onOpen: onOpenPuzzleDetail,
@@ -815,6 +836,54 @@ function mapJumpHopWorkToShelfItem(
   };
 }
 
+function mapWoodenFishWorkToShelfItem(
+  item: WoodenFishWorkSummaryResponse,
+  canDelete: boolean,
+  adapter: WorkShelfAdapter<WoodenFishWorkSummaryResponse>,
+): CreationWorkShelfItem {
+  const status = item.publicationStatus === 'published' ? 'published' : 'draft';
+  const publicWorkCode =
+    status === 'published' ? buildWoodenFishPublicWorkCode(item.profileId) : null;
+  const title = item.workTitle.trim() || '敲木鱼';
+  const summary =
+    item.workDescription.trim() || (status === 'draft' ? '未填写作��述' : '');
+
+  return {
+    id: item.workId,
+    kind: 'wooden-fish',
+    status,
+    title,
+    summary,
+    authorDisplayName: resolveAuthorDisplayName(item),
+    updatedAt: item.updatedAt,
+    coverImageSrc: normalizeCoverImageSrc(item.coverImageSrc),
+    coverRenderMode: 'image',
+    coverCharacterImageSrcs: [],
+    publicWorkCode,
+    sharePath:
+      publicWorkCode && status === 'published'
+        ? buildPublicWorkStagePath('work-detail', publicWorkCode)
+        : null,
+    openActionLabel: status === 'published' ? '查看详情' : '继续创作',
+    canDelete,
+    canShare: status === 'published' && Boolean(publicWorkCode),
+    badges: [
+      buildStatusBadge(status),
+      { id: 'type', label: '敲木鱼', tone: 'neutral' },
+    ],
+    metrics:
+      status === 'published'
+        ? buildPublishedMetrics({
+            playCount: item.playCount,
+            remixCount: 0,
+            likeCount: 0,
+          })
+        : [],
+    actions: buildWorkShelfActions(item, adapter),
+    source: { kind: 'wooden-fish', item },
+  };
+}
+
 
 function resolveAuthorDisplayName(
   ...sources: Array<unknown>
@@ -1026,6 +1095,8 @@ function isPersistedCreationWorkGenerating(item: CreationWorkShelfItem) {
       return item.source.item.generationStatus === 'generating';
     case 'puzzle':
       return isPersistedPuzzleDraftGenerating(item.source.item);
+    case 'wooden-fish':
+      return item.source.item.generationStatus === 'generating';
     case 'bark-battle':
       return isPersistedBarkBattleDraftGenerating(item.source.item);
     default:
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index dc7ce515..253ad754 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -352,6 +352,7 @@ import {
   type WoodenFishWorkProfileResponse,
   type WoodenFishWorkspaceCreateRequest,
 } from '../../services/wooden-fish/woodenFishClient';
+import type { WoodenFishWorkSummaryResponse } from '../../../packages/shared/src/contracts/woodenFish';
 import type { CustomWorldProfile } from '../../types';
 import { useAuthUi } from '../auth/AuthUiContext';
 import { PublishShareModal } from '../common/PublishShareModal';
@@ -2384,6 +2385,15 @@ function getGenerationNoticeShelfKeys(item: CreationWorkShelfItem): string[] {
         item.source.item.workId,
         item.source.item.draftId,
       ]);
+    case 'wooden-fish':
+      return collectDraftNoticeKeys('wooden-fish', [
+        item.id,
+        item.source.item.workId,
+        item.source.item.profileId,
+        item.source.item.sourceSessionId,
+      ]);
+    default:
+      return [];
   }
 }
 
@@ -3173,6 +3183,9 @@ export function PlatformEntryFlowShellImpl({
   >(null);
   const [woodenFishWork, setWoodenFishWork] =
     useState<WoodenFishWorkProfileResponse | null>(null);
+  const [woodenFishWorks, setWoodenFishWorks] = useState<
+    WoodenFishWorkSummaryResponse[]
+  >([]);
   const [woodenFishGalleryEntries, setWoodenFishGalleryEntries] = useState<
     WoodenFishGalleryCardResponse[]
   >([]);
@@ -3920,6 +3933,20 @@ export function PlatformEntryFlowShellImpl({
     }
   }, []);
 
+  const refreshWoodenFishShelf = useCallback(async () => {
+    try {
+      const worksResponse = await woodenFishClient.listWorks();
+      setWoodenFishWorks(worksResponse.items);
+      return worksResponse.items;
+    } catch (error) {
+      setWoodenFishWorks([]);
+      setWoodenFishError(
+        resolvePuzzleErrorMessage(error, '读�敲木鱼作�列表失败。'),
+      );
+      return [];
+    }
+  }, [resolvePuzzleErrorMessage]);
+
   const refreshPuzzleShelf = useCallback(async () => {
     setIsPuzzleLoadingLibrary(true);
 
@@ -4499,6 +4526,10 @@ export function PlatformEntryFlowShellImpl({
     ],
     [jumpHopWorks, pendingDraftShelfItems],
   );
+  const woodenFishShelfItems = useMemo(
+    () => woodenFishWorks,
+    [woodenFishWorks],
+  );
   const match3dShelfItems = useMemo(
     () => [
       ...buildPendingMatch3DWorks(pendingDraftShelfItems.match3d, match3dWorks),
@@ -4581,6 +4612,13 @@ export function PlatformEntryFlowShellImpl({
           item.sourceSessionId,
         ]),
       ),
+      ...woodenFishShelfItems.flatMap((item) =>
+        collectDraftNoticeKeys('wooden-fish', [
+          item.workId,
+          item.profileId,
+          item.sourceSessionId,
+        ]),
+      ),
       ...match3dShelfItems.flatMap((item) =>
         collectDraftNoticeKeys('match3d', [
           item.workId,
@@ -4624,6 +4662,7 @@ export function PlatformEntryFlowShellImpl({
       barkBattleShelfItems,
       bigFishShelfItems,
       jumpHopShelfItems,
+      woodenFishShelfItems,
       creationHubItems,
       isSquareHoleCreationVisible,
       match3dShelfItems,
@@ -9088,6 +9127,8 @@ export function PlatformEntryFlowShellImpl({
     try {
       const response = await woodenFishClient.publishWork(profileId);
       setWoodenFishWork(response.item);
+      void refreshWoodenFishShelf();
+      void refreshWoodenFishGallery();
       openPublishShareModal({
         title: response.item.summary.workTitle || '敲木鱼',
         publicWorkCode: buildWoodenFishPublicWorkCode(
@@ -9105,6 +9146,8 @@ export function PlatformEntryFlowShellImpl({
     }
   }, [
     openPublishShareModal,
+    refreshWoodenFishGallery,
+    refreshWoodenFishShelf,
     setSelectionStage,
     woodenFishWork?.summary.profileId,
   ]);
@@ -11750,6 +11793,48 @@ export function PlatformEntryFlowShellImpl({
     [openPublicWorkDetail, setSelectionStage],
   );
 
+  const openWoodenFishDraft = useCallback(
+    async (item: WoodenFishWorkSummaryResponse) => {
+      markDraftNoticeSeen(
+        collectDraftNoticeKeys('wooden-fish', [
+          item.workId,
+          item.profileId,
+          item.sourceSessionId,
+        ]),
+      );
+
+      if (item.publicationStatus === 'published') {
+        void openWoodenFishPublicWorkDetail(item.profileId);
+        return;
+      }
+
+      setWoodenFishError(null);
+      setPublicWorkDetailError(null);
+      setIsWoodenFishBusy(true);
+      try {
+        const detail = await woodenFishClient.getWorkDetail(item.profileId);
+        setWoodenFishSession(null);
+        setWoodenFishRun(null);
+        setWoodenFishWork(detail.item);
+        setWoodenFishRuntimeReturnStage('wooden-fish-result');
+        enterCreateTab();
+        setSelectionStage('wooden-fish-result');
+      } catch (error) {
+        setWoodenFishError(
+          resolveRpgCreationErrorMessage(error, '读�敲木鱼�稿失败。'),
+        );
+      } finally {
+        setIsWoodenFishBusy(false);
+      }
+    },
+    [
+      enterCreateTab,
+      markDraftNoticeSeen,
+      openWoodenFishPublicWorkDetail,
+      setSelectionStage,
+    ],
+  );
+
   const openPublicGalleryDetail = useCallback(
     (entry: PlatformPublicGalleryCard) => {
       if (isBigFishGalleryEntry(entry)) {
@@ -14622,6 +14707,7 @@ export function PlatformEntryFlowShellImpl({
       if (isVisualNovelCreationOpen) {
         void refreshVisualNovelShelf();
       }
+      void refreshWoodenFishShelf();
       void refreshBabyObjectMatchShelf();
       void refreshBarkBattleShelf();
     }
@@ -14634,6 +14720,7 @@ export function PlatformEntryFlowShellImpl({
     refreshBarkBattleShelf,
     refreshMatch3DShelf,
     refreshPuzzleShelf,
+    refreshWoodenFishShelf,
     refreshSquareHoleShelf,
     refreshVisualNovelShelf,
     selectionStage,
@@ -14728,6 +14815,7 @@ export function PlatformEntryFlowShellImpl({
               void refreshSquareHoleShelf();
             }
             void refreshPuzzleShelf();
+            void refreshWoodenFishShelf();
             if (isVisualNovelCreationOpen) {
               void refreshVisualNovelShelf();
             }
@@ -14781,6 +14869,7 @@ export function PlatformEntryFlowShellImpl({
           rpgLibraryEntries={platformBootstrap.savedCustomWorldEntries}
           bigFishItems={isBigFishCreationVisible ? bigFishShelfItems : []}
           jumpHopItems={isJumpHopCreationVisible ? jumpHopShelfItems : []}
+          woodenFishItems={woodenFishShelfItems}
           onOpenBigFishDetail={
             isBigFishCreationVisible
               ? (item) => {
@@ -14809,6 +14898,13 @@ export function PlatformEntryFlowShellImpl({
               : null
           }
           onDeleteJumpHop={null}
+          onOpenWoodenFishDetail={(item) => {
+            runProtectedAction(() => {
+              markCreationFlowReturnToDraftShelf();
+              void openWoodenFishDraft(item);
+            });
+          }}
+          onDeleteWoodenFish={null}
           match3dItems={match3dShelfItems}
           onOpenMatch3DDetail={(item) => {
             runProtectedAction(() => {
diff --git a/src/services/wooden-fish/woodenFishClient.test.ts b/src/services/wooden-fish/woodenFishClient.test.ts
index f99ec1d8..aef88dee 100644
--- a/src/services/wooden-fish/woodenFishClient.test.ts
+++ b/src/services/wooden-fish/woodenFishClient.test.ts
@@ -1,5 +1,7 @@
 import { beforeEach, expect, test, vi } from 'vitest';
 
+const requestJsonMock = vi.hoisted(() => vi.fn());
+
 const { createCreationAgentClientMock } = vi.hoisted(() => ({
   createCreationAgentClientMock: vi.fn(),
 }));
@@ -9,7 +11,7 @@ vi.mock('../creation-agent', () => ({
 }));
 
 vi.mock('../apiClient', () => ({
-  requestJson: vi.fn(),
+  requestJson: requestJsonMock,
 }));
 
 beforeEach(() => {
@@ -22,6 +24,7 @@ beforeEach(() => {
     streamMessage: vi.fn(),
     executeAction: vi.fn(),
   });
+  requestJsonMock.mockReset();
 });
 
 test('wooden fish creation keeps image2 generation requests alive long enough', async () => {
@@ -34,3 +37,16 @@ test('wooden fish creation keeps image2 generation requests alive long enough',
     }),
   );
 });
+
+test('wooden fish list works uses creation works endpoint', async () => {
+  const { woodenFishClient } = await import('./woodenFishClient');
+  requestJsonMock.mockResolvedValueOnce({ items: [] });
+
+  await woodenFishClient.listWorks();
+
+  expect(requestJsonMock).toHaveBeenCalledWith(
+    '/api/creation/wooden-fish/works',
+    { method: 'GET' },
+    '读�敲木鱼作�列表失败',
+  );
+});
diff --git a/src/services/wooden-fish/woodenFishClient.ts b/src/services/wooden-fish/woodenFishClient.ts
index 8aa08ef4..f6f31005 100644
--- a/src/services/wooden-fish/woodenFishClient.ts
+++ b/src/services/wooden-fish/woodenFishClient.ts
@@ -13,6 +13,7 @@ import type {
   WoodenFishWorkDetailResponse,
   WoodenFishWorkMutationResponse,
   WoodenFishWorkProfileResponse,
+  WoodenFishWorksResponse,
   WoodenFishWorkspaceCreateRequest,
   WoodenFishWorkSummaryResponse,
 } from '../../../packages/shared/src/contracts/woodenFish';
@@ -57,6 +58,7 @@ export type {
   WoodenFishWorkDetailResponse,
   WoodenFishWorkMutationResponse,
   WoodenFishWorkProfileResponse,
+  WoodenFishWorksResponse,
   WoodenFishWorkspaceCreateRequest,
 };
 export type CreateWoodenFishSessionRequest = WoodenFishWorkspaceCreateRequest;
@@ -186,6 +188,15 @@ export async function getWoodenFishWorkDetail(profileId: string) {
   return normalizeWoodenFishWorkDetailResponse(response);
 }
 
+export async function listWoodenFishWorks() {
+  const response = await requestJson<WoodenFishWorksResponse>(
+    WOODEN_FISH_WORKS_API_BASE,
+    { method: 'GET' },
+    '读�敲木鱼作�列表失败',
+  );
+  return response;
+}
+
 export async function listWoodenFishGallery() {
   return requestJson<WoodenFishGalleryResponse>(
     `${WOODEN_FISH_RUNTIME_API_BASE}/gallery`,
@@ -312,6 +323,7 @@ export const woodenFishClient = {
   getSession: getWoodenFishCreationSession,
   getWorkDetail: getWoodenFishWorkDetail,
   listGallery: listWoodenFishGallery,
+  listWorks: listWoodenFishWorks,
   publishWork: publishWoodenFishWork,
   startRun: startWoodenFishRuntimeRun,
 };