收口创作流程统一总计划并修复等待页窄屏裁切

src/components/unified-creation/UnifiedCreationPage.test.tsx

@@ -38,5 +38,17 @@ describe('UnifiedCreationPage', () => {
     ]);
     expect(fields[2]?.getAttribute('data-field-kind')).toBe('audio');
     expect(fields[3]?.getAttribute('data-required')).toBe('true');
+    expect(screen.getByTestId('unified-creation-play-badge').textContent).toBe(
+      'wooden-fish',
+    );
+    expect(screen.queryByLabelText('创作字段')).toBeNull();
+    expect(screen.queryByTestId('unified-creation-visible-field')).toBeNull();
+    expect(
+      screen
+        .getByText('敲木鱼工作台')
+        .closest('.unified-creation-page__content')
+        ?.className,
+    ).not.toContain('overflow-y-auto');
+    expect(root?.className).not.toContain('overflow-hidden');
   });
 });

src/components/unified-creation/UnifiedCreationPage.tsx

@@ -13,13 +13,26 @@ export function UnifiedCreationPage({
 }: UnifiedCreationPageProps) {
   return (
     <div
-      className="unified-creation-page flex h-full min-h-0 flex-col"
+      className="unified-creation-page platform-remap-surface mx-auto flex w-full max-w-5xl flex-col px-3 pt-2 sm:px-4 sm:pt-3"
       data-play-id={spec.playId}
       data-field-kinds={spec.fields.map((field) => field.kind).join(',')}
       data-workspace-stage={spec.workspaceStage}
       data-generation-stage={spec.generationStage}
       data-result-stage={spec.resultStage}
     >
+      <header className="unified-creation-page__header shrink-0 pb-3">
+        <div className="flex items-center justify-between gap-3">
+          <h1 className="m-0 min-w-0 truncate text-[1.35rem] font-black leading-tight tracking-normal text-[var(--platform-text-strong)] sm:text-[1.65rem]">
+            {spec.title}
+          </h1>
+          <span
+            className="unified-creation-page__play-badge shrink-0 rounded-full border border-[var(--platform-subpanel-border)] bg-white/80 px-3 py-1 text-[11px] font-black text-[var(--platform-text-soft)]"
+            data-testid="unified-creation-play-badge"
+          >
+            {spec.playId}
+          </span>
+        </div>
+      </header>
       <div className="sr-only" data-testid="unified-creation-spec">
         <h1>{spec.title}</h1>
         <ul>
@@ -36,7 +49,9 @@ export function UnifiedCreationPage({
           ))}
         </ul>
       </div>
-      {children}
+      <div className="unified-creation-page__content pb-3 sm:pb-4">
+        {children}
+      </div>
     </div>
   );
 }

src/components/unified-creation/UnifiedGenerationPage.tsx

@@ -2,6 +2,7 @@ import type { CustomWorldGenerationProgress } from '../../../packages/shared/src
 import type { CustomWorldStructuredAnchorEntry } from '../../services/customWorldAgentGenerationProgress';
 import { CustomWorldGenerationView } from '../CustomWorldGenerationView';
 import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
+import { getUnifiedGenerationCopy } from './unifiedGenerationCopy';
 
 type UnifiedGenerationPageProps = {
   playId: UnifiedCreationPlayId;
@@ -16,39 +17,6 @@ type UnifiedGenerationPageProps = {
   hideBatchModule?: boolean;
 };
 
-const UNIFIED_GENERATION_COPY = {
-  puzzle: {
-    retryLabel: '重新生成图片',
-    settingTitle: '当前拼图信息',
-    progressTitle: '拼图图片生成进度',
-    activeBadgeLabel: '图片生成中',
-  },
-  match3d: {
-    retryLabel: '重新生成草稿',
-    settingTitle: '当前抓大鹅信息',
-    progressTitle: '抓大鹅草稿生成进度',
-    activeBadgeLabel: '素材生成中',
-  },
-  'wooden-fish': {
-    retryLabel: '重新生成草稿',
-    settingTitle: '当前敲木鱼信息',
-    progressTitle: '敲木鱼草稿生成进度',
-    activeBadgeLabel: '素材生成中',
-  },
-} as const satisfies Record<
-  UnifiedCreationPlayId,
-  {
-    retryLabel: string;
-    settingTitle: string;
-    progressTitle: string;
-    activeBadgeLabel: string;
-  }
->;
-
-export function getUnifiedGenerationCopy(playId: UnifiedCreationPlayId) {
-  return UNIFIED_GENERATION_COPY[playId];
-}
-
 export function UnifiedGenerationPage({
   playId,
   settingText,

src/components/unified-creation/unifiedGenerationCopy.ts

@@ -0,0 +1,34 @@
+import type { UnifiedCreationPlayId } from './unifiedCreationSpecs';
+
+const UNIFIED_GENERATION_COPY = {
+  puzzle: {
+    retryLabel: '重新生成图片',
+    settingTitle: '当前拼图信息',
+    progressTitle: '拼图图片生成进度',
+    activeBadgeLabel: '图片生成中',
+  },
+  match3d: {
+    retryLabel: '重新生成草稿',
+    settingTitle: '当前抓大鹅信息',
+    progressTitle: '抓大鹅草稿生成进度',
+    activeBadgeLabel: '素材生成中',
+  },
+  'wooden-fish': {
+    retryLabel: '重新生成草稿',
+    settingTitle: '当前敲木鱼信息',
+    progressTitle: '敲木鱼草稿生成进度',
+    activeBadgeLabel: '素材生成中',
+  },
+} as const satisfies Record<
+  UnifiedCreationPlayId,
+  {
+    retryLabel: string;
+    settingTitle: string;
+    progressTitle: string;
+    activeBadgeLabel: string;
+  }
+>;
+
+export function getUnifiedGenerationCopy(playId: UnifiedCreationPlayId) {
+  return UNIFIED_GENERATION_COPY[playId];
+}