1

src/components/CustomWorldEntityCatalog.tsx

@@ -18,9 +18,11 @@ import {
   resolveCustomWorldLandmarkImageMap,
 } from '../data/customWorldVisuals';
 import { resolveCustomWorldCampScene } from '../services/customWorldCamp';
+import { resolveCustomWorldCoverPresentation } from '../services/customWorldCover';
 import { normalizeCustomWorldCreatorIntent } from '../services/customWorldCreatorIntent';
 import { AnimationState, Character, CustomWorldProfile } from '../types';
 import { CharacterAnimator } from './CharacterAnimator';
+import { CustomWorldCoverArtwork } from './CustomWorldCoverArtwork';
 import type { CustomWorldEditorTarget } from './CustomWorldEntityEditorModal';
 import { CustomWorldNpcPortrait } from './CustomWorldNpcVisualEditor';
 
@@ -941,6 +943,10 @@ export function CustomWorldEntityCatalog({
       1 +
       (pendingGeneratedEntity?.kind === 'landmark' ? 1 : 0),
   } satisfies Record<ResultTab, number>;
+  const coverPresentation = useMemo(
+    () => resolveCustomWorldCoverPresentation(profile),
+    [profile],
+  );
 
   const bulkDeleteTab: BulkDeleteTab | null =
     activeTab === 'story' || activeTab === 'landmarks' ? activeTab : null;
@@ -1124,6 +1130,40 @@ export function CustomWorldEntityCatalog({
             </div>
           </Section>
 
+          <Section
+            title="作品封面"
+            badge={
+              <span className="platform-pill platform-pill--neutral px-2.5 py-1 text-[10px]">
+                {coverPresentation.sourceType === 'uploaded'
+                  ? '上传封面'
+                  : coverPresentation.sourceType === 'generated'
+                    ? 'AI封面'
+                    : '默认封面'}
+              </span>
+            }
+            actions={
+              !readOnly ? (
+                <SmallButton
+                  onClick={() => onEditTarget({ kind: 'cover' })}
+                  tone="sky"
+                >
+                  编辑
+                </SmallButton>
+              ) : null
+            }
+          >
+            <div className="space-y-3">
+              <CustomWorldCoverArtwork
+                imageSrc={coverPresentation.imageSrc}
+                title={profile.name}
+                fallbackLabel={profile.name.slice(0, 4) || '封面'}
+                renderMode={coverPresentation.renderMode}
+                characterImageSrcs={coverPresentation.characterImageSrcs}
+                className="aspect-[16/9] rounded-[1.4rem] border border-[var(--platform-subpanel-border)]"
+              />
+            </div>
+          </Section>
+
           <Section
             title="世界概述"
             actions={