Chat Assistant
A working conversation built from the chat components. Type a message to see a simulated streaming reply — the scroller stays pinned to the latest turn, a shimmering marker shows the "thinking" state, and scrolling up reveals a jump-to-end control. No backend required.
Live Demo
Research Assistant
Target discovery · demo
What to Try
Send a message
The assistant streams a canned reply word by word. The view auto-follows the latest turn.
Scroll up during a reply
Auto-follow releases and a jump-to-end button appears. Click it to snap back to the newest message.
Watch the status marker
A shimmering "Generating response…" marker shows while the reply is being produced.
Components Used
@cs-coe/message-scrollerAnchored streaming scroll
@cs-coe/messageTurn layout
@cs-coe/bubbleMessage surface
@cs-coe/markerDate break + live status
@cs-coe/attachmentPinned file
@cs-coe/input + @cs-coe/buttonComposer