From b7cd4220689c3d6487baf17de12e8b95d63664d6 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Sat, 23 May 2026 23:26:57 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Auto-deploy:=20melhoria=20no=20s?=
 =?UTF-8?q?nap=20e=20medi=C3=A7=C3=A3o=20AR=20em=2023/05/2026=2023:26:57?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ViewerControls.tsx     |  4 ++--
 src/components/XRHud.tsx              |  8 +++----
 src/components/three/ModelViewer.tsx  | 34 +++++++++++----------------
 src/components/three/XRHudInWorld.tsx |  4 +---
 src/pages/XRSession.tsx               | 32 ++++++++++---------------
 src/stores/useModelStore.ts           |  2 +-
 6 files changed, 35 insertions(+), 49 deletions(-)

diff --git a/src/components/ViewerControls.tsx b/src/components/ViewerControls.tsx
index b08a0ef..359eee6 100644
--- a/src/components/ViewerControls.tsx
+++ b/src/components/ViewerControls.tsx
@@ -112,13 +112,13 @@ export function ViewerControls() {
         size="sm"
         className="gap-2 h-9"
         onClick={() => {
-          const next = renderMode === 'solid' ? 'wireframe' : renderMode === 'wireframe' ? 'edges' : 'solid';
+          const next = renderMode === 'solid' ? 'edges' : 'solid';
           setRenderMode(next);
         }}
       >
         {renderMode === 'edges' ? <Box className="h-3.5 w-3.5" /> : <Grid3X3 className="h-3.5 w-3.5" />}
         <span className="font-mono text-xs">
-          {renderMode === 'solid' ? 'Sólido' : renderMode === 'wireframe' ? 'Wireframe' : 'Bordas'}
+          {renderMode === 'solid' ? 'Sólido' : 'Bordas'}
         </span>
       </Button>
 
diff --git a/src/components/XRHud.tsx b/src/components/XRHud.tsx
index 9d2c3fb..1e8a542 100644
--- a/src/components/XRHud.tsx
+++ b/src/components/XRHud.tsx
@@ -67,9 +67,9 @@ const helpItems = [
     desc: 'Exibe/oculta a grade de referência para alinhar o modelo com o ambiente.',
   },
   {
-    title: 'Sólido / Wire / Bordas',
+    title: 'Sólido / Bordas',
     icon: '🔲',
-    desc: 'Alterna modos de renderização: Sólido (preenchido), Wireframe (malha), Bordas (apenas contornos).',
+    desc: 'Alterna modos de renderização: Sólido (preenchido) e Bordas (destaque visual de arestas com transparência).',
   },
   {
     title: 'Medir',
@@ -345,12 +345,12 @@ export function XRHud({ freeMove, onToggleFreeMove, placementMode = false, onTog
                 variant={renderMode !== 'solid' ? 'default' : 'outline'}
                 size="sm" className="h-8 gap-1.5 text-[10px] font-mono"
                 onClick={() => {
-                  const next = renderMode === 'solid' ? 'wireframe' : renderMode === 'wireframe' ? 'edges' : 'solid';
+                  const next = renderMode === 'solid' ? 'edges' : 'solid';
                   setRenderMode(next);
                 }}
               >
                 {renderMode === 'edges' ? <Box className="h-3.5 w-3.5" /> : <Grid3X3 className="h-3.5 w-3.5" />}
-                {renderMode === 'solid' ? 'Sólido' : renderMode === 'wireframe' ? 'Wire' : 'Bordas'}
+                {renderMode === 'solid' ? 'Sólido' : 'Bordas'}
               </Button>
 
               <Button
diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index b4e71c5..26db547 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -161,25 +161,19 @@ function GLBModel({ sceneModel, isActive }: { sceneModel: SceneModel; isActive:
               originalColors.current.set(mat, mat.color.clone());
             }
 
-            if (renderMode === 'edges' && !measureMode) {
-              mat.visible = false;
+            const isEdgesOrMeasure = renderMode === 'edges' || measureMode;
+            mat.visible = true;
+            const targetOpacity = isEdgesOrMeasure ? 0.25 : opacity;
+            mat.transparent = targetOpacity < 1;
+            mat.opacity = targetOpacity;
+            mat.wireframe = false;
+            if (hasRejected) {
+              mat.color.setHSL(0, 0.7, 0.5);
+            } else if (allApproved) {
+              mat.color.setHSL(0.38, 0.7, 0.45);
             } else {
-              mat.visible = true;
-              const targetOpacity = measureMode ? 0.25 : opacity;
-              mat.transparent = targetOpacity < 1;
-              mat.opacity = targetOpacity;
-              mat.wireframe = renderMode === 'wireframe';
-              if (renderMode === 'wireframe') {
-                mat.wireframeLinewidth = wireframeThickness;
-                mat.color.set(wireframeColor);
-              } else if (hasRejected) {
-                mat.color.setHSL(0, 0.7, 0.5);
-              } else if (allApproved) {
-                mat.color.setHSL(0.38, 0.7, 0.45);
-              } else {
-                // Tint with the per-model color (subtle)
-                mat.color.set(sceneModel.color);
-              }
+              // Tint with the per-model color (subtle)
+              mat.color.set(sceneModel.color);
             }
             mat.needsUpdate = true;
           }
@@ -188,8 +182,8 @@ function GLBModel({ sceneModel, isActive }: { sceneModel: SceneModel; isActive:
         if ((renderMode === 'edges' || measureMode) && child.geometry) {
           const edgesGeo = new THREE.EdgesGeometry(child.geometry, edgeThresholdAngle);
           const lineMat = new THREE.LineBasicMaterial({
-            color: measureMode ? '#00f3ff' : wireframeColor,
-            linewidth: measureMode ? 2 : wireframeThickness,
+            color: (renderMode === 'edges' || measureMode) ? '#00f3ff' : wireframeColor,
+            linewidth: (renderMode === 'edges' || measureMode) ? 2 : wireframeThickness,
           });
           const lineSegments = new THREE.LineSegments(edgesGeo, lineMat);
           lineSegments.userData.__edgeLine = true;
diff --git a/src/components/three/XRHudInWorld.tsx b/src/components/three/XRHudInWorld.tsx
index dd41d6e..e8c114c 100644
--- a/src/components/three/XRHudInWorld.tsx
+++ b/src/components/three/XRHudInWorld.tsx
@@ -347,9 +347,7 @@ function ToolsTab(p: XRHudInWorldProps) {
       <Text position={[-0.24, 0.11, 0]} fontSize={0.008} color="#94a3b8" anchorX="left">Render</Text>
       <XR3DButton position={[-0.16, 0.085, 0]} size={[0.075, 0.022]} label="Sólido"
         active={renderMode === 'solid'} onClick={() => setRenderMode('solid')} />
-      <XR3DButton position={[-0.08, 0.085, 0]} size={[0.075, 0.022]} label="Wire"
-        active={renderMode === 'wireframe'} onClick={() => setRenderMode('wireframe')} />
-      <XR3DButton position={[0.0, 0.085, 0]} size={[0.075, 0.022]} label="Bordas"
+      <XR3DButton position={[-0.08, 0.085, 0]} size={[0.075, 0.022]} label="Bordas"
         active={renderMode === 'edges'} onClick={() => setRenderMode('edges')} />
 
       <Text position={[-0.24, 0.05, 0]} fontSize={0.008} color="#94a3b8" anchorX="left">Toggles</Text>
diff --git a/src/pages/XRSession.tsx b/src/pages/XRSession.tsx
index cc59e3d..e885d3c 100644
--- a/src/pages/XRSession.tsx
+++ b/src/pages/XRSession.tsx
@@ -154,24 +154,18 @@ function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').
         const materials = Array.isArray(child.material) ? child.material : [child.material];
         materials.forEach((mat: THREE.Material) => {
           if (mat instanceof THREE.MeshStandardMaterial) {
-            if (renderMode === 'edges' && !measureMode) {
-              mat.visible = false;
+            const isEdgesOrMeasure = renderMode === 'edges' || measureMode;
+            mat.visible = true;
+            const targetOpacity = isEdgesOrMeasure ? 0.25 : opacity;
+            mat.transparent = targetOpacity < 1;
+            mat.opacity = targetOpacity;
+            mat.wireframe = false;
+            if (hasRejected) {
+              mat.color.setHSL(0, 0.7, 0.5);
+            } else if (allApproved) {
+              mat.color.setHSL(0.38, 0.7, 0.45);
             } else {
-              mat.visible = true;
-              const targetOpacity = measureMode ? 0.25 : opacity;
-              mat.transparent = targetOpacity < 1;
-              mat.opacity = targetOpacity;
-              mat.wireframe = renderMode === 'wireframe';
-              if (renderMode === 'wireframe') {
-                mat.wireframeLinewidth = wireframeThickness;
-                mat.color.set(wireframeColor);
-              } else if (hasRejected) {
-                mat.color.setHSL(0, 0.7, 0.5);
-              } else if (allApproved) {
-                mat.color.setHSL(0.38, 0.7, 0.45);
-              } else {
-                mat.color.set(sceneModel.color);
-              }
+              mat.color.set(sceneModel.color);
             }
             mat.needsUpdate = true;
           }
@@ -180,8 +174,8 @@ function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').
         if ((renderMode === 'edges' || measureMode) && child.geometry) {
           const edgesGeo = new THREE.EdgesGeometry(child.geometry, edgeThresholdAngle);
           const lineMat = new THREE.LineBasicMaterial({
-            color: measureMode ? '#00f3ff' : wireframeColor,
-            linewidth: measureMode ? 2 : wireframeThickness,
+            color: (renderMode === 'edges' || measureMode) ? '#00f3ff' : wireframeColor,
+            linewidth: (renderMode === 'edges' || measureMode) ? 2 : wireframeThickness,
           });
           const lineSegments = new THREE.LineSegments(edgesGeo, lineMat);
           lineSegments.userData.__edgeLine = true;
diff --git a/src/stores/useModelStore.ts b/src/stores/useModelStore.ts
index e07045f..6f06f1a 100644
--- a/src/stores/useModelStore.ts
+++ b/src/stores/useModelStore.ts
@@ -127,7 +127,7 @@ const MODEL_COLORS = ['#3b82f6', '#22c55e', '#eab308', '#a855f7', '#ec4899'];
 
 type AnchorMode = 'tracking' | 'manual' | 'fine-tuning';
 type InspectionResult = 'pending' | 'approved' | 'rejected';
-type RenderMode = 'solid' | 'wireframe' | 'edges';
+type RenderMode = 'solid' | 'edges';
 
 export interface MeasurePoint {
   x: number;