Conversation

A scrollable message log that sticks to the bottom as new content streams in, unless the user has scrolled up — in which case a jump-to-bottom button appears.

Source

Import

import { Conversation } from "@flanksource/clicky-ui/chat";

Demos

Default · Open in Storybook

Empty · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
emptyState	ReactNode	—	Shown when there are no messages yet.
error	Error	—	Last request error from the chat transport, if any.
messages*	UIMessage<unknown, UIDataTypes, UITools>[]	—	—
model	string	—	Selected model id, surfaced in the copyable error report.
onApprove	(…) => …	—	Respond to a tool approval request.
onClearError	(…) => …	—	Clears the visible transport error.
onRegenerate	(…) => …	—	Re-generate the assistant message with the given id.
renderToolResult	ToolResultRenderer	—	Optional host renderer for recognized completed tool outputs.
sessionId	string	—	Conversation/thread id, surfaced in the copyable error report.
status	enum	—	Current chat status; used for transient pending/error affordances.
suppressWaiting	boolean	—	Hide the waiting indicator because another control (e.g. an approval button) is already showing progress.