feat mission-2

src/components/gameplay/pylon/PylonNarrativeFlow.tsx

@@ -1,10 +1,9 @@
 import { useGameStore } from "@/managers/stores/useGameStore";
 import { useDialoguePlayback } from "@/hooks/gameplay/useDialoguePlayback";
 import { ZoneDetection } from "@/components/zone/ZoneDetection";
-import { PylonDownedPylon } from "@/components/gameplay/pylon/PylonDownedPylon";
 import { PylonFarmerNPC } from "@/components/gameplay/pylon/PylonFarmerNPC";
 import { PylonNarratorOutro } from "@/components/gameplay/pylon/PylonNarratorOutro";
-import { PYLON_ARRIVED_ZONE } from "@/data/gameplay/zones";
+import { PYLON_APPROACH_ZONE, PYLON_ARRIVED_ZONE } from "@/data/gameplay/zones";
 import { PYLON_NARRATIVE_DIALOGUES } from "@/data/gameplay/pylonConfig";
 
 export function PylonNarrativeFlow(): React.JSX.Element | null {
@@ -31,26 +30,28 @@ export function PylonNarrativeFlow(): React.JSX.Element | null {
 
   if (mainState !== "pylon") return null;
 
+  if (step === "locked") {
+    return (
+      <ZoneDetection
+        key="pylon-approach"
+        zone={PYLON_APPROACH_ZONE}
+        onEnter={() => setMissionStep("pylon", "approaching")}
+      />
+    );
+  }
+
   if (step === "approaching") {
     return (
       <ZoneDetection
+        key="pylon-arrived"
         zone={PYLON_ARRIVED_ZONE}
         onEnter={() => setMissionStep("pylon", "arrived")}
       />
     );
   }
 
-  if (step === "arrived") {
-    return (
-      <>
-        <PylonDownedPylon />
-        <PylonFarmerNPC />
-      </>
-    );
-  }
-
-  if (step === "npc-return") {
-    return <PylonDownedPylon />;
+  if (step === "arrived" || step === "npc-return" || step === "inspected") {
+    return <PylonFarmerNPC />;
   }
 
   if (step === "narrator-outro") {