@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/playground-construct-canvas.json

@@ -21,7 +21,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "canvas-host",

package/chunks/playground-css-channel.json

@@ -25,7 +25,7 @@
       "parallel-channels"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "palette",
@@ -113,17 +113,141 @@
       "variant": "display",
       "textContent": "Per-surface CSS via the A2UI channel"
     },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "left"
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "textContent": "updateStyles"
+    },
+    {
+      "id": "code-2",
+      "component": "Code",
+      "textContent": "--a-primary"
+    },
+    {
+      "id": "code-3",
+      "component": "Code",
+      "textContent": "--a-accent"
+    },
+    {
+      "id": "code-4",
+      "component": "Code",
+      "textContent": "--a-radius-md"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "right"
+    },
+    {
+      "id": "code-5",
+      "component": "Code",
+      "textContent": "@scope ([data-a2ui-surface=\"…\"])"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Apply theme"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Remove theme"
+    },
+    {
+      "id": "code-6",
+      "component": "Code",
+      "textContent": "document.adoptedStyleSheets"
+    },
+    {
+      "id": "code-7",
+      "component": "Code",
+      "textContent": "document.adoptedStyleSheets"
+    },
     {
       "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."
+      "textContent": "Two adjacent surfaces, both built from the same A2UI tree. The tile receives an message that overrides (button background), , and ; the tile receives no styles. They share a host DOM yet stay visually isolated because the renderer wraps user CSS in — note how the left \"Subscribe\" button is purple while the right one keeps the default blue. Hit to re-fire the channel; drops the stylesheet from and the left tile reverts to defaults. Open DevTools' Elements pane and inspect to see the live constructable stylesheet.",
+      "children": [
+        "text-4",
+        "code",
+        "code-2",
+        "code-3",
+        "code-4",
+        "text-5",
+        "code-5",
+        "text-6",
+        "text-7",
+        "code-6",
+        "code-7"
+      ]
     },
     {
-      "id": "text-4",
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Token-chain note:"
+    },
+    {
+      "id": "code-8",
+      "component": "Code",
+      "textContent": "--card-bg"
+    },
+    {
+      "id": "code-9",
+      "component": "Code",
+      "textContent": "--card-radius"
+    },
+    {
+      "id": "code-10",
+      "component": "Code",
+      "textContent": "@scope"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "upstream"
+    },
+    {
+      "id": "code-11",
+      "component": "Code",
+      "textContent": "--a-canvas-1"
+    },
+    {
+      "id": "code-12",
+      "component": "Code",
+      "textContent": "--a-primary"
+    },
+    {
+      "id": "code-13",
+      "component": "Code",
+      "textContent": "--button-bg-primary"
+    },
+    {
+      "id": "text-8",
       "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 ."
+      "textContent": "some component visuals (e.g. card background, card border-radius) read from component-internal tokens like / which are declared inside the component's own and shadow any surface-root override of the same name. To affect those surfaces via the channel, override the token (e.g. ) or use a higher-specificity direct selector. The button override above succeeds because cascades cleanly through the inheritance chain into .",
+      "children": [
+        "text-9",
+        "code-8",
+        "code-9",
+        "code-10",
+        "text-10",
+        "code-11",
+        "code-12",
+        "code-13"
+      ]
     },
     {
       "id": "column",
@@ -131,7 +255,7 @@
       "children": [
         "text-2",
         "text-3",
-        "text-4"
+        "text-8"
       ]
     },
     {
@@ -149,10 +273,18 @@
       ]
     },
     {
-      "id": "text-5",
+      "id": "code-14",
+      "component": "Code",
+      "textContent": "updateStyles"
+    },
+    {
+      "id": "text-11",
       "component": "Text",
       "variant": "heading",
-      "textContent": "Themed via updateStyles"
+      "textContent": "Themed via",
+      "children": [
+        "code-14"
+      ]
     },
     {
       "id": "themed-host",
@@ -163,7 +295,7 @@
       "id": "column-2",
       "component": "Column",
       "children": [
-        "text-5",
+        "text-11",
         "themed-host"
       ]
     },
@@ -182,7 +314,7 @@
       ]
     },
     {
-      "id": "text-6",
+      "id": "text-12",
       "component": "Text",
       "variant": "heading",
       "textContent": "Unthemed (control)"
@@ -195,7 +327,7 @@
       "id": "column-3",
       "component": "Column",
       "children": [
-        "text-6",
+        "text-12",
         "plain-host"
       ]
     },
@@ -222,7 +354,7 @@
       ]
     },
     {
-      "id": "text-7",
+      "id": "text-13",
       "component": "Text",
       "variant": "body",
       "textContent": "Themed surface id:"
@@ -237,12 +369,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-7",
+        "text-13",
         "pg-status-themed-id"
       ]
     },
     {
-      "id": "text-8",
+      "id": "text-14",
       "component": "Text",
       "variant": "body",
       "textContent": "Adopted stylesheets:"
@@ -258,12 +390,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-8",
+        "text-14",
         "pg-status-adopted"
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-15",
       "component": "Text",
       "variant": "body",
       "textContent": "Last event:"
@@ -279,12 +411,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-9",
+        "text-15",
         "pg-status-last-event"
       ]
     },
     {
-      "id": "text-10",
+      "id": "text-16",
       "component": "Text",
       "variant": "body",
       "textContent": "Validation warnings:"
@@ -300,7 +432,7 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-10",
+        "text-16",
         "pg-status-warnings"
       ]
     },
@@ -315,7 +447,7 @@
       ]
     },
     {
-      "id": "text-11",
+      "id": "text-17",
       "component": "Text",
       "variant": "subsection",
       "textContent": "Show the wiring (createSurface + updateComponents + updateStyles)"
@@ -329,7 +461,7 @@
       "id": "pg-code-panel",
       "component": "Accordion",
       "children": [
-        "text-11",
+        "text-17",
         "pg-code-block"
       ]
     },

package/chunks/playground-gen-ui.json

@@ -24,7 +24,7 @@
       "preview"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "empty-state",

package/chunks/playground-render-preview.json

@@ -20,7 +20,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "broadcast",
@@ -51,54 +51,36 @@
         "pg-status-badge"
       ]
     },
-    {
-      "id": "text-2",
-      "component": "Text",
-      "textContent": "Load example…",
-      "variant": "body"
-    },
-    {
-      "id": "text-3",
-      "component": "Text",
-      "textContent": "Single surface — card + stat",
-      "variant": "body"
-    },
-    {
-      "id": "text-4",
-      "component": "Text",
-      "textContent": "Streamed updates — append items",
-      "variant": "body"
-    },
-    {
-      "id": "text-5",
-      "component": "Text",
-      "textContent": "Data bindings — updateDataModel",
-      "variant": "body"
-    },
-    {
-      "id": "text-6",
-      "component": "Text",
-      "textContent": "Multiple surfaces",
-      "variant": "body"
-    },
-    {
-      "id": "text-7",
-      "component": "Text",
-      "textContent": "Unknown component (graceful fallback)",
-      "variant": "body"
-    },
     {
       "id": "pg-example-select",
       "component": "ChoicePicker",
       "placeholder": "Load example…",
       "size": "sm",
-      "children": [
-        "text-2",
-        "text-3",
-        "text-4",
-        "text-5",
-        "text-6",
-        "text-7"
+      "options": [
+        {
+          "value": "",
+          "label": "Load example…"
+        },
+        {
+          "value": "single-card",
+          "label": "Single surface — card + stat"
+        },
+        {
+          "value": "streamed-list",
+          "label": "Streamed updates — append items"
+        },
+        {
+          "value": "data-bindings",
+          "label": "Data bindings — updateDataModel"
+        },
+        {
+          "value": "multi-surface",
+          "label": "Multiple surfaces"
+        },
+        {
+          "value": "unknown-component",
+          "label": "Unknown component (graceful fallback)"
+        }
       ]
     },
     {
@@ -153,7 +135,7 @@
       ]
     },
     {
-      "id": "text-8",
+      "id": "text-2",
       "component": "Text",
       "size": "sm",
       "weight": "medium",
@@ -170,7 +152,7 @@
       "id": "header",
       "component": "Header",
       "children": [
-        "text-8",
+        "text-2",
         "pg-message-count"
       ]
     },
@@ -210,7 +192,7 @@
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-3",
       "component": "Text",
       "size": "sm",
       "weight": "medium",
@@ -244,7 +226,7 @@
       "id": "header-2",
       "component": "Header",
       "children": [
-        "text-9",
+        "text-3",
         "row-3"
       ]
     },
@@ -253,10 +235,27 @@
       "component": "Column"
     },
     {
-      "id": "text-10",
+      "id": "text-5",
+      "component": "Text",
+      "color": "muted",
+      "size": "sm",
+      "textContent": "Message log"
+    },
+    {
+      "id": "pg-log-count",
+      "component": "Text",
+      "color": "muted",
+      "size": "sm",
+      "textContent": "0"
+    },
+    {
+      "id": "text-4",
       "component": "Text",
       "variant": "subsection",
-      "textContent": "Message log 0"
+      "children": [
+        "text-5",
+        "pg-log-count"
+      ]
     },
     {
       "id": "pg-log",
@@ -266,7 +265,7 @@
       "id": "pg-log-panel",
       "component": "Accordion",
       "children": [
-        "text-10",
+        "text-4",
         "pg-log"
       ]
     },