AgentAction

Agent chat · src/components/AgentAction/AgentAction.tsx

One thing the agent did: a search, a file read, a call out.

Collapsed by default with the outcome on the row, because a reader wants to know what happened, not how. The detail is there for the times the answer looks wrong.

The state is a word AND a glyph, not a colour: "Failed" beside a red dot is readable, a red dot alone is not.

Import

import { AgentAction } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
name	React.ReactNode	What it did, in plain words - not the tool's function name.
summary	React.ReactNode	The outcome in one line: what was searched, what came back.
state	'running' | 'done' | 'error'
stateLabel	React.ReactNode
duration	React.ReactNode
defaultOpen	boolean
className	string
children	React.ReactNode	The detail, collapsed by default.