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

src/pages/Index.tsx

@@ -24,7 +24,7 @@ const Index = () => {
   const [showLanding, setShowLanding] = useState(false);
   
   const [converting, setConverting] = useState(false);
-  const { model, addModel, models, maxModels, xrSupported, setXrSupported } = useModelStore();
+  const { model, addModel, models, maxModels, xrSupported, setXrSupported, ifcMaterialColors, setIfcMaterialColors } = useModelStore();
 
   // --- Painel de Logs Remotos em Tempo Real ---
   const [debugLogs, setDebugLogs] = useState<{ level: 'info' | 'warn' | 'error'; message: string; timestamp: string; data?: unknown }[]>([]);
@@ -265,6 +265,23 @@ const Index = () => {
           />
         </div>
 
+        {/* Toggle IFC Material Colors */}
+        <div className="flex items-center justify-between rounded-lg border border-border bg-card/50 p-3.5">
+          <div className="flex flex-col gap-0.5">
+            <Label htmlFor="ifc-mat-colors-toggle" className="text-xs font-semibold cursor-pointer text-foreground">
+              Cores por Material (IFC)
+            </Label>
+            <p className="text-[10px] text-muted-foreground">
+              {ifcMaterialColors ? 'Cores baseadas no material do IFC' : 'Cores padrão da cena'}
+            </p>
+          </div>
+          <Switch
+            id="ifc-mat-colors-toggle"
+            checked={ifcMaterialColors}
+            onCheckedChange={setIfcMaterialColors}
+          />
+        </div>
+
         {/* Demo buttons */}
         <div className="grid grid-cols-3 gap-2">
           <CloudLoader />