App screenPro

Agent chat

shadcn add @detent-pro/agent-chat

Detent Support

Wire it up

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

Usage

<AgentChat
  tools={tools}
  starters={starters}
  followUps={followUps}
/>

Your data

PropDescriptionDefault

tools

The tools on your route, by name: what each says while it runs and when it’s done, and for tools that ask first, their card.

Record<string, AgentTool>

Default—

starters

Offered while the thread is empty.

string[]

Default—

followUps

Offered under a finished answer. Ones already asked drop out.

string[]

Default—

api

Your AI SDK route: anything that returns toUIMessageStreamResponse().

string

Default'/api/chat'

assistant

Who’s working, on the approval card and at the top of the run.

string

Default'Detent'

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

Wire it up

More in App screens