20% offProwith

Buy now
Detent

App screenPro

Support inbox

shadcn add @detent-pro/support-inbox
Detent Inbox

Wire it up

All optional. With none, it plays exactly as it does here and hands over to whoever touches it.

Usage
<Inbox
  conversations={conversations}
  assistant={assistant}
  product={product}
  onSend={(conversation, text) => {}}
  onDone={(conversation) => {}}
/>

Your data

conversations

What to work through, newest first: sender, message, label, and the draft or the reason to close.

Conversation[]
Default—
assistant

What the AI is called, everywhere the screen names it.

string
Default'Detent'
product

The product’s name beside its mark.

string
Default'Detent'

What it tells you

onSend

Called with the conversation and the reply a person sends.

(conversation: Conversation, text: string) => void
Default—
onDone

Called when a person closes a conversation without replying.

(conversation: Conversation) => void
Default—

Every block also takes accent, the one colour everything in it derives from; autoplay, which plays the demo until someone touches it; and className.

More in App screens

All blocks