Summary

In the sidebar's WITH AGENTS section, the always-active project header and the selected agent row both used the same --sidebar-active-bg fill plus a 2px accent left bar at the same x-position, separated by ~2px — the two highlights read as one merged surface (see #682).

Two CSS rules in theme.css: when any non-header row inside a --has-agents card is active, the header drops its fill and accent bar (border-left-color: transparent keeps layout stable). The elevated card still marks the active project; the filled row marks the selection. A companion :hover rule preserves hover feedback on the quieted header, which the higher-specificity transparent rule would otherwise suppress.

The selector also covers workspace cards (WorkspaceList) and draft rows, which share the same classes. The header keeps its --active class, so its action buttons and the behind-origin fetch badge stay visible.

Testing

• Full suite: 303 files / 2195 tests pass; typecheck:web clean
• Verified in the built app (clean-room profile, project + agent via IPC): with an agent selected, header computes to transparent bg/bar while the agent row keeps the accent fill and bar; removing the agent's active state restores the header's full treatment
• Probed hover on the quieted header (hover fill appears) and a light-theme sweep (treatment holds across themes)

Closes #682

🤖 Generated with Claude Code