@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/playground-streams-bridge.json

@@ -21,7 +21,7 @@
       "connection"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "plug",
@@ -100,11 +100,68 @@
       "variant": "display",
       "textContent": "One stream, two consumers — bridged into A2UI"
     },
+    {
+      "id": "code",
+      "component": "Code",
+      "textContent": "data-stream-id=\"rev-pg\""
+    },
+    {
+      "id": "code-2",
+      "component": "Code",
+      "textContent": "/site/mock/revenue.json"
+    },
+    {
+      "id": "code-3",
+      "component": "Code",
+      "textContent": "chart-ui"
+    },
+    {
+      "id": "code-4",
+      "component": "Code",
+      "textContent": "data-stream-*"
+    },
+    {
+      "id": "code-5",
+      "component": "Code",
+      "textContent": ".data"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "A2UI surface"
+    },
+    {
+      "id": "code-6",
+      "component": "Code",
+      "textContent": "updateComponents"
+    },
+    {
+      "id": "code-7",
+      "component": "Code",
+      "textContent": "{path: '…'}"
+    },
+    {
+      "id": "code-8",
+      "component": "Code",
+      "textContent": "bridgeStreamAsync"
+    },
     {
       "id": "text-3",
       "component": "Text",
       "variant": "body",
-      "textContent": "Both tiles below subscribe to the same data-stream-id=\"rev-pg\" , fed from /site/mock/revenue.json . The left tile renders a chart-ui driven directly by the data-stream-* attribute trait — the trait writes the parsed response into the chart's .data property and re-renders. The right tile is an A2UI surface built from updateComponents messages whose props use {path: '…'} bindings; bridgeStreamAsync proxies the same stream signal into the surface's data model so those bindings resolve — no second fetch (open DevTools' Network tab and confirm only one request per refresh). The bridge piggybacks on the chart's refcount rather than holding its own; the DOM source remains the lifecycle owner."
+      "textContent": "Both tiles below subscribe to the same , fed from . The left tile renders a driven directly by the attribute trait — the trait writes the parsed response into the chart's property and re-renders. The right tile is an built from messages whose props use bindings; proxies the same stream signal into the surface's data model so those bindings resolve — no second fetch (open DevTools' Network tab and confirm only one request per refresh). The bridge piggybacks on the chart's refcount rather than holding its own; the DOM source remains the lifecycle owner.",
+      "children": [
+        "code",
+        "code-2",
+        "code-3",
+        "code-4",
+        "code-5",
+        "text-4",
+        "code-6",
+        "code-7",
+        "code-8"
+      ]
     },
     {
       "id": "column",
@@ -129,10 +186,18 @@
       ]
     },
     {
-      "id": "text-4",
+      "id": "code-9",
+      "component": "Code",
+      "textContent": "data-stream-src"
+    },
+    {
+      "id": "text-5",
       "component": "Text",
       "variant": "heading",
-      "textContent": "Direct via data-stream-src"
+      "textContent": "Direct via",
+      "children": [
+        "code-9"
+      ]
     },
     {
       "id": "pg-chart",
@@ -148,7 +213,7 @@
       "id": "column-2",
       "component": "Column",
       "children": [
-        "text-4",
+        "text-5",
         "pg-chart"
       ]
     },
@@ -167,10 +232,18 @@
       ]
     },
     {
-      "id": "text-5",
+      "id": "code-10",
+      "component": "Code",
+      "textContent": "bridgeStreamAsync"
+    },
+    {
+      "id": "text-6",
       "component": "Text",
       "variant": "heading",
-      "textContent": "Via bridgeStreamAsync → A2UI surface"
+      "textContent": "Via → A2UI surface",
+      "children": [
+        "code-10"
+      ]
     },
     {
       "id": "empty-state",
@@ -183,7 +256,7 @@
       "id": "column-3",
       "component": "Column",
       "children": [
-        "text-5",
+        "text-6",
         "empty-state"
       ]
     },
@@ -210,7 +283,7 @@
       ]
     },
     {
-      "id": "text-6",
+      "id": "text-7",
       "component": "Text",
       "variant": "body",
       "textContent": "Stream id:"
@@ -225,12 +298,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-6",
+        "text-7",
         "pg-status-id"
       ]
     },
     {
-      "id": "text-7",
+      "id": "text-8",
       "component": "Text",
       "variant": "body",
       "textContent": "Stream signal:"
@@ -246,12 +319,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-7",
+        "text-8",
         "pg-status-signal"
       ]
     },
     {
-      "id": "text-8",
+      "id": "text-9",
       "component": "Text",
       "variant": "body",
       "textContent": "Surface dataModel:"
@@ -266,12 +339,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-8",
+        "text-9",
         "pg-status-model"
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-10",
       "component": "Text",
       "variant": "body",
       "textContent": "DOM consumer refs:"
@@ -287,12 +360,12 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-9",
+        "text-10",
         "pg-status-refs"
       ]
     },
     {
-      "id": "text-10",
+      "id": "text-11",
       "component": "Text",
       "variant": "body",
       "textContent": "Last fetch:"
@@ -308,7 +381,7 @@
       "component": "Column",
       "data-pg-status-row": "",
       "children": [
-        "text-10",
+        "text-11",
         "pg-status-fetched"
       ]
     },
@@ -324,7 +397,7 @@
       ]
     },
     {
-      "id": "text-11",
+      "id": "text-12",
       "component": "Text",
       "variant": "subsection",
       "textContent": "Show the wiring (bridge call + A2UI messages)"
@@ -338,7 +411,7 @@
       "id": "pg-code-panel",
       "component": "Accordion",
       "children": [
-        "text-11",
+        "text-12",
         "pg-code-block"
       ]
     },

package/chunks/playground-table-toolbar.json

@@ -25,7 +25,7 @@
       "demo"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "root",

package/chunks/popover-with-content.json

@@ -25,7 +25,7 @@
       "dropdown"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/pricing-tiers.json

@@ -31,7 +31,7 @@
       "annual"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -43,6 +43,7 @@
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Get started at no cost"
     },
     {
@@ -53,12 +54,22 @@
         "text-2"
       ]
     },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "/month"
+    },
     {
       "id": "text-3",
       "component": "Text",
       "size": "xxl",
       "strong": true,
-      "textContent": "$0 /month"
+      "textContent": "$0",
+      "children": [
+        "text-4"
+      ]
     },
     {
       "id": "check",
@@ -67,7 +78,7 @@
       "size": "sm"
     },
     {
-      "id": "text-4",
+      "id": "text-5",
       "component": "Text",
       "size": "sm",
       "textContent": "5 projects"
@@ -79,7 +90,7 @@
       "gap": "2",
       "children": [
         "check",
-        "text-4"
+        "text-5"
       ]
     },
     {
@@ -89,7 +100,7 @@
       "size": "sm"
     },
     {
-      "id": "text-5",
+      "id": "text-6",
       "component": "Text",
       "size": "sm",
       "textContent": "1 GB storage"
@@ -101,7 +112,7 @@
       "gap": "2",
       "children": [
         "icon",
-        "text-5"
+        "text-6"
       ]
     },
     {
@@ -111,7 +122,7 @@
       "size": "sm"
     },
     {
-      "id": "text-6",
+      "id": "text-7",
       "component": "Text",
       "size": "sm",
       "textContent": "Community support"
@@ -123,7 +134,7 @@
       "gap": "2",
       "children": [
         "icon-2",
-        "text-6"
+        "text-7"
       ]
     },
     {
@@ -176,7 +187,7 @@
       ]
     },
     {
-      "id": "text-7",
+      "id": "text-8",
       "component": "Text",
       "variant": "heading",
       "textContent": "Pro"
@@ -188,26 +199,37 @@
       "variant": "accent"
     },
     {
-      "id": "text-8",
+      "id": "text-9",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "For growing teams"
     },
     {
       "id": "header-2",
       "component": "Header",
       "children": [
-        "text-7",
+        "text-8",
         "badge",
-        "text-8"
+        "text-9"
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-11",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "/month"
+    },
+    {
+      "id": "text-10",
       "component": "Text",
       "size": "xxl",
       "strong": true,
-      "textContent": "$49 /month"
+      "textContent": "$49",
+      "children": [
+        "text-11"
+      ]
     },
     {
       "id": "icon-3",
@@ -216,7 +238,7 @@
       "size": "sm"
     },
     {
-      "id": "text-10",
+      "id": "text-12",
       "component": "Text",
       "size": "sm",
       "textContent": "Unlimited projects"
@@ -228,7 +250,7 @@
       "gap": "2",
       "children": [
         "icon-3",
-        "text-10"
+        "text-12"
       ]
     },
     {
@@ -238,7 +260,7 @@
       "size": "sm"
     },
     {
-      "id": "text-11",
+      "id": "text-13",
       "component": "Text",
       "size": "sm",
       "textContent": "100 GB storage"
@@ -250,7 +272,7 @@
       "gap": "2",
       "children": [
         "icon-4",
-        "text-11"
+        "text-13"
       ]
     },
     {
@@ -260,7 +282,7 @@
       "size": "sm"
     },
     {
-      "id": "text-12",
+      "id": "text-14",
       "component": "Text",
       "size": "sm",
       "textContent": "Priority support"
@@ -272,7 +294,7 @@
       "gap": "2",
       "children": [
         "icon-5",
-        "text-12"
+        "text-14"
       ]
     },
     {
@@ -282,7 +304,7 @@
       "size": "sm"
     },
     {
-      "id": "text-13",
+      "id": "text-15",
       "component": "Text",
       "size": "sm",
       "textContent": "Advanced analytics"
@@ -294,7 +316,7 @@
       "gap": "2",
       "children": [
         "icon-6",
-        "text-13"
+        "text-15"
       ]
     },
     {
@@ -313,7 +335,7 @@
       "component": "Column",
       "gap": "3",
       "children": [
-        "text-9",
+        "text-10",
         "column-4"
       ]
     },
@@ -348,31 +370,42 @@
       ]
     },
     {
-      "id": "text-14",
+      "id": "text-16",
       "component": "Text",
       "variant": "heading",
       "textContent": "Enterprise"
     },
     {
-      "id": "text-15",
+      "id": "text-17",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Custom solutions at scale"
     },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "text-14",
-        "text-15"
+        "text-16",
+        "text-17"
       ]
     },
     {
-      "id": "text-16",
+      "id": "text-19",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "pricing"
+    },
+    {
+      "id": "text-18",
       "component": "Text",
       "size": "xxl",
       "strong": true,
-      "textContent": "Custom pricing"
+      "textContent": "Custom",
+      "children": [
+        "text-19"
+      ]
     },
     {
       "id": "icon-7",
@@ -381,7 +414,7 @@
       "size": "sm"
     },
     {
-      "id": "text-17",
+      "id": "text-20",
       "component": "Text",
       "size": "sm",
       "textContent": "Everything in Pro"
@@ -393,7 +426,7 @@
       "gap": "2",
       "children": [
         "icon-7",
-        "text-17"
+        "text-20"
       ]
     },
     {
@@ -403,7 +436,7 @@
       "size": "sm"
     },
     {
-      "id": "text-18",
+      "id": "text-21",
       "component": "Text",
       "size": "sm",
       "textContent": "SSO + SAML"
@@ -415,7 +448,7 @@
       "gap": "2",
       "children": [
         "icon-8",
-        "text-18"
+        "text-21"
       ]
     },
     {
@@ -425,7 +458,7 @@
       "size": "sm"
     },
     {
-      "id": "text-19",
+      "id": "text-22",
       "component": "Text",
       "size": "sm",
       "textContent": "Dedicated support"
@@ -437,7 +470,7 @@
       "gap": "2",
       "children": [
         "icon-9",
-        "text-19"
+        "text-22"
       ]
     },
     {
@@ -447,7 +480,7 @@
       "size": "sm"
     },
     {
-      "id": "text-20",
+      "id": "text-23",
       "component": "Text",
       "size": "sm",
       "textContent": "SLA guarantee"
@@ -459,7 +492,7 @@
       "gap": "2",
       "children": [
         "icon-10",
-        "text-20"
+        "text-23"
       ]
     },
     {
@@ -478,7 +511,7 @@
       "component": "Column",
       "gap": "3",
       "children": [
-        "text-16",
+        "text-18",
         "column-6"
       ]
     },

package/chunks/product-tour.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>Welcome to the dashboard</h3>\n    <badge-ui text=\"Step 1 of 5\" variant=\"subtle\"></badge-ui>\n    <p slot=\"description\">Your tour guide to the most important features</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <alert-ui variant=\"info\">\n        <text-ui>This panel shows your key metrics at a glance. Click any card to see the detailed breakdown.</text-ui>\n      </alert-ui>\n      <text-ui color=\"subtle\" size=\"sm\">You're doing great! Let's explore what you can do with your dashboard.</text-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"space-between\" align=\"center\">\n      <button-ui text=\"Skip tour\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Previous\" variant=\"outline\" size=\"sm\" icon=\"caret-left\"></button-ui>\n        <button-ui text=\"Next\" variant=\"primary\" size=\"sm\" icon=\"caret-right\"></button-ui>\n      </row-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>Welcome to the dashboard</h3>\n    <badge-ui slot=\"action\" text=\"Step 1 of 5\" variant=\"subtle\"></badge-ui>\n    <p slot=\"description\">Your tour guide to the most important features</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <alert-ui variant=\"info\">\n        <text-ui>This panel shows your key metrics at a glance. Click any card to see the detailed breakdown.</text-ui>\n      </alert-ui>\n      <text-ui color=\"subtle\" size=\"sm\">You're doing great! Let's explore what you can do with your dashboard.</text-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"space-between\" align=\"center\">\n      <button-ui text=\"Skip tour\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Previous\" variant=\"outline\" size=\"sm\" icon=\"caret-left\"></button-ui>\n        <button-ui text=\"Next\" variant=\"primary\" size=\"sm\" icon-trailing=\"caret-right\"></button-ui>\n      </row-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "onboarding",
@@ -28,7 +28,7 @@
       "feature-tour"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -39,6 +39,7 @@
     {
       "id": "badge",
       "component": "Badge",
+      "slot": "action",
       "text": "Step 1 of 5",
       "variant": "subtle"
     },
@@ -46,6 +47,7 @@
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Your tour guide to the most important features"
     },
     {
@@ -111,7 +113,7 @@
     {
       "id": "button-3",
       "component": "Button",
-      "icon": "caret-right",
+      "icon-trailing": "caret-right",
       "size": "sm",
       "text": "Next",
       "variant": "primary"

package/chunks/progress-tracker-milestones.json

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

package/chunks/radio-button-group.json

@@ -29,7 +29,7 @@
       "one"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "recur",

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

@@ -25,7 +25,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",