Block
Messenger
The whole floating messenger: launcher, panel, header, transcript and composer. Takes state, owns only open/closed.
Install
npx shadcn@latest add https://ui.inflection.network/r/messenger.jsonPulls in utils, launcher, panel, agent-header, message-list, composer, banner automatically.
Usage
AriaAI
Answers instantly
Hi — ask me anything about your order.
Props
| Name | Type | Description |
|---|---|---|
| messages* | ListMessage[] | The transcript. |
| onSend* | (text: string) => void | |
| agentName | string | Default: "Support" |
| streaming | string | The in-flight reply. |
| busy | boolean | A reply is on its way. |
| error | string | null | Rendered as an error banner above the composer. |
| slot | ReactNode | Above the composer — usually `<AgentActions>`. |
| inline | boolean | Render in place instead of floating over the app. |
* required