AgentSteering

Markdown

Queue a note for a running agent’s next step without stopping it, and see whether each note was applied.

Use it for
Changing what a running agent does next without cancelling it.
Not for
Starting a new run or answering a question the agent asked. Try PromptInput or ClarificationRequest.

AgentSteering preview

Loading example…

Installation

npm install @stackunseen/ui
import { AgentSteering } from '@stackunseen/ui/conversation-flow';
Styles: @stackunseen/ui/styles.css and @stackunseen/ui/conversation-flow.css

Usage and props

Import this component from @stackunseen/ui/conversation-flow. Load @stackunseen/ui/styles.css first, then @stackunseen/ui/conversation-flow.css.

A note carries the run version it was written against; your server applies, holds or rejects it and reports which. The draft stays until the server has the note, and a finished run takes none.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

run: Run · notes: SteeringNote[] · onSubmit({ runId, runVersion, text }) · submission? · disabledReason? · maxLength?
How state and callbacks work
All props

Loading…

For your coding agent

Give the agent this page instead of a screenshot. The prompt wraps the page with the install and import lines and the rule that your server, not a click, completes an action.

Contract
run: Run · notes: SteeringNote[] · onSubmit({ runId, runVersion, text }) · submission? · disabledReason? · maxLength?
Keeps honest
A note carries the run version it was written against; your server applies, holds or rejects it and reports which. The draft stays until the server has the note, and a finished run takes none.
MCP
read_component "AgentSteering" on the docs endpoint
Open the Markdown file

Keyboard and customization

Keyboard

Tab to the field; Enter in the form sends; the button is disabled while sending.

Customization

Change shared colors, spacing, corners and icons with the theme. Use the component's supported props to adapt its content and layout. Customization guide and Theme Studio