Chat Sidebar

chat-sidebar

JS-bearing

Module-tier chat-cluster sidebar — mirrors admin-sidebar (resize + collapse + persist), cluster-namespaced for the chat family.

Role

Mirrors <admin-sidebar> — resize drag, snap-to-collapsed, localStorage persistence, ResizeObserver. Cluster-namespaced for the chat family. JS-bearing.

Composition

Typical placement inside <chat-shell>:

<chat-shell> <chat-sidebar slot="leading" resizable collapsible> <chat-header slot="header"> <span slot="name">Conversations</span> </chat-header> <list-ui>…conversation history…</list-ui> <div data-resize></div> </chat-sidebar> <chat-thread>…</chat-thread> <chat-composer>…</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.