@adia-ai/a2ui-corpus 0.6.31 → 0.6.32

package/chunks/gallery-page-shell.json

@@ -22,12 +22,12 @@
     {
       "name": "lightbox",
       "tagName": "dialog-ui",
-      "html": "<img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">"
+      "html": "<image-ui src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\"></image-ui>"
     }
   ],
   "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    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"2 4@md\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-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    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"2 4@md\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <image-ui src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\"></image-ui>\n  </dialog-ui>\n</article>",
   "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/hero-section-split.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/icon-text-row.json

@@ -26,7 +26,7 @@
       "item"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "git-branch",

package/chunks/image-carousel.json

@@ -23,7 +23,7 @@
       "paginated"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/image-tile.json

@@ -22,7 +22,7 @@
       "ratio"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "image",

package/chunks/image-upload-preview.json

@@ -23,7 +23,7 @@
       "remove"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "avatar",

package/chunks/inventory-list-stock.json

@@ -28,7 +28,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

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

@@ -11,7 +11,7 @@
     "columns": "3",
     "gap": "4"
   },
-  "html": "<grid-ui columns=\"3\" gap=\"4\">\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">To Do</text-ui>\n        <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><!-- nested: text-card --></card-ui>\n        <card-ui><section><text-ui>Component audit</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Accessibility review</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">In Progress</text-ui>\n        <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Button variants</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">Done</text-ui>\n        <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Typography scale</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
+  "html": "<grid-ui columns=\"3\" gap=\"4\" style=\"min-width: 48rem\">\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">To Do</text-ui>\n        <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><!-- nested: text-card --></card-ui>\n        <card-ui><section><text-ui>Component audit</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Accessibility review</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">In Progress</text-ui>\n        <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Button variants</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">Done</text-ui>\n        <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Typography scale</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
   "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
   "metadata": {
     "domain": "layout",
@@ -26,7 +26,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/kanban-page-shell.json

@@ -40,7 +40,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/kbd-shortcuts.json

@@ -24,7 +24,7 @@
       "quick-keys"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

@@ -25,7 +25,7 @@
       "field-ui"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text-area",

package/chunks/leaderboard-table.json

@@ -25,7 +25,7 @@
       "winners"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/marketing-hero-cta.json

@@ -22,7 +22,7 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/marketing-page-shell.json

@@ -39,7 +39,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/masonry-gallery.json

@@ -24,7 +24,7 @@
       "lightbox"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/member-edit-drawer.json

@@ -24,7 +24,7 @@
       "settings"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/metadata-description-list.json

@@ -25,7 +25,7 @@
       "stacked"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/multi-step-wizard.json

@@ -24,7 +24,7 @@
       "form-flow"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "column-2",

package/chunks/notification-toast-row.json

@@ -25,7 +25,7 @@
       "error"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/onb-completion.json

@@ -23,7 +23,7 @@
       "started"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "timeline-item",

package/chunks/onb-extension-install.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "puzzle-piece",

package/chunks/onb-hero-welcome.json

@@ -23,7 +23,7 @@
       "screen"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/onb-import-picker.json

@@ -23,7 +23,7 @@
       "connect"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "data-mode",

package/chunks/onb-mobile-handoff.json

@@ -24,7 +24,7 @@
       "continue"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "qr-code",

package/chunks/onb-notification-prefs.json

@@ -25,7 +25,7 @@
       "push"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "notify",

package/chunks/onb-persona-picker.json

@@ -24,7 +24,7 @@
       "designer"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "mode",

package/chunks/onb-provider-tiles.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "source",

package/chunks/onb-settings-review.json

@@ -22,7 +22,7 @@
       "finish"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "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-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "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-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "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-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding progress stepper — visual indicator of current and remaining setup steps.",

package/chunks/onb-step-shell.json

@@ -7,7 +7,7 @@
     {
       "name": "page-story",
       "tagName": "aside",
-      "html": "<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>"
+      "html": "<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>"
     },
     {
       "name": "page-header",
@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "image",

package/chunks/onb-story-pane.json

@@ -11,7 +11,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Bring AdiaUI to every tab.</h2>\n          <p>\n            The browser extension surfaces a quick-search palette from any site (<kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui>), shows mention notifications inline, and\n            lets you snip the current page into a dashboard with one click. Optional — Chrome, Firefox, and Edge supported.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 9 of 10 · Browser extension · Optional</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Bring AdiaUI to every tab.</h2>\n          <p>\n            The browser extension surfaces a quick-search palette from any site (<kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui>), shows mention notifications inline, and\n            lets you snip the current page into a dashboard with one click. Optional — Chrome, Firefox, and Edge supported.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 9 of 10 · Browser extension · Optional</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/complete/complete.contents.html",
@@ -21,7 +21,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>You're set up. Welcome to the team.</h2>\n          <p>\n            Your home is waiting — your first dashboard, the quick-search palette, the integrations you connected. From here, the most common next moves are\n            inviting your team, generating more dashboards, or browsing what other people on AdiaUI have built.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 10 of 10 · All set</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>You're set up. Welcome to the team.</h2>\n          <p>\n            Your home is waiting — your first dashboard, the quick-search palette, the integrations you connected. From here, the most common next moves are\n            inviting your team, generating more dashboards, or browsing what other people on AdiaUI have built.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 10 of 10 · All set</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/connect-source/connect-source.contents.html",
@@ -31,7 +31,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>One connection unlocks the rest.</h2>\n          <p>\n            Pick the source where most of your work happens. AdiaUI reads live data through a one-way OAuth handshake — we don't store credentials, and you can\n            revoke access from your provider's admin panel any time. Add more sources later from settings.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 3 of 10 · Connect a source</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>One connection unlocks the rest.</h2>\n          <p>\n            Pick the source where most of your work happens. AdiaUI reads live data through a one-way OAuth handshake — we don't store credentials, and you can\n            revoke access from your provider's admin panel any time. Add more sources later from settings.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 3 of 10 · Connect a source</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/first-action/first-action.contents.html",
@@ -41,7 +41,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>The point isn't onboarding — it's the work.</h2>\n          <p>\n            Let's actually do something useful. We'll generate a dashboard from a one-line description, like you'll do every day after this. The pattern below\n            is the whole product in miniature: type intent, get a working surface, edit it.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 5 of 10 · First action</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>The point isn't onboarding — it's the work.</h2>\n          <p>\n            Let's actually do something useful. We'll generate a dashboard from a one-line description, like you'll do every day after this. The pattern below\n            is the whole product in miniature: type intent, get a working surface, edit it.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 5 of 10 · First action</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/import-data/import-data.contents.html",
@@ -51,7 +51,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Don't start from a blank page.</h2>\n          <p>\n            Sample data lets you click around immediately and see real dashboards. When you're ready, swap to your live source — the same charts and queries\n            point at your data instead. Or skip ahead and configure later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 4 of 10 · Bring your data</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Don't start from a blank page.</h2>\n          <p>\n            Sample data lets you click around immediately and see real dashboards. When you're ready, swap to your live source — the same charts and queries\n            point at your data instead. Or skip ahead and configure later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 4 of 10 · Bring your data</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/mobile-app/mobile-app.contents.html",
@@ -61,7 +61,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Look at your dashboards from anywhere.</h2>\n          <p>\n            The mobile app gives you read-only access to your workspace — dashboards, alerts, mentions — without the noise of full editing tools. Useful for the\n            standup commute, the airport lounge, or responding to alerts without opening a laptop.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 8 of 10 · Mobile app · Optional</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Look at your dashboards from anywhere.</h2>\n          <p>\n            The mobile app gives you read-only access to your workspace — dashboards, alerts, mentions — without the noise of full editing tools. Useful for the\n            standup commute, the airport lounge, or responding to alerts without opening a laptop.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 8 of 10 · Mobile app · Optional</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/mode/mode.contents.html",
@@ -71,7 +71,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Tell us how you'll use AdiaUI.</h2>\n          <p>\n            We'll prioritize features for your role — pre-pin dashboards, suggest the right integrations, hide noise. You can switch any time, and adding\n            teammates with different roles later just works.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10 · Mode</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Tell us how you'll use AdiaUI.</h2>\n          <p>\n            We'll prioritize features for your role — pre-pin dashboards, suggest the right integrations, hide noise. You can switch any time, and adding\n            teammates with different roles later just works.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10 · Mode</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/notification-prefs/notification-prefs.contents.html",
@@ -81,7 +81,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Stay informed without the noise.</h2>\n          <p>\n            Pick the rhythm that matches your team. Daily digests are best if you live in dashboards; weekly is enough if you check in on Mondays; mentions-only\n            treats AdiaUI like a tool that pings only when something's actually for you. Always editable later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 7 of 10 · Notifications</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Stay informed without the noise.</h2>\n          <p>\n            Pick the rhythm that matches your team. Daily digests are best if you live in dashboards; weekly is enough if you check in on Mondays; mentions-only\n            treats AdiaUI like a tool that pings only when something's actually for you. Always editable later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 7 of 10 · Notifications</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/review/review.contents.html",
@@ -91,7 +91,7 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "html": "<aside data-onb-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>Halfway. Let's check the work.</h2>\n          <p>\n            Quick recap of what's been configured. Anything wrong? Click Edit on a row to jump back. Otherwise carry on — only a few steps left, and the rest\n            are optional preferences.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10 · Review</text-ui>\n        </div>\n      </aside>"
+      "html": "<aside data-onb-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>Halfway. Let's check the work.</h2>\n          <p>\n            Quick recap of what's been configured. Anything wrong? Click Edit on a row to jump back. Otherwise carry on — only a few steps left, and the rest\n            are optional preferences.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10 · Review</text-ui>\n        </div>\n      </aside>"
     },
     {
       "page": "/apps/user-flow/app/onboarding/welcome/welcome.contents.html",
@@ -101,10 +101,10 @@
       "attrs": {
         "data-onb-story": ""
       },
-      "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>"
+      "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-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "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-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/pagination-controls.json

@@ -24,7 +24,7 @@
       "pages"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/playground-a2ui.json

@@ -19,7 +19,7 @@
       "interface"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "layout",

package/chunks/playground-app-shell.json

@@ -24,7 +24,7 @@
       "topbar"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "workspace-select",

package/chunks/playground-chat.json

@@ -23,7 +23,7 @@
       "agent"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "text",

package/chunks/playground-construct-canvas.json

@@ -21,7 +21,7 @@
       "editor"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "canvas-host",

package/chunks/playground-gen-ui.json

@@ -24,7 +24,7 @@
       "preview"
     ]
   },
-  "captured_at": "2026-05-22T23:31:51.450Z",
+  "captured_at": "2026-05-23T23:05:30.053Z",
   "template": [
     {
       "id": "empty-state",