1

2026-05-11 20:27:41 +08:00
parent e30b733b17
commit 481a27fc53
60 changed files with 6357 additions and 1100 deletions
--- a/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.test.tsx
@@ -1,8 +1,8 @@
 import { renderToStaticMarkup } from 'react-dom/server';
 import { expect, test } from 'vitest';

-import { derivePlatformCreationTypes } from '../platform-entry/platformEntryCreationTypes';
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
+import { derivePlatformCreationTypes } from '../platform-entry/platformEntryCreationTypes';
 import { CustomWorldCreationHub } from './CustomWorldCreationHub';

 const noopCreateType = () => {};
@@ -77,8 +77,9 @@ const testEntryConfig = {
  ],
 } satisfies CreationEntryConfig;

-const testCreationTypes = derivePlatformCreationTypes(testEntryConfig.creationTypes);
-
+const testCreationTypes = derivePlatformCreationTypes(
+  testEntryConfig.creationTypes,
+);

 test('creation hub draft card renders compiled work summary fields', () => {
  const html = renderToStaticMarkup(
@@ -174,6 +175,50 @@ test('creation hub renders puzzle works in the same unified list with puzzle tag
  expect(html).not.toContain('我的拼图作品');
 });

+test('creation hub marks generating and newly completed drafts', () => {
+  const html = renderToStaticMarkup(
+    <CustomWorldCreationHub
+      items={[]}
+      puzzleItems={[
+        {
+          workId: 'puzzle-work-session-1',
+          profileId: 'puzzle-profile-session-1',
+          ownerUserId: 'user-1',
+          authorDisplayName: '测试作者',
+          workTitle: '潮雾拼图草稿',
+          workDescription: '正在生成首张拼图主视觉。',
+          levelName: '潮雾拼图',
+          summary: '正在生成首张拼图主视觉。',
+          themeTags: ['潮雾'],
+          coverImageSrc: null,
+          publicationStatus: 'draft',
+          updatedAt: new Date('2026-04-22T10:00:00.000Z').toISOString(),
+          publishedAt: null,
+          publishReady: false,
+          sourceSessionId: 'puzzle-session-1',
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      entryConfig={testEntryConfig}
+      creationTypes={testCreationTypes}
+      onOpenPuzzleDetail={() => {}}
+      getWorkState={(item) =>
+        item.kind === 'puzzle'
+          ? { isGenerating: true, hasUnreadUpdate: true }
+          : null
+      }
+    />,
+  );
+
+  expect(html).toContain('生成中');
+  expect(html).toContain('aria-label="新生成完成"');
+});
+
 test('creation hub published work spans full mobile row', () => {
  const html = renderToStaticMarkup(
    <CustomWorldCreationHub
--- a/src/components/custom-world-home/CustomWorldCreationHub.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.tsx
@@ -7,13 +7,13 @@ import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/p
 import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
 import type { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 import type { VisualNovelWorkSummary } from '../../../packages/shared/src/contracts/visualNovel';
-import type { CustomWorldProfile } from '../../types';
 import type { CreationEntryConfig } from '../../services/creationEntryConfigService';
-import { isPlatformCreationTypeVisible } from '../platform-entry/platformEntryCreationTypes';
+import type { CustomWorldProfile } from '../../types';
 import type {
  PlatformCreationTypeCard,
  PlatformCreationTypeId,
 } from '../platform-entry/platformEntryCreationTypes';
+import { isPlatformCreationTypeVisible } from '../platform-entry/platformEntryCreationTypes';
 import {
  buildCreationWorkShelfItems,
  type CreationWorkShelfItem,
@@ -68,6 +68,10 @@ type CustomWorldCreationHubProps = {
  visualNovelItems?: VisualNovelWorkSummary[];
  onOpenVisualNovelDetail?: ((item: VisualNovelWorkSummary) => void) | null;
  onDeleteVisualNovel?: ((item: VisualNovelWorkSummary) => void) | null;
+  getWorkState?: (
+    item: CreationWorkShelfItem,
+  ) => { isGenerating?: boolean; hasUnreadUpdate?: boolean } | null;
+  onOpenShelfItem?: (item: CreationWorkShelfItem) => void;
  mode?: 'full' | 'start-only' | 'works-only';
 };

@@ -166,6 +170,8 @@ export function CustomWorldCreationHub({
  visualNovelItems = [],
  onOpenVisualNovelDetail = null,
  onDeleteVisualNovel = null,
+  getWorkState,
+  onOpenShelfItem,
  mode = 'full',
 }: CustomWorldCreationHubProps) {
  const [activeFilter, setActiveFilter] =
@@ -191,6 +197,7 @@ export function CustomWorldCreationHub({
          isSquareHoleCreationVisible && Boolean(onDeleteSquareHole),
        canDeletePuzzle: Boolean(onDeletePuzzle),
        canDeleteVisualNovel: Boolean(onDeleteVisualNovel),
+        getItemState: getWorkState,
      }),
    [
      bigFishItems,
@@ -203,6 +210,7 @@ export function CustomWorldCreationHub({
      onDeletePublished,
      onDeletePuzzle,
      onDeleteVisualNovel,
+      getWorkState,
      puzzleItems,
      rpgLibraryEntries,
      squareHoleItems,
@@ -230,6 +238,8 @@ export function CustomWorldCreationHub({
  );

  function handleOpenShelfItem(item: CreationWorkShelfItem) {
+    onOpenShelfItem?.(item);
+
    switch (item.source.kind) {
      case 'puzzle':
        onOpenPuzzleDetail?.(item.source.item);
--- a/src/components/custom-world-home/CustomWorldWorkCard.tsx
+++ b/src/components/custom-world-home/CustomWorldWorkCard.tsx
@@ -267,6 +267,12 @@ export function CustomWorldWorkCard({
      />
      <div className="absolute inset-0 bg-[var(--platform-card-overlay-strong)]" />
      <div className="absolute inset-0 bg-[radial-gradient(circle_at_100%_100%,rgba(255,255,255,0.18),transparent_34%),linear-gradient(180deg,rgba(255,255,255,0.08),rgba(0,0,0,0.08))]" />
+      {item.hasUnreadUpdate ? (
+        <span
+          aria-label="新生成完成"
+          className="pointer-events-none absolute right-2 top-2 z-30 h-2.5 w-2.5 rounded-full bg-red-500 shadow-[0_0_0_3px_rgba(255,255,255,0.26),0_0_14px_rgba(239,68,68,0.75)]"
+        />
+      ) : null}
      <div className="pointer-events-none relative z-20 flex min-h-[8rem] flex-col sm:min-h-[10.5rem] xl:min-h-[9.75rem]">
        <div className="pointer-events-auto absolute right-0 top-0 z-30 flex items-center gap-1">
          {onDelete ? (
@@ -335,6 +341,11 @@ export function CustomWorldWorkCard({

        <div className="flex items-start justify-between gap-2 pr-12 sm:gap-3 sm:pr-14">
          <div className="flex max-h-[3rem] min-w-0 flex-wrap gap-1 overflow-hidden sm:max-h-none sm:gap-2">
+            {item.isGenerating ? (
+              <span className="platform-pill platform-pill--cool max-w-full truncate px-2 py-0.5 text-[9px] sm:px-3 sm:py-1 sm:text-[10px]">
+                生成中
+              </span>
+            ) : null}
            {item.badges.map((badge) => (
              <span
                key={`${item.id}-${badge.id}`}
--- a/src/components/custom-world-home/creationWorkShelf.ts
+++ b/src/components/custom-world-home/creationWorkShelf.ts
@@ -2,9 +2,9 @@ import type { BigFishWorkSummary } from '../../../packages/shared/src/contracts/
 import type { CustomWorldWorkSummary } from '../../../packages/shared/src/contracts/customWorldAgent';
 import type { Match3DWorkSummary } from '../../../packages/shared/src/contracts/match3dWorks';
 import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
+import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
 import type { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 import type { VisualNovelWorkSummary } from '../../../packages/shared/src/contracts/visualNovel';
-import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
 import { buildPublicWorkStagePath } from '../../routing/appPageRoutes';
 import {
  buildBigFishPublicWorkCode,
@@ -83,6 +83,8 @@ export type CreationWorkShelfItem = {
  id: string;
  kind: CreationWorkShelfKind;
  status: CreationWorkShelfStatus;
+  isGenerating?: boolean;
+  hasUnreadUpdate?: boolean;
  title: string;
  summary: string;
  updatedAt: string;
@@ -114,6 +116,9 @@ export function buildCreationWorkShelfItems(params: {
  canDeleteSquareHole?: boolean;
  canDeletePuzzle?: boolean;
  canDeleteVisualNovel?: boolean;
+  getItemState?: (
+    item: CreationWorkShelfItem,
+  ) => { isGenerating?: boolean; hasUnreadUpdate?: boolean } | null;
 }) {
  const {
    rpgItems,
@@ -129,6 +134,7 @@ export function buildCreationWorkShelfItems(params: {
    canDeleteSquareHole = false,
    canDeletePuzzle = false,
    canDeleteVisualNovel = false,
+    getItemState,
  } = params;

  return [
@@ -150,10 +156,21 @@ export function buildCreationWorkShelfItems(params: {
    ...visualNovelItems.map((item) =>
      mapVisualNovelWorkToShelfItem(item, canDeleteVisualNovel),
    ),
-  ].sort(
-    (left, right) =>
-      getShelfItemTime(right.updatedAt) - getShelfItemTime(left.updatedAt),
-  );
+  ]
+    .map((item) => {
+      const state = getItemState?.(item);
+      return state
+        ? {
+            ...item,
+            isGenerating: state.isGenerating,
+            hasUnreadUpdate: state.hasUnreadUpdate,
+          }
+        : item;
+    })
+    .sort(
+      (left, right) =>
+        getShelfItemTime(right.updatedAt) - getShelfItemTime(left.updatedAt),
+    );
 }

 function mapRpgWorkToShelfItem(
@@ -355,14 +372,14 @@ function mapVisualNovelWorkToShelfItem(
  item: VisualNovelWorkSummary,
  canDelete: boolean,
 ): CreationWorkShelfItem {
-  const status =
-    item.publishStatus === 'published' ? 'published' : 'draft';
+  const status = item.publishStatus === 'published' ? 'published' : 'draft';
  const publicWorkCode =
-    status === 'published' ? buildVisualNovelPublicWorkCode(item.profileId) : null;
+    status === 'published'
+      ? buildVisualNovelPublicWorkCode(item.profileId)
+      : null;
  const title = item.title?.trim() || '未命名视觉小说';
  const summary =
-    item.description?.trim() ||
-    (status === 'draft' ? '未填写作品描述' : '');
+    item.description?.trim() || (status === 'draft' ? '未填写作品描述' : '');

  return {
    id: item.profileId,