Conversation

Message

A row in a transcript, with assistant and user sides built from avatar, bubble and footer parts.

Nessa

I pushed the sidebar refactor. Want me to walk you through the composition changes?

Yes please — start with how the provider owns collapse state.

Sent

Installation

npx shadcn@latest add https://nessalabs.ai/r/message.json

Examples

Streaming a long reply

Nessa

Streaming markdown, math, a citation and a diagram

Nessa

Behaviours

Covered by the component's storybook.

ConversationPlain ResponseActions And EditingWith AttachmentsAvatarsGrouped MessagesAligned ThreadThreaded RepliesReplying In ThreadCustom Message Components