From 86e9c215f18c745143f79271b37902c4f789239f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?= Date: Tue, 21 Apr 2026 14:38:00 -0400 Subject: [PATCH] refactor(design): strip color bars from org chart cards MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remove the ink-blue top rank bar, running-state border override, and green glow shadow from org chart cards. The tree layout already communicates rank by position, and a dashed ink-blue connection line plus the bottom-right status dot + ping animation already mark running agents — duplicating the signal through a card-wide color band and a cyan/green shadow was pure decoration. - Drop the rounded-t [4px bg-primary | 2px bg-border] top bar entirely. - Running state stops overriding border to var(--primary); all running cards fall back to the neutral border-border like everyone else. - Running state stops emitting a success-tinted glow (shadow-[0_0_12px color-mix(... var(--success) 15% ...)]) — kami rule 8 bans drop shadows, and the tint introduced an unauthorized green. - Hover switches from shadow-lg + translate-y-0.5 to a subtle hover:bg-muted/30 tint. - Active/running avatar circle switches from bg-success-muted text-success to bg-accent text-primary (kami's ink-blue tint), removing the last green chrome on the page. - Heartbeat icon switches from text-success to text-primary. - Avatar initials move from font-bold (700) to font-semibold (600). Error / pending_approval keep their destructive border (red), since kami reserves the warm terra red for genuine error/destructive state per design.md color system. Typecheck and build:verify clean. --- src/renderer/components/organization/OrgChart.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/renderer/components/organization/OrgChart.tsx b/src/renderer/components/organization/OrgChart.tsx index 12f7a5c1..a9b9a1bd 100644 --- a/src/renderer/components/organization/OrgChart.tsx +++ b/src/renderer/components/organization/OrgChart.tsx @@ -158,7 +158,7 @@ export function OrgChart({ agents, connectors, onSelectAgent }: { agents: AgentR {node.agent.title || node.agent.role}
{connectorLabel} - {node.agent.heartbeatEnabled ? : null} + {node.agent.heartbeatEnabled ? : null}