refactor: 收口创作作品架Hub接口

2026-06-03 21:36:06 +08:00
parent c238ef9b40
commit 3efbb6882c
8 changed files with 306 additions and 319 deletions
--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
@@ -10,7 +10,7 @@ import type { BabyObjectMatchDraft } from '../../../packages/shared/src/contract
 import type { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
 import { derivePlatformCreationTypes } from '../platform-entry/platformEntryCreationTypes';
-import { CustomWorldCreationHub } from './CustomWorldCreationHub';
+import { CustomWorldCreationHub } from './CustomWorldCreationHub.testAdapter';

 const noopCreateType = () => {};

--- a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
@@ -4,7 +4,7 @@ import { expect, test } from 'vitest';
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
 import { derivePlatformCreationTypes } from '../platform-entry/platformEntryCreationTypes';
 import { buildCreationWorkShelfItems } from './creationWorkShelf';
-import { CustomWorldCreationHub } from './CustomWorldCreationHub';
+import { CustomWorldCreationHub } from './CustomWorldCreationHub.testAdapter';

 const noopCreateType = () => {};
 const DAY_MS = 24 * 60 * 60 * 1000;
--- a/src/components/custom-world-home/CustomWorldCreationHub.testAdapter.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.testAdapter.tsx
@@ -0,0 +1,128 @@
+import { isPlatformCreationTypeVisible } from '../platform-entry/platformEntryCreationTypes';
+import {
+  buildCreationWorkShelfItems,
+  type CreationWorkShelfItem,
+} from './creationWorkShelf';
+import {
+  CustomWorldCreationHub as CustomWorldCreationHubView,
+} from './CustomWorldCreationHub';
+
+type ShelfBuilderParams = Parameters<typeof buildCreationWorkShelfItems>[0];
+type HubViewProps = Parameters<typeof CustomWorldCreationHubView>[0];
+
+type LegacyCustomWorldCreationHubProps = Omit<HubViewProps, 'shelfItems'> &
+  Partial<
+    Omit<ShelfBuilderParams, 'rpgItems' | 'bigFishItems' | 'puzzleItems'>
+  > & {
+    shelfItems?: CreationWorkShelfItem[];
+    items?: ShelfBuilderParams['rpgItems'];
+    bigFishItems?: ShelfBuilderParams['bigFishItems'];
+    puzzleItems?: ShelfBuilderParams['puzzleItems'];
+    onOpenDraft?: ShelfBuilderParams['onOpenRpgDraft'];
+    onEnterPublished?: ShelfBuilderParams['onEnterRpgPublished'];
+    onDeletePublished?: ShelfBuilderParams['onDeleteRpg'] | null;
+    getWorkState?: ShelfBuilderParams['getItemState'];
+  };
+
+/** 测试用 Adapter：旧 fixture 先转成 shelfItems，生产 Hub Interface 保持窄面。 */
+export function CustomWorldCreationHub({
+  shelfItems,
+  items = [],
+  rpgLibraryEntries = [],
+  bigFishItems = [],
+  match3dItems = [],
+  squareHoleItems = [],
+  jumpHopItems = [],
+  woodenFishItems = [],
+  puzzleItems = [],
+  babyObjectMatchItems = [],
+  barkBattleItems = [],
+  visualNovelItems = [],
+  onOpenDraft,
+  onEnterPublished,
+  onDeletePublished = null,
+  onOpenBigFishDetail,
+  onDeleteBigFish,
+  onOpenMatch3DDetail,
+  onDeleteMatch3D,
+  onOpenSquareHoleDetail,
+  onDeleteSquareHole,
+  onOpenJumpHopDetail,
+  onDeleteJumpHop,
+  onOpenWoodenFishDetail,
+  onDeleteWoodenFish,
+  onOpenPuzzleDetail,
+  onDeletePuzzle,
+  onClaimPuzzlePointIncentive,
+  onOpenBabyObjectMatchDetail,
+  onDeleteBabyObjectMatch,
+  onOpenBarkBattleDetail,
+  onDeleteBarkBattle,
+  onOpenVisualNovelDetail,
+  onDeleteVisualNovel,
+  getItemState,
+  getWorkState,
+  creationTypes,
+  ...props
+}: LegacyCustomWorldCreationHubProps) {
+  const isSquareHoleCreationVisible = isPlatformCreationTypeVisible(
+    creationTypes,
+    'square-hole',
+  );
+  const resolvedShelfItems =
+    shelfItems ??
+    buildCreationWorkShelfItems({
+      rpgItems: items,
+      rpgLibraryEntries,
+      bigFishItems,
+      match3dItems,
+      squareHoleItems: isSquareHoleCreationVisible ? squareHoleItems : [],
+      jumpHopItems,
+      woodenFishItems,
+      puzzleItems,
+      babyObjectMatchItems,
+      barkBattleItems,
+      visualNovelItems,
+      canDeleteRpg: Boolean(onDeletePublished),
+      canDeleteBigFish: Boolean(onDeleteBigFish),
+      canDeleteMatch3D: Boolean(onDeleteMatch3D),
+      canDeleteSquareHole: Boolean(onDeleteSquareHole),
+      canDeleteJumpHop: Boolean(onDeleteJumpHop),
+      canDeleteWoodenFish: Boolean(onDeleteWoodenFish),
+      canDeletePuzzle: Boolean(onDeletePuzzle),
+      canDeleteBabyObjectMatch: Boolean(onDeleteBabyObjectMatch),
+      canDeleteBarkBattle: Boolean(onDeleteBarkBattle),
+      canDeleteVisualNovel: Boolean(onDeleteVisualNovel),
+      onOpenRpgDraft: onOpenDraft,
+      onEnterRpgPublished: onEnterPublished,
+      onDeleteRpg: onDeletePublished ?? undefined,
+      onOpenBigFishDetail,
+      onDeleteBigFish,
+      onOpenMatch3DDetail,
+      onDeleteMatch3D,
+      onOpenSquareHoleDetail,
+      onDeleteSquareHole,
+      onOpenJumpHopDetail,
+      onDeleteJumpHop,
+      onOpenWoodenFishDetail,
+      onDeleteWoodenFish,
+      onOpenPuzzleDetail,
+      onDeletePuzzle,
+      onClaimPuzzlePointIncentive,
+      onOpenBabyObjectMatchDetail,
+      onDeleteBabyObjectMatch,
+      onOpenBarkBattleDetail,
+      onDeleteBarkBattle,
+      onOpenVisualNovelDetail,
+      onDeleteVisualNovel,
+      getItemState: getItemState ?? getWorkState,
+    });
+
+  return (
+    <CustomWorldCreationHubView
+      {...props}
+      creationTypes={creationTypes}
+      shelfItems={resolvedShelfItems}
+    />
+  );
+}
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -1,28 +1,13 @@
 import { useEffect, useMemo, useState } from 'react';

-import type { BarkBattleWorkSummary } from '../../../packages/shared/src/contracts/barkBattle';
-import type { BigFishWorkSummary } from '../../../packages/shared/src/contracts/bigFishWorkSummary';
-import type { CustomWorldWorkSummary } from '../../../packages/shared/src/contracts/customWorldAgent';
-import type { BabyObjectMatchDraft } from '../../../packages/shared/src/contracts/edutainmentBabyObject';
-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 { 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';
-import type { WoodenFishWorkSummaryResponse } from '../../../packages/shared/src/contracts/woodenFish';
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
-import type { CustomWorldProfile } from '../../types';
 import type {
  PlatformCreationTypeCard,
  PlatformCreationTypeId,
 } from '../platform-entry/platformEntryCreationTypes';
-import { isPlatformCreationTypeVisible } from '../platform-entry/platformEntryCreationTypes';
 import {
-  buildCreationWorkShelfItems,
  type CreationWorkShelfItem,
  type CreationWorkShelfMetricId,
-  type CreationWorkShelfRuntimeState,
  getCreationWorkShelfItemTime,
 } from './creationWorkShelf';
 import {
@@ -47,7 +32,7 @@ type WorkMetricSnapshot = Record<
 >;

 type CustomWorldCreationHubProps = {
-  items: CustomWorldWorkSummary[];
+  shelfItems: CreationWorkShelfItem[];
  loading: boolean;
  error: string | null;
  onRetry: () => void;
@@ -55,45 +40,8 @@ type CustomWorldCreationHubProps = {
  entryConfig: CreationEntryConfig;
  creationTypes: readonly PlatformCreationTypeCard[];
  onCreateType: (type: PlatformCreationTypeId) => void;
-  onOpenDraft: (item: CustomWorldWorkSummary) => void;
-  onEnterPublished: (profileId: string) => void;
-  onDeletePublished?: ((item: CustomWorldWorkSummary) => void) | null;
  deletingWorkId?: string | null;
-  rpgLibraryEntries?: CustomWorldLibraryEntry<CustomWorldProfile>[];
-  bigFishItems?: BigFishWorkSummary[];
-  onOpenBigFishDetail?: (item: BigFishWorkSummary) => void;
-  onDeleteBigFish?: ((item: BigFishWorkSummary) => void) | null;
-  match3dItems?: Match3DWorkSummary[];
-  onOpenMatch3DDetail?: (item: Match3DWorkSummary) => void;
-  onDeleteMatch3D?: ((item: Match3DWorkSummary) => void) | null;
-  squareHoleItems?: SquareHoleWorkSummary[];
-  onOpenSquareHoleDetail?: (item: SquareHoleWorkSummary) => void;
-  onDeleteSquareHole?: ((item: SquareHoleWorkSummary) => void) | null;
-  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;
-  onClaimPuzzlePointIncentive?: ((item: PuzzleWorkSummary) => void) | null;
  claimingPuzzleProfileId?: string | null;
-  babyObjectMatchItems?: BabyObjectMatchDraft[];
-  onOpenBabyObjectMatchDetail?: ((item: BabyObjectMatchDraft) => void) | null;
-  onDeleteBabyObjectMatch?: ((item: BabyObjectMatchDraft) => void) | null;
-  barkBattleItems?: BarkBattleWorkSummary[];
-  onOpenBarkBattleDetail?: ((item: BarkBattleWorkSummary) => void) | null;
-  onDeleteBarkBattle?: ((item: BarkBattleWorkSummary) => void) | null;
-  visualNovelItems?: VisualNovelWorkSummary[];
-  onOpenVisualNovelDetail?: ((item: VisualNovelWorkSummary) => void) | null;
-  onDeleteVisualNovel?: ((item: VisualNovelWorkSummary) => void) | null;
-  getWorkState?: (
-    item: CreationWorkShelfItem,
-  ) => CreationWorkShelfRuntimeState | null;
  onOpenShelfItem?: (item: CreationWorkShelfItem) => void;
  // 中文注释：底部加号入口可传入后端作品架摘要，用于推导最近使用过的模板。
  recentWorkItems?: CreationWorkShelfItem[];
@@ -165,7 +113,7 @@ function writeWorkMetricSnapshot(items: CreationWorkShelfItem[]) {

 /** 渲染底部加号创作入口页与草稿作品架，最近创作复用最近使用过的模板入口。 */
 export function CustomWorldCreationHub({
-  items,
+  shelfItems,
  loading,
  error,
  onRetry,
@@ -173,138 +121,14 @@ export function CustomWorldCreationHub({
  entryConfig,
  creationTypes,
  onCreateType,
-  onOpenDraft,
-  onEnterPublished,
-  onDeletePublished = null,
  deletingWorkId = null,
-  rpgLibraryEntries = [],
-  bigFishItems = [],
-  onOpenBigFishDetail,
-  onDeleteBigFish = null,
-  match3dItems = [],
-  onOpenMatch3DDetail,
-  onDeleteMatch3D = null,
-  squareHoleItems = [],
-  onOpenSquareHoleDetail,
-  onDeleteSquareHole = null,
-  jumpHopItems = [],
-  onOpenJumpHopDetail,
-  onDeleteJumpHop = null,
-  woodenFishItems = [],
-  onOpenWoodenFishDetail = null,
-  onDeleteWoodenFish = null,
-  puzzleItems = [],
-  onOpenPuzzleDetail,
-  onDeletePuzzle = null,
-  onClaimPuzzlePointIncentive = null,
  claimingPuzzleProfileId = null,
-  babyObjectMatchItems = [],
-  onOpenBabyObjectMatchDetail = null,
-  onDeleteBabyObjectMatch = null,
-  barkBattleItems = [],
-  onOpenBarkBattleDetail = null,
-  onDeleteBarkBattle = null,
-  visualNovelItems = [],
-  onOpenVisualNovelDetail = null,
-  onDeleteVisualNovel = null,
-  getWorkState,
  onOpenShelfItem,
  recentWorkItems: recentWorkSourceItems,
  mode = 'full',
 }: CustomWorldCreationHubProps) {
  const [activeFilter, setActiveFilter] =
    useState<CustomWorldWorkFilter>('all');
-  const isSquareHoleCreationVisible = isPlatformCreationTypeVisible(
-    creationTypes,
-    'square-hole',
-  );
-  const shelfItems = useMemo(
-    () =>
-      buildCreationWorkShelfItems({
-        rpgItems: items,
-        rpgLibraryEntries,
-        bigFishItems,
-        match3dItems,
-        squareHoleItems: isSquareHoleCreationVisible ? squareHoleItems : [],
-        jumpHopItems,
-        woodenFishItems,
-        puzzleItems,
-        babyObjectMatchItems,
-        barkBattleItems,
-        visualNovelItems,
-        canDeleteRpg: Boolean(onDeletePublished),
-        canDeleteBigFish: Boolean(onDeleteBigFish),
-        canDeleteMatch3D: Boolean(onDeleteMatch3D),
-        canDeleteSquareHole:
-          isSquareHoleCreationVisible && Boolean(onDeleteSquareHole),
-        canDeleteJumpHop: Boolean(onDeleteJumpHop),
-        canDeleteWoodenFish: Boolean(onDeleteWoodenFish),
-        canDeletePuzzle: Boolean(onDeletePuzzle),
-        canDeleteBabyObjectMatch: Boolean(onDeleteBabyObjectMatch),
-        canDeleteBarkBattle: Boolean(onDeleteBarkBattle),
-        canDeleteVisualNovel: Boolean(onDeleteVisualNovel),
-        onOpenRpgDraft: onOpenDraft,
-        onEnterRpgPublished: onEnterPublished,
-        onDeleteRpg: onDeletePublished ?? undefined,
-        onOpenBigFishDetail,
-        onDeleteBigFish: onDeleteBigFish ?? undefined,
-        onOpenMatch3DDetail,
-        onDeleteMatch3D: onDeleteMatch3D ?? undefined,
-        onOpenSquareHoleDetail,
-        onDeleteSquareHole: onDeleteSquareHole ?? undefined,
-        onOpenJumpHopDetail: onOpenJumpHopDetail ?? undefined,
-        onDeleteJumpHop: onDeleteJumpHop ?? undefined,
-        onOpenWoodenFishDetail: onOpenWoodenFishDetail ?? undefined,
-        onDeleteWoodenFish: onDeleteWoodenFish ?? undefined,
-        onOpenPuzzleDetail,
-        onDeletePuzzle: onDeletePuzzle ?? undefined,
-        onClaimPuzzlePointIncentive: onClaimPuzzlePointIncentive ?? undefined,
-        onOpenBabyObjectMatchDetail: onOpenBabyObjectMatchDetail ?? undefined,
-        onDeleteBabyObjectMatch: onDeleteBabyObjectMatch ?? undefined,
-        onOpenBarkBattleDetail: onOpenBarkBattleDetail ?? undefined,
-        onDeleteBarkBattle: onDeleteBarkBattle ?? undefined,
-        onOpenVisualNovelDetail: onOpenVisualNovelDetail ?? undefined,
-        onDeleteVisualNovel: onDeleteVisualNovel ?? undefined,
-        getItemState: getWorkState,
-      }),
-    [
-      bigFishItems,
-      isSquareHoleCreationVisible,
-      babyObjectMatchItems,
-      barkBattleItems,
-      items,
-      match3dItems,
-      squareHoleItems,
-      onDeleteBigFish,
-      onDeleteMatch3D,
-      onDeleteSquareHole,
-      onDeletePublished,
-      onDeletePuzzle,
-      onDeleteBabyObjectMatch,
-      onDeleteBarkBattle,
-      onDeleteVisualNovel,
-      onDeleteJumpHop,
-      onDeleteWoodenFish,
-      onClaimPuzzlePointIncentive,
-      onOpenBigFishDetail,
-      onOpenDraft,
-      onOpenMatch3DDetail,
-      onOpenBabyObjectMatchDetail,
-      onOpenBarkBattleDetail,
-      onOpenPuzzleDetail,
-      onOpenSquareHoleDetail,
-      onOpenVisualNovelDetail,
-      onOpenWoodenFishDetail,
-      onEnterPublished,
-      getWorkState,
-      puzzleItems,
-      rpgLibraryEntries,
-      onOpenJumpHopDetail,
-      jumpHopItems,
-      woodenFishItems,
-      visualNovelItems,
-    ],
-  );
  const [metricSnapshot] = useState<WorkMetricSnapshot>(() =>
    readWorkMetricSnapshot(),
  );
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -14733,6 +14733,161 @@ export function PlatformEntryFlowShellImpl({
    selectionStage,
  ]);

+  const creationHubShelfItems = useMemo(
+    () =>
+      buildCreationWorkShelfItems({
+        rpgItems: creationHubItems,
+        rpgLibraryEntries: platformBootstrap.savedCustomWorldEntries,
+        bigFishItems: isBigFishCreationVisible ? bigFishShelfItems : [],
+        jumpHopItems: isJumpHopCreationVisible ? jumpHopShelfItems : [],
+        woodenFishItems: woodenFishShelfItems,
+        match3dItems: match3dShelfItems,
+        squareHoleItems: isSquareHoleCreationVisible ? squareHoleShelfItems : [],
+        puzzleItems: puzzleShelfItems,
+        babyObjectMatchItems: isBabyObjectMatchVisible
+          ? babyObjectMatchDrafts
+          : [],
+        barkBattleItems: barkBattleShelfItems,
+        visualNovelItems: visualNovelShelfItems,
+        canDeleteRpg: true,
+        canDeleteBigFish: isBigFishCreationVisible,
+        canDeleteMatch3D: true,
+        canDeleteSquareHole: isSquareHoleCreationVisible,
+        canDeletePuzzle: true,
+        canDeleteBabyObjectMatch: isBabyObjectMatchVisible,
+        canDeleteVisualNovel: true,
+        onOpenRpgDraft: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            void detailNavigation.handleOpenCreationWork(item);
+          });
+        },
+        onEnterRpgPublished: (profileId) => {
+          runProtectedAction(() => {
+            const matchedWork = creationHubItems.find(
+              (entry) => entry.profileId === profileId,
+            );
+            if (!matchedWork) {
+              return;
+            }
+            markCreationFlowReturnToDraftShelf();
+            void detailNavigation.handleOpenCreationWork(matchedWork);
+          });
+        },
+        onDeleteRpg: handleDeletePublishedWork,
+        onOpenBigFishDetail: isBigFishCreationVisible
+          ? (item) => {
+              runProtectedAction(() => {
+                markCreationFlowReturnToDraftShelf();
+                void openBigFishDraft(item);
+              });
+            }
+          : undefined,
+        onDeleteBigFish: isBigFishCreationVisible
+          ? handleDeleteBigFishWork
+          : undefined,
+        onOpenJumpHopDetail: isJumpHopCreationVisible
+          ? (item) => {
+              runProtectedAction(() => {
+                markCreationFlowReturnToDraftShelf();
+                void openJumpHopDraft(item);
+              });
+            }
+          : undefined,
+        onOpenWoodenFishDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            void openWoodenFishDraft(item);
+          });
+        },
+        onOpenMatch3DDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            void openMatch3DDraft(item);
+          });
+        },
+        onDeleteMatch3D: handleDeleteMatch3DWork,
+        onOpenSquareHoleDetail: isSquareHoleCreationVisible
+          ? (item) => {
+              runProtectedAction(() => {
+                markCreationFlowReturnToDraftShelf();
+                void openSquareHoleDraft(item);
+              });
+            }
+          : undefined,
+        onDeleteSquareHole: isSquareHoleCreationVisible
+          ? handleDeleteSquareHoleWork
+          : undefined,
+        onOpenPuzzleDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            void openPuzzleDraft(item);
+          });
+        },
+        onDeletePuzzle: handleDeletePuzzleWork,
+        onClaimPuzzlePointIncentive: handleClaimPuzzlePointIncentive,
+        onOpenBabyObjectMatchDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            openBabyObjectMatchDraft(item);
+          });
+        },
+        onDeleteBabyObjectMatch: handleDeleteBabyObjectMatchWork,
+        onOpenBarkBattleDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            openBarkBattleDraft(item);
+          });
+        },
+        onOpenVisualNovelDetail: (item) => {
+          runProtectedAction(() => {
+            markCreationFlowReturnToDraftShelf();
+            void openVisualNovelDraft(item);
+          });
+        },
+        onDeleteVisualNovel: handleDeleteVisualNovelWork,
+        getItemState: getCreationWorkShelfState,
+      }),
+    [
+      barkBattleShelfItems,
+      babyObjectMatchDrafts,
+      bigFishShelfItems,
+      creationHubItems,
+      detailNavigation,
+      getCreationWorkShelfState,
+      handleClaimPuzzlePointIncentive,
+      handleDeleteBabyObjectMatchWork,
+      handleDeleteBigFishWork,
+      handleDeleteMatch3DWork,
+      handleDeletePublishedWork,
+      handleDeletePuzzleWork,
+      handleDeleteSquareHoleWork,
+      handleDeleteVisualNovelWork,
+      isBabyObjectMatchVisible,
+      isBigFishCreationVisible,
+      isJumpHopCreationVisible,
+      isSquareHoleCreationVisible,
+      jumpHopShelfItems,
+      markCreationFlowReturnToDraftShelf,
+      match3dShelfItems,
+      openBabyObjectMatchDraft,
+      openBarkBattleDraft,
+      openBigFishDraft,
+      openJumpHopDraft,
+      openMatch3DDraft,
+      openPuzzleDraft,
+      openSquareHoleDraft,
+      openVisualNovelDraft,
+      openWoodenFishDraft,
+      platformBootstrap.savedCustomWorldEntries,
+      puzzleShelfItems,
+      runProtectedAction,
+      squareHoleShelfItems,
+      visualNovelShelfItems,
+      woodenFishShelfItems,
+    ],
+  );
+
  // 中文注释：最近创作必须由真实作品架/后端草稿摘要决定，不能混入本地生成中占位。
  const backendRecentCreationShelfItems = useMemo(
    () =>
@@ -14781,7 +14936,7 @@ export function PlatformEntryFlowShellImpl({
      {creationEntryConfig ? (
        <CustomWorldCreationHub
          mode={mode}
-          items={creationHubItems}
+          shelfItems={creationHubShelfItems}
          loading={
            platformBootstrap.isLoadingPlatform ||
            isBigFishLoadingLibrary ||
@@ -14871,144 +15026,11 @@ export function PlatformEntryFlowShellImpl({
          creationTypes={creationEntryTypes}
          recentWorkItems={backendRecentCreationShelfItems}
          onCreateType={handleCreationHubCreateType}
-          getWorkState={getCreationWorkShelfState}
          onOpenShelfItem={(item) => {
            markDraftNoticeSeen(getGenerationNoticeShelfKeys(item));
          }}
-          onOpenDraft={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              void detailNavigation.handleOpenCreationWork(item);
-            });
-          }}
-          onEnterPublished={(profileId) => {
-            runProtectedAction(() => {
-              const matchedWork = creationHubItems.find(
-                (entry) => entry.profileId === profileId,
-              );
-              if (!matchedWork) {
-                return;
-              }
-              markCreationFlowReturnToDraftShelf();
-              void detailNavigation.handleOpenCreationWork(matchedWork);
-            });
-          }}
-          onDeletePublished={(item) => {
-            handleDeletePublishedWork(item);
-          }}
          deletingWorkId={deletingCreationWorkId}
-          rpgLibraryEntries={platformBootstrap.savedCustomWorldEntries}
-          bigFishItems={isBigFishCreationVisible ? bigFishShelfItems : []}
-          jumpHopItems={isJumpHopCreationVisible ? jumpHopShelfItems : []}
-          woodenFishItems={woodenFishShelfItems}
-          onOpenBigFishDetail={
-            isBigFishCreationVisible
-              ? (item) => {
-                  runProtectedAction(() => {
-                    markCreationFlowReturnToDraftShelf();
-                    void openBigFishDraft(item);
-                  });
-                }
-              : undefined
-          }
-          onOpenJumpHopDetail={
-            isJumpHopCreationVisible
-              ? (item) => {
-                  runProtectedAction(() => {
-                    markCreationFlowReturnToDraftShelf();
-                    void openJumpHopDraft(item);
-                  });
-                }
-              : undefined
-          }
-          onDeleteBigFish={
-            isBigFishCreationVisible
-              ? (item) => {
-                  handleDeleteBigFishWork(item);
-                }
-              : null
-          }
-          onDeleteJumpHop={null}
-          onOpenWoodenFishDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              void openWoodenFishDraft(item);
-            });
-          }}
-          onDeleteWoodenFish={null}
-          match3dItems={match3dShelfItems}
-          onOpenMatch3DDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              void openMatch3DDraft(item);
-            });
-          }}
-          onDeleteMatch3D={(item) => {
-            handleDeleteMatch3DWork(item);
-          }}
-          squareHoleItems={
-            isSquareHoleCreationVisible ? squareHoleShelfItems : []
-          }
-          onOpenSquareHoleDetail={
-            isSquareHoleCreationVisible
-              ? (item) => {
-                  runProtectedAction(() => {
-                    markCreationFlowReturnToDraftShelf();
-                    void openSquareHoleDraft(item);
-                  });
-                }
-              : undefined
-          }
-          onDeleteSquareHole={
-            isSquareHoleCreationVisible
-              ? (item) => {
-                  handleDeleteSquareHoleWork(item);
-                }
-              : null
-          }
-          puzzleItems={puzzleShelfItems}
-          onOpenPuzzleDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              void openPuzzleDraft(item);
-            });
-          }}
-          onDeletePuzzle={(item) => {
-            handleDeletePuzzleWork(item);
-          }}
-          onClaimPuzzlePointIncentive={(item) => {
-            handleClaimPuzzlePointIncentive(item);
-          }}
          claimingPuzzleProfileId={claimingPuzzlePointIncentiveProfileId}
-          babyObjectMatchItems={
-            isBabyObjectMatchVisible ? babyObjectMatchDrafts : []
-          }
-          onOpenBabyObjectMatchDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              openBabyObjectMatchDraft(item);
-            });
-          }}
-          onDeleteBabyObjectMatch={(item) => {
-            handleDeleteBabyObjectMatchWork(item);
-          }}
-          barkBattleItems={barkBattleShelfItems}
-          onOpenBarkBattleDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              openBarkBattleDraft(item);
-            });
-          }}
-          visualNovelItems={visualNovelShelfItems}
-          onOpenVisualNovelDetail={(item) => {
-            runProtectedAction(() => {
-              markCreationFlowReturnToDraftShelf();
-              void openVisualNovelDraft(item);
-            });
-          }}
-          onDeleteVisualNovel={(item) => {
-            handleDeleteVisualNovelWork(item);
-          }}
        />
      ) : null}
    </Suspense>