Block
Support widget
The whole thing in one block: launcher, home, past conversations, help articles and the conversation itself, behind one tab bar.
Install
npx shadcn@latest add https://ui.inflection.network/r/support-widget.jsonPulls in utils, launcher, panel, agent-header, message-list, composer, banner, tab-bar, home-card, home-screen, help-center automatically.
Usage
Hi there. How can we help?
Answers come from your docs, not from a script.
Props
| Name | Type | Description |
|---|---|---|
| messages* | ListMessage[] | The open conversation's turns. |
| onSend* | (text: string) => void | |
| conversations | Conversation[] | Past conversations. Omit and the Messages tab disappears. |
| articles | HelpArticle[] | Omit and the Help tab disappears — an empty tab is a promise the product does not keep. |
| onNewConversation | () => void | Fired when the user asks for a fresh one, so you can mint a session. |
| onOpenConversation | (id: string) => void | Load that conversation into `messages`. |
| news | NewsItem[] | Announcements on the home view. |
| 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>`. |
| agentName | string | Default: "Support" |
| inline | boolean | Render in place instead of floating over the app. |
* required