Agentic UI Pipeline
From fixed components to fully generated interfaces.
Replaced the DSL-based component renderer with a full agentic code generation pipeline.
The widget now generates complete HTML/CSS/JS from scratch for every prompt — no
pre-defined templates, no fixed component types.
The pipeline follows an agentic loop: intent parsing, code generation, QA review, and
iteration. Generated UI renders inside a sandboxed iframe with a postMessage bridge
for secure data fetching against the host app's APIs.
Components are now wired to real API endpoints via capability map resolution. Query
bindings fetch live data; form action bindings submit to real endpoints. The server
validates refs against the capability map before returning resolved endpoints.
</>
Code Generation
Full HTML/CSS/JS generated per prompt, not mapped to fixed components.
↻
QA Review Loop
A review agent evaluates generated views and feeds back for iteration.
⚡
Live Data Bindings
Queries and actions resolve to real endpoints through the capability map.
🛡
Sandboxed Rendering
Generated UI runs in an iframe sandbox with a postMessage bridge.
What changed under the hood
Server
New agentic pipeline with intent parsing, codegen prompts, and review prompts. Capability
resolver validates refs and resolves endpoints. Proxy layer for cross-origin data fetching.
Widget
Removed 10 fixed component renderers. Added iframe sandbox, API bridge, and message handler.
The renderer now injects generated code directly into a sandboxed frame.
Testing
400+ new tests across server, widget, and shared modules covering the pipeline,
capability resolver, sandbox, code parser, and message handler.
73 files changed — 7,100 lines added, 2,200 removed. This is the architectural
shift from template instantiation to true agentic UI generation.