add: repair fragmentation and scan flow

src/components/three/gameplay/RepairGame.tsx

@@ -1,6 +1,14 @@
+import { useEffect } from "react";
+import { ExplodableModel } from "@/components/three/models/ExplodableModel";
 import { RepairInspectionObject } from "@/components/three/gameplay/RepairInspectionObject";
 import { RepairMissionCase } from "@/components/three/gameplay/RepairMissionCase";
+import { RepairScanVisual } from "@/components/three/gameplay/RepairScanVisual";
+import {
+  REPAIR_FRAGMENTATION_SEQUENCE_SECONDS,
+  REPAIR_SCAN_SEQUENCE_SECONDS,
+} from "@/data/gameplay/repairGameConfig";
 import { REPAIR_MISSIONS } from "@/data/gameplay/repairMissions";
+import { useRepairFragmentationInput } from "@/hooks/gameplay/useRepairFragmentationInput";
 import { useRepairMissionStep } from "@/hooks/gameplay/useRepairMissionStep";
 import type { RepairMissionId } from "@/managers/stores/useGameStore";
 import { useGameStore } from "@/managers/stores/useGameStore";
@@ -26,6 +34,32 @@ export function RepairGame({
   const setMissionStep = useGameStore((state) => state.setMissionStep);
   const step = useRepairMissionStep(mission);
   const parsedScale = toVector3Scale(scale);
+  const readyForFragmentation = step === "inspected";
+
+  useRepairFragmentationInput({
+    enabled: mainState === mission && readyForFragmentation,
+    onFragment: () => setMissionStep(mission, "fragmented"),
+  });
+
+  useEffect(() => {
+    if (mainState !== mission) return undefined;
+
+    if (step !== "fragmented" && step !== "scanning") return undefined;
+
+    const nextStep = step === "fragmented" ? "scanning" : "repairing";
+    const sequenceSeconds =
+      step === "fragmented"
+        ? REPAIR_FRAGMENTATION_SEQUENCE_SECONDS
+        : REPAIR_SCAN_SEQUENCE_SECONDS;
+
+    const timeoutId = window.setTimeout(() => {
+      setMissionStep(mission, nextStep);
+    }, sequenceSeconds * 1000);
+
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [mainState, mission, setMissionStep, step]);
 
   if (mainState !== mission) return null;
   if (step === "locked") return null;
@@ -39,7 +73,16 @@ export function RepairGame({
           onInspect={() => setMissionStep(mission, "inspected")}
         />
       ) : null}
-      {step !== "waiting" ? <RepairMissionCase config={config} /> : null}
+      {step === "fragmented" ? (
+        <ExplodableModel modelPath={config.modelPath} split />
+      ) : null}
+      {step === "scanning" ? <RepairScanVisual config={config} /> : null}
+      {step !== "waiting" ? (
+        <RepairMissionCase
+          config={config}
+          showFragmentationPrompt={readyForFragmentation}
+        />
+      ) : null}
     </group>
   );
 }