SessionChatComposer

API reference and demos for SessionChatComposer.

Source

Import

import { SessionChatComposer } from "@flanksource/clicky-ui/ai";

Demos

Default · Open in Storybook

Disabled With Reason · Open in Storybook

With Permission Mode Picker · 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
capabilities*	SessionChatCapabilities	—	—
className	string	—	—
disabledReason	string	—	Disables the input and shows this reason in it (e.g. while the session it continues is still loading, or could not be read).
error	string	—	—
inputAccessory	ReactNode	—	—
onInterrupt	(…) => void	—	—
onPermissionModeChange	(…) => void	—	Omit to render the picker read-only.
onSubmit*	(…) => void	—	—
permissionFamily	string	—	Agent family ("claude", "codex", "gemini") whose vocabulary labels the modes.
permissionMode	enum	—	Current permission posture, when the host tracks one for this session.
permissionModes	("default" | "auto" | "acceptEdits" | "bypassPermissions" | "plan" | "dontAsk")[]	—	Modes the run's runtime honours, canonical order.
queued	SessionChatQueuedMessage[]	[]	—
status*	enum	—	—
toolbar	ReactNode	—	—