style(client): size the member icons down to the task cards' own

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.
This commit is contained in:
bowenliang123 committed 2026-10-12 02:10:22 +08:00
1 parent ac5b36b784
commit 00a612d285
3 files changed
+6 -10

No files matched your search

+2 -2
View File
@@ -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. */}
+2 -2
View File
@@ -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} />
+2 -6
View File
@@ -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. */