From 1fcbf8e5fe6b6f84e539725adb2b6be970d8b5ba Mon Sep 17 00:00:00 2001
From: Brennan Benson <79079362+brennanb2025@users.noreply.github.com>
Date: Mon, 27 Jul 2026 16:19:22 -0700
Subject: [PATCH] fix(dashboard): stop the agent icon shrinking on long card
 titles (#11001)

A bare <svg> flex item shrinks with its row, so kanban cards and the
terminal dialog rendered a squashed ~9px agent icon whenever the worktree
name overflowed. Wrap both in the shrink-0 span every other surface
already uses.
---
 .../src/components/dashboard-popout/AgentKanbanCard.tsx      | 5 ++++-
 .../src/components/dashboard-popout/AgentTerminalDialog.tsx  | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/dashboard-popout/AgentKanbanCard.tsx b/src/renderer/src/components/dashboard-popout/AgentKanbanCard.tsx
index e92dbcb0640..e8d08b525d6 100644
--- a/src/renderer/src/components/dashboard-popout/AgentKanbanCard.tsx
+++ b/src/renderer/src/components/dashboard-popout/AgentKanbanCard.tsx
@@ -86,7 +86,10 @@ export const AgentKanbanCard = memo(
         )}
       >
         <div className="flex items-center gap-1.5">
-          <AgentIcon agent={agentTypeToIconAgent(card.agentType)} size={14} />
+          {/* Why: a bare <svg> flex item shrinks with the row — long worktree names squashed the icon. */}
+          <span className="inline-flex shrink-0">
+            <AgentIcon agent={agentTypeToIconAgent(card.agentType)} size={14} />
+          </span>
           <span
             // Why: same unvisited treatment as the sidebar's DashboardAgentRow —
             // bold+bright until acked, normal+muted after — so both surfaces
diff --git a/src/renderer/src/components/dashboard-popout/AgentTerminalDialog.tsx b/src/renderer/src/components/dashboard-popout/AgentTerminalDialog.tsx
index 4752ad31483..23a5e5b1d0c 100644
--- a/src/renderer/src/components/dashboard-popout/AgentTerminalDialog.tsx
+++ b/src/renderer/src/components/dashboard-popout/AgentTerminalDialog.tsx
@@ -79,7 +79,9 @@ export function AgentTerminalDialog({
           }}
         >
           <div className="flex items-center gap-1.5 px-2.5 py-2">
-            <AgentIcon agent={agentTypeToIconAgent(card.agentType)} size={13} />
+            <span className="inline-flex shrink-0">
+              <AgentIcon agent={agentTypeToIconAgent(card.agentType)} size={13} />
+            </span>
             <DialogTitle className="text-[12px] leading-normal font-semibold">
               {card.worktreeName}
             </DialogTitle>