From 4004fcf5f268baba59ef7621bd2c98882e375179 Mon Sep 17 00:00:00 2001
From: kdletters <61648117+kdletters@users.noreply.github.com>
Date: Wed, 27 May 2026 20:18:58 +0800
Subject: [PATCH] Expose work delete action in UI

---
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   2 +-
 ...ustomWorldCreationHub.interaction.test.tsx | 145 ++++++++++++++++--
 .../custom-world-home/CustomWorldWorkCard.tsx | 106 ++++++++-----
 .../PlatformEntryFlowShellImpl.tsx            |   3 +-
 src/index.css                                 |  28 +++-
 5 files changed, 226 insertions(+), 58 deletions(-)

diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index 6092eeb5..4ca4e204 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -42,7 +42,7 @@
 
 1. �稿页作��对��现页列表�风格：左侧信�，�侧��图，移动端�列，桌�两到三列。
 2. �稿页顶部 `全部 / �稿 / 已�布` 筛选与�现页 `推� / 今日 / 分类 / 排行` 频�标签�用�一选中 / 未选中视觉，� `platform-mobile-home-channel` 与 `platform-mobile-home-channel--active`，��使用旧 `platform-tab` 胶囊样�。
-3. �稿页与底部导航的未读�示点统一使用平�暖棕色点和暖棕光晕，��使用红点或红色 glow；�稿 Tab 作�架�片无论�稿 / 已�布都�外露作者信�；已�布作���上角直接显示无边框分享 icon。删除等破�性动作继续收�到左滑或长按�作层。
+3. �稿页与底部导航的未读�示点统一使用平�暖棕色点和暖棕光晕，��使用红点或红色 glow；�稿 Tab 作�架�片无论�稿 / 已�布都�外露作者信�；已�布作���上角直接显示无边框分享 icon。删除等破�性动作在作��上也�直接开放独立删除入�，左滑或长按仅作为辅助�作层。
 4. 生�中作�在整�上加等待�罩，但�移除作�基础信�。
 5. 生�中状��能�存在�端内存 notice。�端作�摘�必须下����的 `generationStatus`；�端刷新或退出产��，作�架优先用摘�状���等待�罩，本轮内存 notice �作为�时�馈。
 6. 点击 `generationStatus=generating` 的�稿�必须��对应玩法的生�进度页，�能进入空白结果页或普通工作区；��生�页的 `startedAtMs` 使用进入生�页的当�时间，作�摘� `updatedAt` �用于排�和摘�展示，��与�进度起算。
diff --git a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
index ff231fa7..1d0d9680 100644
--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/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 hides persisted draft delete action behind swipe underlay', () => {
+test('creation hub exposes persisted draft delete action directly on the card', () => {
   const { container } = render(
     <CustomWorldCreationHub
       items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
@@ -579,7 +579,7 @@ test('creation hub hides persisted draft delete action behind swipe underlay', (
   expect(
     container.querySelector('.creation-work-card__swipe-underlay'),
   ).toBeTruthy();
-  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
+  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
 });
 
 test('creation hub reveals persisted draft delete action from left swipe', () => {
@@ -607,7 +607,9 @@ test('creation hub reveals persisted draft delete action from left swipe', () =>
   });
   fireEvent.touchEnd(card);
 
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(
+    container.querySelector('.creation-work-card__swipe-button--danger'),
+  ).toBeTruthy();
   expect(
     container.querySelector('.creation-work-card-shell--actions-visible'),
   ).toBeTruthy();
@@ -615,7 +617,7 @@ test('creation hub reveals persisted draft delete action from left swipe', () =>
 
 test('creation hub reveals persisted draft delete action from keyboard', async () => {
   const user = userEvent.setup();
-  render(
+  const { container } = render(
     <CustomWorldCreationHub
       items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
       loading={false}
@@ -633,7 +635,9 @@ test('creation hub reveals persisted draft delete action from keyboard', async (
   screen.getByRole('button', { name: /继续完善《潮雾列岛》/u }).focus();
   await user.keyboard('{ArrowLeft}');
 
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(
+    container.querySelector('.creation-work-card__swipe-button--danger'),
+  ).toBeTruthy();
   expect(screen.queryByRole('button', { name: '分享' })).toBeNull();
 });
 
@@ -642,7 +646,7 @@ test('creation hub shows delete action for baby object match drafts', async () =
   const onDeleteBabyObjectMatch = vi.fn();
   const onOpenBabyObjectMatchDetail = vi.fn();
 
-  render(
+  const { container } = render(
     <CustomWorldCreationHub
       items={[]}
       babyObjectMatchItems={[babyObjectMatchDraftItem]}
@@ -662,7 +666,11 @@ test('creation hub shows delete action for baby object match drafts', async () =
   screen.getByRole('button', { name: /继续创作《��识物删除测试》/u }).focus();
   await user.keyboard('{ArrowLeft}');
 
-  await user.click(screen.getByRole('button', { name: '删除' }));
+  await user.click(
+    container.querySelector(
+      '.creation-work-card__swipe-button--danger',
+    ) as HTMLButtonElement,
+  );
 
   expect(onDeleteBabyObjectMatch).toHaveBeenCalledWith(
     babyObjectMatchDraftItem,
@@ -711,7 +719,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 revealed without opening card', async () => {
+test('creation hub published work delete action is directly visible', async () => {
   const user = userEvent.setup();
   const onDeletePuzzle = vi.fn();
   const onOpenPuzzleDetail = vi.fn();
@@ -751,12 +759,6 @@ test('creation hub published work delete action is revealed without opening card
     />,
   );
 
-  expect(screen.queryByRole('button', { name: '删除' })).toBeNull();
-  expect(screen.getByRole('button', { name: '分享' })).toBeTruthy();
-
-  screen.getByRole('button', { name: /查看详情《待删拼图》/u }).focus();
-  await user.keyboard('{ArrowLeft}');
-
   expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
   expect(screen.getByRole('button', { name: '分享' })).toBeTruthy();
 
@@ -768,6 +770,115 @@ test('creation hub published work delete action is revealed without opening card
   expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
 });
 
+test('creation hub exposes work delete action directly on card', async () => {
+  const user = userEvent.setup();
+  const onDeletePuzzle = vi.fn();
+  const onOpenPuzzleDetail = vi.fn();
+
+  render(
+    <CustomWorldCreationHub
+      items={[]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:direct-delete',
+          profileId: 'puzzle-profile-direct-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={() => {}}
+      onOpenPuzzleDetail={onOpenPuzzleDetail}
+      onDeletePuzzle={onDeletePuzzle}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+    />,
+  );
+
+  await user.click(screen.getByRole('button', { name: '删除' }));
+
+  expect(onDeletePuzzle).toHaveBeenCalledWith(
+    expect.objectContaining({ profileId: 'puzzle-profile-direct-delete' }),
+  );
+  expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
+});
+
+test('creation hub keeps swipe delete action available', async () => {
+  const user = userEvent.setup();
+  const onDeletePuzzle = vi.fn();
+  const onOpenPuzzleDetail = vi.fn();
+
+  const { container } = render(
+    <CustomWorldCreationHub
+      items={[]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:swipe-delete',
+          profileId: 'puzzle-profile-swipe-delete',
+          ownerUserId: 'user-1',
+          authorDisplayName: '拼图作者',
+          levelName: '左滑删除拼图',
+          summary: '左滑�然�留辅助删除入�。',
+          themeTags: ['�塔'],
+          coverImageSrc: null,
+          publicationStatus: 'published',
+          updatedAt: new Date('2026-05-02T12:00:00.000Z').toISOString(),
+          publishedAt: new Date('2026-05-02T12:10:00.000Z').toISOString(),
+          playCount: 8,
+          remixCount: 2,
+          likeCount: 1,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onOpenPuzzleDetail={onOpenPuzzleDetail}
+      onDeletePuzzle={onDeletePuzzle}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+    />,
+  );
+
+  const card = screen.getByRole('button', { name: /查看详情《左滑删除拼图》/u });
+  fireEvent.touchStart(card, {
+    touches: [{ clientX: 180, clientY: 20 }],
+  });
+  fireEvent.touchMove(card, {
+    touches: [{ clientX: 80, clientY: 22 }],
+  });
+  fireEvent.touchEnd(card);
+
+  const swipeDeleteButton = container.querySelector(
+    '.creation-work-card__swipe-button--danger',
+  ) as HTMLButtonElement | null;
+  expect(swipeDeleteButton).toBeTruthy();
+  await user.click(swipeDeleteButton!);
+
+  expect(onDeletePuzzle).toHaveBeenCalledWith(
+    expect.objectContaining({ profileId: 'puzzle-profile-swipe-delete' }),
+  );
+  expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
+});
+
 test('creation hub opens persisted rpg drafts by card click', async () => {
   const user = userEvent.setup();
   const openedItems: CustomWorldWorkSummary[] = [];
@@ -942,7 +1053,7 @@ test('creation hub left swipe draft reveals delete without opening card', () =>
   const onDeletePublished = vi.fn();
   const onOpenDraft = vi.fn();
 
-  render(
+  const { container } = render(
     <CustomWorldCreationHub
       items={[{ ...baseDraftItem, profileId: 'profile-1' }]}
       loading={false}
@@ -966,6 +1077,8 @@ test('creation hub left swipe draft reveals delete without opening card', () =>
   });
   fireEvent.touchEnd(card);
 
-  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(
+    container.querySelector('.creation-work-card__swipe-button--danger'),
+  ).toBeTruthy();
   expect(onOpenDraft).not.toHaveBeenCalled();
 });
diff --git a/src/components/custom-world-home/CustomWorldWorkCard.tsx b/src/components/custom-world-home/CustomWorldWorkCard.tsx
index 392282c4..00f38323 100644
--- a/src/components/custom-world-home/CustomWorldWorkCard.tsx
+++ b/src/components/custom-world-home/CustomWorldWorkCard.tsx
@@ -676,43 +676,75 @@ export function CustomWorldWorkCard({
                 {displayTitle}
               </span>
             </div>
-            {canUseShareAction ? (
-              <button
-                type="button"
-                onClick={(event) => {
-                  event.stopPropagation();
-                  suppressOpenRef.current = false;
-                  closeSwipeActions();
-                  copyShareText();
-                }}
-                onKeyDown={(event) => {
-                  event.stopPropagation();
-                }}
-                onPointerDown={(event) => {
-                  event.stopPropagation();
-                }}
-                onTouchStart={(event) => {
-                  event.stopPropagation();
-                }}
-                title={
-                  shareState === 'copied'
-                    ? '已�制'
-                    : shareState === 'failed'
-                      ? '�制失败'
-                      : '分享作�'
-                }
-                aria-label={
-                  shareState === 'copied'
-                    ? '分享内容已�制'
-                    : shareState === 'failed'
-                      ? '分享内容�制失败'
-                      : '分享'
-                }
-                className="creation-work-card__share-button"
-              >
-                <Share2 aria-hidden="true" className="h-4 w-4" />
-              </button>
-            ) : null}
+            <div className="creation-work-card__quick-actions">
+              {canUseShareAction ? (
+                <button
+                  type="button"
+                  onClick={(event) => {
+                    event.stopPropagation();
+                    suppressOpenRef.current = false;
+                    closeSwipeActions();
+                    copyShareText();
+                  }}
+                  onKeyDown={(event) => {
+                    event.stopPropagation();
+                  }}
+                  onPointerDown={(event) => {
+                    event.stopPropagation();
+                  }}
+                  onTouchStart={(event) => {
+                    event.stopPropagation();
+                  }}
+                  title={
+                    shareState === 'copied'
+                      ? '已�制'
+                      : shareState === 'failed'
+                        ? '�制失败'
+                        : '分享作�'
+                  }
+                  aria-label={
+                    shareState === 'copied'
+                      ? '分享内容已�制'
+                      : shareState === 'failed'
+                        ? '分享内容�制失败'
+                        : '分享'
+                  }
+                  className="creation-work-card__quick-action-button"
+                >
+                  <Share2 aria-hidden="true" className="h-4 w-4" />
+                </button>
+              ) : null}
+              {onDelete ? (
+                <button
+                  type="button"
+                  onClick={(event) => {
+                    event.stopPropagation();
+                    suppressOpenRef.current = false;
+                    closeSwipeActions();
+                    onDelete();
+                  }}
+                  onKeyDown={(event) => {
+                    event.stopPropagation();
+                  }}
+                  onPointerDown={(event) => {
+                    event.stopPropagation();
+                  }}
+                  onTouchStart={(event) => {
+                    event.stopPropagation();
+                  }}
+                  disabled={deleteBusy}
+                  title={deleteBusy ? '删除中' : '删除作�'}
+                  aria-label={deleteBusy ? '删除中' : '删除'}
+                  className="creation-work-card__quick-action-button creation-work-card__quick-action-button--danger"
+                >
+                  {deleteBusy ? (
+                    <span className="text-xs leading-none">...</span>
+                  ) : (
+                    <Trash2 aria-hidden="true" className="h-4 w-4" />
+                  )}
+                </button>
+              ) : null}
+            </div>
           </div>
 
           <div className="creation-work-card__meta platform-category-game-item__meta">
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index 48a1278c..301342ea 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -2081,7 +2081,7 @@ function pickDraftCompletionDialogSourceId(
 function buildDraftCompletionDialogSource(
   kind: CreationWorkShelfKind,
   ids: Array<string | null | undefined>,
-) {
+): string {
   const sourceId = pickDraftCompletionDialogSourceId(ids);
   switch (kind) {
     case 'rpg':
@@ -2103,6 +2103,7 @@ function buildDraftCompletionDialogSource(
     case 'baby-object-match':
       return formatPlatformTaskCompletionSource('��识物�稿', sourceId);
   }
+  return formatPlatformTaskCompletionSource('创作�稿', sourceId);
 }
 
 function createMiniGameDraftGenerationStateForRestoredDraft(
diff --git a/src/index.css b/src/index.css
index d1807475..5d82171f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2044,7 +2044,14 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   white-space: normal;
 }
 
-.creation-work-card__share-button {
+.creation-work-card__quick-actions {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 0.12rem;
+}
+
+.creation-work-card__quick-action-button {
   display: inline-flex;
   width: 2rem;
   height: 2rem;
@@ -2061,17 +2068,32 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     transform 160ms ease;
 }
 
-.creation-work-card__share-button:hover {
+.creation-work-card__quick-action-button:hover {
   transform: translateY(-1px);
   background: color-mix(in srgb, var(--platform-cool-bg) 24%, transparent);
   color: var(--platform-cool-text);
 }
 
-.creation-work-card__share-button:focus-visible {
+.creation-work-card__quick-action-button:focus-visible {
   outline: 2px solid var(--platform-cool-border);
   outline-offset: 2px;
 }
 
+.creation-work-card__quick-action-button--danger {
+  color: color-mix(in srgb, #c7653d 78%, var(--platform-text-soft));
+}
+
+.creation-work-card__quick-action-button--danger:hover {
+  background: color-mix(in srgb, #c7653d 18%, transparent);
+  color: #a9472c;
+}
+
+.creation-work-card__quick-action-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.62;
+  transform: none;
+}
+
 .creation-work-card__meta {
   display: flex;
   min-width: 0;