[
  {
    "version": "v0.9",
    "createSurface": {
      "surfaceId": "playground",
      "catalogId": "standard",
      "sendDataModel": true
    }
  },
  {
    "version": "v0.9",
    "updateComponents": {
      "surfaceId": "playground",
      "components": [
        {
          "id": "root",
          "component": "Column",
          "children": [
            "title",
            "desc",
            "name",
            "btn"
          ]
        },
        {
          "id": "title",
          "component": "Text",
          "text": "Welcome to A2UI",
          "variant": "h2"
        },
        {
          "id": "desc",
          "component": "Text",
          "text": "Build agent-driven UIs with React and shadcn/ui",
          "tone": "muted"
        },
        {
          "id": "name",
          "component": "TextField",
          "label": "Your Name",
          "value": {
            "path": "/user/name"
          },
          "placeholder": "Enter your name"
        },
        {
          "id": "btn",
          "component": "Button",
          "text": "Get Started",
          "variant": "primary",
          "action": {
            "event": {
              "name": "get_started",
              "context": {
                "name": {
                  "path": "/user/name"
                }
              }
            }
          }
        }
      ]
    }
  },
  {
    "version": "v0.9",
    "updateDataModel": {
      "surfaceId": "playground",
      "path": "/user",
      "value": {
        "name": "",
        "visitCount": 1
      }
    }
  }
]