Code edited in Lovable Code Editor

src/components/Layout.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { MessageSquare, Image, Mic, ArrowLeft, Plus, ChevronLeft, ChevronRight, Bot, Brain } from "lucide-react";
+import { MessageSquare, Image, Mic, ArrowLeft, Plus, ChevronLeft, ChevronRight, Bot, FileText } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { ThemeToggle } from "@/components/ThemeToggle";
@@ -20,7 +20,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
     { id: "images" as TabType, label: "Imagens", icon: Image },
     { id: "audio" as TabType, label: "Áudio", icon: Mic },
     { id: "bots" as TabType, label: "Bots", icon: Bot },
-    { id: "agent" as TabType, label: "Agente de Parecer", icon: Brain },
+    { id: "agent" as TabType, label: "Agente de Parecer", icon: FileText },
   ];
 
   return (
@@ -127,12 +127,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
           {/* Theme & Settings Icons */}
           <div className="p-3 border-t border-sidebar-border space-y-2">
             <ThemeToggle />
-            <Button 
+            <Button variant="ghost" size="icon" className="w-full text-sidebar-foreground" title="Voltar">
-              variant="ghost" 
-              size="icon" 
-              className="w-full text-sidebar-foreground"
-              title="Voltar"
-            >
               <ArrowLeft className="w-4 h-4" />
             </Button>
           </div>
@@ -140,9 +135,7 @@ export const Layout = ({ children, activeTab, onTabChange }: LayoutProps) => {
       )}
 
       {/* Main Content */}
-      <main className="flex-1 flex flex-col overflow-hidden">
+      <main className="flex-1 flex flex-col overflow-hidden">{children}</main>
-        {children}
-      </main>
     </div>
   );
 };