Chat Thread

chat-thread

JS-bearing

Module-tier chat message thread container — owns scroll-to-bottom, [streaming] and [empty] reflected attributes.

Role

Owns scroll-to-bottom on new message (with user-scroll-up suspension), [streaming] and [empty] reflected attributes, and a stable target for the host's message rendering pipeline. JS-bearing.

Composition

Typical placement inside <chat-shell>:

<chat-shell> <chat-header>…</chat-header> <chat-thread> <chat-empty> <empty-state-ui icon="chat-circle" heading="Hello!" description="Ask me anything."></empty-state-ui> </chat-empty> </chat-thread> <chat-composer> <chat-input-ui placeholder="Message…"></chat-input-ui> </chat-composer> </chat-shell>

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.