@adia-ai/a2ui-corpus 0.6.44 → 0.6.46

package/chunks/invite-members.json

@@ -29,7 +29,7 @@
       "colleagues"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/invoice-line-items.json

@@ -29,7 +29,7 @@
       "invoice-number"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "badge",

package/chunks/kanban-board-3col.json

@@ -32,7 +32,7 @@
       "sprint"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/kanban-page-shell.json

@@ -12,7 +12,7 @@
     {
       "name": "board",
       "tagName": "section",
-      "html": "<row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Design review</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">API spec</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Write tests</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Implement auth</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"soft\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </row-ui>"
+      "html": "<row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Design review</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">API spec</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Write tests</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Implement auth</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"soft\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </row-ui>"
     },
     {
       "name": "detail-drawer",
@@ -22,7 +22,7 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\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    <row-ui gap=\"2\" align=\"center\">\n      <text-ui strong size=\"lg\">Sprint 42</text-ui>\n      <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n      <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Design review</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">API spec</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Write tests</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Implement auth</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"soft\">\n          <section bleed>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </row-ui>\n  </section>\n\n  <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n    <header>\n      <span slot=\"heading\">Task detail</span>\n    </header>\n    <section>\n      <stack-ui gap=\"3\" style=\"width:360px;\">\n        <stack-ui gap=\"1\">\n          <label-ui>Title</label-ui>\n          <input-ui value=\"Design review\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Description</label-ui>\n          <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n    <footer>\n      <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui slot=\"action\" text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </footer>\n  </drawer-ui>\n</article>",
+  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\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    <row-ui gap=\"2\" align=\"center\">\n      <text-ui strong size=\"lg\">Sprint 42</text-ui>\n      <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n      <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Design review</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">API spec</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Write tests</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\">Implement auth</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n              <row-ui gap=\"1\" align=\"center\">\n                <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n                <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n              </row-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"muted\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"soft\">\n          <section>\n            <stack-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n            </stack-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </row-ui>\n  </section>\n\n  <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n    <header>\n      <span slot=\"heading\">Task detail</span>\n    </header>\n    <section>\n      <stack-ui gap=\"3\" style=\"width:360px;\">\n        <stack-ui gap=\"1\">\n          <label-ui>Title</label-ui>\n          <input-ui value=\"Design review\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Description</label-ui>\n          <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n    <footer>\n      <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui slot=\"action\" text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </footer>\n  </drawer-ui>\n</article>",
   "source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -40,7 +40,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",
@@ -179,7 +179,6 @@
     {
       "id": "section-2",
       "component": "Section",
-      "bleed": true,
       "children": [
         "column"
       ]
@@ -248,7 +247,6 @@
     {
       "id": "section-3",
       "component": "Section",
-      "bleed": true,
       "children": [
         "column-2"
       ]
@@ -317,7 +315,6 @@
     {
       "id": "section-4",
       "component": "Section",
-      "bleed": true,
       "children": [
         "column-3"
       ]
@@ -421,7 +418,6 @@
     {
       "id": "section-5",
       "component": "Section",
-      "bleed": true,
       "children": [
         "column-4"
       ]
@@ -500,7 +496,6 @@
     {
       "id": "section-6",
       "component": "Section",
-      "bleed": true,
       "children": [
         "column-5"
       ]

package/chunks/keyboard-shortcut-display.json

@@ -33,7 +33,7 @@
       "command"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

@@ -25,7 +25,7 @@
       "field-ui"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text-area",

package/chunks/leaderboard-table.json

@@ -25,7 +25,7 @@
       "winners"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/loading-skeleton-placeholder.json

@@ -27,7 +27,7 @@
       "rows"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "skeleton",

package/chunks/marketing-hero-cta.json

@@ -22,7 +22,7 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/marketing-page-shell.json

@@ -39,7 +39,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/masonry-gallery.json

@@ -24,7 +24,7 @@
       "lightbox"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/member-edit-drawer.json

@@ -24,7 +24,7 @@
       "settings"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/metadata-description-list.json

@@ -25,7 +25,7 @@
       "stacked"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/modal-dialog-confirm.json

@@ -31,7 +31,7 @@
       "irreversible"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "avatar",

package/chunks/nav-menu-icons.json

@@ -30,7 +30,7 @@
       "primary-nav"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "button",

package/chunks/newsletter-subscription.json

@@ -27,7 +27,7 @@
       "mailing"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/notification-badges-feed.json

@@ -37,7 +37,7 @@
       "unread"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/notification-preferences-panel.json

@@ -32,7 +32,7 @@
       "digest"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/notification-toast-row.json

@@ -32,7 +32,7 @@
       "toast-stack"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "alert",

package/chunks/onb-completion.json

@@ -23,7 +23,7 @@
       "started"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "timeline-item",

package/chunks/onb-extension-install.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "puzzle-piece",

package/chunks/onb-hero-welcome.json

@@ -23,7 +23,7 @@
       "screen"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/onb-import-picker.json

@@ -23,7 +23,7 @@
       "connect"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "data-mode",

package/chunks/onb-mobile-handoff.json

@@ -24,7 +24,7 @@
       "continue"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "qr-code",

package/chunks/onb-notification-prefs.json

@@ -25,7 +25,7 @@
       "push"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "notify",

package/chunks/onb-persona-picker.json

@@ -24,7 +24,7 @@
       "designer"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "mode",

package/chunks/onb-provider-tiles.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "source",

package/chunks/onb-settings-review.json

@@ -22,7 +22,7 @@
       "finish"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/onb-step-footer.json

@@ -104,7 +104,7 @@
       "html": "<footer data-chunk-slot=\"page-footer\">\n          <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n          <div data-onb-actions>\n            <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n          </div>\n        </footer>"
     }
   ],
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding step footer — back / next navigation controls for multi-step flow.",

package/chunks/onb-step-header.json

@@ -104,7 +104,7 @@
       "html": "<header data-onb-heading data-chunk-slot=\"page-header\">\n          <h1>Let's get you set up</h1>\n          <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>\n        </header>"
     }
   ],
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding step header — step number, title, and context for current flow step.",

package/chunks/onb-step-progress.json

@@ -124,7 +124,7 @@
       "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
     }
   ],
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding progress stepper — visual indicator of current and remaining setup steps.",

package/chunks/onb-step-shell.json

@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "image",

package/chunks/onb-story-pane.json

@@ -104,7 +104,7 @@
       "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n        <a data-onb-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        <div data-onb-story-content>\n          <h2>Welcome aboard, Kim.</h2>\n          <p>\n            You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n            your first dashboard come to life. Skip anything you'd rather come back to later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n        </div>\n      </aside>"
     }
   ],
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding left story pane — decorative panel with brand illustration or benefit bullets.",

package/chunks/onb-tutorial-steps.json

@@ -23,7 +23,7 @@
       "guide"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/order-tracking-timeline.json

@@ -30,7 +30,7 @@
       "tracking"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/pagination-controls.json

@@ -24,7 +24,7 @@
       "pages"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/payment-method-form.json

@@ -31,7 +31,7 @@
       "tax-id"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "avatar",

package/chunks/period-comparison.json

@@ -33,7 +33,7 @@
       "month-over-month"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/permission-matrix-table.json

@@ -29,7 +29,7 @@
       "permissions"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/playground-a2ui.json

@@ -19,7 +19,7 @@
       "interface"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "layout",

package/chunks/playground-app-shell.json

@@ -24,7 +24,7 @@
       "topbar"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "workspace-select",

package/chunks/playground-chat.json

@@ -23,7 +23,7 @@
       "agent"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "text",

package/chunks/playground-construct-canvas.json

@@ -21,7 +21,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "canvas-host",

package/chunks/playground-css-channel.json

@@ -6,7 +6,7 @@
   "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>",
+  "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-fg-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-fg-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",
@@ -25,7 +25,7 @@
       "parallel-channels"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "palette",

package/chunks/playground-gen-ui.json

@@ -24,7 +24,7 @@
       "preview"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "empty-state",

package/chunks/playground-render-preview.json

@@ -20,7 +20,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-28T23:31:43.377Z",
+  "captured_at": "2026-05-29T05:07:41.734Z",
   "template": [
     {
       "id": "broadcast",