Dialog Gallery
Interactive flow demos and static previews for every consult-user-mcp dialog surface.
Interactive Flow
Click through a multi-step dialog scenario end-to-end.
Click a scenario to step through a dialog flow
1 of 5
Found 3 type errors in auth.ts — how to proceed?
Fix all now Address every error
Fix critical only Only breaking errors
Skip with @ts-ignore Suppress with comments
↑↓ navigate Space select ⏎ next
[MCP] ask(type: "form", mode: "wizard", questions: 5)
$ Question 1/5: "Found 3 type errors in auth.ts — how to proceed?"
$ Options: ["Fix all now","Fix critical only","Skip with @ts-ignore"]
[...] Waiting for user input...
Dialog Types
Confirm, choose, type, or tweak — each backed by a dedicated MCP tool.
?
Deploy to Production
You're about to deploy v2.4.1 to production servers.
⏎ confirm Esc cancel S snooze
ask type=confirmSelect features to include:
Authentication OAuth2 + JWT tokens
✓Database ORM Prisma with migrations
Unit Testing Jest + React Testing Library
✓⏎ confirm Esc cancel S snooze
ask type=pick2 of 3
Select your framework
React Component-based UI library
Svelte Compile-time framework
Vue Progressive framework
⏎ confirm Esc cancel S snooze
ask type=form✎
Input
Enter your project name
my-project
⏎ confirm Esc cancel S snooze
ask type=textDebug
Tweaking card animation values
Card Scale 1.58x
Duration 388ms
Vertical Offset 24.8px
↑↓ navigate ←→ adjust Esc close
tweakSnooze & Feedback
Every dialog has a snooze timer and a feedback field. Defer a question or redirect the agent without cancelling.
?
Deploy to Production
You're about to deploy v2.4.1 to production servers.
Ask me again in:
⏎ confirm Esc cancel S snooze F feedback
Snooze
Defer for 1 minute to 1 hour. The agent re-asks automatically when time is up.
?
Deploy to Production
You're about to deploy v2.4.1 to production servers.
Send feedback to agent:
⏎ confirm Esc cancel S snooze F feedback
Feedback
Tell the agent to change course without cancelling the dialog.
Layout Sketch
The propose_layout tool opens an interactive grid editor where users drag, resize, and arrange UI blocks.
1 Header
2 Sidebar
3 Canvas
4
Toolbar
5 Footer
1
2
3
1 Main navigation with logo and links
2 Collapsible filter panel
3 Primary content area