Changes

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

src/components/ViewerControls.tsx

@@ -11,13 +11,14 @@ import * as THREE from 'three';
 import { elementKey, sceneRef } from '@/components/three/ModelViewer';
 
 const WIRE_COLORS = [
-  { label: 'Cinza', value: '#8899aa' },
+  { label: 'Ciano (radiante)', value: '#00f3ff' },
   { label: 'Vermelho', value: '#ef4444' },
   { label: 'Verde', value: '#22c55e' },
   { label: 'Azul', value: '#3b82f6' },
   { label: 'Amarelo', value: '#eab308' },
   { label: 'Laranja', value: '#f97316' },
   { label: 'Branco', value: '#e2e8f0' },
+  { label: 'Cinza', value: '#8899aa' },
 ];
 
 export function ViewerControls() {
@@ -108,22 +109,19 @@ export function ViewerControls() {
       <ScaleSelector />
 
       <Button
-        variant={renderMode !== 'solid' ? 'default' : 'outline'}
+        variant={renderMode === 'edges' ? 'default' : 'outline'}
         size="sm"
         className="gap-2 h-9"
-        onClick={() => {
-          const next = renderMode === 'solid' ? 'wireframe' : renderMode === 'wireframe' ? 'edges' : 'solid';
-          setRenderMode(next);
-        }}
+        onClick={() => setRenderMode(renderMode === 'edges' ? 'solid' : 'edges')}
       >
-        {renderMode === 'edges' ? <Box className="h-3.5 w-3.5" /> : <Grid3X3 className="h-3.5 w-3.5" />}
+        <Box className="h-3.5 w-3.5" />
         <span className="font-mono text-xs">
-          {renderMode === 'solid' ? 'Sólido' : renderMode === 'wireframe' ? 'Wireframe' : 'Bordas'}
+          {renderMode === 'edges' ? 'Bordas' : 'Sólido'}
         </span>
       </Button>
 
-      {/* Wireframe/Edges settings popover */}
-      {renderMode !== 'solid' && (
+      {/* Edges color/thickness/threshold popover */}
+      {renderMode === 'edges' && (
         <Popover>
           <PopoverTrigger asChild>
             <Button variant="outline" size="sm" className="gap-2 h-9">