Individual message bubble component for rendering a single agent message.

Displays message content with optional avatar, timestamp, agent name, and action buttons. Automatically extracts and renders message parts including reasoning, tool calls, and tool results.

The component respects display configuration from useDisplayConfig to control tool call visibility for white-label applications. If the display config hides all tool information, tool calls are not rendered even if showToolCalls is true.

Tool results are matched to their corresponding tool calls by toolCallId and rendered together in ToolCallRenderer components.

Related components: ToolCallRenderer, ReasoningDisplay

Example

<MessageBubble
  message={message}
  showAvatar
  showTimestamp
  showReasoning
  isStreaming={isLastMessage && isStreaming}
/>

function MessageBubble(props: MessageBubbleProps): React.ReactElement

Parameters

props