Atualizacao visual HGTX Commander

src/modules/intelligence-ia/components/layout/AppSidebar.tsx

@@ -10,6 +10,7 @@ import {
   DollarSign,
   UserCircle,
 } from "lucide-react";
+import { ThemeToggle } from "@/components/ThemeToggle";
 import { cn } from "@/lib/utils";
 
 const navItems = [
@@ -27,12 +28,12 @@ export function AppSidebar() {
     <>
       {/* Logo */}
       <div className="flex items-center gap-3 px-4 py-6 border-b border-sidebar-border">
-        <div className="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center cyber-glow">
+        <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-primary/10">
           <Bot className="w-5 h-5 text-primary" />
         </div>
         {!collapsed && (
           <div className="animate-fade-in">
-            <h1 className="text-sidebar-foreground font-semibold text-lg">AI Agent</h1>
+            <h1 className="text-sidebar-foreground font-bold text-h2">AI Agent</h1>
             <p className="text-muted-foreground text-xs">Painel Admin</p>
           </div>
         )}
@@ -61,16 +62,36 @@ export function AppSidebar() {
         ))}
       </nav>
 
-      {/* Collapse button - desktop only */}
-      <div className="hidden lg:block px-3 py-4 border-t border-sidebar-border">
+      <div
+        className={cn(
+          "mt-auto space-y-2 border-t border-sidebar-border",
+          collapsed ? "p-3" : "p-4",
+        )}
+      >
+        <div
+          className={cn(
+            "flex items-center justify-between px-3",
+            collapsed && "lg:hidden",
+          )}
+        >
+          <span className="text-sm font-medium text-sidebar-foreground">Tema</span>
+          <ThemeToggle />
+        </div>
+        {collapsed && (
+          <div className="hidden justify-center lg:flex">
+            <ThemeToggle />
+          </div>
+        )}
+
         <button
+          type="button"
           onClick={() => setCollapsed(!collapsed)}
-          className="nav-item flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 w-full justify-center lg:justify-start text-muted-foreground hover:text-foreground hover:bg-sidebar-accent"
+          className="nav-item hidden w-full items-center justify-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-muted-foreground transition-all duration-200 hover:bg-sidebar-accent/60 hover:text-foreground lg:flex lg:justify-start"
         >
           <ChevronLeft
             className={cn(
-              "w-5 h-5 transition-transform duration-300 flex-shrink-0",
-              collapsed && "rotate-180"
+              "h-5 w-5 flex-shrink-0 transition-transform duration-300",
+              collapsed && "rotate-180",
             )}
           />
           {!collapsed && <span>Recolher</span>}