Interactive demo
Watch a lead become a reviewed proposal draft.
Lead → proposal → approval
Generative UI · OpenUI Lang · mock provider
Interface ready
Ask about the workflow and the interface is generated as the answer streams in — the same component library renders whatever the model writes.
A scripted provider stands in for the model. The OpenUI system prompt, the component library and the streaming renderer are real.
Start with one of these
What this demonstrates
- The answer is a generated interface, not a paragraph of text
- One component library renders every response, as it streams
- Sources and agent steps stay attached to the draft
- A human approval gate stands between the draft and the client
What it does not
- Call a live language model — a scripted provider answers
- Store anything you type, or send it to a third party
- Send an email or book a meeting on your behalf
- Represent a measured client result
Try this first
Ask for the draft, then press Approve draft. The approval is recorded and the next view shows the audit trail it would have written.
Behind the demo
The model writes the interface, not just the words.
One component library
Thirteen components defined for this workflow: Screen, Panel, Stage, Steps, Source, Draft, ApprovalGate, AuditTrail, Callout and their children. The model cannot draw anything outside it.
A mock provider, not a fake
The route uses the Vercel AI SDK and a mock language model that streams a scripted program. Swapping in a real provider is a one-line change; the prompt and renderer stay the same.
The approval gate is real
Approve fires the same action a production system would: it returns to the server, gets recorded, and starts the next step. Nothing is ever sent from the browser.
Next step
Want this running on your own pipeline?
We start with the workflow you repeat most, wire the approval gate first, and connect the systems after that.
No obligationFixed scope, fixed feeApproval stays human
See how engagements run