@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/billing-overview.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui icon=\"star\" size=\"sm\"></avatar-ui>\n      <col-ui gap=\"0\" grow>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui strong>Pro plan</text-ui>\n          <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n        </row-ui>\n        <text-ui size=\"sm\" color=\"subtle\">$49/month · Next invoice May 14, 2026</text-ui>\n      </col-ui>\n      <button-ui text=\"Upgrade\" variant=\"primary\" size=\"sm\" icon=\"arrow-up\"></button-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <col-ui gap=\"2\">\n        <text-ui strong>Usage this cycle</text-ui>\n        <progress-row-ui label=\"API calls\" value=\"68\" meta=\"68,000 / 100,000\"></progress-row-ui>\n        <progress-row-ui label=\"Storage\" value=\"42\" meta=\"42 GB / 100 GB\"></progress-row-ui>\n        <progress-row-ui label=\"Team seats\" value=\"75\" meta=\"3 / 4 seats\"></progress-row-ui>\n        <progress-row-ui label=\"Workflow runs\" value=\"91\" meta=\"91 / 100\"></progress-row-ui>\n      </col-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\">\n      <button-ui text=\"View invoices\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Change plan\" variant=\"outline\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <avatar-ui slot=\"icon\" icon=\"star\" size=\"sm\"></avatar-ui>\n    <h3>Pro plan</h3>\n    <p slot=\"description\">$49/month · Next invoice May 14, 2026</p>\n    <button-ui slot=\"action\" text=\"Upgrade\" variant=\"primary\" size=\"sm\" icon=\"arrow-up\"></button-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <col-ui gap=\"2\">\n        <text-ui strong>Usage this cycle</text-ui>\n        <progress-row-ui label=\"API calls\" value=\"68\" meta=\"68,000 / 100,000\"></progress-row-ui>\n        <progress-row-ui label=\"Storage\" value=\"42\" meta=\"42 GB / 100 GB\"></progress-row-ui>\n        <progress-row-ui label=\"Team seats\" value=\"75\" meta=\"3 / 4 seats\"></progress-row-ui>\n        <progress-row-ui label=\"Workflow runs\" value=\"91\" meta=\"91 / 100\"></progress-row-ui>\n      </col-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\">\n      <button-ui text=\"View invoices\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Change plan\" variant=\"outline\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "billing",
@@ -29,77 +29,45 @@
       "subscription"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "avatar",
       "component": "Avatar",
+      "slot": "icon",
       "icon": "star",
       "size": "sm"
     },
     {
       "id": "text",
       "component": "Text",
-      "strong": true,
+      "variant": "heading",
       "textContent": "Pro plan"
     },
-    {
-      "id": "badge",
-      "component": "Badge",
-      "text": "Current",
-      "variant": "accent"
-    },
-    {
-      "id": "row-2",
-      "component": "Row",
-      "align": "center",
-      "gap": "2",
-      "children": [
-        "text",
-        "badge"
-      ]
-    },
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
-      "size": "sm",
+      "variant": "body",
+      "slot": "description",
       "textContent": "$49/month · Next invoice May 14, 2026"
     },
-    {
-      "id": "column",
-      "component": "Column",
-      "gap": "0",
-      "grow": true,
-      "children": [
-        "row-2",
-        "text-2"
-      ]
-    },
     {
       "id": "button",
       "component": "Button",
+      "slot": "action",
       "icon": "arrow-up",
       "size": "sm",
       "text": "Upgrade",
       "variant": "primary"
     },
-    {
-      "id": "row",
-      "component": "Row",
-      "align": "center",
-      "gap": "3",
-      "children": [
-        "avatar",
-        "column",
-        "button"
-      ]
-    },
     {
       "id": "header",
       "component": "Header",
       "children": [
-        "row"
+        "avatar",
+        "text",
+        "text-2",
+        "button"
       ]
     },
     {
@@ -137,7 +105,7 @@
       "value": 91
     },
     {
-      "id": "column-3",
+      "id": "column-2",
       "component": "Column",
       "gap": "2",
       "children": [
@@ -178,11 +146,11 @@
       ]
     },
     {
-      "id": "column-2",
+      "id": "column",
       "component": "Column",
       "gap": "4",
       "children": [
-        "column-3",
+        "column-2",
         "field"
       ]
     },
@@ -190,7 +158,7 @@
       "id": "section",
       "component": "Section",
       "children": [
-        "column-2"
+        "column"
       ]
     },
     {
@@ -206,7 +174,7 @@
       "variant": "outline"
     },
     {
-      "id": "row-3",
+      "id": "row",
       "component": "Row",
       "gap": "2",
       "children": [
@@ -218,7 +186,7 @@
       "id": "footer",
       "component": "Footer",
       "children": [
-        "row-3"
+        "row"
       ]
     },
     {

package/chunks/billing-progress-label.json

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

package/chunks/blog-post-card.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <section bleed>\n    <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"accent\" hide-values\n      data='[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]'\n      style=\"height:200px\"></chart-ui>\n  </section>\n  <header>\n    <row-ui gap=\"2\" align=\"center\">\n      <badge-ui text=\"Design\" variant=\"accent\" size=\"sm\"></badge-ui>\n      <text-ui size=\"sm\" color=\"subtle\">5 min read</text-ui>\n    </row-ui>\n    <h3>Building accessible UI systems at scale</h3>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui color=\"subtle\">How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility.</text-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"sm\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui strong size=\"sm\">Maya Rivera</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">May 14, 2026</text-ui>\n        </col-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Read article\" variant=\"ghost\" icon=\"arrow-right\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <section bleed>\n    <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"accent\" hide-values\n      data='[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]'\n      style=\"height:200px\"></chart-ui>\n  </section>\n  <header>\n    <h3>Building accessible UI systems at scale</h3>\n    <p slot=\"description\"><badge-ui text=\"Design\" variant=\"accent\" size=\"sm\"></badge-ui> 5 min read</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui color=\"subtle\">How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility.</text-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"sm\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui strong size=\"sm\">Maya Rivera</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">May 14, 2026</text-ui>\n        </col-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Read article\" variant=\"ghost\" icon=\"arrow-right\" stretch></button-ui>\n  </footer>\n</card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "content",
@@ -28,7 +28,7 @@
       "content-card"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "chart",
@@ -47,6 +47,12 @@
         "chart"
       ]
     },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Building accessible UI systems at scale"
+    },
     {
       "id": "badge",
       "component": "Badge",
@@ -55,33 +61,20 @@
       "variant": "accent"
     },
     {
-      "id": "text",
+      "id": "text-2",
       "component": "Text",
-      "color": "subtle",
-      "size": "sm",
-      "textContent": "5 min read"
-    },
-    {
-      "id": "row",
-      "component": "Row",
-      "align": "center",
-      "gap": "2",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "5 min read",
       "children": [
-        "badge",
-        "text"
+        "badge"
       ]
     },
-    {
-      "id": "text-2",
-      "component": "Text",
-      "variant": "heading",
-      "textContent": "Building accessible UI systems at scale"
-    },
     {
       "id": "header",
       "component": "Header",
       "children": [
-        "row",
+        "text",
         "text-2"
       ]
     },
@@ -121,7 +114,7 @@
       ]
     },
     {
-      "id": "row-2",
+      "id": "row",
       "component": "Row",
       "align": "center",
       "gap": "2",
@@ -136,7 +129,7 @@
       "gap": "3",
       "children": [
         "text-3",
-        "row-2"
+        "row"
       ]
     },
     {

package/chunks/breadcrumb-navigation.json

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

package/chunks/calendar-month-view.json

@@ -6,70 +6,47 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"caret-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <text-ui strong grow align=\"center\">April 2026</text-ui>\n        <button-ui icon=\"caret-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <calendar-picker-ui></calendar-picker-ui>\n    </section>\n  </card-ui>",
+  "html": "<card-ui>\n    <header>\n      <h3>April 2026</h3>\n    </header>\n    <section>\n      <calendar-grid-ui value=\"2026-04-15\"></calendar-grid-ui>\n    </section>\n  </card-ui>",
   "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "Calendar date picker with month navigation — calendar-picker-ui with prev/next month buttons.",
+    "description": "Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger for form participation.",
     "keywords": [
       "calendar",
       "date",
       "picker",
       "month",
       "navigation",
-      "calendar-picker-ui",
+      "calendar-grid-ui",
       "month-view",
       "weekday",
       "day",
       "grid",
       "schedule",
       "appointment",
-      "navigate"
+      "navigate",
+      "inline"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
-    {
-      "id": "button",
-      "component": "Button",
-      "icon": "caret-left",
-      "size": "sm",
-      "variant": "ghost"
-    },
     {
       "id": "text",
       "component": "Text",
-      "strong": true,
+      "variant": "heading",
       "textContent": "April 2026"
     },
-    {
-      "id": "button-2",
-      "component": "Button",
-      "icon": "caret-right",
-      "size": "sm",
-      "variant": "ghost"
-    },
-    {
-      "id": "row",
-      "component": "Row",
-      "align": "center",
-      "gap": "2",
-      "children": [
-        "button",
-        "text",
-        "button-2"
-      ]
-    },
     {
       "id": "header",
       "component": "Header",
       "children": [
-        "row"
+        "text"
       ]
     },
     {
-      "id": "calendar-picker",
-      "component": "CalendarPicker"
+      "id": "calendar-grid",
+      "component": "CalendarGrid",
+      "value": "2026-04-15"
     },
     {
       "id": "section",
@@ -82,7 +59,7 @@
       "id": "column",
       "component": "Column",
       "children": [
-        "calendar-picker"
+        "calendar-grid"
       ]
     },
     {

package/chunks/card-grid-images.json

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

package/chunks/card-header-with-description.json

@@ -20,7 +20,7 @@
       "pattern"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -31,6 +31,7 @@
     {
       "id": "text-2",
       "component": "Text",
+      "slot": "description",
       "color": "subtle",
       "textContent": "Monthly revenue for 2026"
     },

package/chunks/changelog-activity-feed.json

@@ -34,7 +34,7 @@
       "status"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -46,6 +46,7 @@
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Live reasoning trace"
     },
     {

package/chunks/chart-with-filter-pills.json

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

package/chunks/chat-page-shell.json

@@ -12,7 +12,7 @@
     {
       "name": "header",
       "tagName": "header",
-      "html": "<text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>"
+      "html": "<text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\" aria-label=\"Search\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" aria-label=\"Settings\"></button-ui>\n      </row-ui>"
     },
     {
       "name": "messages",
@@ -22,12 +22,12 @@
     {
       "name": "input",
       "tagName": "footer",
-      "html": "<row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>"
+      "html": "<row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" aria-label=\"Add attachment\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\" aria-label=\"Send message\"></button-ui>\n      </row-ui>"
     }
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
+  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\" aria-label=\"Search\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" aria-label=\"Settings\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" aria-label=\"Add attachment\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\" aria-label=\"Send message\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
   "metadata": {
     "domain": "agent",
@@ -46,7 +46,7 @@
       "chatbot"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -170,15 +170,17 @@
       "textContent": "#engineering"
     },
     {
-      "id": "button",
+      "id": "search",
       "component": "Button",
+      "aria-label": "Search",
       "icon": "search",
       "size": "sm",
       "variant": "ghost"
     },
     {
-      "id": "button-2",
+      "id": "settings",
       "component": "Button",
+      "aria-label": "Settings",
       "icon": "gear",
       "size": "sm",
       "variant": "ghost"
@@ -188,8 +190,8 @@
       "component": "Row",
       "gap": "2",
       "children": [
-        "button",
-        "button-2"
+        "search",
+        "settings"
       ]
     },
     {
@@ -309,8 +311,9 @@
       ]
     },
     {
-      "id": "button-3",
+      "id": "add-attachment",
       "component": "Button",
+      "aria-label": "Add attachment",
       "icon": "plus",
       "size": "sm",
       "variant": "ghost"
@@ -321,8 +324,9 @@
       "placeholder": "Type a message…"
     },
     {
-      "id": "button-4",
+      "id": "send-message",
       "component": "Button",
+      "aria-label": "Send message",
       "icon": "paper-plane",
       "size": "sm",
       "variant": "primary"
@@ -333,9 +337,9 @@
       "align": "center",
       "gap": "2",
       "children": [
-        "button-3",
+        "add-attachment",
         "input",
-        "button-4"
+        "send-message"
       ]
     },
     {

package/chunks/chat-streaming-surface.json

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

package/chunks/code-snippet.json

@@ -27,7 +27,7 @@
       "documentation"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -35,39 +35,27 @@
       "strong": true,
       "textContent": "Code snippet"
     },
-    {
-      "id": "text-2",
-      "component": "Text",
-      "textContent": "JavaScript",
-      "variant": "body"
-    },
-    {
-      "id": "text-3",
-      "component": "Text",
-      "textContent": "Python",
-      "variant": "body"
-    },
-    {
-      "id": "text-4",
-      "component": "Text",
-      "textContent": "TypeScript",
-      "variant": "body"
-    },
-    {
-      "id": "text-5",
-      "component": "Text",
-      "textContent": "Bash",
-      "variant": "body"
-    },
     {
       "id": "choice-picker",
       "component": "ChoicePicker",
       "value": "javascript",
-      "children": [
-        "text-2",
-        "text-3",
-        "text-4",
-        "text-5"
+      "options": [
+        {
+          "value": "javascript",
+          "label": "JavaScript"
+        },
+        {
+          "value": "python",
+          "label": "Python"
+        },
+        {
+          "value": "typescript",
+          "label": "TypeScript"
+        },
+        {
+          "value": "bash",
+          "label": "Bash"
+        }
       ]
     },
     {
@@ -97,11 +85,11 @@
       "component": "Section",
       "bleed": true,
       "children": [
-        "column-5"
+        "column"
       ]
     },
     {
-      "id": "column-5",
+      "id": "column",
       "component": "Column",
       "children": [
         "code"

package/chunks/color-picker-swatches.json

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

package/chunks/command-palette.json

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