Chat Header

chat-header

CSS-only

Module-tier chat top chrome bar. CSS-only. Holds chat name, status, and action clusters.

Role

Top chrome bar with slot vocabulary — name, status, action, action-leading clusters. Pure CSS-only stub styled by parent shell via tag-presence.

Composition

Typical placement inside <chat-shell>:

<chat-header> <span slot="name">Claude</span> <chat-status slot="status">Connected</chat-status> <button-ui slot="action" icon="gear" variant="ghost"></button-ui> </chat-header>

Family

Per ADR-0023, the chat cluster's bespoke family — <chat-shell> (host), <chat-thread>, <chat-composer>, <chat-sidebar> (JS-bearing) + <chat-header>, <chat-status>, <chat-empty> (CSS-only). Mirrors the admin cluster's pattern.