add: repair mission completion step

src/components/three/gameplay/RepairCompletionStep.tsx

@@ -0,0 +1,42 @@
+import { RepairObjectModel } from "@/components/three/gameplay/RepairObjectModel";
+import { RepairPromptVideo } from "@/components/three/gameplay/RepairPromptVideo";
+import { TriggerObject } from "@/components/three/interaction/TriggerObject";
+import type { RepairMissionConfig } from "@/data/gameplay/repairMissions";
+
+interface RepairCompletionStepProps {
+  config: RepairMissionConfig;
+  onComplete: () => void;
+}
+
+export function RepairCompletionStep({
+  config,
+  onComplete,
+}: RepairCompletionStepProps): React.JSX.Element {
+  return (
+    <group>
+      <RepairObjectModel
+        label={config.label}
+        modelPath={config.modelPath}
+        scale={1}
+      />
+
+      <TriggerObject
+        position={[0, 1.1, 0]}
+        colliders="ball"
+        label={`Valider ${config.label}`}
+        onTrigger={onComplete}
+      >
+        <mesh>
+          <torusGeometry args={[1.35, 0.045, 12, 96]} />
+          <meshBasicMaterial color="#22c55e" transparent opacity={0.85} />
+        </mesh>
+        <mesh position={[0, 0.02, 0]} rotation={[Math.PI / 2, 0, 0]}>
+          <ringGeometry args={[0.2, 1.25, 96]} />
+          <meshBasicMaterial color="#bbf7d0" transparent opacity={0.3} />
+        </mesh>
+      </TriggerObject>
+
+      <RepairPromptVideo src={config.stageUiPath} position={[0, 2.55, 0]} />
+    </group>
+  );
+}

src/components/three/gameplay/RepairGame.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from "react";
 import { ExplodableModel } from "@/components/three/models/ExplodableModel";
+import { RepairCompletionStep } from "@/components/three/gameplay/RepairCompletionStep";
 import { RepairInspectionObject } from "@/components/three/gameplay/RepairInspectionObject";
 import { RepairMissionCase } from "@/components/three/gameplay/RepairMissionCase";
-import { RepairObjectModel } from "@/components/three/gameplay/RepairObjectModel";
 import { RepairRepairingStep } from "@/components/three/gameplay/RepairRepairingStep";
 import { RepairScanVisual } from "@/components/three/gameplay/RepairScanVisual";
 import {
@@ -33,6 +33,7 @@ export function RepairGame({
 }: RepairGameProps): React.JSX.Element | null {
   const config = REPAIR_MISSIONS[mission];
   const mainState = useGameStore((state) => state.mainState);
+  const completeMission = useGameStore((state) => state.completeMission);
   const setMissionStep = useGameStore((state) => state.setMissionStep);
   const step = useRepairMissionStep(mission);
   const parsedScale = toVector3Scale(scale);
@@ -86,10 +87,9 @@ export function RepairGame({
         />
       ) : null}
       {step === "done" ? (
-        <RepairObjectModel
-          label={config.label}
-          modelPath={config.modelPath}
-          scale={1}
+        <RepairCompletionStep
+          config={config}
+          onComplete={() => completeMission(mission)}
         />
       ) : null}
       {step !== "waiting" && step !== "done" ? (