Bubble
The message surface. Seven tonal variants, start/end alignment, grouping, and absolutely-positioned reactions.
Default
A short exchange: a muted assistant bubble on the start side, a default user bubble on the end side, wrapped in a BubbleGroup.
Variants
default uses the primary color for the active user; secondary is the neutral assistant surface; muted, tinted, outline, ghost, and destructive cover the rest.
Group
BubbleGroup stacks consecutive bubbles from one sender.
Reactions
BubbleReactions floats over the bubble. Control placement with side and align.
Alignment
align hints which side the bubble belongs to.
Collapsible
Tuck extra detail — like an assistant's reasoning — inside a Collapsible so the bubble stays compact until expanded.
Tooltip
Wrap a Bubble in a TooltipTrigger to surface metadata, such as a delivery timestamp, on hover.
Popover
A Popover trigger inside the bubble opens richer, interactive content in a floating panel.