Conversation

Message list

The transcript: a scroll container that follows new content, with a streaming turn and a per-message render override.

Install

npx shadcn@latest add https://ui.inflection.network/r/message-list.json

Pulls in utils, chat-bubble, typing-indicator, use-autoscroll automatically.

Where is my order?

It shipped this morning and is due Thursday.

Can I change the address?

Only while it is still with us — let me check

Name	Type	Description
messages*	ListMessage[]	`{ id, role, content }`, oldest first.
streaming	string	The in-flight reply, rendered with a caret below the settled turns.
busy	boolean	Shows a typing indicator — the gap between sending and the first token.
renderMessage	(m: ListMessage) => ReactNode	Replace the default bubble to render markdown, attachments or citations.
empty	ReactNode	Shown when there are no messages at all.

* required