AI Agents/Message Bubble

Message Bubble

Chat bubble surfaces with variants, a pop-in entrance and a collapsible body.

Launch in three phases. First, an internal beta with the core chat flow and streaming. Second, a private preview with tool results, approvals and citations. Third, general availability with the full sidebar, voice input and analytics.

Each phase ends with a short review of reliability and latency.

solid
soft
tint
outline
danger
Responding

Installation

$npx shadcn@latest add @opendraft/message-bubble

Needs the @opendraft registry in your components.json. See Installation.

Dependencies

Source

The files the install command adds to your project. They're yours to edit.