1

src/components/custom-world-agent/CustomWorldAgentDraftDetailPanel.tsx

@@ -28,6 +28,7 @@ function resolveKindLabel(kind: CustomWorldDraftCardDetail['kind']) {
   if (kind === 'landmark') return '地点';
   if (kind === 'thread') return '线程';
   if (kind === 'chapter') return '第一幕';
+  if (kind === 'scene_chapter') return '场景章节';
   return '草稿卡';
 }
 
@@ -72,6 +73,15 @@ export function CustomWorldAgentDraftDetailPanel({
   onGenerateLandmark,
   onOpenRoleAssetStudio,
 }: CustomWorldAgentDraftDetailPanelProps) {
+  const shouldRenderImagePreview = (
+    detailKind: CustomWorldDraftCardDetail['kind'],
+    sectionId: string,
+    value: string,
+  ) =>
+    detailKind === 'scene_chapter' &&
+    sectionId.endsWith(':backgroundImageSrc') &&
+    value !== '待继续精修';
+
   return (
     <section className="platform-remap-surface rounded-[1.5rem] border border-white/10 bg-black/18 px-4 py-4">
       <div className="flex items-start justify-between gap-3">
@@ -168,6 +178,13 @@ export function CustomWorldAgentDraftDetailPanel({
                   <div className="text-[11px] tracking-[0.16em] text-zinc-400">
                     {section.label}
                   </div>
+                  {shouldRenderImagePreview(detail.kind, section.id, section.value) ? (
+                    <img
+                      src={section.value}
+                      alt={section.label}
+                      className="mt-3 h-40 w-full rounded-[1rem] border border-white/10 object-cover"
+                    />
+                  ) : null}
                   <div className="mt-2 whitespace-pre-wrap text-sm leading-7 text-zinc-100">
                     {section.value}
                   </div>