Implement scene-based chapter quest progression

src/components/CustomWorldEntityCatalog.tsx

@@ -4,6 +4,11 @@ import {
   getCustomWorldSceneRelativePositionLabel,
   normalizeCustomWorldLandmarks,
 } from '../data/customWorldSceneGraph';
+import {
+  resolveCustomWorldCampSceneImage,
+  resolveCustomWorldLandmarkImageMap,
+} from '../data/customWorldVisuals';
+import { resolveCustomWorldCampScene } from '../services/customWorldCamp';
 import { buildCustomWorldCreatorIntentDisplayText } from '../services/customWorldCreatorIntent';
 import { AnimationState, Character, CustomWorldProfile } from '../types';
 import { getNineSliceStyle, UI_CHROME } from '../uiAssets';
@@ -229,6 +234,15 @@ export function CustomWorldEntityCatalog({
     () => new Map(profile.landmarks.map((landmark) => [landmark.id, landmark])),
     [profile.landmarks],
   );
+  const landmarkImageById = useMemo(
+    () => resolveCustomWorldLandmarkImageMap(profile),
+    [profile],
+  );
+  const resolvedCampScene = useMemo(() => resolveCustomWorldCampScene(profile), [profile]);
+  const resolvedCampImageSrc = useMemo(
+    () => resolveCustomWorldCampSceneImage(profile),
+    [profile],
+  );
   const previewCharacterById = useMemo(
     () => new Map(profile.playableNpcs.map((role, index) => [role.id, previewCharacters[index] ?? null])),
     [previewCharacters, profile.playableNpcs],
@@ -394,6 +408,23 @@ export function CustomWorldEntityCatalog({
             </Section>
           ) : null}
 
+          <Section title="开局归处" subtitle="玩家进入自定义世界后的第一处落脚点，也会直接作为开场场景背景。">
+            <div className="space-y-3">
+              <ImageFrame
+                src={resolvedCampImageSrc}
+                alt={resolvedCampScene.name}
+                fallbackLabel={resolvedCampScene.name.slice(0, 4) || '归处'}
+                tone="landscape"
+              />
+              <div className="rounded-2xl border border-white/8 bg-black/20 px-3 py-3 text-sm leading-6 text-zinc-200">
+                {resolvedCampScene.name}
+              </div>
+              <div className="rounded-2xl border border-white/8 bg-black/20 px-3 py-3 text-sm leading-7 text-zinc-300">
+                {resolvedCampScene.description}
+              </div>
+            </div>
+          </Section>
+
           <Section title="档案规模" subtitle="结果页现在会同时维护场景角色归属和场景之间的相对位置连接关系。">
             <div className="grid grid-cols-1 gap-2 text-center text-[11px] text-zinc-300 sm:grid-cols-3">
               <div className="rounded-xl border border-white/8 bg-black/20 px-2 py-3">
@@ -766,7 +797,12 @@ export function CustomWorldEntityCatalog({
                         创作者锁定场景
                       </div>
                     ) : null}
-                    <ImageFrame src={landmark.imageSrc} alt={landmark.name} fallbackLabel={landmark.name.slice(0, 4) || '场景'} tone="landscape" />
+                    <ImageFrame
+                      src={landmarkImageById.get(landmark.id) ?? landmark.imageSrc}
+                      alt={landmark.name}
+                      fallbackLabel={landmark.name.slice(0, 4) || '场景'}
+                      tone="landscape"
+                    />
                     <div className="text-sm leading-7 text-zinc-300">{landmark.description}</div>
                     <div className="rounded-2xl border border-white/8 bg-black/20 px-3 py-3 text-sm leading-6 text-zinc-300">
                       危险度：{landmark.dangerLevel || '未填写'}