svelte-a2ui

An agent is building this interface right now — streaming data, not code. Every message it sends appears on the right as it arrives.

GitHub · npm · A2UI spec

streaming
2messages received
0components defined
0bytes sent back
0lines of agent code run
Rendered surface

Buffering — nothing paints until the agent defines root.

Wire feed newest first
↓ agent updateDataModel 398 B
{
  "version": "v1.0",
  "updateDataModel": {
    "surfaceId": "demo",
    "value": {
      "company": "Bistro Verde",
      "contact": {
        "firstName": "",
        "lastName": "",
        "email": "",
        "preference": [
          "email"
        ],
        "subscribe": true
      },
      "partySize": 2,
      "selection": {
        "time": "",
        "table": ""
      },
      "slots": [
        {
          "time": "6:00 PM",
          "table": "Window",
          "selected": false
        },
        {
          "time": "7:30 PM",
          "table": "Patio",
          "selected": false
        },
        {
          "time": "9:00 PM",
          "table": "Bar",
          "selected": false
        }
      ]
    }
  }
}
↓ agent createSurface 154 B
{
  "version": "v1.0",
  "createSurface": {
    "surfaceId": "demo",
    "catalogId": "https://a2ui.org/specification/v1_0/catalogs/basic/catalog.json",
    "sendDataModel": true
  }
}
Data model typing writes here, not to the network
{
  "company": "Bistro Verde",
  "contact": {
    "firstName": "",
    "lastName": "",
    "email": "",
    "preference": [
      "email"
    ],
    "subscribe": true
  },
  "partySize": 2,
  "selection": {
    "time": "",
    "table": ""
  },
  "slots": [
    {
      "time": "6:00 PM",
      "table": "Window",
      "selected": false
    },
    {
      "time": "7:30 PM",
      "table": "Patio",
      "selected": false
    },
    {
      "time": "9:00 PM",
      "table": "Bar",
      "selected": false
    }
  ]
}