From b6909b6e2749344262e7325f41d35ee1d2203c5e Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 21 May 2026 14:03:19 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/pages/XRSession.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/pages/XRSession.tsx b/src/pages/XRSession.tsx
index 210c99f..3ec35cc 100644
--- a/src/pages/XRSession.tsx
+++ b/src/pages/XRSession.tsx
@@ -296,13 +296,19 @@ function XRMeasurementOverlay() {
         const a: [number, number, number] = [m.pointA.x, m.pointA.y, m.pointA.z];
         const b: [number, number, number] = [m.pointB.x, m.pointB.y, m.pointB.z];
         const mid: [number, number, number] = [(a[0]+b[0])/2, (a[1]+b[1])/2, (a[2]+b[2])/2];
+        const isHole = m.kind === 'hole';
+        const color = isHole ? '#f59e0b' : '#3b82f6';
+        const text = m.label ?? `${m.distanceMM.toFixed(1)} mm`;
         return (
           <group key={m.id}>
-            <mesh position={a}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
-            <mesh position={b}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
-            <Line points={[a, b]} color="#22c55e" lineWidth={2} />
+            {!isHole && (
+              <>
+                <mesh position={a}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
+                <mesh position={b}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
+                <Line points={[a, b]} color="#22c55e" lineWidth={2} />
+              </>
+            )}
             <group position={mid}>
-              {/* Background plate */}
               <mesh position={[0, 0, 0]} renderOrder={998}>
                 <planeGeometry args={[0.09, 0.024]} />
                 <meshBasicMaterial color="#0b1220" transparent opacity={0.85} depthTest={false} />
@@ -310,13 +316,13 @@ function XRMeasurementOverlay() {
               <Text
                 position={[0, 0, 0.001]}
                 fontSize={0.012}
-                color="#3b82f6"
+                color={color}
                 anchorX="center"
                 anchorY="middle"
                 renderOrder={999}
                 material-depthTest={false}
               >
-                {`${m.distanceMM.toFixed(1)} mm`}
+                {text}
               </Text>
             </group>
           </group>