Skip to content

Conversation

Conversation(__namedParameters): ReactElement

Defined in: react/components/agent/conversation.tsx:74

The agent chat shell: a tail-following Transcript of turns with a docked ChatInput composer below it. It owns the layout and the submit / interrupt / busy / hint-line wiring, so an app only supplies the turns (as children) and a few handlers — no manual hint state, spacer rows, or scroll plumbing. Stateless by design: the app keeps the message list and busy flag; this component just lays them out and routes events.

<Conversation busy={busy} onSubmit={send} onInterrupt={stop}
footer={<UsageMeter variant="compact" turn={turn} />}>
{turns.map((t) => <ChatBubble key={t.id} role={t.role}>{t.text}</ChatBubble>)}
</Conversation>

ConversationProps

ReactElement