From dbb31ab9fdd758ecc61b192c5c7cc232ca0bc023 Mon Sep 17 00:00:00 2001
From: Bob Lee <liwenbo628@gmail.com>
Date: Thu, 24 Sep 2026 09:05:32 +0800
Subject: [PATCH] fix(web-ui): reduce subagent card icon size

---
 .../ui/src/flow-chat/tool-cards/FlowChatToolCard.module.css    | 3 +--
 src/web-ui/src/flow_chat/tool-cards/AgentControlToolCard.tsx   | 2 +-
 src/web-ui/src/flow_chat/tool-cards/TaskToolDisplay.tsx        | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/design-system/packages/ui/src/flow-chat/tool-cards/FlowChatToolCard.module.css b/design-system/packages/ui/src/flow-chat/tool-cards/FlowChatToolCard.module.css
index 5b4fcc9d1e..c7981a3fb5 100644
--- a/design-system/packages/ui/src/flow-chat/tool-cards/FlowChatToolCard.module.css
+++ b/design-system/packages/ui/src/flow-chat/tool-cards/FlowChatToolCard.module.css
@@ -40,8 +40,7 @@
   }
 
   .prominentRoot[data-openbitfun-tool-card="agent-control"] {
-    /* Character artwork needs more room than a standard tool glyph. */
-    --_flow-chat-tool-card-icon-size: calc(var(--openbitfun-space-6) + var(--openbitfun-space-1));
+    --_flow-chat-tool-card-icon-size: var(--openbitfun-space-5);
   }
 
   .prominentRoot:is(:hover, :focus-within),
diff --git a/src/web-ui/src/flow_chat/tool-cards/AgentControlToolCard.tsx b/src/web-ui/src/flow_chat/tool-cards/AgentControlToolCard.tsx
index b9d791c90f..4aaa7dfe39 100644
--- a/src/web-ui/src/flow_chat/tool-cards/AgentControlToolCard.tsx
+++ b/src/web-ui/src/flow_chat/tool-cards/AgentControlToolCard.tsx
@@ -231,7 +231,7 @@ export const AgentControlToolCard: React.FC<ToolCardProps> = ({
           <SubagentAvatar
             sessionId={linkedSubagentSessionId}
             name={agentName}
-            size={28}
+            size={20}
             status={lifecycle}
           />
         ) : undefined}
diff --git a/src/web-ui/src/flow_chat/tool-cards/TaskToolDisplay.tsx b/src/web-ui/src/flow_chat/tool-cards/TaskToolDisplay.tsx
index 46bb7b90bf..51b219f648 100644
--- a/src/web-ui/src/flow_chat/tool-cards/TaskToolDisplay.tsx
+++ b/src/web-ui/src/flow_chat/tool-cards/TaskToolDisplay.tsx
@@ -827,7 +827,7 @@ export const TaskToolDisplay: React.FC<ToolCardProps> = ({
           <SubagentAvatar
             sessionId={linkedSubagentSessionId}
             name={taskAgentTypeLabel}
-            size={28}
+            size={20}
             status={subagentAvatarStatus}
           />
         ) : <Split size={16} />}