A2UILab
Back to Lab
Experiments
Back to Experiments

Full A2UI Flow

See the complete flow: User query → AI reasoning → A2UI intent → Rendered UI

Primitives:ThinkingIndicatorProgressCardDataTableTextMessage
Try a query:

Flow

1
User Query

"Show me all vehicle locations"

2
LLM Analysis

Waiting...

3
Contract Lookup(Tool Call)

Waiting...

4
Registry Response(Contract Found)

Waiting...

5
LLM Decision

Waiting...

6
A2UI Intent Emitted

Waiting...

Result

Click "Run Demo" to start

Two-Turn Flow: This demo shows two LLM calls. Turn 1: analyze query and call getContracts(). Turn 2: receive contract schema and emit intent. For small registries, contracts could be pre-loaded in the system prompt for a single-turn flow.

Contract Discovery: The LLM calls getContracts(query) to find relevant data sources. The registry returns contract schemas (shapes, not values) so the LLM knows what data is available.

Data Binding: The LLM references data with dataRef: { source: "fleet" } — the renderer fetches and binds the actual values at runtime. The LLM never sees raw data.

The A2UI Handoff: The LLM emits { type: "Card" } or { type: "DataTable" } — any A2UI-compatible renderer knows how to display it.