Chat Status

chat-status

CSS-only

Module-tier chat status indicator. CSS-only. Inline content for connection/streaming state.

Role

Inline status indicator. Pure CSS-only stub. Authors set content directly; the host's streaming pipeline updates innerText.

Composition

Typical placement inside <chat-shell>:

<chat-status> <icon-ui name="circle-fill" style="color: var(--a-success)"></icon-ui> <span>Connected</span> </chat-status>

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.