update: feedback repair model and improve repair case interaction feedback

src/components/three/gameplay/RepairMissionCase.tsx

@@ -3,12 +3,14 @@ import {
   type RepairCasePlaceholder,
 } from "@/components/three/gameplay/RepairCaseModel";
 import { RepairPromptVideo } from "@/components/three/gameplay/RepairPromptVideo";
+import { TriggerObject } from "@/components/three/interaction/TriggerObject";
 import {
   REPAIR_CASE_FOCUS_POSITION,
   REPAIR_CASE_FOCUS_SCALE,
   REPAIR_CASE_MODEL_PATH,
 } from "@/data/gameplay/repairCaseConfig";
 import type { RepairMissionConfig } from "@/data/gameplay/repairMissions";
+import type { Vector3Tuple } from "@/types/three/three";
 
 interface RepairMissionCaseProps {
   config: RepairMissionConfig;
@@ -20,6 +22,7 @@ interface RepairMissionCaseProps {
   open?: boolean;
   zoomed?: boolean;
   showFragmentationPrompt?: boolean;
+  onInteract?: (() => void) | undefined;
 }
 
 export function RepairMissionCase({
@@ -30,25 +33,48 @@ export function RepairMissionCase({
   open = false,
   zoomed = false,
   showFragmentationPrompt = false,
+  onInteract,
 }: RepairMissionCaseProps): React.JSX.Element {
   const casePosition = zoomed
     ? REPAIR_CASE_FOCUS_POSITION
     : config.case.position;
   const caseScale = zoomed ? REPAIR_CASE_FOCUS_SCALE : config.case.scale;
+  const modelPosition: Vector3Tuple = onInteract ? [0, 0, 0] : casePosition;
 
   return (
     <group>
-      <RepairCaseModel
-        modelPath={REPAIR_CASE_MODEL_PATH}
-        exiting={exiting}
-        onExitComplete={onExitComplete}
-        onPlaceholdersChange={onPlaceholdersChange}
-        open={open}
-        floating={!zoomed}
-        position={casePosition}
-        rotation={config.case.rotation}
-        scale={caseScale}
-      />
+      {onInteract ? (
+        <TriggerObject
+          position={casePosition}
+          colliders="ball"
+          label={`Ouvrir ${config.label}`}
+          onTrigger={onInteract}
+        >
+          <RepairCaseModel
+            modelPath={REPAIR_CASE_MODEL_PATH}
+            exiting={exiting}
+            onExitComplete={onExitComplete}
+            onPlaceholdersChange={onPlaceholdersChange}
+            open={open}
+            floating={!zoomed}
+            position={modelPosition}
+            rotation={config.case.rotation}
+            scale={caseScale}
+          />
+        </TriggerObject>
+      ) : (
+        <RepairCaseModel
+          modelPath={REPAIR_CASE_MODEL_PATH}
+          exiting={exiting}
+          onExitComplete={onExitComplete}
+          onPlaceholdersChange={onPlaceholdersChange}
+          open={open}
+          floating={!zoomed}
+          position={modelPosition}
+          rotation={config.case.rotation}
+          scale={caseScale}
+        />
+      )}
       {showFragmentationPrompt && !exiting ? (
         <RepairPromptVideo
           src={config.interactUiPath}