{
  "name": "agent-artifact-stub-card",
  "kind": "block",
  "primary": "card-ui",
  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<card-ui>\n        <section>\n          <row-ui gap=\"3\" align=\"center\">\n            <icon-ui name=\"file-code\" color=\"accent\"></icon-ui>\n            <col-ui gap=\"0\" grow>\n              <text-ui strong>q4-board-deck.a2ui</text-ui>\n              <text-ui color=\"subtle\" size=\"sm\">A2UI · 42 lines · interactive</text-ui>\n            </col-ui>\n            <button-ui text=\"Open in canvas\" icon=\"arrows-out-simple\" variant=\"outline\" size=\"sm\"></button-ui>\n          </row-ui>\n        </section>\n      </card-ui>",
  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "metadata": {
    "domain": "agent",
    "description": "Agent artifact stub card — a compact card representing a generated file (icon, filename, type + line-count meta) with a trailing 'Open in canvas' button that promotes it to a full editor. The collapsed reference to an AI-produced document or code artifact.",
    "keywords": [
      "agent",
      "artifact",
      "stub",
      "card",
      "file",
      "generated",
      "document",
      "open",
      "in",
      "canvas",
      "promote",
      "editor",
      "filename",
      "code",
      "a2ui",
      "attachment",
      "reference",
      "deck",
      "interactive",
      "open",
      "expand",
      "artifact",
      "pill",
      "file",
      "card",
      "produced",
      "output"
    ]
  },
  "captured_at": "2026-06-10T16:56:21.616Z",
  "template": [
    {
      "id": "file-code",
      "component": "Icon",
      "name": "file-code"
    },
    {
      "id": "text",
      "component": "Text",
      "strong": true,
      "textContent": "q4-board-deck.a2ui"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "A2UI · 42 lines · interactive"
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "0",
      "grow": true,
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "arrows-out-simple",
      "size": "sm",
      "text": "Open in canvas",
      "variant": "outline"
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "3",
      "children": [
        "file-code",
        "column",
        "button"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "children": [
        "row"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "section"
      ]
    }
  ]
}
