From 33144ea3d630127edba22ae00e9f675ebb793a3a Mon Sep 17 00:00:00 2001
From: marko-kraemer <markokraemer.mail@gmail.com>
Date: Wed, 16 Apr 2025 23:10:32 +0100
Subject: [PATCH] still broken

---
 .../dashboard/sidebar/nav-agents.tsx          | 42 +++++++++++++------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/dashboard/sidebar/nav-agents.tsx b/frontend/src/components/dashboard/sidebar/nav-agents.tsx
index 0f9ba74b..283f25bb 100644
--- a/frontend/src/components/dashboard/sidebar/nav-agents.tsx
+++ b/frontend/src/components/dashboard/sidebar/nav-agents.tsx
@@ -166,21 +166,39 @@ export function NavAgents() {
     <SidebarGroup>
       <div className="flex justify-between items-center">
         <SidebarGroupLabel>Agents</SidebarGroupLabel>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Link 
-              href="/dashboard" 
-              className="text-muted-foreground hover:text-foreground h-8 w-8 flex items-center justify-center rounded-md"
-            >
-              <Plus className="h-4 w-4" />
-              <span className="sr-only">New Agent</span>
-            </Link>
-          </TooltipTrigger>
-          <TooltipContent>New Agent</TooltipContent>
-        </Tooltip>
+        {state !== "collapsed" ? (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Link 
+                href="/dashboard" 
+                className="text-muted-foreground hover:text-foreground h-8 w-8 flex items-center justify-center rounded-md"
+              >
+                <Plus className="h-4 w-4" />
+                <span className="sr-only">New Agent</span>
+              </Link>
+            </TooltipTrigger>
+            <TooltipContent>New Agent</TooltipContent>
+          </Tooltip>
+        ) : null}
       </div>
 
       <SidebarMenu className="overflow-y-auto max-h-[calc(100vh-200px)]">
+        {state === "collapsed" && (
+          <SidebarMenuItem>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <SidebarMenuButton asChild>
+                  <Link href="/dashboard" className="flex items-center">
+                    <Plus className="h-4 w-4" />
+                    <span>New Agent</span>
+                  </Link>
+                </SidebarMenuButton>
+              </TooltipTrigger>
+              <TooltipContent>New Agent</TooltipContent>
+            </Tooltip>
+          </SidebarMenuItem>
+        )}
+        
         {isLoading ? (
           // Show skeleton loaders while loading
           Array.from({length: 3}).map((_, index) => (