Skip to content

ChatBubble

ChatBubble(__namedParameters): ReactElement

Defined in: react/components/agent/chat-bubble.tsx:57

A transcript message bubble: a one-sided accent bar (colour = sender), an optional author header with an icon, and the message body. Roles supply sensible defaults — the human prompt gets a warm bar on the right, the assistant a cool bar on the left, tool output a muted bar — and every facet is overridable via ChatBubbleProps.accent, so it stays a generic primitive rather than a fixed four-role widget.

<ChatBubble role="user" author="You">Run the tests?</ChatBubble>
<ChatBubble role="assistant" author="Claude">On it.</ChatBubble>
<ChatBubble role="tool" author="Bash" icon={<Label>🖥️</Label>}>
<ToolCall name="Bash" args="npm test" summary="ok" />
</ChatBubble>

ChatBubbleProps

ReactElement