DryRunPreview

Markdown

The agent's declared effects before anything runs, with a veto per line and one versioned decision.

Use it for
The declared effects of a plan before anything runs, with a veto per line.
Not for
Reviewing changes already made. Try ReviewChanges.

DryRunPreview preview

Loading example…

Installation

npm install @stackunseen/ui
import { DryRunPreview } 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.

Nothing runs in the browser. The decision says which plan version it covers and which changes to skip; your server re-plans and runs it.

Supported inputs

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

plan: DryRunPlan · skippedIds · onSkippedChange · onDecision · submission? · receipt? · stale?
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
plan: DryRunPlan · skippedIds · onSkippedChange · onDecision · submission? · receipt? · stale?
Keeps honest
Nothing runs in the browser. The decision says which plan version it covers and which changes to skip; your server re-plans and runs it.
MCP
read_component "DryRunPreview" on the docs endpoint
Open the Markdown file

Keyboard and customization

Keyboard

Each effect is a checkbox; Run and Cancel are buttons.

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