From a26d95f805f9575b5ba80c758adaf65efd64d0ba 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 13:44:18 +0000
Subject: [PATCH] Changes

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

diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index b728924..d06236d 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -269,15 +269,16 @@ function MeasurementOverlay() {
         <SnapRing position={[snapPoint.x, snapPoint.y, snapPoint.z]} />
       )}
 
-      {/* Hover auto-detect tooltip */}
+      {/* Hover auto-detect tooltip (works both inside and outside measure mode) */}
       {hoverInfo && (
         <MeasurementLabel
           position={hoverInfo.position}
-          text={`${hoverInfo.type === 'hole' ? '⌀ ' : ''}${hoverInfo.value.toFixed(1)} mm`}
-          variant="primary"
+          text={hoverInfo.type === 'hole'
+            ? `Ø ${hoverInfo.value.toFixed(1)}`
+            : `${hoverInfo.value.toFixed(1)} mm`}
+          variant={hoverInfo.type === 'hole' ? 'accent' : 'primary'}
           fixed
         />
-
       )}
 
       {/* Pending first point */}
@@ -295,6 +296,26 @@ function MeasurementOverlay() {
           (a[2] + b[2]) / 2,
         ];
 
+        if (m.kind === 'hole') {
+          return (
+            <group key={m.id}>
+              <PointMarker position={a} color="#f59e0b" />
+              <MeasurementLabel position={a} text={m.label ?? `Ø ${m.distanceMM.toFixed(1)}`} variant="accent" />
+            </group>
+          );
+        }
+
+        if (m.kind === 'edge') {
+          return (
+            <group key={m.id}>
+              <PointMarker position={a} color="#22c55e" />
+              <PointMarker position={b} color="#22c55e" />
+              <Line points={[a, b]} color="#22c55e" lineWidth={2} depthTest={false} />
+              <MeasurementLabel position={mid} text={m.label ?? `${m.distanceMM.toFixed(1)} mm`} variant="success" />
+            </group>
+          );
+        }
+
         return (
           <group key={m.id}>
             <PointMarker position={a} color="#22c55e" />