From 8862d04cc1f58d0e1c9dae424520c4d2545f0c84 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 19 May 2026 20:59:00 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/components/three/XRHudInWorld.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/three/XRHudInWorld.tsx b/src/components/three/XRHudInWorld.tsx
index 9328976..f0e7276 100644
--- a/src/components/three/XRHudInWorld.tsx
+++ b/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>
+  );
+}