Sandbox preview is an AI agent UX pattern that dry-runs a plan (showing intended side effects, diffs, or receipts) before execution. Users inspect what would change in a safe staging context, then approve, edit, or cancel the real run.
Essential for agentic automation, bulk admin tools, and cross-app workflows where users need to trust a manifest of effects before granting execution rights.
| Product | Implementation |
|---|---|
| Terraform plan | Infrastructure dry-run listing creates/updates/destroys before apply. |
| CI dry runs | Pipeline simulation or plan jobs before merging agent changes. |
| Email merge previews | Sample personalized messages before bulk send. |
| Agent plan-then-act modes | Visible plan and file diffs prior to apply in coding agents. |
Copy this prompt to generate a production-ready implementation in Cursor, Claude Code, Lovable, or any AI coding agent.
Generate a production-ready implementation of the "Sandbox Preview" AI interface design pattern.
Pattern Definition:Agents
Ready to run. Review what will happen first.
3 steps planned
Calendar, CRM update, and optional email draft.
Sandbox preview is a dry-run of the agent’s plan that shows intended side effects (diffs, recipients, resources) before anything irreversible runs in production.
Suggest/confirm/execute is the autonomy policy. Sandbox preview is the artifact users review during confirm, what would happen if they approve.
Targets, actions, reversible vs irreversible flags, and estimated cost or blast radius. Link to the exact payload when possible.
For code, often yes. For email, purchases, or infra, show the semantic receipt (who/what/how much) not only raw blobs.