From abea7cec1d28a4250dab8905b33788d56ab9740a Mon Sep 17 00:00:00 2001
From: kdletters <61648117+kdletters@users.noreply.github.com>
Date: Tue, 26 May 2026 15:57:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B9=B3=E5=8F=B0=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E4=B8=8E=E5=AE=8C=E6=88=90=E5=BC=B9=E7=AA=97=E6=94=B6=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hermes/shared-memory/decision-log.md         |   8 +
 ...�玩法创作】平�入�与玩法链路-2026-05-15.md |   2 +
 .../PlatformEntryFlowShellImpl.tsx            | 143 +++++++++++++++++-
 .../PlatformErrorDialog.test.tsx              |  47 ++++++
 .../PlatformTaskCompletionDialog.tsx          | 124 +++++++++++++++
 ...gEntryFlowShell.agent.interaction.test.tsx |  34 ++++-
 6 files changed, 347 insertions(+), 11 deletions(-)
 create mode 100644 src/components/platform-entry/PlatformTaskCompletionDialog.tsx

diff --git a/.hermes/shared-memory/decision-log.md b/.hermes/shared-memory/decision-log.md
index 070fd6ca..51c774ff 100644
--- a/.hermes/shared-memory/decision-log.md
+++ b/.hermes/shared-memory/decision-log.md
@@ -24,6 +24,14 @@
 - 验�方�：`npm run test -- src/components/platform-entry/PlatformErrorDialog.test.tsx src/components/platform-entry/PlatformEntryCreationTypeModal.test.tsx`�`npm run typecheck`�`npm run check:encoding` 通过；手测时异步失败应弹出包�“错误���和“错误内容�的弹窗，�制按钮应�制完整诊断文本。
 - 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
 
+## 2026-05-26 生�任务完�在离开生�页�弹独立完�弹窗
+
+- 背景：抓大鹅�拼图等生�任务完�时，用户如果已�离开生�页，�稿页的未读红点�足以表达“这次生�已完��；但如果用户��留在生�页，结果页或试玩页本身就是完��馈，�需���一个�功�示。
+- 决策：平�壳层在 `markDraftReady(..., viewedImmediately=false)` 时�外弹出 `PlatformTaskCompletionDialog`，完�弹窗必须带��和�制按钮；如果 `viewedImmediately=true`，��留结果页 / 试玩页本身的完��馈和�稿未读�，���弹窗。
+- 影�范围：`src/components/platform-entry/PlatformEntryFlowShellImpl.tsx`�`src/components/platform-entry/PlatformTaskCompletionDialog.tsx`�`src/components/platform-entry/PlatformErrorDialog.test.tsx`�`src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx`�`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+- 验�方�：`npm run test -- src/components/platform-entry/PlatformErrorDialog.test.tsx`�`npm run test -- src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx -t "completed match3d draft"` 通过�，离开生�页�完�的�稿应出现“生�完��弹窗，且�制内容包���与状�。
+- 关�文档：`docs/�玩法创作】平�入�与玩法链路-2026-05-15.md`。
+
 ## 2026-05-26 “我的�页任务�读�端任务摘�并移除常驻填邀请�入�
 
 - 背景：移动端“我的�页�日任务�曾硬编� `0 / 1`，任务领�完���刷新弹窗内任务中心，�片本身�更新；页�底部还�留旧的“填邀请��次级按钮，和当�五项常用功能宫格�径��。
diff --git a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
index 600e0327..9899a199 100644
--- a/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
+++ b/docs/�玩法创作】平�入�与玩法链路-2026-05-15.md
@@ -14,6 +14,8 @@
 
 平�入��生�页�结果页�作�详情�作�架和�行�的跨�程错误统一收�到 `PlatformErrorDialog`。弹窗必须带明确错误��，例如�个�稿��次生��作�详情或�个游玩实例，并�供�制按钮�制“错误�� + 错误内容�。页�内����渲染裸错误 banner；表�校验��布确认弹窗里的局部业务错误�以�留在原弹窗内。
 
+生�任务在用户离开生�页�异步完�时，平�壳层必须弹出 `PlatformTaskCompletionDialog`。完�弹窗�样�带��，例如�个�稿或生�会�，并�供�制按钮�制“�� + 状��；如果用户��留在生�页并被自动带入结果页或试玩页，生�页 / 结果页本身�为完��馈，���外�加完�弹窗。
+
 `PlatformEntryFlowShellImpl.tsx` �是平�入�编排壳，�续维护时应优先把独立 UI 片段�公开作�映射��稿生� notice 和�行�状� helper 拆到 `src/components/platform-entry/PlatformEntryFlowShellImpl/` 或�目录紧邻 helper 文件。拆分��许改�文件组织，�改�入��置事实��默认导出�props�页�阶段�UI 文案或现有交互；其中拼图首访 onboarding 已拆为 `PlatformEntryFlowShellImpl/PuzzleOnboardingView.tsx`。
 
 `platformEntryCreationTypes.ts` ���端展示派生，分组时必须把�端 `creationTypes` 里的 `categoryId` / `categoryLabel` 当作�缺失字段处�，空值统一回退到 `recent` / `最近创作`，��旧数��局部 mock 或异常返回把创作入��始化直接打崩。
diff --git a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
index a74239f8..19c1fecd 100644
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -429,6 +429,10 @@ import {
   PlatformErrorDialog,
   type PlatformErrorDialogPayload,
 } from './PlatformErrorDialog';
+import {
+  PlatformTaskCompletionDialog,
+  type PlatformTaskCompletionDialogPayload,
+} from './PlatformTaskCompletionDialog';
 import { PlatformFeedbackView } from './PlatformFeedbackView';
 import { PlatformWorkDetailView } from './PlatformWorkDetailView';
 import { usePlatformCreationAgentFlowController } from './usePlatformCreationAgentFlowController';
@@ -444,6 +448,7 @@ type DraftGenerationNoticeStatus = 'generating' | 'ready';
 type DraftGenerationNotice = {
   status: DraftGenerationNoticeStatus;
   seen: boolean;
+  completedAtMs?: number;
 };
 type DraftGenerationNoticeMap = Record<string, DraftGenerationNotice>;
 type CreationWorkShelfKind = CreationWorkShelfItem['kind'];
@@ -2027,12 +2032,74 @@ function formatPlatformErrorSource(label: string, id?: string | null) {
   return normalizedId ? `${label} ${normalizedId}` : label;
 }
 
+function formatPlatformTaskCompletionSource(label: string, id?: string | null) {
+  const normalizedId = id?.trim();
+  return normalizedId ? `${label} ${normalizedId}` : label;
+}
+
 function buildPlatformErrorDialogDismissKey(
   error: (PlatformErrorDialogPayload & { key: string }) | null,
 ) {
   return error ? `${error.key}:${error.source}:${error.message}` : null;
 }
 
+function buildPlatformTaskCompletionDialogDismissKey(
+  completion:
+    | (PlatformTaskCompletionDialogPayload & {
+        key: string;
+        completedAtMs: number | null;
+      })
+    | null,
+) {
+  return completion
+    ? `${completion.key}:${completion.source}:${completion.message}:${completion.completedAtMs ?? 0}`
+    : null;
+}
+
+function pickDraftCompletionDialogSourceId(
+  ids: Array<string | null | undefined>,
+) {
+  const normalizedIds = ids
+    .map((id) => id?.trim() ?? '')
+    .filter((id) => Boolean(id));
+  return (
+    normalizedIds.find((id) => /session/i.test(id)) ??
+    normalizedIds.find((id) => /work/i.test(id)) ??
+    normalizedIds.find((id) => /draft/i.test(id)) ??
+    normalizedIds.find((id) => /run/i.test(id)) ??
+    normalizedIds.find((id) => /profile/i.test(id)) ??
+    normalizedIds[0] ??
+    null
+  );
+}
+
+function buildDraftCompletionDialogSource(
+  kind: CreationWorkShelfKind,
+  ids: Array<string | null | undefined>,
+) {
+  const sourceId = pickDraftCompletionDialogSourceId(ids);
+  switch (kind) {
+    case 'rpg':
+      return formatPlatformTaskCompletionSource('RPG �稿', sourceId);
+    case 'big-fish':
+      return formatPlatformTaskCompletionSource('大鱼��鱼�稿', sourceId);
+    case 'match3d':
+      return formatPlatformTaskCompletionSource('抓大鹅�稿', sourceId);
+    case 'square-hole':
+      return formatPlatformTaskCompletionSource('方洞挑战�稿', sourceId);
+    case 'jump-hop':
+      return formatPlatformTaskCompletionSource('跳一跳�稿', sourceId);
+    case 'puzzle':
+      return formatPlatformTaskCompletionSource('拼图�稿', sourceId);
+    case 'visual-novel':
+      return formatPlatformTaskCompletionSource('视觉�说�稿', sourceId);
+    case 'bark-battle':
+      return formatPlatformTaskCompletionSource('汪汪声浪�稿', sourceId);
+    case 'baby-object-match':
+      return formatPlatformTaskCompletionSource('��识物�稿', sourceId);
+  }
+}
+
 function createMiniGameDraftGenerationStateForRestoredDraft(
   kind: MiniGameDraftGenerationKind,
   metadata?: MiniGameDraftGenerationState['metadata'],
@@ -3327,6 +3394,16 @@ export function PlatformEntryFlowShellImpl({
     useState<DraftGenerationNoticeMap>({});
   const [pendingDraftShelfItems, setPendingDraftShelfItems] =
     useState<PendingDraftShelfMap>({});
+  const [
+    pendingPlatformTaskCompletionDialog,
+    setPendingPlatformTaskCompletionDialog,
+  ] = useState<
+    | (PlatformTaskCompletionDialogPayload & {
+        key: string;
+        completedAtMs: number | null;
+      })
+    | null
+  >(null);
   const [initialCreationUrlState] = useState(() => readCreationUrlState());
   const handledInitialCreationUrlStateRef = useRef(false);
   const [initialPuzzleRuntimeUrlState] = useState(() =>
@@ -3404,10 +3481,14 @@ export function PlatformEntryFlowShellImpl({
         return;
       }
 
+      const completedAtMs = status === 'ready' ? Date.now() : undefined;
       setDraftGenerationNotices((current) => {
         const next = { ...current };
         for (const key of uniqueKeys) {
-          next[key] = { status, seen };
+          next[key] =
+            completedAtMs === undefined
+              ? { status, seen }
+              : { status, seen, completedAtMs };
         }
         return next;
       });
@@ -3449,12 +3530,13 @@ export function PlatformEntryFlowShellImpl({
   );
   const markDraftGenerating = useCallback(
     (kind: CreationWorkShelfKind, ids: Array<string | null | undefined>) => {
+      setPendingPlatformTaskCompletionDialog(null);
       updateDraftGenerationNotices(
         collectDraftNoticeKeys(kind, ids),
         'generating',
       );
     },
-    [updateDraftGenerationNotices],
+    [setPendingPlatformTaskCompletionDialog, updateDraftGenerationNotices],
   );
   const markDraftReady = useCallback(
     (
@@ -3467,17 +3549,27 @@ export function PlatformEntryFlowShellImpl({
         'ready',
         viewedImmediately,
       );
+      if (!viewedImmediately) {
+        const completedAtMs = Date.now();
+        setPendingPlatformTaskCompletionDialog({
+          key: `${kind}:${collectDraftNoticeKeys(kind, ids).join('|')}:${completedAtMs}`,
+          source: buildDraftCompletionDialogSource(kind, ids),
+          message: '生�任务已完�，�以继续查看�稿。',
+          completedAtMs,
+        });
+      }
     },
-    [updateDraftGenerationNotices],
+    [setPendingPlatformTaskCompletionDialog, updateDraftGenerationNotices],
   );
   const markPendingDraftGenerating = useCallback(
     (
       kind: Exclude<CreationWorkShelfKind, 'rpg'>,
       id: string | null | undefined,
     ) => {
+      setPendingPlatformTaskCompletionDialog(null);
       updatePendingDraftShelfItem(kind, id, 'generating');
     },
-    [updatePendingDraftShelfItem],
+    [setPendingPlatformTaskCompletionDialog, updatePendingDraftShelfItem],
   );
   const markPendingDraftReady = useCallback(
     (
@@ -5790,6 +5882,10 @@ export function PlatformEntryFlowShellImpl({
     );
   const [dismissedPlatformErrorDialogKey, setDismissedPlatformErrorDialogKey] =
     useState<string | null>(null);
+  const [
+    dismissedPlatformTaskCompletionDialogKey,
+    setDismissedPlatformTaskCompletionDialogKey,
+  ] = useState<string | null>(null);
   const currentPlatformErrorDialog = useMemo<
     (PlatformErrorDialogPayload & { key: string }) | null
   >(() => {
@@ -6013,6 +6109,25 @@ export function PlatformEntryFlowShellImpl({
     woodenFishRun?.runId,
     woodenFishSession?.sessionId,
   ]);
+  const currentPlatformTaskCompletionDialog = useMemo<
+    | (PlatformTaskCompletionDialogPayload & {
+        key: string;
+        completedAtMs: number | null;
+      })
+    | null
+  >(() => pendingPlatformTaskCompletionDialog, [
+    pendingPlatformTaskCompletionDialog,
+  ]);
+  const activePlatformTaskCompletionDialogDismissKey =
+    buildPlatformTaskCompletionDialogDismissKey(
+      currentPlatformTaskCompletionDialog,
+    );
+  const activePlatformTaskCompletionDialog =
+    activePlatformTaskCompletionDialogDismissKey &&
+    activePlatformTaskCompletionDialogDismissKey ===
+      dismissedPlatformTaskCompletionDialogKey
+      ? null
+      : currentPlatformTaskCompletionDialog;
   const activePlatformErrorDialogDismissKey =
     buildPlatformErrorDialogDismissKey(currentPlatformErrorDialog);
   const activePlatformErrorDialog =
@@ -6118,6 +6233,19 @@ export function PlatformEntryFlowShellImpl({
     setSquareHoleError,
     setVisualNovelError,
   ]);
+  const closePlatformTaskCompletionDialog = useCallback(() => {
+    if (!currentPlatformTaskCompletionDialog) {
+      return;
+    }
+
+    const dismissKey = buildPlatformTaskCompletionDialogDismissKey(
+      currentPlatformTaskCompletionDialog,
+    );
+    if (dismissKey) {
+      setDismissedPlatformTaskCompletionDialogKey(dismissKey);
+    }
+    setPendingPlatformTaskCompletionDialog(null);
+  }, [currentPlatformTaskCompletionDialog]);
   const shouldPollPuzzleGenerationSession =
     selectionStage === 'puzzle-generating' &&
     activePuzzleGenerationSessionId != null &&
@@ -7116,6 +7244,7 @@ export function PlatformEntryFlowShellImpl({
     setIsProfilePlayStatsOpen(false);
     setDraftGenerationNotices({});
     setPendingDraftShelfItems({});
+    setPendingPlatformTaskCompletionDialog(null);
     resetRpgSessionViewState();
     setRpgGeneratedCustomWorldProfile(null);
     setRpgCustomWorldError(null);
@@ -16871,6 +17000,12 @@ export function PlatformEntryFlowShellImpl({
         overlayClassName={`platform-theme ${platformThemeClass} !items-center`}
         panelClassName="platform-remap-surface rounded-[1.5rem]"
       />
+      <PlatformTaskCompletionDialog
+        completion={activePlatformTaskCompletionDialog}
+        onClose={closePlatformTaskCompletionDialog}
+        overlayClassName={`platform-theme ${platformThemeClass} !items-center`}
+        panelClassName="platform-remap-surface rounded-[1.5rem]"
+      />
       <UnifiedModal
         open={Boolean(pendingDeleteCreationWork)}
         title="删除作�"
diff --git a/src/components/platform-entry/PlatformErrorDialog.test.tsx b/src/components/platform-entry/PlatformErrorDialog.test.tsx
index 626535fb..2e0759e1 100644
--- a/src/components/platform-entry/PlatformErrorDialog.test.tsx
+++ b/src/components/platform-entry/PlatformErrorDialog.test.tsx
@@ -11,6 +11,7 @@ import { afterEach, describe, expect, test, vi } from 'vitest';
 
 import * as clipboardService from '../../services/clipboard';
 import { PlatformErrorDialog } from './PlatformErrorDialog';
+import { PlatformTaskCompletionDialog } from './PlatformTaskCompletionDialog';
 
 vi.mock('../../services/clipboard', () => ({
   copyTextToClipboard: vi.fn(),
@@ -58,3 +59,49 @@ describe('PlatformErrorDialog', () => {
     expect(screen.queryByRole('dialog', { name: '�生错误' })).toBeNull();
   });
 });
+
+describe('PlatformTaskCompletionDialog', () => {
+  test('shows source, message, and copies the full completion report', async () => {
+    vi.mocked(clipboardService.copyTextToClipboard).mockResolvedValue(true);
+
+    render(
+      <PlatformTaskCompletionDialog
+        completion={{
+          source: '抓大鹅�稿 match3d-notice-session-1',
+          message: '生�任务已完�，�以继续查看�稿。',
+        }}
+        onClose={() => {}}
+      />,
+    );
+
+    const dialog = screen.getByRole('dialog', { name: '生�完�' });
+    expect(
+      within(dialog).getByText('抓大鹅�稿 match3d-notice-session-1'),
+    ).toBeTruthy();
+    expect(
+      within(dialog).getByText('生�任务已完�，�以继续查看�稿。'),
+    ).toBeTruthy();
+
+    fireEvent.click(within(dialog).getByRole('button', { name: '�制内容' }));
+
+    expect(clipboardService.copyTextToClipboard).toHaveBeenCalledWith(
+      [
+        '��：抓大鹅�稿 match3d-notice-session-1',
+        '状�：生�任务已完�，�以继续查看�稿。',
+      ].join('\n'),
+    );
+    await waitFor(() => {
+      expect(
+        within(dialog).getByRole('button', { name: '已�制' }),
+      ).toBeTruthy();
+    });
+  });
+
+  test('does not render when there is no active completion', () => {
+    render(
+      <PlatformTaskCompletionDialog completion={null} onClose={() => {}} />,
+    );
+
+    expect(screen.queryByRole('dialog', { name: '生�完�' })).toBeNull();
+  });
+});
diff --git a/src/components/platform-entry/PlatformTaskCompletionDialog.tsx b/src/components/platform-entry/PlatformTaskCompletionDialog.tsx
new file mode 100644
index 00000000..66513dd9
--- /dev/null
+++ b/src/components/platform-entry/PlatformTaskCompletionDialog.tsx
@@ -0,0 +1,124 @@
+import { CheckCircle2, Copy } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+import { copyTextToClipboard } from '../../services/clipboard';
+import { UnifiedModal } from '../common/UnifiedModal';
+
+export type PlatformTaskCompletionDialogPayload = {
+  source: string;
+  message: string;
+};
+
+type PlatformTaskCompletionDialogProps = {
+  completion: PlatformTaskCompletionDialogPayload | null;
+  onClose: () => void;
+  overlayClassName?: string;
+  panelClassName?: string;
+};
+
+function buildPlatformTaskCompletionReport(
+  completion: PlatformTaskCompletionDialogPayload,
+) {
+  return [`��：${completion.source}`, `状�：${completion.message}`].join(
+    '\n',
+  );
+}
+
+export function PlatformTaskCompletionDialog({
+  completion,
+  onClose,
+  overlayClassName = 'platform-theme platform-theme--light !items-center',
+  panelClassName = 'platform-remap-surface rounded-[1.5rem]',
+}: PlatformTaskCompletionDialogProps) {
+  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
+    'idle',
+  );
+  const resetTimerRef = useRef<number | null>(null);
+  const reportText = useMemo(
+    () => (completion ? buildPlatformTaskCompletionReport(completion) : ''),
+    [completion],
+  );
+
+  useEffect(
+    () => () => {
+      if (resetTimerRef.current !== null) {
+        window.clearTimeout(resetTimerRef.current);
+      }
+    },
+    [],
+  );
+
+  useEffect(() => {
+    setCopyState('idle');
+  }, [completion?.source, completion?.message]);
+
+  const copyCompletion = () => {
+    if (!reportText) {
+      return;
+    }
+
+    void copyTextToClipboard(reportText).then((copied) => {
+      setCopyState(copied ? 'copied' : 'failed');
+      if (resetTimerRef.current !== null) {
+        window.clearTimeout(resetTimerRef.current);
+      }
+      resetTimerRef.current = window.setTimeout(() => {
+        resetTimerRef.current = null;
+        setCopyState('idle');
+      }, 1400);
+    });
+  };
+
+  return (
+    <UnifiedModal
+      open={Boolean(completion)}
+      title="生�完�"
+      onClose={onClose}
+      size="sm"
+      overlayClassName={overlayClassName}
+      panelClassName={panelClassName}
+      bodyClassName="space-y-3 px-4 py-4 sm:px-5 sm:py-5"
+      footerClassName="justify-end px-4 py-4 sm:px-5"
+      footer={
+        <button
+          type="button"
+          onClick={copyCompletion}
+          disabled={!reportText}
+          className="platform-button platform-button--primary w-full justify-center gap-2 sm:w-auto"
+        >
+          {copyState === 'copied' ? (
+            <CheckCircle2 className="h-4 w-4" />
+          ) : (
+            <Copy className="h-4 w-4" />
+          )}
+          {copyState === 'copied'
+            ? '已�制'
+            : copyState === 'failed'
+              ? '�制失败'
+              : '�制内容'}
+        </button>
+      }
+    >
+      {completion ? (
+        <>
+          <div className="rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/72 px-3 py-2">
+            <div className="text-xs font-bold text-[var(--platform-text-soft)]">
+              ��
+            </div>
+            <div className="mt-1 break-words text-sm font-semibold leading-5 text-[var(--platform-text-strong)]">
+              {completion.source}
+            </div>
+          </div>
+          <div className="rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/72 px-3 py-2">
+            <div className="text-xs font-bold text-[var(--platform-text-soft)]">
+              状�
+            </div>
+            <div className="mt-1 whitespace-pre-wrap break-words text-sm leading-6 text-[var(--platform-text-strong)]">
+              {completion.message}
+            </div>
+          </div>
+        </>
+      ) : null}
+    </UnifiedModal>
+  );
+}
diff --git a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
index baf9807c..d6941800 100644
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
@@ -3757,7 +3757,7 @@ test('running match3d form generation can return to draft tab and reopen progres
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
@@ -3841,7 +3841,7 @@ test('running match3d persisted draft reopens progress instead of unfinished res
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
@@ -4038,7 +4038,7 @@ test('running match3d form generation keeps other creation templates available',
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
@@ -4107,7 +4107,7 @@ test('running match3d form generation keeps same template generation available',
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
@@ -4721,7 +4721,7 @@ test('match3d draft generation auto starts trial and runtime back opens draft re
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
@@ -4953,11 +4953,15 @@ test('completed match3d draft notice first opens trial then reopens result', asy
   render(<TestWrapper withAuth />);
 
   await openCreateTemplateHub(user);
-  await user.click(screen.getByRole('tab', { name: '抓大鹅' }));
+  await user.click(await findCreationTypeButton('抓大鹅'));
   await user.click(
     await screen.findByRole('button', { name: '生�抓大鹅�稿' }),
   );
-  expect(await screen.findByText('抓大鹅�稿生�进度')).toBeTruthy();
+  expect(
+    await screen.findByRole('progressbar', {
+      name: '抓大鹅�稿生�进度',
+    }),
+  ).toBeTruthy();
   await user.click(screen.getByRole('button', { name: '返回创作中心' }));
   await openDraftHub(user);
   await expectDraftHubGeneratingBadgeCountAtLeast(1);
@@ -4966,6 +4970,22 @@ test('completed match3d draft notice first opens trial then reopens result', asy
     resolveCompile({ session: generatedSession });
   });
 
+  const completionDialog = await screen.findByRole('dialog', {
+    name: '生�完�',
+  });
+  expect(
+    within(completionDialog).getByText(
+      /抓大鹅�稿 match3d-notice-session-1/u,
+    ),
+  ).toBeTruthy();
+  expect(
+    within(completionDialog).getByText(/生�任务已完�/u),
+  ).toBeTruthy();
+  expect(
+    within(completionDialog).getByRole('button', { name: '�制内容' }),
+  ).toBeTruthy();
+  await user.click(within(completionDialog).getByLabelText('关闭'));
+
   expect(await screen.findByLabelText('新生�完�')).toBeTruthy();
   await user.click(
     await screen.findByRole('button', {