1

src/components/custom-world-home/CustomWorldCreationHub.tsx

@@ -4,8 +4,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 { SquareHoleWorkSummary } from '../../../packages/shared/src/contracts/squareHoleWorks';
 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 { PlatformCreationTypeId } from '../platform-entry/platformEntryCreationTypes';
 import {
@@ -57,6 +58,10 @@ type CustomWorldCreationHubProps = {
   onDeletePuzzle?: ((item: PuzzleWorkSummary) => void) | null;
   onClaimPuzzlePointIncentive?: ((item: PuzzleWorkSummary) => void) | null;
   claimingPuzzleProfileId?: string | null;
+  visualNovelItems?: VisualNovelWorkSummary[];
+  onOpenVisualNovelDetail?: ((item: VisualNovelWorkSummary) => void) | null;
+  onDeleteVisualNovel?: ((item: VisualNovelWorkSummary) => void) | null;
+  mode?: 'full' | 'start-only' | 'works-only';
 };
 
 function EmptyState({ title }: { title: string }) {
@@ -149,6 +154,10 @@ export function CustomWorldCreationHub({
   onDeletePuzzle = null,
   onClaimPuzzlePointIncentive = null,
   claimingPuzzleProfileId = null,
+  visualNovelItems = [],
+  onOpenVisualNovelDetail = null,
+  onDeleteVisualNovel = null,
+  mode = 'full',
 }: CustomWorldCreationHubProps) {
   const [activeFilter, setActiveFilter] =
     useState<CustomWorldWorkFilter>('all');
@@ -161,11 +170,13 @@ export function CustomWorldCreationHub({
         match3dItems,
         squareHoleItems,
         puzzleItems,
+        visualNovelItems,
         canDeleteRpg: Boolean(onDeletePublished),
         canDeleteBigFish: Boolean(onDeleteBigFish),
         canDeleteMatch3D: Boolean(onDeleteMatch3D),
         canDeleteSquareHole: Boolean(onDeleteSquareHole),
         canDeletePuzzle: Boolean(onDeletePuzzle),
+        canDeleteVisualNovel: Boolean(onDeleteVisualNovel),
       }),
     [
       bigFishItems,
@@ -176,9 +187,11 @@ export function CustomWorldCreationHub({
       onDeleteSquareHole,
       onDeletePublished,
       onDeletePuzzle,
+      onDeleteVisualNovel,
       puzzleItems,
       rpgLibraryEntries,
       squareHoleItems,
+      visualNovelItems,
     ],
   );
   const [metricSnapshot] = useState<WorkMetricSnapshot>(() =>
@@ -206,6 +219,9 @@ export function CustomWorldCreationHub({
       case 'puzzle':
         onOpenPuzzleDetail?.(item.source.item);
         return;
+      case 'visual-novel':
+        onOpenVisualNovelDetail?.(item.source.item);
+        return;
       case 'big-fish':
         onOpenBigFishDetail?.(item.source.item);
         return;
@@ -239,6 +255,12 @@ export function CustomWorldCreationHub({
           onDeletePuzzle?.(sourceItem);
         };
       }
+      case 'visual-novel': {
+        const sourceItem = item.source.item;
+        return () => {
+          onDeleteVisualNovel?.(sourceItem);
+        };
+      }
       case 'big-fish': {
         const sourceItem = item.source.item;
         return () => {
@@ -277,23 +299,30 @@ export function CustomWorldCreationHub({
     };
   }
 
+  const showStartCard = mode !== 'works-only';
+  const showWorkShelf = mode !== 'start-only';
+
   return (
     <div className="platform-page-stage platform-remap-surface space-y-4 px-3 pb-4 pt-3 sm:px-4 sm:pt-4 xl:px-5 xl:pb-5 xl:pt-5">
       <div className="space-y-4 xl:space-y-3">
-        <CustomWorldCreationStartCard
-          busy={createBusy}
-          error={createError}
-          onCreateType={onCreateType}
-        />
+        {showStartCard ? (
+          <CustomWorldCreationStartCard
+            busy={createBusy}
+            error={createError}
+            onCreateType={onCreateType}
+          />
+        ) : null}
 
-        <CustomWorldWorkTabs
-          activeFilter={activeFilter}
-          draftCount={draftCount}
-          publishedCount={publishedCount}
-          onChange={setActiveFilter}
-        />
+        {showWorkShelf ? (
+          <CustomWorldWorkTabs
+            activeFilter={activeFilter}
+            draftCount={draftCount}
+            publishedCount={publishedCount}
+            onChange={setActiveFilter}
+          />
+        ) : null}
 
-        {error ? (
+        {showWorkShelf && error ? (
           <div className="platform-banner platform-banner--danger rounded-[1.4rem] px-4 py-4 text-sm leading-7">
             <div>{error}</div>
             <button
@@ -306,49 +335,51 @@ export function CustomWorldCreationHub({
           </div>
         ) : null}
 
-        {loading ? (
-          <div className={WORK_GRID_CLASS}>
-            {Array.from({ length: 3 }).map((_, index) => (
-              <div
-                key={`skeleton-${index}`}
-                className="platform-subpanel min-h-[10.5rem] rounded-[1.2rem] p-3 sm:min-h-[12rem] sm:rounded-[1.6rem] sm:p-5"
-              >
-                <div className="h-4 w-20 rounded-full bg-[var(--platform-track-fill)]" />
-                <div className="mt-5 h-6 w-24 rounded-full bg-[var(--platform-track-fill)] sm:mt-6 sm:h-8 sm:w-36" />
-                <div className="mt-3 h-3 w-full rounded-full bg-[var(--platform-track-fill)] sm:mt-4 sm:h-4" />
-                <div className="mt-2 h-4 w-4/5 rounded-full bg-[var(--platform-track-fill)]" />
-                <div className="mt-6 flex flex-col gap-2 sm:mt-8 sm:flex-row">
-                  <div className="h-6 w-16 rounded-full bg-[var(--platform-track-fill)] sm:h-7 sm:w-20" />
-                  <div className="h-6 w-16 rounded-full bg-[var(--platform-track-fill)] sm:h-7 sm:w-20" />
+        {showWorkShelf ? (
+          loading ? (
+            <div className={WORK_GRID_CLASS}>
+              {Array.from({ length: 3 }).map((_, index) => (
+                <div
+                  key={`skeleton-${index}`}
+                  className="platform-subpanel min-h-[10.5rem] rounded-[1.2rem] p-3 sm:min-h-[12rem] sm:rounded-[1.6rem] sm:p-5"
+                >
+                  <div className="h-4 w-20 rounded-full bg-[var(--platform-track-fill)]" />
+                  <div className="mt-5 h-6 w-24 rounded-full bg-[var(--platform-track-fill)] sm:mt-6 sm:h-8 sm:w-36" />
+                  <div className="mt-3 h-3 w-full rounded-full bg-[var(--platform-track-fill)] sm:mt-4 sm:h-4" />
+                  <div className="mt-2 h-4 w-4/5 rounded-full bg-[var(--platform-track-fill)]" />
+                  <div className="mt-6 flex flex-col gap-2 sm:mt-8 sm:flex-row">
+                    <div className="h-6 w-16 rounded-full bg-[var(--platform-track-fill)] sm:h-7 sm:w-20" />
+                    <div className="h-6 w-16 rounded-full bg-[var(--platform-track-fill)] sm:h-7 sm:w-20" />
+                  </div>
                 </div>
-              </div>
-            ))}
-          </div>
-        ) : filteredItems.length > 0 ? (
-          <div className={WORK_GRID_CLASS}>
-            {filteredItems.map((item) => (
-              <CustomWorldWorkCard
-                key={`${item.kind}-${item.id}`}
-                item={item}
-                previousMetricValues={
-                  metricSnapshot[buildWorkMetricCacheItemKey(item)]
-                }
-                onOpen={() => handleOpenShelfItem(item)}
-                onDelete={buildDeleteAction(item)}
-                deleteBusy={deletingWorkId === item.id}
-                onClaimPointIncentive={buildPointIncentiveAction(item)}
-                pointIncentiveBusy={
-                  item.source.kind === 'puzzle' &&
-                  claimingPuzzleProfileId === item.source.item.profileId
-                }
-              />
-            ))}
-          </div>
-        ) : shelfItems.length === 0 ? (
-          <EmptyState title="还没有作品" />
-        ) : (
-          <EmptyState title="当前筛选下没有内容" />
-        )}
+              ))}
+            </div>
+          ) : filteredItems.length > 0 ? (
+            <div className={WORK_GRID_CLASS}>
+              {filteredItems.map((item) => (
+                <CustomWorldWorkCard
+                  key={`${item.kind}-${item.id}`}
+                  item={item}
+                  previousMetricValues={
+                    metricSnapshot[buildWorkMetricCacheItemKey(item)]
+                  }
+                  onOpen={() => handleOpenShelfItem(item)}
+                  onDelete={buildDeleteAction(item)}
+                  deleteBusy={deletingWorkId === item.id}
+                  onClaimPointIncentive={buildPointIncentiveAction(item)}
+                  pointIncentiveBusy={
+                    item.source.kind === 'puzzle' &&
+                    claimingPuzzleProfileId === item.source.item.profileId
+                  }
+                />
+              ))}
+            </div>
+          ) : shelfItems.length === 0 ? (
+            <EmptyState title="还没有作品" />
+          ) : (
+            <EmptyState title="当前筛选下没有内容" />
+          )
+        ) : null}
       </div>
     </div>
   );