1

src/components/custom-world-home/creationWorkShelf.ts

@@ -2,7 +2,11 @@ import type { BigFishWorkSummary } from '../../../packages/shared/src/contracts/
 import type { CustomWorldWorkSummary } from '../../../packages/shared/src/contracts/customWorldAgent';
 import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
 import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
-import { buildPuzzlePublicWorkCode } from '../../services/publicWorkCode';
+import { buildPublicWorkStagePath } from '../../routing/appPageRoutes';
+import {
+  buildBigFishPublicWorkCode,
+  buildPuzzlePublicWorkCode,
+} from '../../services/publicWorkCode';
 import type { CustomWorldProfile } from '../../types';
 
 export type CreationWorkShelfKind = 'rpg' | 'big-fish' | 'puzzle';
@@ -16,10 +20,19 @@ export type CreationWorkShelfBadge = {
   tone: CreationWorkShelfBadgeTone;
 };
 
+export type CreationWorkShelfMetricId =
+  | 'play-count'
+  | 'remix-count'
+  | 'like-count';
+
+export type CreationWorkShelfMetricTone = 'play' | 'remix' | 'like';
+
 export type CreationWorkShelfMetric = {
-  id: string;
+  id: CreationWorkShelfMetricId;
   label: string;
-  tone?: CreationWorkShelfBadgeTone;
+  value: number;
+  unit: string;
+  tone: CreationWorkShelfMetricTone;
 };
 
 export type CreationWorkShelfSource =
@@ -41,17 +54,16 @@ export type CreationWorkShelfItem = {
   kind: CreationWorkShelfKind;
   status: CreationWorkShelfStatus;
   title: string;
-  subtitle: string;
   summary: string;
   updatedAt: string;
   coverImageSrc: string | null;
   coverRenderMode: 'image' | 'scene_with_roles';
   coverCharacterImageSrcs: string[];
   publicWorkCode: string | null;
-  typeLabel: string;
+  sharePath: string | null;
   openActionLabel: string;
-  canExperience: boolean;
   canDelete: boolean;
+  canShare: boolean;
   badges: CreationWorkShelfBadge[];
   metrics: CreationWorkShelfMetric[];
   source: CreationWorkShelfSource;
@@ -101,67 +113,43 @@ function mapRpgWorkToShelfItem(
   const libraryEntry = item.profileId
     ? libraryEntries.find((entry) => entry.profileId === item.profileId)
     : null;
+  const publicWorkCode =
+    item.status === 'published' ? (libraryEntry?.publicWorkCode ?? null) : null;
   const badges: CreationWorkShelfBadge[] = [
     buildStatusBadge(item.status),
     { id: 'type', label: 'RPG', tone: 'neutral' },
   ];
-  if (item.stageLabel) {
-    badges.push({ id: 'stage', label: item.stageLabel, tone: 'neutral' });
-  }
 
-  const metrics: CreationWorkShelfMetric[] = [
-    {
-      id: 'playable-npc-count',
-      label: `${isDraft ? '角色' : '可扮演角色'} ${item.playableNpcCount}`,
-    },
-    { id: 'landmark-count', label: `地点 ${item.landmarkCount}` },
-  ];
-  if (item.roleVisualReadyCount) {
-    metrics.push({
-      id: 'role-visual-ready-count',
-      label: `主图 ${item.roleVisualReadyCount}`,
-      tone: 'warm',
-    });
-  }
-  if (item.roleAnimationReadyCount) {
-    metrics.push({
-      id: 'role-animation-ready-count',
-      label: `动作 ${item.roleAnimationReadyCount}`,
-      tone: 'success',
-    });
-  }
-  if (item.roleAssetSummaryLabel) {
-    metrics.push({
-      id: 'role-asset-summary',
-      label: item.roleAssetSummaryLabel,
-    });
-  }
+  const metrics = buildPublishedMetrics({
+    playCount: libraryEntry?.playCount,
+    remixCount: libraryEntry?.remixCount,
+    likeCount: libraryEntry?.likeCount,
+  });
 
   return {
     id: item.workId,
     kind: 'rpg',
     status: item.status,
     title: item.title,
-    subtitle: item.subtitle,
     summary: item.summary,
     updatedAt: item.updatedAt,
     coverImageSrc: item.coverImageSrc ?? null,
     coverRenderMode: item.coverRenderMode ?? 'image',
     coverCharacterImageSrcs: item.coverCharacterImageSrcs ?? [],
-    publicWorkCode:
-      item.status === 'published'
-        ? (libraryEntry?.publicWorkCode ?? null)
+    publicWorkCode,
+    sharePath:
+      publicWorkCode && item.status === 'published'
+        ? buildPublicWorkStagePath('work-detail', publicWorkCode)
         : null,
-    typeLabel: 'RPG',
     openActionLabel: isDraft
       ? item.playableNpcCount > 0 || item.landmarkCount > 0
         ? '继续完善'
         : '继续创作'
       : '查看详情',
-    canExperience: item.status === 'published' && item.canEnterWorld,
     canDelete,
+    canShare: item.status === 'published' && Boolean(publicWorkCode),
     badges,
-    metrics,
+    metrics: isDraft ? [] : metrics,
     source: { kind: 'rpg', item },
   };
 }
@@ -170,47 +158,40 @@ function mapBigFishWorkToShelfItem(
   item: BigFishWorkSummary,
   canDelete: boolean,
 ): CreationWorkShelfItem {
+  const isPublished = item.status === 'published';
+  const publicWorkCode = isPublished
+    ? buildBigFishPublicWorkCode(item.sourceSessionId)
+    : null;
+
   return {
     id: item.workId,
     kind: 'big-fish',
     status: item.status,
     title: item.title,
-    subtitle: item.subtitle,
     summary: item.summary,
     updatedAt: item.updatedAt,
     coverImageSrc: item.coverImageSrc ?? null,
     coverRenderMode: 'image',
     coverCharacterImageSrcs: [],
-    publicWorkCode: null,
-    typeLabel: '大鱼',
+    publicWorkCode,
+    sharePath:
+      publicWorkCode && isPublished
+        ? buildPublicWorkStagePath('big-fish-runtime', publicWorkCode)
+        : null,
     openActionLabel: item.status === 'draft' ? '继续创作' : '查看详情',
-    canExperience: item.status === 'published',
     canDelete,
+    canShare: isPublished && Boolean(publicWorkCode),
     badges: [
       buildStatusBadge(item.status),
       { id: 'type', label: '大鱼', tone: 'neutral' },
     ],
-    metrics: [
-      { id: 'level-count', label: `关卡 ${item.levelCount}` },
-      {
-        id: 'level-main-image-ready-count',
-        label: `主图 ${item.levelMainImageReadyCount}`,
-      },
-      {
-        id: 'level-motion-ready-count',
-        label: `动作 ${item.levelMotionReadyCount}`,
-      },
-      { id: 'play-count', label: `游玩 ${item.playCount ?? 0}` },
-      ...(item.backgroundReady
-        ? [
-            {
-              id: 'background-ready',
-              label: '背景已就绪',
-              tone: 'success' as const,
-            },
-          ]
-        : []),
-    ],
+    metrics: isPublished
+      ? buildPublishedMetrics({
+          playCount: item.playCount,
+          remixCount: item.remixCount,
+          likeCount: item.likeCount,
+        })
+      : [],
     source: { kind: 'big-fish', item },
   };
 }
@@ -220,42 +201,88 @@ function mapPuzzleWorkToShelfItem(
   canDelete: boolean,
 ): CreationWorkShelfItem {
   const status = item.publicationStatus;
+  const publicWorkCode =
+    status === 'published' ? buildPuzzlePublicWorkCode(item.profileId) : null;
 
   return {
     id: item.workId,
     kind: 'puzzle',
     status,
     title: item.levelName,
-    subtitle: item.authorDisplayName,
     summary: item.summary,
     updatedAt: item.updatedAt,
     coverImageSrc: item.coverImageSrc ?? null,
     coverRenderMode: 'image',
     coverCharacterImageSrcs: [],
-    publicWorkCode:
-      status === 'published' ? buildPuzzlePublicWorkCode(item.profileId) : null,
-    typeLabel: '拼图',
+    publicWorkCode,
+    sharePath:
+      publicWorkCode && status === 'published'
+        ? buildPublicWorkStagePath('puzzle-gallery-detail', publicWorkCode)
+        : null,
     openActionLabel:
       status === 'published' && !item.sourceSessionId ? '查看详情' : '继续创作',
-    canExperience: status === 'published',
     canDelete,
+    canShare: status === 'published' && Boolean(publicWorkCode),
     badges: [
       buildStatusBadge(status),
       { id: 'type', label: '拼图', tone: 'neutral' },
-      ...item.themeTags.slice(0, 2).map((tag) => ({
-        id: `tag:${tag}`,
-        label: tag,
-        tone: 'neutral' as const,
-      })),
-    ],
-    metrics: [
-      { id: 'author', label: `作者 ${item.authorDisplayName}` },
-      { id: 'play-count', label: `游玩 ${item.playCount}` },
     ],
+    metrics:
+      status === 'published'
+        ? buildPublishedMetrics({
+            playCount: item.playCount,
+            remixCount: item.remixCount,
+            likeCount: item.likeCount,
+          })
+        : [],
     source: { kind: 'puzzle', item },
   };
 }
 
+function buildPublishedMetrics(params: {
+  playCount?: number | null;
+  remixCount?: number | null;
+  likeCount?: number | null;
+}): CreationWorkShelfMetric[] {
+  return [
+    {
+      id: 'play-count',
+      label: '游玩',
+      value: normalizeMetricCount(params.playCount),
+      unit: '次',
+      tone: 'play',
+    },
+    {
+      id: 'remix-count',
+      label: '改造',
+      value: normalizeMetricCount(params.remixCount),
+      unit: '次',
+      tone: 'remix',
+    },
+    {
+      id: 'like-count',
+      label: '点赞',
+      value: normalizeMetricCount(params.likeCount),
+      unit: '赞',
+      tone: 'like',
+    },
+  ];
+}
+
+export function normalizeMetricCount(value?: number | null) {
+  return Math.max(0, Math.floor(value ?? 0));
+}
+
+export function formatCreationMetricCount(value?: number | null) {
+  const normalized = Math.max(0, Math.floor(value ?? 0));
+  if (normalized >= 10000) {
+    const wanValue = normalized / 10000;
+    return `${Number.isInteger(wanValue) ? wanValue.toFixed(0) : wanValue.toFixed(1)}万`;
+  }
+
+  return `${normalized}`;
+}
+
 function buildStatusBadge(
   status: CreationWorkShelfStatus,
 ): CreationWorkShelfBadge {