@adia-ai/a2ui-corpus 0.6.32 → 0.6.34

package/chunks/playground-construct-canvas.json

@@ -21,7 +21,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "canvas-host",

package/chunks/playground-css-channel.json

@@ -0,0 +1,355 @@
+{
+  "name": "playground-css-channel",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/genui/app/css-channel-demo/css-channel-demo.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div id=\"pg-shell\">\n  <div id=\"pg-toolbar\">\n    <row-ui gap=\"2\" align=\"center\">\n      <icon-ui name=\"palette\" color=\"muted\"></icon-ui>\n      <text-ui strong>CSS Channel</text-ui>\n      <badge-ui id=\"pg-channel-badge\" text=\"Phase 1\" variant=\"accent\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <button-ui id=\"pg-btn-apply\"   variant=\"primary\" size=\"sm\" icon=\"paint-brush\" text=\"Apply theme\"></button-ui>\n      <button-ui id=\"pg-btn-remove\"  variant=\"outline\" size=\"sm\" icon=\"trash\"       text=\"Remove theme\"></button-ui>\n      <a href=\"/site/getting-started/wiring\" target=\"_top\" style=\"text-decoration: none\">\n        <button-ui variant=\"ghost\" size=\"sm\" icon=\"book-open\" text=\"Docs\"></button-ui>\n      </a>\n    </row-ui>\n  </div>\n\n  <div id=\"pg-content\">\n    <div id=\"pg-intro\">\n      <h1 style=\"margin: 0 0 var(--a-space-2) 0; font-size: var(--a-ui-lg)\">Per-surface CSS via the A2UI channel</h1>\n      <p style=\"margin: 0; color: var(--a-text-muted); font-size: var(--a-ui-sm); line-height: 1.5\">\n        Two adjacent surfaces, both built from the same A2UI tree. The <strong>left</strong> tile receives an\n        <code>updateStyles</code> message that overrides <code>--a-primary</code> (button background),\n        <code>--a-accent</code>, and <code>--a-radius-md</code>; the <strong>right</strong> tile receives no styles.\n        They share a host DOM yet stay visually isolated because the renderer wraps user CSS in\n        <code>@scope ([data-a2ui-surface=\"…\"])</code> — note how the left \"Subscribe\" button is purple while the\n        right one keeps the default blue. Hit <em>Apply theme</em> to re-fire the channel; <em>Remove theme</em> drops\n        the stylesheet from <code>document.adoptedStyleSheets</code> and the left tile reverts to defaults. Open\n        DevTools' Elements pane and inspect <code>document.adoptedStyleSheets</code> to see the live constructable\n        stylesheet.\n      </p>\n      <p style=\"margin: var(--a-space-2) 0 0 0; color: var(--a-text-muted); font-size: var(--a-ui-xs); line-height: 1.5\">\n        <strong>Token-chain note:</strong> some component visuals (e.g. card background, card border-radius) read from\n        component-internal tokens like <code>--card-bg</code> / <code>--card-radius</code> which are declared inside\n        the component's own <code>@scope</code> and shadow any surface-root override of the same name. To affect those\n        surfaces via the channel, override the <em>upstream</em> token (e.g. <code>--a-canvas-1</code>) or use a\n        higher-specificity direct selector. The button override above succeeds because <code>--a-primary</code>\n        cascades cleanly through the inheritance chain into <code>--button-bg-primary</code>.\n      </p>\n    </div>\n\n    <div id=\"pg-grid\">\n      <div class=\"pg-tile\">\n        <h3>Themed via <code>updateStyles</code></h3>\n        <div id=\"themed-host\" class=\"pg-host\" data-themed></div>\n      </div>\n      <div class=\"pg-tile\">\n        <h3>Unthemed (control)</h3>\n        <div id=\"plain-host\" class=\"pg-host\"></div>\n      </div>\n    </div>\n\n    <div id=\"pg-status\">\n      <div data-pg-status-row><strong>Themed surface id:</strong> <code id=\"pg-status-themed-id\">A</code></div>\n      <div data-pg-status-row><strong>Adopted stylesheets:</strong> <span id=\"pg-status-adopted\">0</span></div>\n      <div data-pg-status-row><strong>Last event:</strong> <span id=\"pg-status-last-event\">—</span></div>\n      <div data-pg-status-row><strong>Validation warnings:</strong> <span id=\"pg-status-warnings\">—</span></div>\n    </div>\n\n    <details id=\"pg-code-panel\">\n      <summary>Show the wiring (createSurface + updateComponents + updateStyles)</summary>\n      <div>\n        <code-ui language=\"javascript\" id=\"pg-code-block\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n      </div>\n    </details>\n  </div>\n</div>",
+  "source": "apps/genui/app/css-channel-demo/css-channel-demo.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "CSS channel playground — per-surface scoped CSS via updateStyles / removeStyles, demonstrated across two adjacent surfaces.",
+    "keywords": [
+      "playground",
+      "css",
+      "channel",
+      "updateStyles",
+      "removeStyles",
+      "theme",
+      "override",
+      "scope",
+      "containment",
+      "a2ui",
+      "parallel-channels"
+    ]
+  },
+  "captured_at": "2026-05-24T03:39:39.094Z",
+  "template": [
+    {
+      "id": "palette",
+      "component": "Icon",
+      "name": "palette"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "CSS Channel"
+    },
+    {
+      "id": "pg-channel-badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Phase 1",
+      "variant": "accent"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "palette",
+        "text",
+        "pg-channel-badge"
+      ]
+    },
+    {
+      "id": "pg-btn-apply",
+      "component": "Button",
+      "icon": "paint-brush",
+      "size": "sm",
+      "text": "Apply theme",
+      "variant": "primary"
+    },
+    {
+      "id": "pg-btn-remove",
+      "component": "Button",
+      "icon": "trash",
+      "size": "sm",
+      "text": "Remove theme",
+      "variant": "outline"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "book-open",
+      "size": "sm",
+      "text": "Docs",
+      "variant": "ghost"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/getting-started/wiring",
+      "target": "_top",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "pg-btn-apply",
+        "pg-btn-remove",
+        "link"
+      ]
+    },
+    {
+      "id": "pg-toolbar",
+      "component": "Column",
+      "children": [
+        "row",
+        "row-2"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Per-surface CSS via the A2UI channel"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Two adjacent surfaces, both built from the same A2UI tree. The left tile receives an updateStyles message that overrides --a-primary (button background), --a-accent , and --a-radius-md ; the right tile receives no styles. They share a host DOM yet stay visually isolated because the renderer wraps user CSS in @scope ([data-a2ui-surface=\"…\"]) — note how the left \"Subscribe\" button is purple while the right one keeps the default blue. Hit Apply theme to re-fire the channel; Remove theme drops the stylesheet from document.adoptedStyleSheets and the left tile reverts to defaults. Open DevTools' Elements pane and inspect document.adoptedStyleSheets to see the live constructable stylesheet."
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Token-chain note: some component visuals (e.g. card background, card border-radius) read from component-internal tokens like --card-bg / --card-radius which are declared inside the component's own @scope and shadow any surface-root override of the same name. To affect those surfaces via the channel, override the upstream token (e.g. --a-canvas-1 ) or use a higher-specificity direct selector. The button override above succeeds because --a-primary cascades cleanly through the inheritance chain into --button-bg-primary ."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "pg-intro",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Themed via updateStyles"
+    },
+    {
+      "id": "themed-host",
+      "component": "Column",
+      "data-themed": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-5",
+        "themed-host"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Unthemed (control)"
+    },
+    {
+      "id": "plain-host",
+      "component": "Column"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-6",
+        "plain-host"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "pg-grid",
+      "component": "Column",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Themed surface id:"
+    },
+    {
+      "id": "pg-status-themed-id",
+      "component": "Code",
+      "textContent": "A"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "data-pg-status-row": "",
+      "children": [
+        "text-7",
+        "pg-status-themed-id"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Adopted stylesheets:"
+    },
+    {
+      "id": "pg-status-adopted",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "0"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "data-pg-status-row": "",
+      "children": [
+        "text-8",
+        "pg-status-adopted"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Last event:"
+    },
+    {
+      "id": "pg-status-last-event",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "—"
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "data-pg-status-row": "",
+      "children": [
+        "text-9",
+        "pg-status-last-event"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Validation warnings:"
+    },
+    {
+      "id": "pg-status-warnings",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "—"
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "data-pg-status-row": "",
+      "children": [
+        "text-10",
+        "pg-status-warnings"
+      ]
+    },
+    {
+      "id": "pg-status",
+      "component": "Column",
+      "children": [
+        "column-4",
+        "column-5",
+        "column-6",
+        "column-7"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "subsection",
+      "textContent": "Show the wiring (createSurface + updateComponents + updateStyles)"
+    },
+    {
+      "id": "pg-code-block",
+      "component": "Code",
+      "language": "javascript"
+    },
+    {
+      "id": "pg-code-panel",
+      "component": "Accordion",
+      "children": [
+        "text-11",
+        "pg-code-block"
+      ]
+    },
+    {
+      "id": "pg-content",
+      "component": "Column",
+      "children": [
+        "pg-intro",
+        "pg-grid",
+        "pg-status",
+        "pg-code-panel"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "children": [
+        "pg-toolbar",
+        "pg-content"
+      ]
+    }
+  ]
+}

package/chunks/playground-gen-ui.json

@@ -24,7 +24,7 @@
       "preview"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "empty-state",

package/chunks/playground-render-preview.json

@@ -20,7 +20,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "broadcast",

package/chunks/playground-streams-bridge.json

@@ -21,7 +21,7 @@
       "connection"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "plug",

package/chunks/playground-table-toolbar.json

@@ -25,7 +25,7 @@
       "demo"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "root",

package/chunks/popover-with-content.json

@@ -25,7 +25,7 @@
       "dropdown"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/progress-tracker-milestones.json

@@ -24,7 +24,7 @@
       "tasks"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/real-time-metrics-dashboard.json

@@ -25,7 +25,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-address-form.json

@@ -27,7 +27,7 @@
       "location"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-billing-card.json

@@ -26,7 +26,7 @@
       "purchase"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "card",

package/chunks/reg-brand-scrape.json

@@ -24,7 +24,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "url",

package/chunks/reg-departments-toggle.json

@@ -23,7 +23,7 @@
       "chart"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-extended-profile.json

@@ -23,7 +23,7 @@
       "industry"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "title",

package/chunks/reg-final-done.json

@@ -23,7 +23,7 @@
       "redirect"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "stat",

package/chunks/reg-helpdesk-grid.json

@@ -22,7 +22,7 @@
       "configuration"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "support-email",

package/chunks/reg-import-picker.json

@@ -23,7 +23,7 @@
       "picker"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-integrations-grid.json

@@ -22,7 +22,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "slack-logo",

package/chunks/reg-invite-form.json

@@ -26,7 +26,7 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "invite-0-email",

package/chunks/reg-legal-entity.json

@@ -24,7 +24,7 @@
       "vat"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "legal-name",

package/chunks/reg-org-chart-review.json

@@ -23,7 +23,7 @@
       "import"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "users-three",

package/chunks/reg-profile-identity.json

@@ -29,7 +29,7 @@
       "photo"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-step-footer.json

@@ -184,7 +184,7 @@
       "html": "<footer>\n          <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n          <div data-reg-actions>\n            <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n          </div>\n        </footer>"
     }
   ],
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "metadata": {
     "domain": "forms",
     "description": "Registration step footer — back and continue navigation for multi-step signup.",

package/chunks/reg-step-header.json

@@ -185,7 +185,7 @@
       "html": "<header data-reg-heading>\n          <h1>Name your workspace</h1>\n          <text-ui color=\"subtle\">This is what your team will see. You can change it anytime.</text-ui>\n        </header>"
     }
   ],
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "metadata": {
     "domain": "forms",
     "description": "Registration step header — step title and progress label during multi-step signup.",

package/chunks/reg-step-progress.json

@@ -220,7 +220,7 @@
       "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
     }
   ],
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "metadata": {
     "domain": "forms",
     "description": "Registration progress indicator — stepper showing position in multi-step signup flow.",

package/chunks/reg-step-shell.json

@@ -64,7 +64,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "image",

package/chunks/reg-story-pane.json

@@ -184,7 +184,7 @@
       "html": "<aside data-reg-story>\n        <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"\" aria-hidden=\"true\"></image-ui>\n          <strong>AdiaUI</strong>\n        </a>\n\n        <div data-reg-story-content>\n          <h2>Build your team's home.</h2>\n          <p>\n            A workspace is where conversations, projects, and integrations live. Most teams start with one — name it after your company and add more rooms\n            inside as you grow.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Workspace setup</text-ui>\n        </div>\n      </aside>"
     }
   ],
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "metadata": {
     "domain": "forms",
     "description": "Registration left story pane — brand illustration and product value messaging panel.",

package/chunks/reg-success-summary.json

@@ -23,7 +23,7 @@
       "steps"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-team-size.json

@@ -23,7 +23,7 @@
       "employees"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "segment",

package/chunks/reg-usecase-picker.json

@@ -27,7 +27,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-23T23:05:30.053Z",
+  "captured_at": "2026-05-24T03:39:39.094Z",
   "template": [
     {
       "id": "use-case",