🚀 Auto-deploy: melhoria no snap e medição AR em 01/06/2026 01:00:37

src/pages/Viewer.tsx

@@ -35,7 +35,8 @@ const Viewer = () => {
     fineTuning,
     sectionEnabled,
     sectionInvert,
-    sectionLevel
+    sectionLevel,
+    hoverIfcProps
   } = useModelStore();
   const fileInputRef = useRef<HTMLInputElement>(null);
   const [converting, setConverting] = useState(false);
@@ -366,6 +367,37 @@ const Viewer = () => {
         {/* 3D Canvas with floating controls */}
         <div className="relative flex-1 min-w-0" id="canvas-container">
           <ModelViewerCanvas />
+          {hoverIfcProps && (
+            <div 
+              className={`absolute left-4 z-40 w-72 rounded-xl border border-primary/20 bg-background/80 p-3.5 shadow-2xl backdrop-blur-md transition-all duration-300 pointer-events-none select-none font-mono text-[11px] ${
+                isFullscreen ? 'top-16' : 'top-4'
+              }`}
+            >
+              <div className="flex flex-col gap-2.5">
+                <div className="flex items-center gap-1.5 border-b border-primary/10 pb-1.5">
+                  <span className="h-1.5 w-1.5 rounded-full bg-primary animate-pulse" />
+                  <span className="font-semibold text-primary uppercase text-[9px] tracking-wider font-sans">Propriedades IFC</span>
+                </div>
+                
+                {Object.entries(hoverIfcProps).map(([key, value]) => {
+                  if (!value) return null;
+                  let displayKey = key;
+                  if (key === 'name') displayKey = 'Nome';
+                  else if (key === 'tag') displayKey = 'Marca';
+                  else if (key === 'material') displayKey = 'Material';
+                  else if (key === 'objectType') displayKey = 'Tipo';
+                  else if (key === 'description') displayKey = 'Descrição';
+                  
+                  return (
+                    <div key={key} className="flex flex-col gap-0.5">
+                      <span className="text-[8px] text-muted-foreground uppercase tracking-widest">{displayKey}</span>
+                      <span className="text-foreground font-semibold truncate text-[11px] max-w-[250px]" title={value}>{value}</span>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          )}
           {isFullscreen ? (
             <div className="absolute top-4 left-4 z-50 flex gap-2">
               <Button