{
  "canvas_surface": {
    "surface_id": "surface-preview-demo",
    "surface_version": 1,
    "payload": {
      "objects": [
        {
          "beginRendering": { "surfaceId": "surface-preview-demo", "root": "root" }
        },
        {
          "surfaceUpdate": {
            "surfaceId": "surface-preview-demo",
            "components": [
              { "id": "root", "component": { "Card": { "child": "panel" } } },
              { "id": "panel", "component": { "Column": { "alignment": "stretch", "children": { "explicitList": ["header", "teaser", "tags", "divider", "actions"] } } } },
              { "id": "header", "component": { "Row": { "alignment": "center", "children": { "explicitList": ["title-block", "rating"] } } } },
              { "id": "title-block", "component": { "Column": { "alignment": "start", "children": { "explicitList": ["title", "subtitle"] } } } },
              { "id": "title", "component": { "Label": { "text": { "path": "title" }, "variant": "title" } } },
              { "id": "subtitle", "component": { "Label": { "text": { "literalString": "Official canonical binding objects." }, "variant": "caption", "color": "secondary" } } },
              { "id": "rating", "component": { "Rating": { "rating": { "literalNumber": 5 }, "text": { "literalString": "v0.8" } } } },
              { "id": "teaser", "component": { "MarkdownView": { "text": { "path": "subtitle" } } } },
              { "id": "tags", "component": { "FilterTags": { "tags": { "literalArray": ["explicitList", "literalString", "literalNumber", "literalBool"] } } } },
              { "id": "divider", "component": { "Divider": {} } },
              { "id": "actions", "component": { "Row": { "alignment": "center", "children": { "explicitList": ["run", "copy"] } } } },
              { "id": "run", "component": { "Button": { "child": "run-label", "enabled": { "literalBool": true }, "action": { "name": "submit" } } } },
              { "id": "run-label", "component": { "Label": { "text": { "literalString": "Run preview" }, "variant": "bodySansSemibold" } } },
              { "id": "copy", "component": { "Button": { "child": "copy-label", "enabled": { "literalBool": true }, "action": { "name": "copy_payload" } } } },
              { "id": "copy-label", "component": { "Label": { "text": { "literalString": "Copy payload" }, "variant": "bodySansSemibold" } } }
            ]
          }
        },
        {
          "dataModelUpdate": {
            "surfaceId": "surface-preview-demo",
            "contents": [
              { "key": "title", "valueString": "A2UI v0.8 preview" },
              { "key": "subtitle", "valueString": "Debug inputs use canonical bindings only." }
            ]
          }
        }
      ]
    }
  }
}