add: show broken part prompt during scan

src/components/three/gameplay/RepairBrokenPartPrompt.tsx

@@ -0,0 +1,36 @@
+import { useRef } from "react";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+import { RepairPromptVideo } from "@/components/three/gameplay/RepairPromptVideo";
+
+interface RepairBrokenPartPromptProps {
+  src: string;
+  target: THREE.Object3D;
+}
+
+const _box = new THREE.Box3();
+const _sphere = new THREE.Sphere();
+const _localPosition = new THREE.Vector3();
+
+export function RepairBrokenPartPrompt({
+  src,
+  target,
+}: RepairBrokenPartPromptProps): React.JSX.Element {
+  const groupRef = useRef<THREE.Group>(null);
+
+  useFrame(() => {
+    const group = groupRef.current;
+    if (!group) return;
+
+    _box.setFromObject(target).getBoundingSphere(_sphere);
+    _localPosition.copy(_sphere.center);
+    group.parent?.worldToLocal(_localPosition);
+    group.position.copy(_localPosition);
+  });
+
+  return (
+    <group ref={groupRef}>
+      <RepairPromptVideo src={src} position={[0, 0, 0]} size={72} />
+    </group>
+  );
+}

src/components/three/gameplay/RepairScanSequence.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import * as THREE from "three";
 import { RepairBrokenPartHighlight } from "@/components/three/gameplay/RepairBrokenPartHighlight";
+import { RepairBrokenPartPrompt } from "@/components/three/gameplay/RepairBrokenPartPrompt";
 import { ExplodableModel } from "@/components/three/models/ExplodableModel";
 import { RepairScanVisual } from "@/components/three/gameplay/RepairScanVisual";
 import { REPAIR_SCAN_PART_SECONDS } from "@/data/gameplay/repairGameConfig";
@@ -60,10 +61,13 @@ export function RepairScanSequence({
         if (!part) return null;
 
         return (
-          <RepairBrokenPartHighlight
-            key={part.object.uuid}
-            target={part.object}
-          />
+          <group key={part.object.uuid}>
+            <RepairBrokenPartHighlight target={part.object} />
+            <RepairBrokenPartPrompt
+              src={config.brokenUiPath}
+              target={part.object}
+            />
+          </group>
         );
       })}
     </group>