Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>

src/components/three/XRHudInWorld.tsx

@@ -647,3 +647,24 @@ function CaptureTab() {
     </group>
   );
 }
+
+function RecIndicator() {
+  const rec = useCanvasRecorder();
+  if (rec.status === 'idle') return null;
+  const color = rec.status === 'recording' ? '#dc2626' : '#f59e0b';
+  const label = rec.status === 'recording'
+    ? `● REC ${formatElapsed(rec.elapsedMs)}`
+    : `❚❚ ${formatElapsed(rec.elapsedMs)}`;
+  return (
+    <group position={[0.09, 0.018, 0]}>
+      <mesh>
+        <planeGeometry args={[0.078, 0.022]} />
+        <meshBasicMaterial color="#0a0a0a" transparent opacity={0.9} />
+      </mesh>
+      <Text position={[0, 0, 0.001]} fontSize={0.0085} color={color}
+            anchorX="center" anchorY="middle">
+        {label}
+      </Text>
+    </group>
+  );
+}