Refine play type integration flow and docs

src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx

@@ -560,7 +560,7 @@ test('creation hub shows RPG public work code from published library entry', ()
   expect(screen.queryByText('CW-00000001')).toBeNull();
 });
 
-test('creation hub exposes persisted draft delete action directly on the card', () => {
+test('creation hub keeps persisted draft delete action off the card header', () => {
   const { container } = render(
     <CustomWorldCreationHub
       items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
@@ -579,7 +579,7 @@ test('creation hub exposes persisted draft delete action directly on the card',
   expect(
     container.querySelector('.creation-work-card__swipe-underlay'),
   ).toBeTruthy();
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
 });
 
 test('creation hub reveals persisted draft delete action from left swipe', () => {
@@ -641,6 +641,75 @@ test('creation hub reveals persisted draft delete action from keyboard', async (
   expect(screen.queryByRole('button', { name: '分享' })).toBeNull();
 });
 
+test('creation hub reveals persisted draft delete action from long press menu', () => {
+  const { container } = render(
+    <CustomWorldCreationHub
+      items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onDeletePublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+    />,
+  );
+
+  const card = screen.getByRole('button', { name: /继续完善《潮雾列岛》/u });
+  fireEvent.contextMenu(card);
+
+  expect(
+    container.querySelector('.creation-work-card-shell--actions-visible'),
+  ).toBeTruthy();
+  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+});
+
+test('creation hub gives every deletable work card a side delete action', () => {
+  const { container } = render(
+    <CustomWorldCreationHub
+      items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
+      babyObjectMatchItems={[babyObjectMatchDraftItem]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:side-delete',
+          profileId: 'puzzle-profile-side-delete',
+          ownerUserId: 'user-1',
+          authorDisplayName: '拼图作者',
+          levelName: '侧边删除拼图',
+          summary: '不同来源都应有侧边删除。',
+          themeTags: ['灯塔'],
+          coverImageSrc: null,
+          publicationStatus: 'draft',
+          updatedAt: new Date('2026-05-02T12:00:00.000Z').toISOString(),
+          publishedAt: null,
+          playCount: 0,
+          remixCount: 0,
+          likeCount: 0,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onDeletePublished={() => {}}
+      onDeleteBabyObjectMatch={() => {}}
+      onDeletePuzzle={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+    />,
+  );
+
+  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
+  expect(
+    container.querySelectorAll('.creation-work-card__swipe-underlay'),
+  ).toHaveLength(3);
+});
+
 test('creation hub shows delete action for baby object match drafts', async () => {
   const user = userEvent.setup();
   const onDeleteBabyObjectMatch = vi.fn();
@@ -719,7 +788,7 @@ test('creation hub works-only tab filters bark battle draft and published works'
   expect(onOpenBarkBattleDetail).toHaveBeenCalledWith(barkBattlePublishedItem);
 });
 
-test('creation hub published work delete action is directly visible', async () => {
+test('creation hub published work delete action stays in revealed side actions', async () => {
   const user = userEvent.setup();
   const onDeletePuzzle = vi.fn();
   const onOpenPuzzleDetail = vi.fn();
@@ -759,9 +828,11 @@ test('creation hub published work delete action is directly visible', async () =
     />,
   );
 
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
   expect(screen.getByRole('button', { name: '分享' })).toBeTruthy();
 
+  screen.getByRole('button', { name: /查看详情《待删拼图》/u }).focus();
+  await user.keyboard('{ArrowLeft}');
   await user.click(screen.getByRole('button', { name: '删除' }));
 
   expect(onDeletePuzzle).toHaveBeenCalledWith(
@@ -770,7 +841,7 @@ test('creation hub published work delete action is directly visible', async () =
   expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
 });
 
-test('creation hub exposes work delete action directly on card', async () => {
+test('creation hub reveals draft work delete action from keyboard', async () => {
   const user = userEvent.setup();
   const onDeletePuzzle = vi.fn();
   const onOpenPuzzleDetail = vi.fn();
@@ -810,6 +881,10 @@ test('creation hub exposes work delete action directly on card', async () => {
     />,
   );
 
+  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
+
+  screen.getByRole('button', { name: /继续创作《直接删除拼图》/u }).focus();
+  await user.keyboard('{ArrowLeft}');
   await user.click(screen.getByRole('button', { name: '删除' }));
 
   expect(onDeletePuzzle).toHaveBeenCalledWith(
@@ -858,7 +933,9 @@ test('creation hub keeps swipe delete action available', async () => {
     />,
   );
 
-  const card = screen.getByRole('button', { name: /查看详情《左滑删除拼图》/u });
+  const card = screen.getByRole('button', {
+    name: /查看详情《左滑删除拼图》/u,
+  });
   fireEvent.touchStart(card, {
     touches: [{ clientX: 180, clientY: 20 }],
   });