Assistant Chat Panel
Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.
Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Assistant Chat Panel is the conversation thread, two user turns right-aligned in muted bubbles with the Avery Stone avatar, and two assistant replies left-aligned beside a small Acme mark. The last reply shows inline numbered source chips, [2] support-tickets and [3] ACM-8812, so the reader can jump straight to the passage. A Regenerate and Copy row sits beneath it. The footer is plain: the assistant can be wrong, every answer links the passages it used so you can verify before acting.
Messages and sourceLinks are two const arrays; the isLast flag on the final assistant message gates the affordance row. Surfacing the source list below the thread is what turns an answer into a checkable claim.
Reach for this block as the main conversation view of your AI assistant feature, wired to your chat endpoint and source-retrieval layer. Pair it with the prompt composer below and the citations panel in a side drawer.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the Q and A thread over workspace data. Other conversation shapes:
Tip: the source chip numbering must match the inline markers in the reply text or users will not trust them.