1

2026-04-30 17:49:07 +08:00
parent 805d6f8cae
commit 9d684cb7b3
615 changed files with 15368 additions and 6172 deletions
--- a/src/components/CustomWorldEntityEditorModal.test.tsx
+++ b/src/components/CustomWorldEntityEditorModal.test.tsx
@@ -88,13 +88,34 @@ vi.mock('./rpg-runtime-shell', () => ({
    session,
    chrome,
  }: {
-    session: { gameState: { currentScenePreset?: { name?: string } | null } };
+    session: {
+      gameState: {
+        currentScenePreset?: { id?: string; name?: string } | null;
+        playerCharacter?: { name?: string } | null;
+        runtimeSessionId?: string | null;
+        runtimeMode?: string;
+        runtimePersistenceDisabled?: boolean;
+      };
+      currentStory?: { text?: string } | null;
+    };
    chrome?: { hidePlayerLevelBadge?: boolean };
  }) => (
    <div>
      <div>幕预览运行时</div>
      {chrome?.hidePlayerLevelBadge ? <div>隐藏等级徽标</div> : null}
      <div>{session.gameState.currentScenePreset?.name ?? '未进入场景'}</div>
+      <div>{session.gameState.currentScenePreset?.id ?? '未进入场景ID'}</div>
+      <div>
+        {session.gameState.playerCharacter ? '已选择预览角色' : '未选择角色'}
+      </div>
+      <div>{session.gameState.runtimeSessionId ?? '未设置预览会话'}</div>
+      <div>{session.gameState.runtimeMode ?? '未设置运行模式'}</div>
+      <div>
+        {session.gameState.runtimePersistenceDisabled
+          ? '预览禁用持久化'
+          : '预览允许持久化'}
+      </div>
+      <div>{session.currentStory?.text ?? '未生成当前故事'}</div>
    </div>
  ),
 }));
@@ -102,6 +123,30 @@ vi.mock('./rpg-runtime-shell', () => ({
 vi.mock('./asset-studio/characterAssetWorkflowPersistence', () => ({
  fetchCharacterWorkflowCache: vi.fn().mockResolvedValue({ cache: null }),
  saveCharacterWorkflowCache: vi.fn().mockResolvedValue(undefined),
+  resolveCharacterRoleAssetWorkflow: vi.fn(({ role }) =>
+    Promise.resolve({
+      ok: true,
+      cache: null,
+      workflow: {
+        role,
+        defaultPromptBundle: {
+          visualPromptText: '',
+          animationPromptText: '',
+          scenePromptText: '',
+        },
+        visualPromptText: '',
+        animationPromptText: '',
+        animationPromptTextByKey: {},
+        visualDrafts: [],
+        selectedVisualDraftId: '',
+        selectedAnimation: 'idle',
+      },
+    }),
+  ),
+  putCharacterRoleAssetWorkflow: vi.fn().mockResolvedValue({
+    ok: true,
+    cache: null,
+  }),
  generateCharacterVisualCandidates: vi.fn(),
  publishCharacterVisualAsset: vi.fn(),
  generateCharacterAnimationDraft: vi.fn(),
@@ -1312,6 +1357,13 @@ test('场景幕预览会打开当前幕运行时面板', async () => {
  expect(screen.getAllByText('沉钟栈桥').length).toBeGreaterThan(0);

  expect(screen.getByText('隐藏等级徽标')).toBeTruthy();
+  expect(screen.getByText('已选择预览角色')).toBeTruthy();
+  expect(screen.getByText('runtime-scene-act-preview')).toBeTruthy();
+  expect(screen.getByText('landmark-1')).toBeTruthy();
+  expect(screen.getByText('play')).toBeTruthy();
+  expect(screen.getByText('预览禁用持久化')).toBeTruthy();
+  expect(screen.getByText(/顾潮音已经在沉钟栈桥等你/u)).toBeTruthy();
+  expect(screen.queryByText('正在载入这一幕的游戏流程...')).toBeNull();

  await user.click(screen.getByRole('button', { name: '结束预览' }));

--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
@@ -1,6 +1,6 @@
 /* @vitest-environment jsdom */

-import { render, screen } from '@testing-library/react';
+import { render, screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { afterEach, expect, test, vi } from 'vitest';

@@ -104,9 +104,9 @@ test('creation hub reflects updated draft title summary and counts after rerende
  expect(screen.getByText('玩家是失职返乡的守灯人。')).toBeTruthy();
  expect(screen.queryByText('角色 3')).toBeNull();
  expect(screen.queryByText('地点 4')).toBeNull();
-  expect(
-    screen.getByRole('button', { name: /角色扮演.*剧情演绎/u }),
-  ).toBeTruthy();
+  const rpgButton = screen.getByRole('button', { name: /角色扮演/u });
+  expect((rpgButton as HTMLButtonElement).disabled).toBe(true);
+  expect(within(rpgButton).getAllByText('敬请期待').length).toBeGreaterThan(0);
  expect(screen.getByRole('button', { name: /拼图.*创意礼物/u })).toBeTruthy();
  expect(screen.queryByRole('button', { name: /大鱼吃小鱼/u })).toBeNull();

--- a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
@@ -43,7 +43,7 @@ test('creation hub draft card renders compiled work summary fields', () => {
  expect(html).toContain('玩家是失职返乡的守灯人');
  expect(html).toContain('守灯会与沉船商盟争夺航道解释权');
  expect(html).toContain('角色扮演');
-  expect(html).toContain('剧情演绎，冒险成长');
+  expect(html).toContain('敬请期待');
  expect(html).toContain('拼图');
  expect(html).toContain('创意礼物，生活分享');
  expect(html).not.toContain('大鱼吃小鱼');
--- a/src/components/custom-world-home/creationWorkShelf.ts
+++ b/src/components/custom-world-home/creationWorkShelf.ts
@@ -208,8 +208,11 @@ function mapPuzzleWorkToShelfItem(
    id: item.workId,
    kind: 'puzzle',
    status,
-    title: item.levelName,
-    summary: item.summary,
+    title: item.workTitle?.trim() || item.levelName.trim() || '未命名拼图',
+    summary:
+      item.workDescription?.trim() ||
+      item.summary.trim() ||
+      (status === 'draft' ? '未填写作品描述' : ''),
    updatedAt: item.updatedAt,
    coverImageSrc: item.coverImageSrc ?? null,
    coverRenderMode: 'image',
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -56,6 +56,7 @@ import {
  streamBigFishCreationMessage,
 } from '../../services/big-fish-creation';
 import {
+  likeBigFishGalleryWork,
  listBigFishGallery,
  remixBigFishGalleryWork,
 } from '../../services/big-fish-gallery';
@@ -94,11 +95,13 @@ import {
 } from '../../services/puzzle-agent';
 import {
  getPuzzleGalleryDetail,
+  likePuzzleGalleryWork,
  listPuzzleGallery,
  remixPuzzleGalleryWork,
 } from '../../services/puzzle-gallery';
 import {
  advanceLocalPuzzleNextLevel,
+  advancePuzzleNextLevel,
  getPuzzleRun,
  startPuzzleRun,
  submitPuzzleLeaderboard,
@@ -121,6 +124,7 @@ import { rpgCreationPreviewAdapter } from '../../services/rpg-creation/rpgCreati
 import {
  deleteRpgEntryWorldProfile,
  getRpgEntryWorldGalleryDetailByCode,
+  likeRpgEntryWorldGallery,
  recordRpgEntryWorldGalleryPlay,
  remixRpgEntryWorldGallery,
 } from '../../services/rpg-entry/rpgEntryLibraryClient';
@@ -202,6 +206,13 @@ function getPlatformPublicGalleryEntryKey(entry: PlatformPublicGalleryCard) {
  return `${kind}:${entry.ownerUserId}:${entry.profileId}`;
 }

+function isSamePlatformPublicGalleryEntry(
+  left: PlatformPublicGalleryCard,
+  right: PlatformPublicGalleryCard,
+) {
+  return getPlatformPublicGalleryEntryKey(left) === getPlatformPublicGalleryEntryKey(right);
+}
+
 function mergePlatformPublicGalleryEntries(
  rpgEntries: CustomWorldGalleryCard[],
  puzzleEntries: PlatformPublicGalleryCard[],
@@ -281,6 +292,7 @@ function mapPublicWorkDetailToBigFishWork(
    workId: entry.workId,
    sourceSessionId: entry.profileId,
    ownerUserId: entry.ownerUserId,
+    authorDisplayName: entry.authorDisplayName,
    title: entry.worldName,
    subtitle: entry.subtitle,
    summary: entry.summaryText,
@@ -299,6 +311,20 @@ function mapPublicWorkDetailToBigFishWork(
  };
 }

+function mergePuzzleWorkSummary(
+  current: PuzzleWorkSummary,
+  updated: PuzzleWorkSummary,
+): PuzzleWorkSummary {
+  return current.profileId === updated.profileId ? updated : current;
+}
+
+function mergeBigFishWorkSummary(
+  current: BigFishWorkSummary,
+  updated: BigFishWorkSummary,
+): BigFishWorkSummary {
+  return current.sourceSessionId === updated.sourceSessionId ? updated : current;
+}
+
 async function resolvePublicWorkAuthorSummary(
  entry: PlatformPublicGalleryCard,
 ): Promise<PublicUserSummary | null> {
@@ -457,15 +483,85 @@ function buildPuzzleResultProfileId(sessionId: string | null | undefined) {
 function buildPuzzleCompileActionFromFormPayload(
  payload: CreatePuzzleAgentSessionRequest | null,
 ): PuzzleAgentActionRequest {
+  const workTitle = payload?.workTitle?.trim() || payload?.seedText?.trim();
+  const workDescription = payload?.workDescription?.trim();
+  const pictureDescription = payload?.pictureDescription?.trim();
+
  return {
    action: 'compile_puzzle_draft',
-    promptText:
-      payload?.pictureDescription?.trim() || payload?.seedText?.trim(),
+    promptText: pictureDescription || workTitle,
+    ...(workTitle ? { workTitle } : {}),
+    ...(workDescription ? { workDescription } : {}),
+    ...(pictureDescription ? { pictureDescription } : {}),
    referenceImageSrc: payload?.referenceImageSrc || null,
    candidateCount: 1,
  };
 }

+function buildPuzzleFormPayloadFromSession(
+  session: PuzzleAgentSessionSnapshot,
+): CreatePuzzleAgentSessionRequest {
+  const formDraft = session.draft?.formDraft;
+  const workTitle =
+    formDraft?.workTitle?.trim() ||
+    session.draft?.workTitle?.trim() ||
+    session.draft?.levelName?.trim() ||
+    session.anchorPack.themePromise.value.trim() ||
+    session.seedText?.trim() ||
+    '';
+  const workDescription =
+    formDraft?.workDescription?.trim() ||
+    session.draft?.workDescription?.trim() ||
+    session.draft?.summary?.trim() ||
+    '';
+  const pictureDescription =
+    formDraft?.pictureDescription?.trim() ||
+    session.draft?.levels?.[0]?.pictureDescription?.trim() ||
+    session.anchorPack.visualSubject.value.trim() ||
+    '';
+
+  return {
+    seedText: workTitle,
+    workTitle,
+    workDescription,
+    pictureDescription,
+    referenceImageSrc: null,
+  };
+}
+
+function buildPuzzleFormPayloadFromAction(
+  payload: PuzzleAgentActionRequest,
+): CreatePuzzleAgentSessionRequest | null {
+  if (
+    payload.action !== 'compile_puzzle_draft' &&
+    payload.action !== 'save_puzzle_form_draft'
+  ) {
+    return null;
+  }
+
+  const workTitle = payload.workTitle?.trim() ?? '';
+  const workDescription = payload.workDescription?.trim() ?? '';
+  const pictureDescription =
+    payload.pictureDescription?.trim() || payload.promptText?.trim() || '';
+
+  return {
+    seedText: workTitle,
+    workTitle,
+    workDescription,
+    pictureDescription,
+    referenceImageSrc:
+      payload.action === 'compile_puzzle_draft'
+        ? (payload.referenceImageSrc ?? null)
+        : null,
+  };
+}
+
+function isPuzzleFormOnlyDraft(session: PuzzleAgentSessionSnapshot | null) {
+  return Boolean(
+    session?.stage === 'collecting_anchors' && session.draft?.formDraft,
+  );
+}
+
 const CustomWorldGenerationView = lazy(async () => {
  const module = await import('../CustomWorldGenerationView');
  return {
@@ -1125,6 +1221,10 @@ export function PlatformEntryFlowShellImpl({
    onActionComplete: async ({ payload, response, setSession }) => {
      setPuzzleOperation(response.operation);
      setSession(response.session);
+      const formPayload = buildPuzzleFormPayloadFromAction(payload);
+      if (formPayload) {
+        setPuzzleFormDraftPayload(formPayload);
+      }

      if (payload.action === 'publish_puzzle_work') {
        await Promise.allSettled([
@@ -1167,6 +1267,11 @@ export function PlatformEntryFlowShellImpl({
      }
    },
    beforeExecuteAction: ({ payload }) => {
+      const formPayload = buildPuzzleFormPayloadFromAction(payload);
+      if (formPayload) {
+        setPuzzleFormDraftPayload(formPayload);
+      }
+
      if (payload.action !== 'compile_puzzle_draft') {
        return;
      }
@@ -1224,19 +1329,16 @@ export function PlatformEntryFlowShellImpl({
    setPuzzleOperation(null);
    setPuzzleGenerationState(null);
    setPuzzleFormDraftPayload(null);
-    puzzleFlow.setSession(null);
-    puzzleFlow.setError(null);
-    puzzleFlow.setStreamingReplyText('');
-    puzzleFlow.setIsStreamingReply(false);
-    enterCreateTab();
-    setShowCreationTypeModal(false);
-    setSelectionStage('puzzle-agent-workspace');
-  }, [enterCreateTab, puzzleFlow, setSelectionStage]);
+    const nextSession = await puzzleFlow.openWorkspace({});
+    if (nextSession) {
+      void refreshPuzzleShelf();
+    }
+  }, [puzzleFlow, refreshPuzzleShelf]);

  const createPuzzleDraftFromForm = useCallback(
    async (payload: CreatePuzzleAgentSessionRequest) => {
      setPuzzleFormDraftPayload(payload);
-      const nextSession = await puzzleFlow.openWorkspace(payload);
+      const nextSession = puzzleFlow.session ?? (await puzzleFlow.openWorkspace(payload));
      if (!nextSession) {
        return;
      }
@@ -1249,6 +1351,36 @@ export function PlatformEntryFlowShellImpl({
    [puzzleFlow],
  );

+  const savePuzzleFormDraft = useCallback(
+    async (payload: CreatePuzzleAgentSessionRequest) => {
+      const session = puzzleFlow.session;
+      if (!session || session.stage !== 'collecting_anchors') {
+        return;
+      }
+
+      setPuzzleFormDraftPayload(payload);
+
+      try {
+        const response = await executePuzzleAgentAction(session.sessionId, {
+          action: 'save_puzzle_form_draft',
+          promptText: payload.pictureDescription ?? null,
+          workTitle: payload.workTitle ?? payload.seedText ?? '',
+          workDescription: payload.workDescription ?? '',
+          pictureDescription: payload.pictureDescription ?? '',
+        });
+        setPuzzleOperation(response.operation);
+        puzzleFlow.setSession(response.session);
+        setPuzzleError(null);
+        void refreshPuzzleShelf();
+      } catch (error) {
+        setPuzzleError(
+          resolvePuzzleErrorMessage(error, '保存拼图表单草稿失败。'),
+        );
+      }
+    },
+    [puzzleFlow, refreshPuzzleShelf, resolvePuzzleErrorMessage, setPuzzleError],
+  );
+
  useEffect(() => {
    if (platformBootstrap.canReadProtectedData) {
      hadReadableProtectedDataRef.current = true;
@@ -1318,7 +1450,7 @@ export function PlatformEntryFlowShellImpl({

  const handleCreationHubCreateType = useCallback(
    (type: PlatformCreationTypeId) => {
-      if (type === 'airp' || type === 'visual-novel') {
+      if (type === 'rpg' || type === 'airp' || type === 'visual-novel') {
        return;
      }

@@ -1326,13 +1458,6 @@ export function PlatformEntryFlowShellImpl({
        return;
      }

-      if (type === 'rpg') {
-        runProtectedAction(() => {
-          void sessionController.openRpgAgentWorkspace();
-        });
-        return;
-      }
-
      if (type === 'big-fish') {
        runProtectedAction(() => {
          void openBigFishAgentWorkspace();
@@ -1351,7 +1476,6 @@ export function PlatformEntryFlowShellImpl({
      openPuzzleAgentWorkspace,
      prepareCreationLaunch,
      runProtectedAction,
-      sessionController,
    ],
  );

@@ -1459,6 +1583,7 @@ export function PlatformEntryFlowShellImpl({
      returnStage: PuzzleRuntimeReturnStage = 'work-detail',
      detailItem?: PuzzleWorkSummary,
      mirrorErrorToPublicDetail = false,
+      levelId?: string | null,
    ) => {
      if (isPuzzleBusy) {
        return;
@@ -1470,7 +1595,10 @@ export function PlatformEntryFlowShellImpl({
      try {
        const item =
          detailItem ?? (await getPuzzleGalleryDetail(profileId)).item;
-        const { run } = await startPuzzleRun({ profileId: item.profileId });
+        const { run } = await startPuzzleRun({
+          profileId: item.profileId,
+          levelId: levelId ?? null,
+        });
        setSelectedPuzzleDetail(item);
        setPuzzleRun(run);
        setPuzzleRuntimeReturnStage(returnStage);
@@ -1513,6 +1641,8 @@ export function PlatformEntryFlowShellImpl({
        ownerUserId: authUi?.user?.id ?? 'current-user',
        sourceSessionId: puzzleSession?.sessionId ?? null,
        authorDisplayName: authUi?.user?.displayName ?? '玩家',
+        workTitle: draft.workTitle || draft.levelName,
+        workDescription: draft.workDescription || draft.summary,
        levelName: draft.levelName,
        summary: draft.summary,
        themeTags: draft.themeTags,
@@ -1787,7 +1917,7 @@ export function PlatformEntryFlowShellImpl({
  ]);

  const advancePuzzleLevel = useCallback(async () => {
-    if (!puzzleRun || isPuzzleBusy) {
+    if (!puzzleRun || isPuzzleBusy || isPuzzleLeaderboardBusy) {
      return;
    }

@@ -1801,13 +1931,15 @@ export function PlatformEntryFlowShellImpl({
    setPuzzleError(null);

    try {
-      const { run } = await advanceLocalPuzzleNextLevel({
-        run: puzzleRun,
-        sourceSessionId:
-          selectedPuzzleDetail?.sourceSessionId ??
-          puzzleSession?.sessionId ??
-          null,
-      });
+      const { run } = isLocalPuzzleRun(puzzleRun)
+        ? await advanceLocalPuzzleNextLevel({
+            run: puzzleRun,
+            sourceSessionId:
+              selectedPuzzleDetail?.sourceSessionId ??
+              puzzleSession?.sessionId ??
+              null,
+          })
+        : await advancePuzzleNextLevel(puzzleRun.runId);
      setPuzzleRun(run);
    } catch (error) {
      setPuzzleError(resolvePuzzleErrorMessage(error, '准备下一关失败。'));
@@ -1817,6 +1949,7 @@ export function PlatformEntryFlowShellImpl({
    }
  }, [
    isPuzzleBusy,
+    isPuzzleLeaderboardBusy,
    puzzleRun,
    puzzleSession,
    resolvePuzzleErrorMessage,
@@ -2022,14 +2155,17 @@ export function PlatformEntryFlowShellImpl({
      }

      runProtectedAction(() => {
+        const displayName =
+          work.workTitle?.trim() || work.levelName.trim() || '未命名拼图';
        const confirmed = window.confirm(
-          `确认删除作品《${work.levelName}》吗？删除后会从你的作品列表和公开广场中移除。`,
+          `确认删除作品《${displayName}》吗？删除后会从你的作品列表和公开广场中移除。`,
        );
        if (!confirmed) {
          return;
        }

        setDeletingCreationWorkId(work.workId);
+        setPuzzleFormDraftPayload(null);
        setPuzzleError(null);

        void deletePuzzleWork(work.profileId)
@@ -2095,6 +2231,127 @@ export function PlatformEntryFlowShellImpl({
    [setSelectionStage],
  );

+  const syncUpdatedPublicWorkDetail = useCallback(
+    (updatedEntry: PlatformPublicGalleryCard) => {
+      setSelectedPublicWorkDetail((current) =>
+        current && isSamePlatformPublicGalleryEntry(current, updatedEntry)
+          ? updatedEntry
+          : current,
+      );
+    },
+    [],
+  );
+
+  const likePublicWork = useCallback(
+    (entry: PlatformPublicGalleryCard) => {
+      if (isPublicWorkDetailBusy) {
+        return;
+      }
+
+      runProtectedAction(() => {
+        setIsPublicWorkDetailBusy(true);
+        setPublicWorkDetailError(null);
+
+        if (isBigFishGalleryEntry(entry)) {
+          void likeBigFishGalleryWork(entry.profileId)
+            .then((response) => {
+              const updatedWork = response.items.find(
+                (item) => item.sourceSessionId === entry.profileId,
+              );
+              if (!updatedWork) {
+                return;
+              }
+              setBigFishGalleryEntries((current) =>
+                current.map((item) => mergeBigFishWorkSummary(item, updatedWork)),
+              );
+              setBigFishWorks((current) =>
+                current.map((item) => mergeBigFishWorkSummary(item, updatedWork)),
+              );
+              syncUpdatedPublicWorkDetail(
+                mapBigFishWorkToPublicWorkDetail(updatedWork),
+              );
+              setBigFishRuntimeWork((current) =>
+                current ? mergeBigFishWorkSummary(current, updatedWork) : current,
+              );
+            })
+            .catch((error) => {
+              setPublicWorkDetailError(
+                resolveBigFishErrorMessage(
+                  error,
+                  '点赞大鱼吃小鱼作品失败。',
+                ),
+              );
+            })
+            .finally(() => {
+              setIsPublicWorkDetailBusy(false);
+            });
+          return;
+        }
+
+        if (isPuzzleGalleryEntry(entry)) {
+          void likePuzzleGalleryWork(entry.profileId)
+            .then((response) => {
+              const updatedWork = response.item;
+              setPuzzleGalleryEntries((current) =>
+                current.map((item) => mergePuzzleWorkSummary(item, updatedWork)),
+              );
+              setPuzzleWorks((current) =>
+                current.map((item) => mergePuzzleWorkSummary(item, updatedWork)),
+              );
+              setSelectedPuzzleDetail((current) =>
+                current ? mergePuzzleWorkSummary(current, updatedWork) : current,
+              );
+              syncUpdatedPublicWorkDetail(
+                mapPuzzleWorkToPublicWorkDetail(updatedWork),
+              );
+            })
+            .catch((error) => {
+              setPublicWorkDetailError(
+                resolvePuzzleErrorMessage(error, '点赞拼图作品失败。'),
+              );
+            })
+            .finally(() => {
+              setIsPublicWorkDetailBusy(false);
+            });
+          return;
+        }
+
+        void likeRpgEntryWorldGallery(entry.ownerUserId, entry.profileId)
+          .then((updatedEntry) => {
+            setSelectedDetailEntry((current) =>
+              current?.profileId === updatedEntry.profileId ? updatedEntry : current,
+            );
+            platformBootstrap.setPublishedGalleryEntries((current) =>
+              current.map((item) =>
+                item.profileId === updatedEntry.profileId
+                  ? mapRpgGalleryCardToPublicWorkDetail(updatedEntry)
+                  : item,
+              ),
+            );
+            syncUpdatedPublicWorkDetail(
+              mapRpgGalleryCardToPublicWorkDetail(updatedEntry),
+            );
+          })
+          .catch((error) => {
+            setPublicWorkDetailError(
+              resolveRpgCreationErrorMessage(error, '点赞 RPG 作品失败。'),
+            );
+          })
+          .finally(() => {
+            setIsPublicWorkDetailBusy(false);
+          });
+      });
+    },
+    [
+      isPublicWorkDetailBusy,
+      platformBootstrap,
+      resolveBigFishErrorMessage,
+      resolvePuzzleErrorMessage,
+      runProtectedAction,
+      syncUpdatedPublicWorkDetail,
+    ],
+  );
+
  useEffect(() => {
    const detailEntry =
      selectionStage === 'work-detail'
@@ -2244,9 +2501,25 @@ export function PlatformEntryFlowShellImpl({
      );
      if (!restoredSession) {
        await refreshPuzzleShelf().catch(() => undefined);
+        return;
+      }
+
+      if (isPuzzleFormOnlyDraft(restoredSession)) {
+        setPuzzleFormDraftPayload(
+          buildPuzzleFormPayloadFromSession(restoredSession),
+        );
+        setSelectionStage('puzzle-agent-workspace');
+      } else {
+        setPuzzleFormDraftPayload(null);
      }
    },
-    [openPuzzleDetail, puzzleFlow, refreshPuzzleShelf, setPuzzleError],
+    [
+      openPuzzleDetail,
+      puzzleFlow,
+      refreshPuzzleShelf,
+      setPuzzleError,
+      setSelectionStage,
+    ],
  );

  const startBigFishRunFromWork = useCallback(
@@ -2649,6 +2922,7 @@ export function PlatformEntryFlowShellImpl({
                workId: `big-fish:${sessionId}`,
                sourceSessionId: sessionId,
                ownerUserId: work.ownerUserId ?? '',
+                authorDisplayName: work.worldSubtitle || '玩家',
                title: work.worldTitle,
                subtitle: work.worldSubtitle,
                summary: work.worldSubtitle,
@@ -2977,6 +3251,7 @@ export function PlatformEntryFlowShellImpl({
            <PlatformWorkDetailView
              entry={selectedPublicWorkDetail}
              authorAvatarUrl={selectedPublicWorkAuthor?.avatarUrl ?? null}
+              authorDisplayName={selectedPublicWorkAuthor?.displayName ?? null}
              isBusy={isPublicWorkDetailBusy || isPuzzleBusy || isBigFishBusy}
              error={publicWorkDetailError}
              onBack={() => {
@@ -2984,6 +3259,9 @@ export function PlatformEntryFlowShellImpl({
                clearSelectedPublicWorkAuthor();
                setSelectionStage('platform');
              }}
+              onLike={() => {
+                likePublicWork(selectedPublicWorkDetail);
+              }}
              onStart={startSelectedPublicWork}
              onRemix={remixSelectedPublicWork}
            />
@@ -3008,6 +3286,7 @@ export function PlatformEntryFlowShellImpl({
              <PlatformWorkDetailView
                entry={mapRpgGalleryCardToPublicWorkDetail(selectedDetailEntry)}
                authorAvatarUrl={selectedPublicWorkAuthor?.avatarUrl ?? null}
+                authorDisplayName={selectedPublicWorkAuthor?.displayName ?? null}
                isBusy={detailNavigation.isMutatingDetail}
                error={detailNavigation.detailError}
                onBack={() => {
@@ -3015,6 +3294,11 @@ export function PlatformEntryFlowShellImpl({
                  clearSelectedPublicWorkAuthor();
                  entryNavigation.backToPlatformHome();
                }}
+                onLike={() => {
+                  likePublicWork(
+                    mapRpgGalleryCardToPublicWorkDetail(selectedDetailEntry),
+                  );
+                }}
                onStart={handleStartSelectedWorld}
                onRemix={() => {
                  remixPublicWork(
@@ -3290,6 +3574,9 @@ export function PlatformEntryFlowShellImpl({
                onCreateFromForm={(payload) => {
                  void createPuzzleDraftFromForm(payload);
                }}
+                onAutoSaveForm={(payload) => {
+                  void savePuzzleFormDraft(payload);
+                }}
              />
            </Suspense>
          </motion.div>
@@ -3312,6 +3599,7 @@ export function PlatformEntryFlowShellImpl({
                }
                anchorEntries={buildPuzzleGenerationAnchorEntries(
                  puzzleSession,
+                  puzzleFormDraftPayload,
                )}
                progress={buildMiniGameDraftGenerationProgress(
                  puzzleGenerationState,
@@ -3344,7 +3632,9 @@ export function PlatformEntryFlowShellImpl({
          </motion.div>
        )}

-        {selectionStage === 'puzzle-result' && puzzleSession?.draft && (
+        {selectionStage === 'puzzle-result' &&
+          puzzleSession?.draft &&
+          !isPuzzleFormOnlyDraft(puzzleSession) && (
          <motion.div
            key="puzzle-result"
            initial={{ opacity: 0, y: 12 }}
@@ -3717,9 +4007,7 @@ export function PlatformEntryFlowShellImpl({
          setShowCreationTypeModal(false);
        }}
        onSelectRpg={() => {
-          runProtectedAction(() => {
-            void sessionController.openRpgAgentWorkspace();
-          });
+          // RPG 创作入口当前为敬请期待；保留回调防御，避免旧入口绕过锁定态。
        }}
        onSelectBigFish={() => {
          runProtectedAction(() => {
--- a/src/components/platform-entry/PlatformWorkDetailView.test.tsx
+++ b/src/components/platform-entry/PlatformWorkDetailView.test.tsx
@@ -1,6 +1,6 @@
 /* @vitest-environment jsdom */

-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { expect, test, vi } from 'vitest';

 import type { PlatformPublicGalleryCard } from '../rpg-entry/rpgEntryWorldPresentation';
@@ -29,13 +29,14 @@ function createPuzzleEntry(): PlatformPublicGalleryCard {
  };
 }

-test('PlatformWorkDetailView renders compact stats and recent update time', () => {
+test('PlatformWorkDetailView renders compact stats and date time', () => {
  render(
    <PlatformWorkDetailView
      entry={createPuzzleEntry()}
      isBusy={false}
      error={null}
      onBack={vi.fn()}
+      onLike={vi.fn()}
      onStart={vi.fn()}
      onRemix={vi.fn()}
    />,
@@ -43,12 +44,53 @@ test('PlatformWorkDetailView renders compact stats and recent update time', () =

  expect(screen.getByText('改造')).toBeTruthy();
  expect(screen.getByText('游玩')).toBeTruthy();
-  expect(screen.getByText('点赞')).toBeTruthy();
-  expect(screen.getByText('最近更新')).toBeTruthy();
+  expect(screen.getAllByText('点赞').length).toBeGreaterThanOrEqual(2);
+  expect(screen.getByText('日期')).toBeTruthy();
  expect(screen.queryByText('改造次数')).toBeNull();
  expect(screen.queryByText('游玩次数')).toBeNull();
  expect(screen.queryByText('上线日期')).toBeNull();
+  expect(screen.queryByText('最近更新')).toBeNull();
  expect(screen.getByText('2026-04-25')).toBeTruthy();
  expect(screen.getAllByText('次')).toHaveLength(2);
  expect(screen.getByText('赞')).toBeTruthy();
+  expect(screen.getByRole('button', { name: '点赞 4赞' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '作品改造' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '启动' })).toBeTruthy();
+});
+
+test('PlatformWorkDetailView prefers resolved public user display name', () => {
+  render(
+    <PlatformWorkDetailView
+      entry={createPuzzleEntry()}
+      authorDisplayName="新的作者昵称"
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={vi.fn()}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  expect(screen.getByText('新的作者昵称')).toBeTruthy();
+  expect(screen.queryByText('137****6613')).toBeNull();
+});
+
+test('PlatformWorkDetailView calls like handler', () => {
+  const onLike = vi.fn();
+  render(
+    <PlatformWorkDetailView
+      entry={createPuzzleEntry()}
+      isBusy={false}
+      error={null}
+      onBack={vi.fn()}
+      onLike={onLike}
+      onStart={vi.fn()}
+      onRemix={vi.fn()}
+    />,
+  );
+
+  fireEvent.click(screen.getByRole('button', { name: '点赞 4赞' }));
+
+  expect(onLike).toHaveBeenCalledTimes(1);
 });
--- a/src/components/platform-entry/PlatformWorkDetailView.tsx
+++ b/src/components/platform-entry/PlatformWorkDetailView.tsx
@@ -27,9 +27,11 @@ import {
 export interface PlatformWorkDetailViewProps {
  entry: PlatformPublicGalleryCard;
  authorAvatarUrl?: string | null;
+  authorDisplayName?: string | null;
  isBusy: boolean;
  error: string | null;
  onBack: () => void;
+  onLike: () => void;
  onStart: () => void;
  onRemix: () => void;
 }
@@ -59,15 +61,19 @@ function getAuthorAvatarLabel(authorDisplayName: string) {
 export function PlatformWorkDetailView({
  entry,
  authorAvatarUrl,
+  authorDisplayName,
  isBusy,
  error,
  onBack,
+  onLike,
  onStart,
  onRemix,
 }: PlatformWorkDetailViewProps) {
  const coverImage = resolvePlatformWorldCoverImage(entry);
  const publicWorkCode = resolvePlatformPublicWorkCode(entry);
  const normalizedAuthorAvatarUrl = authorAvatarUrl?.trim() ?? '';
+  const resolvedAuthorDisplayName =
+    authorDisplayName?.trim() || entry.authorDisplayName;
  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>(
    'idle',
  );
@@ -85,13 +91,6 @@ export function PlatformWorkDetailView({
  );
  const stats = resolvePlatformWorldStats(entry);
  const statItems = [
-    {
-      label: '改造',
-      value: formatCompactCount(stats.remixCount),
-      unit: '次',
-      icon: GitFork,
-      tone: 'remix',
-    },
    {
      label: '游玩',
      value: formatCompactCount(stats.playCount),
@@ -99,6 +98,13 @@ export function PlatformWorkDetailView({
      icon: Gamepad2,
      tone: 'play',
    },
+    {
+      label: '改造',
+      value: formatCompactCount(stats.remixCount),
+      unit: '次',
+      icon: GitFork,
+      tone: 'remix',
+    },
    {
      label: '点赞',
      value: formatCompactCount(stats.likeCount),
@@ -107,7 +113,7 @@ export function PlatformWorkDetailView({
      tone: 'like',
    },
    {
-      label: '最近更新',
+      label: '日期',
      value: formatPlatformWorldTime(stats.updatedAt ?? stats.publishedAt),
      icon: Clock3,
      tone: 'time',
@@ -199,9 +205,7 @@ export function PlatformWorkDetailView({
              )}
            </div>
            <div className="min-w-0 flex-1">
-              <div className="platform-work-detail__name">
-                {displayName}
-              </div>
+              <div className="platform-work-detail__name">{displayName}</div>
              <div className="platform-work-detail__author">
                <span className="platform-work-detail__author-avatar">
                  {normalizedAuthorAvatarUrl ? (
@@ -213,23 +217,25 @@ export function PlatformWorkDetailView({
                    />
                  ) : (
                    <span className="platform-work-detail__author-avatar-label">
-                      {getAuthorAvatarLabel(entry.authorDisplayName)}
+                      {getAuthorAvatarLabel(resolvedAuthorDisplayName)}
                    </span>
                  )}
                </span>
                <span className="platform-work-detail__author-name">
-                  {entry.authorDisplayName}
+                  {resolvedAuthorDisplayName}
                </span>
              </div>
            </div>
            <button
              type="button"
-              className="platform-work-detail__remix"
-              onClick={onRemix}
+              className="platform-work-detail__like"
+              onClick={onLike}
              disabled={isBusy}
+              aria-label={`点赞 ${formatCompactCount(stats.likeCount)}赞`}
+              title="点赞"
            >
-              <GitFork className="h-5 w-5" />
-              作品改造
+              <Heart className="h-5 w-5 fill-current" />
+              点赞
            </button>
          </div>

@@ -300,6 +306,15 @@ export function PlatformWorkDetailView({
      </div>

      <div className="platform-work-detail__bottom">
+        <button
+          type="button"
+          className="platform-work-detail__remix"
+          onClick={onRemix}
+          disabled={isBusy}
+        >
+          <GitFork className="h-5 w-5" />
+          作品改造
+        </button>
        <button
          type="button"
          className="platform-work-detail__start"
--- a/src/components/platform-entry/platformEntryCreationTypes.ts
+++ b/src/components/platform-entry/platformEntryCreationTypes.ts
@@ -37,9 +37,9 @@ export const PLATFORM_CREATION_TYPES: PlatformCreationTypeCard[] = [
  {
    id: 'rpg',
    title: '角色扮演',
-    subtitle: '剧情演绎，冒险成长',
-    badge: '可创建',
-    locked: false,
+    subtitle: '敬请期待',
+    badge: '敬请期待',
+    locked: true,
  },
  {
    id: 'big-fish',
--- a/src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx
+++ b/src/components/puzzle-agent/PuzzleAgentWorkspace.interaction.test.tsx
@@ -1,7 +1,7 @@
 /* @vitest-environment jsdom */

-import { fireEvent, render, screen } from '@testing-library/react';
-import { beforeEach, expect, test, vi } from 'vitest';
+import { act, fireEvent, render, screen } from '@testing-library/react';
+import { afterEach, beforeEach, expect, test, vi } from 'vitest';

 import type { PuzzleAgentSessionSnapshot } from '../../../packages/shared/src/contracts/puzzleAgentSession';
 import { PuzzleAgentWorkspace } from './PuzzleAgentWorkspace';
@@ -66,7 +66,11 @@ beforeEach(() => {
  }
 });

-test('puzzle workspace submits the two-field form instead of agent chat', () => {
+afterEach(() => {
+  vi.useRealTimers();
+});
+
+test('puzzle workspace submits the work form instead of agent chat', () => {
  const onCreateFromForm = vi.fn();

  render(
@@ -79,9 +83,12 @@ test('puzzle workspace submits the two-field form instead of agent chat', () =>
    />,
  );

-  fireEvent.change(screen.getByLabelText('拼图标题'), {
+  fireEvent.change(screen.getByLabelText('作品名称'), {
    target: { value: '暖灯猫街' },
  });
+  fireEvent.change(screen.getByLabelText('作品描述'), {
+    target: { value: '一套雨夜猫街主题拼图。' },
+  });
  fireEvent.change(screen.getByLabelText('画面描述'), {
    target: { value: '一只猫在雨夜灯牌下回头。' },
  });
@@ -89,6 +96,8 @@ test('puzzle workspace submits the two-field form instead of agent chat', () =>

  expect(onCreateFromForm).toHaveBeenCalledWith({
    seedText: '暖灯猫街',
+    workTitle: '暖灯猫街',
+    workDescription: '一套雨夜猫街主题拼图。',
    pictureDescription: '一只猫在雨夜灯牌下回头。',
    referenceImageSrc: null,
  });
@@ -98,6 +107,7 @@ test('puzzle workspace submits the two-field form instead of agent chat', () =>

 test('puzzle workspace falls back to compile action for restored sessions', () => {
  const onExecuteAction = vi.fn();
+  const onCreateFromForm = vi.fn();

  render(
    <PuzzleAgentWorkspace
@@ -105,15 +115,98 @@ test('puzzle workspace falls back to compile action for restored sessions', () =
      onBack={() => {}}
      onSubmitMessage={() => {}}
      onExecuteAction={onExecuteAction}
+      onCreateFromForm={onCreateFromForm}
    />,
  );

  fireEvent.click(screen.getByRole('button', { name: /生成草稿/u }));

+  expect(onCreateFromForm).not.toHaveBeenCalled();
  expect(onExecuteAction).toHaveBeenCalledWith({
    action: 'compile_puzzle_draft',
    promptText: '潮雾中的灯塔与断桥',
+    workTitle: '雾港遗迹拼图',
+    workDescription: '雾港遗迹拼图',
+    pictureDescription: '潮雾中的灯塔与断桥',
    referenceImageSrc: null,
    candidateCount: 1,
  });
 });
+
+test('puzzle workspace restores form draft fields and autosaves edits', () => {
+  vi.useFakeTimers();
+  const onAutoSaveForm = vi.fn();
+  const formDraftSession: PuzzleAgentSessionSnapshot = {
+    ...baseSession,
+    seedText:
+      '作品名称：旧街拼图\n作品描述：旧街雨夜的拼图草稿。\n画面描述：旧街灯牌下的猫。',
+    draft: {
+      workTitle: '旧街拼图',
+      workDescription: '旧街雨夜的拼图草稿。',
+      levelName: '旧街灯牌',
+      summary: '旧街雨夜的拼图草稿。',
+      themeTags: ['旧街', '雨夜', '猫'],
+      forbiddenDirectives: [],
+      creatorIntent: null,
+      anchorPack: baseSession.anchorPack,
+      candidates: [],
+      selectedCandidateId: null,
+      coverImageSrc: null,
+      coverAssetId: null,
+      generationStatus: 'idle',
+      levels: [
+        {
+          levelId: 'puzzle-level-1',
+          levelName: '旧街灯牌',
+          pictureDescription: '旧街灯牌下的猫。',
+          candidates: [],
+          selectedCandidateId: null,
+          coverImageSrc: null,
+          coverAssetId: null,
+          generationStatus: 'idle',
+        },
+      ],
+      formDraft: {
+        workTitle: '旧街拼图',
+        workDescription: '旧街雨夜的拼图草稿。',
+        pictureDescription: '旧街灯牌下的猫。',
+      },
+    },
+  };
+
+  render(
+    <PuzzleAgentWorkspace
+      session={formDraftSession}
+      onBack={() => {}}
+      onSubmitMessage={() => {}}
+      onExecuteAction={() => {}}
+      onAutoSaveForm={onAutoSaveForm}
+    />,
+  );
+
+  expect((screen.getByLabelText('作品名称') as HTMLInputElement).value).toBe(
+    '旧街拼图',
+  );
+  expect((screen.getByLabelText('作品描述') as HTMLTextAreaElement).value).toBe(
+    '旧街雨夜的拼图草稿。',
+  );
+  expect((screen.getByLabelText('画面描述') as HTMLTextAreaElement).value).toBe(
+    '旧街灯牌下的猫。',
+  );
+
+  fireEvent.change(screen.getByLabelText('画面描述'), {
+    target: { value: '旧街灯牌下的猫和发光雨伞。' },
+  });
+
+  act(() => {
+    vi.advanceTimersByTime(700);
+  });
+
+  expect(onAutoSaveForm).toHaveBeenCalledWith({
+    seedText: '旧街拼图',
+    workTitle: '旧街拼图',
+    workDescription: '旧街雨夜的拼图草稿。',
+    pictureDescription: '旧街灯牌下的猫和发光雨伞。',
+    referenceImageSrc: null,
+  });
+});
--- a/src/components/puzzle-agent/PuzzleAgentWorkspace.tsx
+++ b/src/components/puzzle-agent/PuzzleAgentWorkspace.tsx
@@ -1,5 +1,5 @@
 import { ArrowLeft, ImagePlus, Loader2, Sparkles, X } from 'lucide-react';
-import { type ChangeEvent, useEffect, useState } from 'react';
+import { type ChangeEvent, useEffect, useMemo, useRef, useState } from 'react';

 import type { PuzzleAgentActionRequest } from '../../../packages/shared/src/contracts/puzzleAgentActions';
 import type {
@@ -7,6 +7,7 @@ import type {
  PuzzleAgentSessionSnapshot,
  SendPuzzleAgentMessageRequest,
 } from '../../../packages/shared/src/contracts/puzzleAgentSession';
+import { readPuzzleReferenceImageAsDataUrl } from '../../services/puzzleReferenceImage';

 type PuzzleAgentWorkspaceProps = {
  session: PuzzleAgentSessionSnapshot | null;
@@ -16,39 +17,48 @@ type PuzzleAgentWorkspaceProps = {
  onSubmitMessage: (payload: SendPuzzleAgentMessageRequest) => void;
  onExecuteAction: (payload: PuzzleAgentActionRequest) => void;
  onCreateFromForm?: (payload: CreatePuzzleAgentSessionRequest) => void;
+  onAutoSaveForm?: (payload: CreatePuzzleAgentSessionRequest) => void;
  initialFormPayload?: CreatePuzzleAgentSessionRequest | null;
 };

 type PuzzleFormState = {
-  title: string;
+  workTitle: string;
+  workDescription: string;
  pictureDescription: string;
  referenceImageSrc: string;
  referenceImageLabel: string;
 };

 const EMPTY_FORM_STATE: PuzzleFormState = {
-  title: '',
+  workTitle: '',
+  workDescription: '',
  pictureDescription: '',
  referenceImageSrc: '',
  referenceImageLabel: '',
 };

-function readPuzzleReferenceImageAsDataUrl(file: File) {
-  return new Promise<string>((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onerror = () => reject(new Error('参考图读取失败，请重试。'));
-    reader.onload = () => resolve(String(reader.result || ''));
-    reader.readAsDataURL(file);
-  });
-}
-
 function resolveInitialFormState(
  session: PuzzleAgentSessionSnapshot | null,
  initialFormPayload: CreatePuzzleAgentSessionRequest | null = null,
 ): PuzzleFormState {
+  const formDraft = session?.draft?.formDraft;
+  if (formDraft) {
+    return {
+      workTitle: formDraft.workTitle ?? '',
+      workDescription: formDraft.workDescription ?? '',
+      pictureDescription: formDraft.pictureDescription ?? '',
+      referenceImageSrc: initialFormPayload?.referenceImageSrc ?? '',
+      referenceImageLabel: initialFormPayload?.referenceImageSrc
+        ? '已选择参考图'
+        : '',
+    };
+  }
+
  if (initialFormPayload) {
    return {
-      title: initialFormPayload.seedText ?? '',
+      workTitle:
+        initialFormPayload.workTitle ?? initialFormPayload.seedText ?? '',
+      workDescription: initialFormPayload.workDescription ?? '',
      pictureDescription: initialFormPayload.pictureDescription ?? '',
      referenceImageSrc: initialFormPayload.referenceImageSrc ?? '',
      referenceImageLabel: initialFormPayload.referenceImageSrc
@@ -62,11 +72,17 @@ function resolveInitialFormState(
  }

  return {
-    title:
+    workTitle:
+      session.draft?.workTitle ||
      session.draft?.levelName ||
+      session.seedText ||
      session.anchorPack.themePromise.value ||
      session.messages.find((message) => message.role === 'user')?.text ||
      '',
+    workDescription:
+      session.draft?.workDescription ||
+      session.anchorPack.themePromise.value ||
+      '',
    pictureDescription:
      session.draft?.summary || session.anchorPack.visualSubject.value || '',
    referenceImageSrc: '',
@@ -85,6 +101,7 @@ export function PuzzleAgentWorkspace({
  onBack,
  onExecuteAction,
  onCreateFromForm,
+  onAutoSaveForm,
  initialFormPayload = null,
 }: PuzzleAgentWorkspaceProps) {
  const [formState, setFormState] = useState<PuzzleFormState>(() =>
@@ -93,15 +110,95 @@ export function PuzzleAgentWorkspace({
  const [referenceImageError, setReferenceImageError] = useState<string | null>(
    null,
  );
+  const previousSessionIdRef = useRef<string | null>(session?.sessionId ?? null);
+  const appliedInitialFormKeyRef = useRef<string | null>(null);

  useEffect(() => {
+    const currentSessionId = session?.sessionId ?? null;
+    if (
+      currentSessionId &&
+      previousSessionIdRef.current === null &&
+      appliedInitialFormKeyRef.current === JSON.stringify(initialFormPayload ?? null)
+    ) {
+      previousSessionIdRef.current = currentSessionId;
+      return;
+    }
+
+    previousSessionIdRef.current = currentSessionId;
+    const nextInitialFormKey =
+      currentSessionId ?? JSON.stringify(initialFormPayload ?? null);
+    if (appliedInitialFormKeyRef.current === nextInitialFormKey) {
+      return;
+    }
+
+    appliedInitialFormKeyRef.current = nextInitialFormKey;
    setFormState(resolveInitialFormState(session, initialFormPayload));
    setReferenceImageError(null);
-  }, [initialFormPayload, session]);
+  }, [initialFormPayload, session?.sessionId]);

-  const title = formState.title.trim();
+  const workTitle = formState.workTitle.trim();
+  const workDescription = formState.workDescription.trim();
  const pictureDescription = formState.pictureDescription.trim();
-  const canSubmit = Boolean(title && pictureDescription) && !isBusy;
+  const canSubmit =
+    Boolean(workTitle && workDescription && pictureDescription) && !isBusy;
+  const autosavePayload = useMemo(
+    () => ({
+      seedText: workTitle,
+      workTitle,
+      workDescription,
+      pictureDescription,
+      referenceImageSrc: formState.referenceImageSrc || null,
+    }),
+    [
+      formState.referenceImageSrc,
+      pictureDescription,
+      workDescription,
+      workTitle,
+    ],
+  );
+  const autosaveSignature = JSON.stringify([
+    autosavePayload.workTitle,
+    autosavePayload.workDescription,
+    autosavePayload.pictureDescription,
+  ]);
+  const lastAutosaveSignatureRef = useRef(autosaveSignature);
+  const autosaveSessionIdRef = useRef(session?.sessionId ?? null);
+
+  useEffect(() => {
+    const currentSessionId = session?.sessionId ?? null;
+    if (autosaveSessionIdRef.current === currentSessionId) {
+      return;
+    }
+
+    autosaveSessionIdRef.current = currentSessionId;
+    lastAutosaveSignatureRef.current = autosaveSignature;
+  }, [autosaveSignature, session?.sessionId]);
+
+  useEffect(() => {
+    if (
+      !session ||
+      session.stage !== 'collecting_anchors' ||
+      !session.draft?.formDraft ||
+      !onAutoSaveForm ||
+      lastAutosaveSignatureRef.current === autosaveSignature
+    ) {
+      return;
+    }
+
+    const timer = window.setTimeout(() => {
+      lastAutosaveSignatureRef.current = autosaveSignature;
+      onAutoSaveForm(autosavePayload);
+    }, 700);
+
+    return () => window.clearTimeout(timer);
+  }, [
+    autosavePayload,
+    autosaveSignature,
+    onAutoSaveForm,
+    session?.draft?.formDraft,
+    session?.stage,
+    session?.sessionId,
+  ]);

  const handleReferenceImageChange = async (
    event: ChangeEvent<HTMLInputElement>,
@@ -135,12 +232,14 @@ export function PuzzleAgentWorkspace({
    }

    const payload = {
-      seedText: title,
+      seedText: workTitle,
+      workTitle,
+      workDescription,
      pictureDescription,
      referenceImageSrc: formState.referenceImageSrc || null,
    };

-    if (onCreateFromForm) {
+    if (!session && onCreateFromForm) {
      onCreateFromForm(payload);
      return;
    }
@@ -148,6 +247,9 @@ export function PuzzleAgentWorkspace({
    onExecuteAction({
      action: 'compile_puzzle_draft',
      promptText: pictureDescription,
+      workTitle,
+      workDescription,
+      pictureDescription,
      referenceImageSrc: formState.referenceImageSrc || null,
      candidateCount: 1,
    });
@@ -174,19 +276,38 @@ export function PuzzleAgentWorkspace({
          <div className="space-y-5">
            <label className="block">
              <span className="text-xs font-bold tracking-[0.18em] text-[var(--platform-text-soft)]">
-                拼图标题
+                作品名称
              </span>
              <input
-                value={formState.title}
+                value={formState.workTitle}
                disabled={isBusy}
                onChange={(event) =>
                  setFormState((current) => ({
                    ...current,
-                    title: event.target.value,
+                    workTitle: event.target.value,
                  }))
                }
                className="mt-2 w-full rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/90 px-4 py-3 text-base font-semibold text-[var(--platform-text-strong)] outline-none"
-                aria-label="拼图标题"
+                aria-label="作品名称"
+              />
+            </label>
+
+            <label className="block">
+              <span className="text-xs font-bold tracking-[0.18em] text-[var(--platform-text-soft)]">
+                作品描述
+              </span>
+              <textarea
+                value={formState.workDescription}
+                disabled={isBusy}
+                rows={4}
+                onChange={(event) =>
+                  setFormState((current) => ({
+                    ...current,
+                    workDescription: event.target.value,
+                  }))
+                }
+                className="mt-2 w-full resize-none rounded-[1rem] border border-[var(--platform-subpanel-border)] bg-white/90 px-4 py-3 text-sm leading-6 text-[var(--platform-text-strong)] outline-none"
+                aria-label="作品描述"
              />
            </label>

--- a/src/components/puzzle-result/PuzzleResultView.test.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.test.tsx
@@ -45,96 +45,79 @@ afterEach(() => {
 function createSession(
  overrides: Partial<PuzzleAgentSessionSnapshot> = {},
 ): PuzzleAgentSessionSnapshot {
+  const anchorPack = {
+    themePromise: {
+      key: 'themePromise',
+      label: '题材承诺',
+      value: '雨夜猫咪',
+      status: 'confirmed' as const,
+    },
+    visualSubject: {
+      key: 'visualSubject',
+      label: '画面主体',
+      value: '屋檐下的猫',
+      status: 'confirmed' as const,
+    },
+    visualMood: {
+      key: 'visualMood',
+      label: '视觉气质',
+      value: '温暖',
+      status: 'confirmed' as const,
+    },
+    compositionHooks: {
+      key: 'compositionHooks',
+      label: '拼图记忆点',
+      value: '雨滴与灯牌',
+      status: 'confirmed' as const,
+    },
+    tagsAndForbidden: {
+      key: 'tagsAndForbidden',
+      label: '标签与禁忌',
+      value: '猫咪、雨夜',
+      status: 'confirmed' as const,
+    },
+  };
+  const level = {
+    levelId: 'puzzle-level-1',
+    levelName: '雨夜猫街',
+    pictureDescription: '屋檐下的猫与暖灯街角。',
+    candidates: [
+      {
+        candidateId: 'candidate-1',
+        imageSrc: '/puzzle/candidate-1.png',
+        assetId: 'asset-1',
+        prompt: '雨夜猫咪',
+        actualPrompt: null,
+        sourceType: 'generated' as const,
+        selected: true,
+      },
+    ],
+    selectedCandidateId: 'candidate-1',
+    coverImageSrc: '/puzzle/candidate-1.png',
+    coverAssetId: 'asset-1',
+    generationStatus: 'ready' as const,
+  };
  const baseSession: PuzzleAgentSessionSnapshot = {
    sessionId: 'puzzle-session-1',
    currentTurn: 2,
    progressPercent: 88,
    stage: 'ready_to_publish',
-    anchorPack: {
-      themePromise: {
-        key: 'themePromise',
-        label: '题材承诺',
-        value: '雨夜猫咪',
-        status: 'confirmed',
-      },
-      visualSubject: {
-        key: 'visualSubject',
-        label: '画面主体',
-        value: '屋檐下的猫',
-        status: 'confirmed',
-      },
-      visualMood: {
-        key: 'visualMood',
-        label: '视觉气质',
-        value: '温暖',
-        status: 'confirmed',
-      },
-      compositionHooks: {
-        key: 'compositionHooks',
-        label: '拼图记忆点',
-        value: '雨滴与灯牌',
-        status: 'confirmed',
-      },
-      tagsAndForbidden: {
-        key: 'tagsAndForbidden',
-        label: '标签与禁忌',
-        value: '猫咪、雨夜',
-        status: 'confirmed',
-      },
-    },
+    anchorPack,
    draft: {
-      levelName: '雨夜猫街',
-      summary: '屋檐下的猫与暖灯街角。',
-      themeTags: ['猫咪', '雨夜'],
+      workTitle: '暖灯猫街作品',
+      workDescription: '一套雨夜猫街主题拼图。',
+      levelName: level.levelName,
+      summary: level.pictureDescription,
+      themeTags: ['猫咪', '雨夜', '暖灯'],
      forbiddenDirectives: [],
      creatorIntent: null,
-      anchorPack: {
-        themePromise: {
-          key: 'themePromise',
-          label: '题材承诺',
-          value: '雨夜猫咪',
-          status: 'confirmed',
-        },
-        visualSubject: {
-          key: 'visualSubject',
-          label: '画面主体',
-          value: '屋檐下的猫',
-          status: 'confirmed',
-        },
-        visualMood: {
-          key: 'visualMood',
-          label: '视觉气质',
-          value: '温暖',
-          status: 'confirmed',
-        },
-        compositionHooks: {
-          key: 'compositionHooks',
-          label: '拼图记忆点',
-          value: '雨滴与灯牌',
-          status: 'confirmed',
-        },
-        tagsAndForbidden: {
-          key: 'tagsAndForbidden',
-          label: '标签与禁忌',
-          value: '猫咪、雨夜',
-          status: 'confirmed',
-        },
-      },
-      candidates: [
-        {
-          candidateId: 'candidate-1',
-          imageSrc: '/puzzle/candidate-1.png',
-          assetId: 'asset-1',
-          prompt: '雨夜猫咪',
-          actualPrompt: null,
-          sourceType: 'generated',
-          selected: true,
-        },
-      ],
-      selectedCandidateId: 'candidate-1',
-      coverImageSrc: '/puzzle/candidate-1.png',
-      coverAssetId: 'asset-1',
+      anchorPack,
+      candidates: level.candidates,
+      selectedCandidateId: level.selectedCandidateId,
+      coverImageSrc: level.coverImageSrc,
+      coverAssetId: level.coverAssetId,
      generationStatus: 'ready',
+      levels: [level],
      metadata: null,
    },
    messages: [],
@@ -160,40 +143,7 @@ function createSession(
 }

 describe('PuzzleResultView', () => {
-  test('auto saves renamed title to the puzzle work profile', async () => {
-    vi.useFakeTimers();
-    vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({
-      item: {} as never,
-    });
-
-    render(
-      <PuzzleResultView
-        session={createSession()}
-        profileId="puzzle-profile-session-1"
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-      />,
-    );
-
-    fireEvent.change(screen.getByDisplayValue('雨夜猫街'), {
-      target: { value: '暖灯猫街' },
-    });
-
-    await act(async () => {
-      await vi.runAllTimersAsync();
-    });
-
-    expect(puzzleWorksService.updatePuzzleWork).toHaveBeenCalledWith(
-      'puzzle-profile-session-1',
-      expect.objectContaining({
-        levelName: '暖灯猫街',
-        summary: '屋檐下的猫与暖灯街角。',
-        themeTags: ['猫咪', '雨夜'],
-      }),
-    );
-  });
-
-  test('uses one ordered list without tabs or persistent publish validation', () => {
+  test('renders level list and work info tabs', () => {
    render(
      <PuzzleResultView
        session={createSession()}
@@ -203,117 +153,22 @@ describe('PuzzleResultView', () => {
      />,
    );

-    expect(screen.queryByRole('button', { name: '基本信息' })).toBeNull();
-    expect(screen.queryByRole('button', { name: '拼图图片' })).toBeNull();
-    const html = document.body.textContent ?? '';
-    expect(html.indexOf('关卡名称')).toBeLessThan(html.indexOf('画面预览'));
-    expect(html.indexOf('画面预览')).toBeLessThan(html.indexOf('画面描述'));
-    expect(html.indexOf('画面描述')).toBeLessThan(html.indexOf('重新生成画面'));
-    expect(html.indexOf('重新生成画面')).toBeLessThan(html.indexOf('题材标签'));
-    expect(screen.queryByText('作者预览')).toBeNull();
-    expect(screen.queryByText('发布校验')).toBeNull();
-    expect(screen.getByRole('button', { name: /作品测试/u })).toBeTruthy();
-    expect(screen.getByRole('button', { name: /发布/u })).toBeTruthy();
-  });
+    expect(screen.getByRole('button', { name: '拼图关卡' })).toBeTruthy();
+    expect(screen.getByRole('button', { name: '作品信息' })).toBeTruthy();
+    expect(screen.getByText('雨夜猫街')).toBeTruthy();

-  test('edits theme tags with chips instead of a persistent tag input', () => {
-    vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({
-      item: {} as never,
-    });
-    render(
-      <PuzzleResultView
-        session={createSession()}
-        profileId="puzzle-profile-session-1"
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-      />,
+    fireEvent.click(screen.getByRole('button', { name: '作品信息' }));
+    expect(screen.getByLabelText('作品名称')).toHaveProperty(
+      'value',
+      '暖灯猫街作品',
    );
-
-    expect(screen.queryByLabelText('新题材标签')).toBeNull();
-
-    fireEvent.click(screen.getByLabelText('删除标签 猫咪'));
-    expect(screen.queryByText('猫咪')).toBeNull();
-    expect(screen.getByText('雨夜')).toBeTruthy();
-
-    fireEvent.click(screen.getByLabelText('新增题材标签'));
-    fireEvent.change(screen.getByLabelText('新题材标签'), {
-      target: { value: '暖灯' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: '添加' }));
-
-    expect(screen.getByText('暖灯')).toBeTruthy();
-    expect(screen.queryByLabelText('新题材标签')).toBeNull();
-  });
-
-  test('shows blockers only after clicking publish and blocks publish action', () => {
-    const onExecuteAction = vi.fn();
-
-    render(
-      <PuzzleResultView
-        session={createSession({
-          resultPreview: {
-            draft: createSession().draft!,
-            publishReady: false,
-            blockers: [
-              {
-                id: 'missing-cover',
-                code: 'missing-cover',
-                message: '请先选择正式图',
-              },
-            ],
-            qualityFindings: [],
-          },
-        })}
-        onBack={() => {}}
-        onExecuteAction={onExecuteAction}
-      />,
-    );
-
-    expect(screen.queryByText('请先选择正式图')).toBeNull();
-
-    fireEvent.click(screen.getByRole('button', { name: /发布/u }));
-    const dialog = screen.getByRole('dialog', { name: '发布拼图作品' });
-    expect(within(dialog).getByText('请先选择正式图')).toBeTruthy();
-
-    fireEvent.click(within(dialog).getByRole('button', { name: '发布到广场' }));
-    expect(onExecuteAction).not.toHaveBeenCalled();
-  });
-
-  test('starts work test from the current editable draft', () => {
-    const onStartTestRun = vi.fn();
-
-    render(
-      <PuzzleResultView
-        session={createSession()}
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-        onStartTestRun={onStartTestRun}
-      />,
-    );
-
-    fireEvent.change(screen.getByDisplayValue('雨夜猫街'), {
-      target: { value: '暖灯猫街' },
-    });
-    fireEvent.change(screen.getByLabelText('画面描述'), {
-      target: { value: '一只猫在雨夜灯牌下回头。' },
-    });
-    fireEvent.click(screen.getByLabelText('新增题材标签'));
-    fireEvent.change(screen.getByLabelText('新题材标签'), {
-      target: { value: '暖灯' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: '添加' }));
-    fireEvent.click(screen.getByRole('button', { name: /作品测试/u }));
-
-    expect(onStartTestRun).toHaveBeenCalledWith(
-      expect.objectContaining({
-        levelName: '暖灯猫街',
-        summary: '一只猫在雨夜灯牌下回头。',
-        themeTags: ['猫咪', '雨夜', '暖灯'],
-      }),
+    expect(screen.getByLabelText('作品描述')).toHaveProperty(
+      'value',
+      '一套雨夜猫街主题拼图。',
    );
  });

-  test('auto saves edited picture description to the puzzle work profile', async () => {
+  test('auto saves work info and levels through one payload', async () => {
    vi.useFakeTimers();
    vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({
      item: {} as never,
@@ -328,8 +183,9 @@ describe('PuzzleResultView', () => {
      />,
    );

-    fireEvent.change(screen.getByLabelText('画面描述'), {
-      target: { value: '一只猫在雨夜灯牌下回头。' },
+    fireEvent.click(screen.getByRole('button', { name: '作品信息' }));
+    fireEvent.change(screen.getByLabelText('作品名称'), {
+      target: { value: '暖灯猫街合集' },
    });

    await act(async () => {
@@ -339,83 +195,68 @@ describe('PuzzleResultView', () => {
    expect(puzzleWorksService.updatePuzzleWork).toHaveBeenCalledWith(
      'puzzle-profile-session-1',
      expect.objectContaining({
-        summary: '一只猫在雨夜灯牌下回头。',
+        workTitle: '暖灯猫街合集',
+        workDescription: '一套雨夜猫街主题拼图。',
+        levelName: '雨夜猫街',
+        summary: '屋檐下的猫与暖灯街角。',
+        themeTags: ['猫咪', '雨夜', '暖灯'],
+        levels: expect.arrayContaining([
+          expect.objectContaining({
+            levelId: 'puzzle-level-1',
+            levelName: '雨夜猫街',
+          }),
+        ]),
      }),
    );
  });

-  test('requires at least three theme tags before publish can pass', () => {
+  test('opens an independent level detail dialog for generation and test play', () => {
    const onExecuteAction = vi.fn();
+    const onStartTestRun = vi.fn();

    render(
      <PuzzleResultView
        session={createSession()}
        onBack={() => {}}
        onExecuteAction={onExecuteAction}
+        onStartTestRun={onStartTestRun}
      />,
    );

-    fireEvent.click(screen.getByLabelText('删除标签 猫咪'));
-    fireEvent.click(screen.getByRole('button', { name: /发布/u }));
-
-    const dialog = screen.getByRole('dialog', { name: '发布拼图作品' });
-    expect(
-      within(dialog).getByText('正式标签数量必须在 3 到 6 之间。'),
-    ).toBeTruthy();
-    expect(
-      (
-        within(dialog).getByRole('button', {
-          name: '发布到广场',
-        }) as HTMLButtonElement
-      ).disabled,
-    ).toBe(true);
-  });
-
-  test('publishes with the edited picture description', () => {
-    const onExecuteAction = vi.fn();
-
-    render(
-      <PuzzleResultView
-        session={createSession({
-          draft: {
-            ...createSession().draft!,
-            themeTags: ['猫咪', '雨夜', '暖灯'],
-          },
-          resultPreview: {
-            draft: {
-              ...createSession().draft!,
-              themeTags: ['猫咪', '雨夜', '暖灯'],
-            },
-            publishReady: true,
-            blockers: [],
-            qualityFindings: [],
-          },
-        })}
-        onBack={() => {}}
-        onExecuteAction={onExecuteAction}
-      />,
-    );
-
-    fireEvent.change(screen.getByLabelText('画面描述'), {
+    fireEvent.click(screen.getByText('雨夜猫街'));
+    const dialog = screen.getByRole('dialog', { name: '关卡详情' });
+    fireEvent.change(within(dialog).getByLabelText('关卡名称'), {
+      target: { value: '暖灯猫街' },
+    });
+    fireEvent.change(within(dialog).getByLabelText('画面描述'), {
      target: { value: '一只猫在雨夜灯牌下回头。' },
    });
-    fireEvent.click(screen.getByRole('button', { name: /发布/u }));
-    fireEvent.click(
-      within(screen.getByRole('dialog', { name: '发布拼图作品' })).getByRole(
-        'button',
-        { name: '发布到广场' },
-      ),
-    );
+    fireEvent.click(within(dialog).getByRole('button', { name: /重新生成画面/u }));

    expect(onExecuteAction).toHaveBeenCalledWith({
-      action: 'publish_puzzle_work',
-      levelName: '雨夜猫街',
-      summary: '一只猫在雨夜灯牌下回头。',
-      themeTags: ['猫咪', '雨夜', '暖灯'],
+      action: 'generate_puzzle_images',
+      levelId: 'puzzle-level-1',
+      promptText: '一只猫在雨夜灯牌下回头。',
+      referenceImageSrc: undefined,
+      candidateCount: 1,
    });
+
+    fireEvent.click(within(dialog).getByRole('button', { name: /体验该关/u }));
+    expect(onStartTestRun).toHaveBeenCalledWith(
+      expect.objectContaining({
+        levelName: '暖灯猫街',
+        summary: '一只猫在雨夜灯牌下回头。',
+        levels: [
+          expect.objectContaining({
+            levelId: 'puzzle-level-1',
+            levelName: '暖灯猫街',
+          }),
+        ],
+      }),
+    );
  });

-  test('auto saves added and removed theme tags', async () => {
+  test('adds and deletes levels from the list', async () => {
    vi.useFakeTimers();
    vi.mocked(puzzleWorksService.updatePuzzleWork).mockResolvedValue({
      item: {} as never,
@@ -430,11 +271,10 @@ describe('PuzzleResultView', () => {
      />,
    );

-    fireEvent.click(screen.getByLabelText('新增题材标签'));
-    fireEvent.change(screen.getByLabelText('新题材标签'), {
-      target: { value: '暖灯' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: '添加' }));
+    fireEvent.click(screen.getByRole('button', { name: /新增关卡/u }));
+    expect(screen.getByRole('dialog', { name: '关卡详情' })).toBeTruthy();
+    fireEvent.click(screen.getByLabelText('关闭'));
+    expect(screen.getAllByText('第2关').length).toBeGreaterThan(0);

    await act(async () => {
      await vi.runAllTimersAsync();
@@ -443,11 +283,16 @@ describe('PuzzleResultView', () => {
    expect(puzzleWorksService.updatePuzzleWork).toHaveBeenLastCalledWith(
      'puzzle-profile-session-1',
      expect.objectContaining({
-        themeTags: ['猫咪', '雨夜', '暖灯'],
+        levels: expect.arrayContaining([
+          expect.objectContaining({ levelId: 'puzzle-level-1' }),
+          expect.objectContaining({ levelName: '第2关' }),
+        ]),
      }),
    );

-    fireEvent.click(screen.getByLabelText('删除标签 猫咪'));
+    fireEvent.click(screen.getByLabelText('删除关卡 第2关'));
+    expect(screen.queryByText('第2关')).toBeNull();
+
    await act(async () => {
      await vi.runAllTimersAsync();
    });
@@ -455,12 +300,16 @@ describe('PuzzleResultView', () => {
    expect(puzzleWorksService.updatePuzzleWork).toHaveBeenLastCalledWith(
      'puzzle-profile-session-1',
      expect.objectContaining({
-        themeTags: ['雨夜', '暖灯'],
+        levels: [
+          expect.objectContaining({
+            levelId: 'puzzle-level-1',
+          }),
+        ],
      }),
    );
  });

-  test('generates one image from the picture description and replaces current image', () => {
+  test('publishes with work info and serialized levels', () => {
    const onExecuteAction = vi.fn();

    render(
@@ -471,24 +320,34 @@ describe('PuzzleResultView', () => {
      />,
    );

-    expect(screen.getByText('画面描述')).toBeTruthy();
-    expect(screen.queryByText(/候选图/u)).toBeNull();
-    expect(screen.queryByText(/请生成一张适合正方形拼图关卡/u)).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: /发布/u }));
+    fireEvent.click(
+      within(screen.getByRole('dialog', { name: '发布拼图作品' })).getByRole(
+        'button',
+        { name: '发布到广场' },
+      ),
+    );

-    fireEvent.change(screen.getByLabelText('画面描述'), {
-      target: { value: '一只猫在雨夜灯牌下回头。' },
-    });
-    fireEvent.click(screen.getByRole('button', { name: /重新生成画面/u }));
-
-    expect(onExecuteAction).toHaveBeenCalledWith({
-      action: 'generate_puzzle_images',
-      promptText: '一只猫在雨夜灯牌下回头。',
-      referenceImageSrc: undefined,
-      candidateCount: 1,
-    });
+    expect(onExecuteAction).toHaveBeenCalledWith(
+      expect.objectContaining({
+        action: 'publish_puzzle_work',
+        workTitle: '暖灯猫街作品',
+        workDescription: '一套雨夜猫街主题拼图。',
+        levelName: '雨夜猫街',
+        summary: '屋檐下的猫与暖灯街角。',
+        themeTags: ['猫咪', '雨夜', '暖灯'],
+      }),
+    );
+    const payload = onExecuteAction.mock.calls[0]![0];
+    expect(JSON.parse(payload.levelsJson)).toEqual([
+      expect.objectContaining({
+        levelId: 'puzzle-level-1',
+        levelName: '雨夜猫街',
+      }),
+    ]);
  });

-  test('selects a history puzzle asset as reference image for the next generation', async () => {
+  test('selects a history puzzle asset as reference image for the selected level', async () => {
    const onExecuteAction = vi.fn();
    vi.mocked(puzzleAssetClient.listHistoryAssets).mockResolvedValue([
      {
@@ -512,13 +371,14 @@ describe('PuzzleResultView', () => {
      />,
    );

+    fireEvent.click(screen.getByText('雨夜猫街'));
    fireEvent.click(screen.getByLabelText('从历史拼图素材库选择'));

-    const dialog = await screen.findByRole('dialog', {
+    const picker = await screen.findByRole('dialog', {
      name: '选择历史拼图素材',
    });
    fireEvent.click(
-      await within(dialog).findByRole('button', { name: /账号 user-1/u }),
+      await within(picker).findByRole('button', { name: /账号 user-1/u }),
    );

    await waitFor(() => {
@@ -528,102 +388,12 @@ describe('PuzzleResultView', () => {
    });

    fireEvent.click(screen.getByRole('button', { name: /重新生成画面/u }));
-
    expect(onExecuteAction).toHaveBeenLastCalledWith({
      action: 'generate_puzzle_images',
+      levelId: 'puzzle-level-1',
      promptText: '屋檐下的猫与暖灯街角。',
      referenceImageSrc: '/generated-puzzle-assets/history/image.png',
      candidateCount: 1,
    });
  });
-
-  test('refreshes the current formal image when session cover image changes', async () => {
-    const { rerender } = render(
-      <PuzzleResultView
-        session={createSession()}
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-      />,
-    );
-
-    expect(
-      screen.getByRole('img', { name: '雨夜猫街' }).getAttribute('src'),
-    ).toBe('/puzzle/candidate-1.png');
-
-    rerender(
-      <PuzzleResultView
-        session={createSession({
-          draft: {
-            ...createSession().draft!,
-            candidates: [
-              {
-                candidateId: 'candidate-2',
-                imageSrc: '/puzzle/candidate-2.png',
-                assetId: 'asset-2',
-                prompt: '新图',
-                actualPrompt: '新图',
-                sourceType: 'generated',
-                selected: true,
-              },
-            ],
-            selectedCandidateId: 'candidate-2',
-            coverImageSrc: '/puzzle/candidate-2.png',
-            coverAssetId: 'asset-2',
-          },
-          updatedAt: '2026-04-27T11:11:11.000Z',
-        })}
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(
-        screen.getByRole('img', { name: '雨夜猫街' }).getAttribute('src'),
-      ).toBe('/puzzle/candidate-2.png');
-    });
-  });
-
-  test('prefers the selected latest candidate image when coverImageSrc lags behind', async () => {
-    render(
-      <PuzzleResultView
-        session={createSession({
-          draft: {
-            ...createSession().draft!,
-            candidates: [
-              {
-                candidateId: 'candidate-1',
-                imageSrc: '/puzzle/candidate-1.png',
-                assetId: 'asset-1',
-                prompt: '旧图',
-                actualPrompt: '旧图',
-                sourceType: 'generated',
-                selected: false,
-              },
-              {
-                candidateId: 'candidate-2',
-                imageSrc: '/puzzle/candidate-2.png',
-                assetId: 'asset-2',
-                prompt: '新图',
-                actualPrompt: '新图',
-                sourceType: 'generated',
-                selected: true,
-              },
-            ],
-            selectedCandidateId: 'candidate-2',
-            coverImageSrc: '/puzzle/candidate-1.png',
-            coverAssetId: 'asset-1',
-          },
-        })}
-        onBack={() => {}}
-        onExecuteAction={() => {}}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(
-        screen.getByRole('img', { name: '雨夜猫街' }).getAttribute('src'),
-      ).toBe('/puzzle/candidate-2.png');
-    });
-  });
 });
--- a/src/components/puzzle-result/PuzzleResultView.tsx
+++ b/src/components/puzzle-result/PuzzleResultView.tsx
--- a/src/components/puzzle-runtime/PuzzleRuntimeShell.test.tsx
+++ b/src/components/puzzle-runtime/PuzzleRuntimeShell.test.tsx
@@ -294,6 +294,38 @@ test('合并块按实际拼块外轮廓描边', () => {
  expect(outlinedPieces[2]?.className).toContain('rounded-bl-[0.85rem]');
 });

+test('基础单块使用圆角裁剪图片', () => {
+  const playingRun: PuzzleRunSnapshot = {
+    ...clearedRun,
+    currentLevel: {
+      ...clearedRun.currentLevel!,
+      status: 'playing',
+      startedAtMs: Date.now(),
+      coverImageSrc: '/puzzle.png',
+      board: {
+        ...clearedRun.currentLevel!.board,
+        allTilesResolved: false,
+      },
+    },
+  };
+
+  const { container } = renderPuzzleRuntime(
+    <PuzzleRuntimeShell
+      run={playingRun}
+      onBack={vi.fn()}
+      onSwapPieces={vi.fn()}
+      onDragPiece={vi.fn()}
+      onAdvanceNextLevel={vi.fn()}
+    />,
+  );
+
+  const basePiece = container.querySelector(
+    '[data-piece-id="piece-0"]',
+  ) as HTMLElement | null;
+  expect(basePiece?.className).toContain('overflow-hidden');
+  expect(basePiece?.className).toContain('rounded-[0.85rem]');
+});
+
 test('道具确认弹窗暂停时间，提示只演示不直接移动拼块', async () => {
  const onPauseChange = vi.fn();
  const onUseProp = vi.fn().mockResolvedValue(clearedRun);
--- a/src/components/puzzle-runtime/PuzzleRuntimeShell.tsx
+++ b/src/components/puzzle-runtime/PuzzleRuntimeShell.tsx
@@ -1171,7 +1171,7 @@ export function PuzzleRuntimeShell({
                      pieceElementRefMap.current.delete(piece.pieceId);
                    }}
                    data-piece-id={piece?.pieceId ?? undefined}
-                    className={`relative flex h-full items-center justify-center border-2 border-white/22 text-sm font-black transition ${
+                    className={`relative flex h-full items-center justify-center overflow-hidden rounded-[0.85rem] border-2 border-white/22 text-sm font-black transition ${
                      occupied
                        ? isSelected
                          ? 'border-amber-200 bg-amber-400/84 text-slate-950 shadow-[0_12px_30px_rgba(251,191,36,0.22)]'
--- a/src/components/rpg-creation-editor/RpgCreationEntityEditorShared.tsx
+++ b/src/components/rpg-creation-editor/RpgCreationEntityEditorShared.tsx
@@ -14,14 +14,23 @@ import { createPortal } from 'react-dom';
 import { AFFINITY_BACKSTORY_CHAPTER_THRESHOLDS } from '../../data/affinityLevels';
 import {
  buildCustomWorldPlayableCharacters,
+  buildCustomWorldRuntimeCharacters,
+  createCharacterSkillCooldowns,
+  getCharacterMaxHp,
+  getCharacterMaxMana,
  ROLE_TEMPLATE_CHARACTERS,
+  setRuntimeCharacterOverrides,
 } from '../../data/characterPresets';
+import { setRuntimeCustomWorldProfile } from '../../data/customWorldRuntime';
 import { normalizeCustomWorldLandmarks } from '../../data/customWorldSceneGraph';
 import {
  getAllCustomWorldSceneImages,
  resolveCustomWorldCampSceneImage,
  resolveCustomWorldLandmarkImage,
 } from '../../data/customWorldVisuals';
+import { buildInitialEquipmentLoadout } from '../../data/equipmentEffects';
+import { createInitialPlayerProgressionState } from '../../data/playerProgression';
+import { createInitialGameRuntimeStats } from '../../data/runtimeStats';
 import { RESOLVED_ENTITY_X_METERS } from '../../data/sceneEncounterPreviews';
 import { buildEncounterFromSceneNpc } from '../../data/scenePresets';
 import { EDITOR_ITEM_CATALOG_API_PATH } from '../../editor/shared/editorApiClient';
@@ -75,6 +84,8 @@ import {
  type SceneChapterBlueprint,
  type SceneNpc,
  type ScenePresetInfo,
+  type StoryMoment,
+  type StoryOption,
  WorldType,
 } from '../../types';
 import {
@@ -1946,6 +1957,93 @@ function buildSceneActPreviewScenePreset(params: {
  };
 }

+const SCENE_ACT_PREVIEW_SESSION_ID = 'runtime-scene-act-preview';
+
+function buildSceneActPreviewNpcOption(params: {
+  functionId: string;
+  actionText: string;
+  npcId: string;
+  action: 'chat' | 'fight' | 'leave';
+}): StoryOption {
+  return {
+    functionId: params.functionId,
+    actionText: params.actionText,
+    text: params.actionText,
+    detailText: '',
+    visuals: {
+      playerAnimation: AnimationState.IDLE,
+      playerMoveMeters: 0,
+      playerOffsetY: 0,
+      playerFacing: 'right',
+      scrollWorld: false,
+      monsterChanges: [],
+    },
+    interaction: {
+      kind: 'npc',
+      npcId: params.npcId,
+      action: params.action,
+    },
+  };
+}
+
+function buildSceneActPreviewOpeningStory(params: {
+  sceneName: string;
+  encounter: NonNullable<ReturnType<typeof buildEncounterFromSceneNpc>>;
+}): StoryMoment {
+  const npcId = params.encounter.id ?? params.encounter.npcName;
+  const openingText = `${params.encounter.npcName}已经在${params.sceneName || '当前场景'}等你。`;
+
+  return {
+    text: openingText,
+    displayMode: 'dialogue',
+    dialogue: [
+      {
+        speaker: 'npc',
+        speakerName: params.encounter.npcName,
+        text: openingText,
+      },
+    ],
+    streaming: false,
+    npcChatState: {
+      npcId,
+      npcName: params.encounter.npcName,
+      turnCount: 0,
+      customInputPlaceholder: '输入你想对 TA 说的话',
+      openingSource: 'npc_initiated',
+      sceneActId: null,
+      turnLimit: null,
+      remainingTurns: null,
+      limitReason: null,
+      forceExitAfterTurn: false,
+      terminationMode: null,
+      terminationReason: null,
+      isHostileChat: false,
+      pendingQuestOffer: null,
+      combatContext: null,
+    },
+    options: [
+      buildSceneActPreviewNpcOption({
+        functionId: 'npc_chat',
+        actionText: '先听他说完',
+        npcId,
+        action: 'chat',
+      }),
+      buildSceneActPreviewNpcOption({
+        functionId: 'npc_fight',
+        actionText: '与他对战',
+        npcId,
+        action: 'fight',
+      }),
+      buildSceneActPreviewNpcOption({
+        functionId: 'npc_leave',
+        actionText: '暂时离开',
+        npcId,
+        action: 'leave',
+      }),
+    ],
+  };
+}
+
 function SceneActPreviewRuntime({
  profile,
  landmark,
@@ -2045,8 +2143,10 @@ function SceneActPreviewRuntime({
    useNpcInteractionFlow(gameState);
  const isPreviewReady =
    gameState.currentScene === 'Story' &&
-    Boolean(gameState.playerCharacter) &&
-    gameState.currentScenePreset?.id === landmark.id;
+    gameState.runtimeSessionId === SCENE_ACT_PREVIEW_SESSION_ID &&
+    gameState.playerCharacter?.id === previewCharacter?.id &&
+    gameState.currentScenePreset?.id === previewScenePreset?.id &&
+    Boolean(storyFlow.currentStory);

  useEffect(() => {
    if (
@@ -2064,28 +2164,64 @@ function SceneActPreviewRuntime({
    storyFlow.resetStoryState();
    setBottomTab('adventure');
    setIsMapOpen(false);
-    handleCustomWorldSelect(profile);
-    handleCharacterSelect(previewCharacter);
+    // 中文注释：幕预览只需要同步静态资料层，不能调用正式选世界入口；
+    // 后者会排队写入“已选世界但未选角”的中间态，把本地预览 GameState 覆盖回加载中。
+    setRuntimeCustomWorldProfile(profile);
+    setRuntimeCharacterOverrides(buildCustomWorldRuntimeCharacters(profile));
+    const previewCharacterMaxHp = getCharacterMaxHp(
+      previewCharacter,
+      WorldType.CUSTOM,
+      profile,
+    );
+    const previewCharacterMaxMana = getCharacterMaxMana(previewCharacter);
+    const previewEquipment = buildInitialEquipmentLoadout(
+      previewCharacter,
+      profile,
+    );
    setGameState((current) => ({
      ...current,
      worldType: WorldType.CUSTOM,
      customWorldProfile: profile,
+      playerCharacter: previewCharacter,
+      runtimeSessionId: SCENE_ACT_PREVIEW_SESSION_ID,
+      runtimeActionVersion: 1,
      // 中文注释：幕预览也统一复用正式 play 运行链，
      // 只通过禁持久化控制“不写正式存档”。
      runtimeMode: 'play',
      runtimePersistenceDisabled: true,
+      runtimeStats: createInitialGameRuntimeStats({ isActiveRun: true }),
+      playerProgression: createInitialPlayerProgressionState(),
      currentScene: 'Story',
      currentScenePreset: previewScenePreset,
      currentEncounter: previewEncounter,
      npcInteractionActive: false,
      sceneHostileNpcs: [],
      inBattle: false,
+      playerHp: previewCharacterMaxHp,
+      playerMaxHp: previewCharacterMaxHp,
+      playerMana: previewCharacterMaxMana,
+      playerMaxMana: previewCharacterMaxMana,
+      playerSkillCooldowns: createCharacterSkillCooldowns(previewCharacter),
+      playerCurrency: 0,
+      playerInventory: [],
+      playerEquipment: previewEquipment,
+      npcStates: {},
+      quests: [],
+      roster: [],
+      companions: [],
      storyHistory: [],
      chapterState: null,
      campaignState: null,
+      activeScenarioPackId: profile.scenarioPackId ?? null,
+      activeCampaignPackId: profile.campaignPackId ?? null,
      currentBattleNpcId: null,
      currentNpcBattleMode: null,
      currentNpcBattleOutcome: null,
+      sparReturnEncounter: null,
+      sparPlayerHpBefore: null,
+      sparPlayerMaxHpBefore: null,
+      sparStoryHistoryBefore: null,
+      characterChats: {},
      playerX: 0,
      playerOffsetY: 0,
      playerFacing: 'right',
@@ -2102,11 +2238,14 @@ function SceneActPreviewRuntime({
        currentSceneActState: previewActRuntimeState,
      },
    }));
+    storyFlow.hydrateStoryState(
+      buildSceneActPreviewOpeningStory({
+        sceneName: previewScenePreset.name,
+        encounter: previewEncounter,
+      }),
+    );
  }, [
    act,
-    handleCharacterSelect,
-    handleCustomWorldSelect,
-    landmark.id,
    previewActRuntimeState,
    previewCharacter,
    previewEncounter,
--- a/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
+++ b/src/components/rpg-entry/RpgEntryFlowShell.agent.interaction.test.tsx
--- a/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx
@@ -133,6 +133,8 @@ const puzzlePublicEntry = {
  summaryText: '一张用于公开分享的拼图作品。',
  coverImageSrc: null,
  themeTags: ['奇幻'],
+  playCount: 20,
+  remixCount: 5,
  likeCount: 12,
  visibility: 'published',
  publishedAt: '1777110165.990127Z',
@@ -553,22 +555,40 @@ test('public gallery cards hide work code until detail is opened', async () => {
  expect(onOpenGalleryDetail).toHaveBeenCalledWith(puzzlePublicEntry);
 });

-test('mobile public work cards render cover, content and like count', () => {
+test('mobile public work cards render cover, author, kind and cover stats', () => {
  const { container } = renderLoggedOutHomeView(vi.fn(), {
    latestEntries: [puzzlePublicEntry],
  });

  const card = screen.getByRole('button', {
-    name: /奇幻拼图，12点赞/u,
+    name: /奇幻拼图，拼图，20游玩，5改造，12点赞/u,
  });
  expect(
    card.querySelector('.platform-public-work-card__cover.aspect-video'),
  ).toBeTruthy();
+  expect(
+    card.querySelector('.platform-public-work-card__cover-stats'),
+  ).toBeTruthy();
+  expect(
+    card.querySelectorAll('.platform-public-work-card__cover-stat'),
+  ).toHaveLength(3);
+  expect(
+    card.querySelector('.platform-public-work-card__kind')?.textContent,
+  ).toBe('拼图');
+  expect(
+    card.querySelector('.platform-public-work-card__author-avatar')
+      ?.textContent,
+  ).toBe('拼');
  expect(screen.getByText('奇幻拼图')).toBeTruthy();
+  expect(screen.getByText('拼图玩家')).toBeTruthy();
  expect(screen.getByText('一张用于公开分享的拼图作品。')).toBeTruthy();
  expect(screen.getByText('奇幻')).toBeTruthy();
+  expect(screen.getByText('20')).toBeTruthy();
+  expect(screen.getByText('5')).toBeTruthy();
  expect(screen.getByText('12')).toBeTruthy();
-  expect(screen.getByText('点赞')).toBeTruthy();
+  expect(card.querySelector('.platform-pill--warm')?.textContent).not.toBe(
+    '推荐',
+  );
  expect(
    container.querySelector('.platform-mobile-home-channel--active')
      ?.textContent,
--- a/src/components/rpg-entry/RpgEntryHomeView.tsx
+++ b/src/components/rpg-entry/RpgEntryHomeView.tsx
@@ -9,6 +9,7 @@ import {
  Clock3,
  Coins,
  Copy,
+  Gamepad2,
  Heart,
  House,
  LogIn,
@@ -362,22 +363,40 @@ function SaveArchivePreview({

 function WorldCard({
  entry,
-  badge,
-  metaLabel,
  onClick,
  className,
 }: {
-  entry: PlatformWorldCardLike;
-  badge: string;
-  metaLabel: string;
+  entry: PlatformPublicGalleryCard;
  onClick: () => void;
  className?: string;
 }) {
  const coverImage = resolvePlatformWorldCoverImage(entry);
  const displayName = formatPlatformWorkDisplayName(entry.worldName);
  const tags = buildPlatformWorldDisplayTags(entry, 3);
+  const playCount = getPlatformWorldPlayCount(entry);
+  const remixCount = getPlatformWorldRemixCount(entry);
  const likeCount = getPlatformWorldLikeCount(entry);
-  const cardLabel = `${entry.worldName}，${formatCompactCount(likeCount)}点赞`;
+  const typeLabel = describePublicGalleryCardKind(entry);
+  const authorName = entry.authorDisplayName.trim() || '玩家';
+  const authorAvatarLabel = getPublicAuthorAvatarLabel(authorName);
+  const cardLabel = `${entry.worldName}，${typeLabel}，${formatCompactCount(playCount)}游玩，${formatCompactCount(remixCount)}改造，${formatCompactCount(likeCount)}点赞`;
+  const coverStats = [
+    {
+      label: '游玩',
+      value: playCount,
+      icon: Gamepad2,
+    },
+    {
+      label: '改造',
+      value: remixCount,
+      icon: Pencil,
+    },
+    {
+      label: '点赞',
+      value: likeCount,
+      icon: Heart,
+    },
+  ];

  return (
    <button
@@ -397,13 +416,16 @@ function WorldCard({
          <div className="absolute inset-0 bg-[radial-gradient(circle_at_18%_16%,rgba(255,255,255,0.28),transparent_30%),linear-gradient(135deg,rgba(255,118,117,0.42),rgba(89,164,255,0.34))]" />
        )}
        <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.02),rgba(0,0,0,0.18))]" />
-        <div className="absolute left-3 top-3 flex min-w-0 max-w-[calc(100%-1.5rem)] flex-wrap gap-1.5">
-          <span className="platform-pill platform-pill--warm max-w-[9rem] truncate px-2.5">
-            {badge}
-          </span>
-          <span className="platform-pill platform-pill--neutral max-w-[9rem] truncate px-2.5">
-            {metaLabel}
-          </span>
+        <div className="platform-public-work-card__cover-stats">
+          {coverStats.map(({ label, value, icon: Icon }) => (
+            <span key={label} className="platform-public-work-card__cover-stat">
+              <Icon
+                className={`h-3.5 w-3.5 ${label === '点赞' ? 'fill-current' : ''}`}
+                aria-hidden="true"
+              />
+              <span>{formatCompactCount(value)}</span>
+            </span>
+          ))}
        </div>
      </div>

@@ -413,21 +435,21 @@ function WorldCard({
            <div className="line-clamp-1 break-words text-base font-black leading-tight text-[var(--platform-text-strong)]">
              {displayName}
            </div>
-            {entry.subtitle ? (
-              <div className="mt-0.5 line-clamp-1 break-words text-[11px] font-medium text-[var(--platform-text-soft)]">
-                {entry.subtitle}
-              </div>
-            ) : null}
-          </div>
-          <div className="platform-public-work-card__likes shrink-0 text-right">
-            <div className="flex items-center justify-end gap-1 text-xs font-black text-[var(--platform-warm-text)]">
-              <Heart className="h-3.5 w-3.5 fill-current" />
-              <span>{formatCompactCount(likeCount)}</span>
-            </div>
-            <div className="mt-0.5 text-[10px] font-semibold text-[var(--platform-text-soft)]">
-              点赞
+            <div className="mt-1 flex min-w-0 items-center gap-1.5">
+              <span
+                aria-hidden="true"
+                className="platform-public-work-card__author-avatar"
+              >
+                {authorAvatarLabel}
+              </span>
+              <span className="line-clamp-1 break-words text-[11px] font-semibold text-[var(--platform-text-soft)]">
+                {authorName}
+              </span>
            </div>
          </div>
+          <span className="platform-public-work-card__kind shrink-0">
+            {typeLabel}
+          </span>
        </div>

        <div className="line-clamp-2 break-words text-xs leading-5 text-[color:color-mix(in_srgb,var(--platform-text-base)_88%,transparent)]">
@@ -960,6 +982,10 @@ function describePublicGalleryCardKind(entry: PlatformPublicGalleryCard) {
  return formatPlatformWorkDisplayTag(kind);
 }

+function getPublicAuthorAvatarLabel(authorDisplayName: string) {
+  return Array.from(authorDisplayName.trim() || '玩')[0] ?? '玩';
+}
+
 function getPlatformWorldLikeCount(entry: PlatformWorldCardLike) {
  return Math.max(0, Math.round(entry.likeCount ?? 0));
 }
@@ -1404,9 +1430,16 @@ function ProfileNicknameModal({
 }) {
  return (
    <div className="platform-modal-backdrop fixed inset-0 z-[80] flex items-center justify-center px-4 py-6">
-      <div className="platform-recharge-modal w-full max-w-sm overflow-hidden rounded-[1.4rem]">
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="profile-nickname-title"
+        className="platform-modal-shell platform-remap-surface w-full max-w-sm overflow-hidden rounded-[1.4rem]"
+      >
        <div className="flex items-center justify-between border-b border-white/10 px-5 py-4">
-          <div className="text-base font-black">修改昵称</div>
+          <div id="profile-nickname-title" className="text-base font-black">
+            修改昵称
+          </div>
          <button
            type="button"
            aria-label="关闭昵称修改"
@@ -1529,9 +1562,16 @@ function ProfileAvatarCropModal({

  return (
    <div className="platform-modal-backdrop fixed inset-0 z-[80] flex items-center justify-center px-4 py-6">
-      <div className="platform-recharge-modal w-full max-w-sm overflow-hidden rounded-[1.4rem]">
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="profile-avatar-crop-title"
+        className="platform-modal-shell platform-remap-surface w-full max-w-sm overflow-hidden rounded-[1.4rem]"
+      >
        <div className="flex items-center justify-between border-b border-white/10 px-5 py-4">
-          <div className="text-base font-black">裁剪头像</div>
+          <div id="profile-avatar-crop-title" className="text-base font-black">
+            裁剪头像
+          </div>
          <button
            type="button"
            aria-label="关闭头像裁剪"
@@ -2726,12 +2766,6 @@ export function RpgEntryHomeView({
                <WorldCard
                  key={`${buildPublicGalleryCardKey(entry)}:mobile-feed:${mobileHomeChannel}`}
                  entry={entry}
-                  badge={
-                    mobileHomeChannel === 'recommend'
-                      ? '推荐'
-                      : describePublicGalleryCardKind(entry)
-                  }
-                  metaLabel={entry.authorDisplayName}
                  onClick={() => onOpenGalleryDetail(entry)}
                  className="w-full"
                />
@@ -3244,8 +3278,6 @@ export function RpgEntryHomeView({
                <WorldCard
                  key={`${buildPublicGalleryCardKey(entry)}:desktop-featured`}
                  entry={entry}
-                  badge="推荐"
-                  metaLabel={describePublicGalleryCardKind(entry)}
                  onClick={() => onOpenGalleryDetail(entry)}
                  className="w-full min-w-0"
                />
@@ -3375,8 +3407,6 @@ export function RpgEntryHomeView({
              <WorldCard
                key={`${buildPublicGalleryCardKey(entry)}:desktop-latest`}
                entry={entry}
-                badge={describePublicGalleryCardKind(entry)}
-                metaLabel={entry.authorDisplayName}
                onClick={() => onOpenGalleryDetail(entry)}
                className="w-full min-w-0"
              />
--- a/src/components/rpg-entry/rpgEntryWorldPresentation.ts
+++ b/src/components/rpg-entry/rpgEntryWorldPresentation.ts
@@ -96,9 +96,9 @@ export function mapPuzzleWorkToPlatformGalleryCard(
    publicWorkCode: buildPuzzlePublicWorkCode(work.profileId),
    ownerUserId: work.ownerUserId,
    authorDisplayName: work.authorDisplayName,
-    worldName: work.levelName,
+    worldName: work.workTitle || work.levelName,
    subtitle: '拼图关卡',
-    summaryText: work.summary,
+    summaryText: work.workDescription || work.summary,
    coverImageSrc: work.coverImageSrc,
    themeTags: work.themeTags,
    playCount: work.playCount ?? 0,
@@ -120,7 +120,7 @@ export function mapBigFishWorkToPlatformGalleryCard(
    profileId: work.sourceSessionId,
    publicWorkCode: buildBigFishPublicWorkCode(work.sourceSessionId),
    ownerUserId: work.ownerUserId,
-    authorDisplayName: '大鱼陶泥主',
+    authorDisplayName: work.authorDisplayName,
    worldName: work.title,
    subtitle: work.subtitle || '大鱼吃小鱼',
    summaryText: work.summary,