@adia-ai/a2ui-corpus 0.6.17 → 0.6.19

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=\"subtle\"></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=\"subtle\"></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=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"subtle\">\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 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>"
     },
     {
       "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=\"subtle\"></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=\"subtle\"></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=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"subtle\">\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 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>",
   "source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -40,11 +40,12 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
+      "size": "lg",
       "strong": true,
       "textContent": "Sprint 42"
     },
@@ -107,6 +108,7 @@
     {
       "id": "text-2",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "To do"
     },
@@ -115,7 +117,7 @@
       "component": "Badge",
       "size": "sm",
       "text": "3",
-      "variant": "subtle"
+      "variant": "muted"
     },
     {
       "id": "row-4",
@@ -131,12 +133,15 @@
     {
       "id": "text-3",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "Design review"
     },
     {
       "id": "text-4",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Due tomorrow"
     },
     {
@@ -197,12 +202,15 @@
     {
       "id": "text-5",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "API spec"
     },
     {
       "id": "text-6",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Due Friday"
     },
     {
@@ -263,12 +271,15 @@
     {
       "id": "text-7",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "Write tests"
     },
     {
       "id": "text-8",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "No due date"
     },
     {
@@ -339,6 +350,7 @@
     {
       "id": "text-9",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "In progress"
     },
@@ -347,7 +359,7 @@
       "component": "Badge",
       "size": "sm",
       "text": "2",
-      "variant": "subtle"
+      "variant": "muted"
     },
     {
       "id": "row-8",
@@ -363,12 +375,15 @@
     {
       "id": "text-10",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "Implement auth"
     },
     {
       "id": "text-11",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "2 days left"
     },
     {
@@ -437,6 +452,7 @@
     {
       "id": "text-12",
       "component": "Text",
+      "size": "sm",
       "strong": true,
       "textContent": "Done"
     },
@@ -445,7 +461,7 @@
       "component": "Badge",
       "size": "sm",
       "text": "5",
-      "variant": "subtle"
+      "variant": "muted"
     },
     {
       "id": "row-10",
@@ -461,12 +477,16 @@
     {
       "id": "text-13",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "strong": true,
       "textContent": "Setup repo"
     },
     {
       "id": "text-14",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Completed yesterday"
     },
     {
@@ -496,7 +516,7 @@
       "id": "card-5",
       "component": "Card",
       "padding": "sm",
-      "variant": "subtle",
+      "variant": "soft",
       "children": [
         "section-6"
       ]

package/chunks/kbd-shortcuts.json

@@ -24,7 +24,7 @@
       "quick-keys"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

@@ -25,7 +25,7 @@
       "field-ui"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text-area",

package/chunks/leaderboard-table.json

@@ -25,7 +25,7 @@
       "winners"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -36,6 +36,8 @@
     {
       "id": "text-2",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "This week"
     },
     {

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/marketing-hero-cta.json

@@ -22,11 +22,14 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
+      "color": "accent",
+      "size": "sm",
+      "weight": "semibold",
       "textContent": "ADIAUI v0.3"
     },
     {
@@ -38,6 +41,9 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "size": "lg",
+      "text-align": "center",
       "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter."
     },
     {

package/chunks/marketing-page-shell.json

@@ -39,7 +39,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -50,6 +50,8 @@
     {
       "id": "text-2",
       "component": "Text",
+      "color": "subtle",
+      "size": "lg",
       "textContent": "Light-DOM web components + generative UI pipeline"
     },
     {
@@ -110,6 +112,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "color": "subtle",
       "textContent": "Battle-tested components for every surface"
     },
     {
@@ -150,6 +153,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "color": "subtle",
       "textContent": "Generate UIs from natural language"
     },
     {
@@ -190,6 +194,7 @@
     {
       "id": "text-8",
       "component": "Text",
+      "color": "subtle",
       "textContent": "Agent-to-UI JSON with live rendering"
     },
     {
@@ -242,6 +247,7 @@
     {
       "id": "text-10",
       "component": "Text",
+      "color": "subtle",
       "textContent": "Start building in minutes"
     },
     {

package/chunks/masonry-gallery.json

@@ -24,7 +24,7 @@
       "lightbox"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -49,6 +49,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ tall image ]"
     },
     {
@@ -76,6 +78,8 @@
     {
       "id": "text-4",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ wide image ]"
     },
     {
@@ -103,6 +107,8 @@
     {
       "id": "text-5",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ square ]"
     },
     {
@@ -130,6 +136,8 @@
     {
       "id": "text-6",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ tall image ]"
     },
     {
@@ -157,6 +165,8 @@
     {
       "id": "text-7",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ wide image ]"
     },
     {
@@ -184,6 +194,8 @@
     {
       "id": "text-8",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ square ]"
     },
     {
@@ -211,6 +223,8 @@
     {
       "id": "text-9",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ tall image ]"
     },
     {
@@ -238,6 +252,8 @@
     {
       "id": "text-10",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "[ wide image ]"
     },
     {

package/chunks/member-edit-drawer.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/metadata-description-list.json

@@ -10,5 +10,5 @@
   },
   "html": "<description-list-ui layout=\"stacked\">\n            <dt>Period</dt>\n            <dd>2025-01-01 → 2025-12-31</dd>\n            <dt>Currency</dt>\n            <dd>USD, converted at month-end FX</dd>\n            <dt>Source</dt>\n            <dd>warehouse.finance.revenue_v4</dd>\n            <dt>Filter</dt>\n            <dd>status = \"won\", excluded internal test accounts</dd>\n            <dt>Refreshed</dt>\n            <dd>2026-04-20 09:12 UTC</dd>\n          </description-list-ui>",
   "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/multi-step-wizard.json

@@ -24,7 +24,7 @@
       "form-flow"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "column-2",

package/chunks/notification-toast-row.json

@@ -25,7 +25,7 @@
       "error"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/onb-completion.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <timeline-ui aria-label=\"What you set up during onboarding\">\n            <timeline-item-ui\n              status=\"completed\"\n              variant=\"success\"\n              text=\"Role + workspace\"\n              description=\"Developer · Acme\"\n              time=\"Settings → Profile\"\n            ></timeline-item-ui>\n            <timeline-item-ui\n              status=\"completed\"\n              variant=\"success\"\n              text=\"Source connected\"\n              description=\"GitHub · 23 repos\"\n              time=\"Settings → Integrations\"\n            ></timeline-item-ui>\n            <timeline-item-ui\n              status=\"completed\"\n              variant=\"success\"\n              text=\"First dashboard\"\n              description=\"Weekly revenue · 6-month trend (pinned to home)\"\n              time=\"Pinned\"\n            ></timeline-item-ui>\n            <timeline-item-ui\n              status=\"completed\"\n              variant=\"success\"\n              text=\"Notifications\"\n              description=\"Weekly digest · in-app mentions on\"\n              time=\"Settings → Notifications\"\n            ></timeline-item-ui>\n            <timeline-item-ui icon=\"circle-dashed\" text=\"Mobile app\" description=\"Skipped — install link emailed for later\" time=\"Skipped\"></timeline-item-ui>\n            <timeline-item-ui\n              icon=\"circle-dashed\"\n              text=\"Browser extension\"\n              description=\"Add any time from settings → Devices\"\n              time=\"Skipped\"\n            ></timeline-item-ui>\n          </timeline-ui>\n\n          <alert-ui variant=\"info\" icon=\"lightbulb\">\n            <span slot=\"content\"\n              ><strong>Tip:</strong> press <kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui> anywhere in AdiaUI to open the search palette — fastest way to find a\n              dashboard, jump to a setting, or trigger a generation.</span\n            >\n          </alert-ui>\n        </div>",
   "source": "apps/user-flow/app/onboarding/complete/complete.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-extension-install.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-extension-card>\n            <div data-ext-icon>\n              <icon-ui name=\"puzzle-piece\" weight=\"fill\" size=\"2xl\"></icon-ui>\n            </div>\n            <div>\n              <text-ui strong>AdiaUI for Chrome</text-ui>\n              <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">v1.4 · 2 MB · Updated last week</text-ui>\n            </div>\n          </div>\n\n          <ul data-onb-extension-perms aria-label=\"Permissions requested by the extension\">\n            <li>\n              <icon-ui name=\"magnifying-glass\" weight=\"bold\"></icon-ui>\n              <span>Read your AdiaUI session token (for the quick-search palette to talk to your workspace)</span>\n            </li>\n            <li>\n              <icon-ui name=\"bell\" weight=\"bold\"></icon-ui>\n              <span>Show desktop notifications (mentions, share-with-you events)</span>\n            </li>\n            <li>\n              <icon-ui name=\"image\" weight=\"bold\"></icon-ui>\n              <span>Capture the current tab when you click \"Snip to dashboard\" (only when you click it)</span>\n            </li>\n          </ul>\n\n          <button-ui text=\"Add to Chrome\" variant=\"primary\" icon=\"download-simple\"></button-ui>\n\n          <text-ui color=\"subtle\" size=\"sm\"\n            >By installing you accept the extension's permissions above. You can revoke or remove it from your browser's extensions panel any time.</text-ui\n          >\n        </div>",
   "source": "apps/user-flow/app/onboarding/browser-extension/browser-extension.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-hero-welcome.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk-slot=\"page-content\">\n          <ul data-onb-outcomes>\n            <li>\n              <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n              <div>\n                <strong>Pick how you'll use it</strong>\n                <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n              </div>\n            </li>\n            <li>\n              <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n              <div>\n                <strong>Connect your first data source</strong>\n                <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n              </div>\n            </li>\n            <li>\n              <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n              <div>\n                <strong>See your first dashboard</strong>\n                <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n              </div>\n            </li>\n          </ul>\n        </div>",
   "source": "apps/user-flow/app/onboarding/welcome/welcome.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-import-picker.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-fork role=\"radiogroup\" aria-label=\"Data source choice\">\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"sample\"\n              checked\n              icon=\"sparkle\"\n              heading=\"Use sample data\"\n              description=\"Pre-loaded mock data so you can explore in seconds. Best for evaluating.\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"upload\"\n              icon=\"upload\"\n              heading=\"Upload a CSV / JSON\"\n              description=\"One-shot import. Good for spreadsheet-shaped data and quick prototypes.\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"data-mode\"\n              value=\"blank\"\n              icon=\"file-plus\"\n              heading=\"Start from blank\"\n              description=\"Empty workspace. Connect or import later when you're ready.\"\n            ></option-card-ui>\n          </div>\n\n          <text-ui color=\"subtle\" size=\"sm\"\n            >Sample data is generated on-the-fly and is never stored after onboarding. Anything you configure on it carries over when you switch to live\n            sources.</text-ui\n          >\n        </div>",
   "source": "apps/user-flow/app/onboarding/import-data/import-data.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-mobile-handoff.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-handoff>\n            <div data-onb-handoff-qr aria-label=\"QR code to install the AdiaUI mobile app\">\n              <icon-ui name=\"qr-code\" size=\"3xl\"></icon-ui>\n            </div>\n            <div data-handoff-divider role=\"separator\" aria-orientation=\"vertical\"></div>\n            <div data-onb-handoff-form>\n              <text-ui strong>Or send yourself a link</text-ui>\n              <text-ui color=\"subtle\" size=\"sm\">We'll text you a link to the App Store or Play Store, depending on your device.</text-ui>\n              <field-ui label=\"Phone number\">\n                <input-ui type=\"tel\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+1 555 0123\"></input-ui>\n              </field-ui>\n              <button-ui text=\"Send install link\" variant=\"outline\"></button-ui>\n            </div>\n          </div>\n\n          <text-ui color=\"subtle\" size=\"sm\">No phone? You'll find direct App Store / Play Store links in your settings → Devices any time.</text-ui>\n        </div>",
   "source": "apps/user-flow/app/onboarding/mobile-app/mobile-app.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-notification-prefs.json

@@ -12,5 +12,5 @@
   },
   "html": "<div data-onb-form role=\"radiogroup\" aria-label=\"Email notification frequency\">\n          <col-ui gap=\"4\">\n            <option-card-ui\n              name=\"notify\"\n              value=\"daily\"\n              heading=\"Daily digest\"\n              description=\"One email each morning summarizing yesterday's activity. Best for dashboard-driven roles.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"notify\"\n              value=\"weekly\"\n              checked\n              heading=\"Weekly digest · Recommended\"\n              description=\"One email each Monday with a 7-day rollup. Quiet and focused.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"notify\"\n              value=\"mentions\"\n              heading=\"Mentions only\"\n              description=\"Just emails when someone @-mentions you or shares a dashboard directly. No digests.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"notify\"\n              value=\"off\"\n              heading=\"Off\"\n              description=\"No emails. We'll still send security-critical messages (password reset, new device sign-in).\"\n            ></option-card-ui>\n          </col-ui>\n        </div>",
   "source": "apps/user-flow/app/onboarding/notification-prefs/notification-prefs.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-persona-picker.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-mode-grid role=\"radiogroup\" aria-label=\"Primary role\">\n            <option-card-ui\n              name=\"mode\"\n              value=\"developer\"\n              required\n              heading=\"Developer\"\n              description=\"Wire APIs, ship features, monitor releases.\"\n            ></option-card-ui>\n            <option-card-ui name=\"mode\" value=\"designer\" heading=\"Designer\" description=\"Compose patterns, review, hand off.\"></option-card-ui>\n            <option-card-ui name=\"mode\" value=\"analyst\" heading=\"Analyst\" description=\"Query, chart, share insight, set up alerts.\"></option-card-ui>\n            <option-card-ui name=\"mode\" value=\"admin\" heading=\"Admin\" description=\"Configure, govern, manage access + billing.\"></option-card-ui>\n          </div>\n        </div>",
   "source": "apps/user-flow/app/onboarding/mode/mode.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-provider-tiles.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-provider-grid role=\"radiogroup\" aria-label=\"Source picker\">\n            <option-card-ui\n              layout=\"tile\"\n              name=\"source\"\n              value=\"github\"\n              checked\n              icon=\"github-logo\"\n              heading=\"GitHub\"\n              description=\"Repos, issues, PRs, releases\"\n            ></option-card-ui>\n            <option-card-ui layout=\"tile\" name=\"source\" value=\"linear\" icon=\"kanban\" heading=\"Linear\" description=\"Issues, cycles, projects\"></option-card-ui>\n            <option-card-ui layout=\"tile\" name=\"source\" value=\"stripe\" icon=\"credit-card\" heading=\"Stripe\" description=\"Customers, MRR, churn\"></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"source\"\n              value=\"postgres\"\n              icon=\"database\"\n              heading=\"Postgres\"\n              description=\"Read-only SQL connection\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"source\"\n              value=\"notion\"\n              icon=\"notebook\"\n              heading=\"Notion\"\n              description=\"Pages, databases, comments\"\n            ></option-card-ui>\n            <option-card-ui\n              layout=\"tile\"\n              name=\"source\"\n              value=\"slack\"\n              icon=\"slack-logo\"\n              heading=\"Slack\"\n              description=\"Channels, threads, search\"\n            ></option-card-ui>\n          </div>\n\n          <alert-ui variant=\"info\" icon=\"shield-check\">\n            <span slot=\"content\"\n              ><strong>Read-only by default.</strong> AdiaUI never writes or deletes data on your provider. You can audit + revoke from settings →\n              Integrations.</span\n            >\n          </alert-ui>\n        </div>",
   "source": "apps/user-flow/app/onboarding/connect-source/connect-source.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-settings-review.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-summary>\n            <div data-onb-summary-row>\n              <span data-summary-label>Role</span>\n              <div>\n                <span data-summary-value>Developer</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Home pinned to release dashboards.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-role').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>Source</span>\n              <div>\n                <span data-summary-value>GitHub</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Authorized as kim@acme.com · 23 repos visible.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-source').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>Data start</span>\n              <div>\n                <span data-summary-value>Sample data</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Switch to live source any time from settings.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-data-start').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>First dashboard</span>\n              <div>\n                <span data-summary-value>Weekly revenue · 6-month trend</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Generated and pinned to your home.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-first-dashboard').open = true\"></button-ui>\n            </div>\n          </div>\n\n          <alert-ui variant=\"success\" icon=\"check-circle\">\n            <span slot=\"content\"\n              ><strong>Looking good.</strong> Next we'll set notification preferences, then offer two optional companion installs (mobile app + browser\n              extension). Nothing else is required.</span\n            >\n          </alert-ui>\n        </div>",
   "source": "apps/user-flow/app/onboarding/review/review.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-step-footer.json

@@ -104,5 +104,5 @@
       "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-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-step-header.json

@@ -104,5 +104,5 @@
       "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-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-step-progress.json

@@ -124,5 +124,5 @@
       "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
     }
   ],
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/onb-step-shell.json

@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -104,6 +104,8 @@
     {
       "id": "text-4",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Step 1 of 10 · Onboarding"
     },
     {
@@ -158,6 +160,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "color": "subtle",
       "textContent": "A quick guided tour. Everything is changeable in settings later."
     },
     {

package/chunks/onb-story-pane.json

@@ -104,5 +104,5 @@
       "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n        <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\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-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }