🚀 Auto-deploy: melhoria no snap e medição AR em 31/05/2026 23:55:14

src/pages/Viewer.tsx

@@ -387,18 +387,18 @@ const Viewer = () => {
             </div>
           ) : (
             <>
-              {/* Botão de Toggle do Sidebar */}
+              {/* Botão de Expandir Sidebar (visível apenas se recolhido) */}
-              <Button
+              {!sidebarOpen && (
-                variant="outline"
+                <Button
-                size="icon"
+                  variant="outline"
-                onClick={() => setSidebarOpen(!sidebarOpen)}
+                  size="icon"
-                className={`absolute z-30 h-8 w-8 rounded-md bg-background/80 border-primary/30 text-primary shadow-md hover:bg-primary/10 transition-all duration-300 ${
+                  onClick={() => setSidebarOpen(true)}
-                  sidebarOpen ? "right-[332px]" : "right-4"
+                  className="absolute right-4 top-[205px] z-30 h-8 w-8 rounded-md bg-background/80 border-primary/30 text-primary shadow-md hover:bg-primary/10"
-                } top-[205px]`}
+                  title="Expandir menu"
-                title={sidebarOpen ? "Recolher menu" : "Expandir menu"}
+                >
-              >
+                  <Menu className="h-4 w-4" />
-                <Menu className="h-4 w-4" />
+                </Button>
-              </Button>
+              )}
 
               <ViewCube />
               <ViewerControls />
@@ -416,6 +416,15 @@ const Viewer = () => {
                   <h2 className="font-mono text-xs font-semibold uppercase tracking-widest text-muted-foreground">
                     Cena · {models.length}/{maxModels} peças
                   </h2>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    className="h-6 w-6 text-muted-foreground hover:text-foreground hover:bg-muted"
+                    onClick={() => setSidebarOpen(false)}
+                    title="Recolher menu"
+                  >
+                    <Menu className="h-4 w-4" />
+                  </Button>
                 </div>
                 <SceneModelList />
                 <div className="mt-2 grid grid-cols-2 gap-1.5">