Chat Empty

chat-empty CSS-only

Module-tier chat empty state. CSS-only. Visibility driven by parent 's [empty] reflected attribute.

Role

Empty state placeholder. CSS-only. Visibility driven automatically by parent <chat-thread>'s [empty] reflected attribute — no JS toggling needed.

Composition

Typical placement inside <chat-shell>:

<chat-thread> <chat-empty> <empty-state-ui icon="chat-circle" heading="Hello!" description="Ask me anything."></empty-state-ui> </chat-empty> <!-- Messages get appended here; chat-empty auto-hides --> </chat-thread>

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.