From 00a612d285979179ddfdb6b2f310e330229edc65 Mon Sep 17 00:00:00 2001
From: bowenliang123 <liang.bowen.123@qq.com>
Date: Mon, 12 Oct 2026 02:10:22 +0800
Subject: [PATCH] style(client): size the member icons down to the task cards'
 own
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The members board's 26px avatar boxes dwarfed the 20px hue icons the task
board settled on; one base class now carries the shared size, so the members'
cards, the task rows, the band heads, and the opened agent boxes all read at
the same scale — and the task board's size patches fold away.
---
 src/client/components/memberBoard.tsx | 4 ++--
 src/client/components/taskBoard.tsx   | 4 ++--
 src/client/styles/fleet.css           | 8 ++------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/client/components/memberBoard.tsx b/src/client/components/memberBoard.tsx
index 10c3f7a..2b791f6 100644
--- a/src/client/components/memberBoard.tsx
+++ b/src/client/components/memberBoard.tsx
@@ -220,7 +220,7 @@ export function MemberBoard(props: MemberBoardProps): ReactElement {
                 >
                   <div className="lc-member-head">
                     <span className="lc-member-icon">
-                      {member.role === 'lead' ? <IconUsersOutlineRegular size={15} /> : <IconUserOutlineRegular size={15} />}
+                      {member.role === 'lead' ? <IconUsersOutlineRegular size={13} /> : <IconUserOutlineRegular size={13} />}
                     </span>
                     <b className="lc-member-name">{member.name}</b>
                     {isCurrent ? <span className="lc-agents-badge">{t('agents.self')}</span> : null}
@@ -318,7 +318,7 @@ export function MemberBoard(props: MemberBoardProps): ReactElement {
                 >
                   <div className="lc-member-head">
                     <span className="lc-member-icon">
-                      <IconUserOutlineRegular size={15} />
+                      <IconUserOutlineRegular size={13} />
                     </span>
                     {/* A subagent's prompt title IS its identity, and it runs long: two clamped
                         lines where the roster name stays one. */}
diff --git a/src/client/components/taskBoard.tsx b/src/client/components/taskBoard.tsx
index 67e9b33..c362e90 100644
--- a/src/client/components/taskBoard.tsx
+++ b/src/client/components/taskBoard.tsx
@@ -331,7 +331,7 @@ export function TaskBoard(props: TaskBoardProps): ReactElement {
     return (
       <Section label={t('fleet.tasks.agent')}>
         <div className="lc-team-task-box-agent">
-          <span className="lc-member-icon lc-tasks-row-icon" style={memberStyle(hue)}>
+          <span className="lc-member-icon" style={memberStyle(hue)}>
             <IconUserOutlineRegular size={13} />
           </span>
           <button
@@ -377,7 +377,7 @@ export function TaskBoard(props: TaskBoardProps): ReactElement {
           {/* The delegation IS the agent here: its family hue rides the row's own icon, so the
               band needs no group head above a subject that would only repeat it. The session id
               rides the tooltip — same-prompt delegations differ only by their figures otherwise. */}
-          <span className="lc-member-icon lc-tasks-row-icon" style={memberStyle(hue)}>
+          <span className="lc-member-icon" style={memberStyle(hue)}>
             <IconUserOutlineRegular size={13} />
           </span>
           <StateDot state={row.dot} size={9} />
diff --git a/src/client/styles/fleet.css b/src/client/styles/fleet.css
index f056207..2c97e30 100644
--- a/src/client/styles/fleet.css
+++ b/src/client/styles/fleet.css
@@ -49,8 +49,8 @@
 .lc-member-failed { opacity: 0.7; }
 .lc-member-head { display: flex; align-items: center; gap: 7px; min-width: 0; }
 .lc-member-icon {
-  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
-  border-radius: 8px; color: var(--lc-member-hue, var(--dsw-alias-label-secondary));
+  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px;
+  border-radius: 6px; color: var(--lc-member-hue, var(--dsw-alias-label-secondary));
   background: color-mix(in srgb, var(--lc-member-hue, var(--dsw-alias-label-secondary)) 14%, transparent);
   border: 1px solid color-mix(in srgb, var(--lc-member-hue, var(--dsw-alias-border-l2)) 35%, transparent);
 }
@@ -115,10 +115,6 @@
 .lc-team-task-warning { margin-top: 5px; font-size: 10.5px; color: var(--color-amber-500); }
 .lc-team-task-meta .lc-inspector-btn { margin-left: auto; }
 
-/* Owner-grouped board: the group head wears the members board's hue icon, downsized to head scale. */
-.lc-tasks-group-head .lc-member-icon { width: 20px; height: 20px; border-radius: 6px; }
-/* A headless delegation row carries the same icon inside its own head. */
-.lc-tasks-row-icon { width: 20px; height: 20px; border-radius: 6px; }
 /* A subagent's prompt title runs long: the head label ellipsizes rather than wrapping the band. */
 .lc-tasks-group-head .lc-team-task-owner { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
 /* A delegation row's live readout: the run's figures left, the occupancy figure right. */