SessionInspector

API reference and demos for SessionInspector.

Source

Import

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

Demos

Default · Open in Storybook

Long Transcript · Open in Storybook

Prompt And Reasoning · 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	—	—
composer	ReactNode	—	—
defaultTab	enum	—	—
follow	boolean	—	—
layout	enum	—	Compact keeps tabs, runtime context, host actions, and session options on one line.
metadata	SessionMetadataSummary	—	Runtime metadata to display in the compact context bar. Defaults to session metadata.
onLoadStateChange	(…) => void	—	With `src`: fires on the initial load result (`loading`, then `ready` or `error`) and when the follow stream later sends a terminal error frame. Never fires for an in-memory `session`.
onPlanChange	(…) => void	—	Receives edits made in the Plan tab. The inspector also keeps the draft visible locally.
onResolveApproval	ApprovalResolveHandler	—	Resolves one pending tool approval from the Approvals tab. Omitted, the tab still lists pending requests but renders no Approve/Deny controls.
onSelectedSessionIdsChange	(…) => void	—	—
onTabChange	(…) => void	—	—
renderSessionActions	(…) => ReactNode	—	—
selectedSessionIds	readonly string[]	—	Controlled session-level selection of a session collection; `[]` selects nothing. Omit to start from the collection's defaults.
session	SessionInspectorInput	—	—
src	string	—	—
tab	enum	—	Controlled active tab (e.g. from the URL); pair with `onTabChange`.
toolbarActions	ReactNode	—	Host controls rendered before Session options in the compact toolbar.
transcriptProps	Omit<SessionViewerProps, "session">	—	—