@adia-ai/a2ui-corpus 0.5.3 → 0.5.4

package/chunks/marketing-page-shell.json

@@ -39,7 +39,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -54,11 +54,17 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "size": "lg",
+      "text": "Get started",
+      "variant": "primary"
     },
     {
       "id": "button-2",
-      "component": "Button"
+      "component": "Button",
+      "size": "lg",
+      "text": "See demo",
+      "variant": "outline"
     },
     {
       "id": "row",
@@ -72,6 +78,7 @@
     {
       "id": "column",
       "component": "Column",
+      "align": "center",
       "gap": "4",
       "children": [
         "text",
@@ -210,6 +217,7 @@
     {
       "id": "grid",
       "component": "Grid",
+      "columns": "3",
       "gap": "4",
       "children": [
         "card",
@@ -238,11 +246,15 @@
     },
     {
       "id": "button-3",
-      "component": "Button"
+      "component": "Button",
+      "size": "lg",
+      "text": "Start free trial",
+      "variant": "primary"
     },
     {
       "id": "column-5",
       "component": "Column",
+      "align": "center",
       "gap": "3",
       "children": [
         "text-9",
@@ -267,6 +279,7 @@
     {
       "id": "card-4",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-7"
       ]

package/chunks/masonry-gallery.json

@@ -24,7 +24,7 @@
       "lightbox"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -68,6 +68,7 @@
     {
       "id": "card",
       "component": "Card",
+      "raw": true,
       "children": [
         "section"
       ]
@@ -94,6 +95,7 @@
     {
       "id": "card-2",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-2"
       ]
@@ -120,6 +122,7 @@
     {
       "id": "card-3",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-3"
       ]
@@ -146,6 +149,7 @@
     {
       "id": "card-4",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-4"
       ]
@@ -172,6 +176,7 @@
     {
       "id": "card-5",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-5"
       ]
@@ -198,6 +203,7 @@
     {
       "id": "card-6",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-6"
       ]
@@ -224,6 +230,7 @@
     {
       "id": "card-7",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-7"
       ]
@@ -250,6 +257,7 @@
     {
       "id": "card-8",
       "component": "Card",
+      "raw": true,
       "children": [
         "section-8"
       ]
@@ -257,6 +265,7 @@
     {
       "id": "grid",
       "component": "Grid",
+      "columns": "4",
       "gap": "2",
       "children": [
         "card",

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/multi-step-wizard.json

@@ -24,7 +24,7 @@
       "form-flow"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "column-2",
@@ -52,11 +52,13 @@
     },
     {
       "id": "input",
-      "component": "Input"
+      "component": "Input",
+      "placeholder": "Acme Inc."
     },
     {
       "id": "field",
       "component": "Field",
+      "label": "Workspace name",
       "children": [
         "input"
       ]
@@ -98,6 +100,7 @@
     {
       "id": "field-2",
       "component": "Field",
+      "label": "Team size",
       "children": [
         "choice-picker"
       ]
@@ -111,6 +114,7 @@
     {
       "id": "field-3",
       "component": "Field",
+      "label": "Use case",
       "children": [
         "text-area"
       ]
@@ -127,15 +131,20 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "text": "Back",
+      "variant": "outline"
     },
     {
       "id": "button-2",
-      "component": "Button"
+      "component": "Button",
+      "text": "Continue",
+      "variant": "primary"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "button",

package/chunks/notification-toast-row.json

@@ -25,11 +25,12 @@
       "error"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "check-circle",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "check-circle"
     },
     {
       "id": "text",
@@ -38,11 +39,16 @@
     },
     {
       "id": "dismiss",
-      "component": "Button"
+      "component": "Button",
+      "aria-label": "Dismiss",
+      "icon": "x",
+      "size": "sm",
+      "variant": "ghost"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "check-circle",
@@ -53,13 +59,15 @@
     {
       "id": "alert",
       "component": "Alert",
+      "variant": "success",
       "children": [
         "row"
       ]
     },
     {
       "id": "info",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "info"
     },
     {
       "id": "text-2",
@@ -68,11 +76,16 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "aria-label": "Dismiss",
+      "icon": "x",
+      "size": "sm",
+      "variant": "ghost"
     },
     {
       "id": "row-2",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "info",
@@ -83,13 +96,15 @@
     {
       "id": "alert-2",
       "component": "Alert",
+      "variant": "info",
       "children": [
         "row-2"
       ]
     },
     {
       "id": "x-circle",
-      "component": "Icon"
+      "component": "Icon",
+      "name": "x-circle"
     },
     {
       "id": "text-3",
@@ -98,11 +113,15 @@
     },
     {
       "id": "button-2",
-      "component": "Button"
+      "component": "Button",
+      "size": "sm",
+      "text": "Retry",
+      "variant": "ghost"
     },
     {
       "id": "row-3",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "x-circle",
@@ -113,6 +132,7 @@
     {
       "id": "alert-3",
       "component": "Alert",
+      "variant": "danger",
       "children": [
         "row-3"
       ]

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/onb-step-shell.json

@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "image",
@@ -81,8 +81,8 @@
     {
       "id": "adia-ui-home",
       "component": "Link",
-      "text": "AdiaUI",
       "href": "/",
+      "text": "AdiaUI",
       "data-onb-brand": "",
       "children": [
         "image",
@@ -240,7 +240,9 @@
     {
       "id": "button",
       "component": "Button",
-      "type": "submit"
+      "type": "submit",
+      "text": "Get started",
+      "variant": "primary"
     },
     {
       "id": "column-5",

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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/onb-tutorial-steps.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form>\n          <div data-onb-tutorial>\n            <div data-onb-tutorial-step>\n              <span data-step-num>1</span>\n              <div data-step-body>\n                <text-ui strong>Describe what you want.</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">One sentence in plain English. AdiaUI picks the right components and wires them up.</text-ui>\n              </div>\n            </div>\n\n            <field-ui label=\"Prompt\">\n              <input-ui\n                name=\"intent\"\n                placeholder=\"A weekly revenue dashboard with a 6-month trend\"\n                value=\"A weekly revenue dashboard with a 6-month trend\"\n              ></input-ui>\n            </field-ui>\n\n            <div data-onb-tutorial-step>\n              <span data-step-num>2</span>\n              <div data-step-body>\n                <text-ui strong>Generate.</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">Takes 1–3 seconds. The result lands editable on your canvas.</text-ui>\n              </div>\n            </div>\n\n            <div data-onb-tutorial-step>\n              <span data-step-num>3</span>\n              <div data-step-body>\n                <text-ui strong>Edit and share.</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">Move blocks, change palettes, swap data sources. Share via link, embed, or export to PNG.</text-ui>\n              </div>\n            </div>\n\n            <button-ui text=\"Generate dashboard\" variant=\"primary\" icon=\"sparkle\"></button-ui>\n          </div>\n\n          <text-ui color=\"subtle\" size=\"sm\"\n            >After generation we'll save the result to your workspace and continue to the next step. You can return to it any time from the sidebar.</text-ui\n          >\n        </div>",
   "source": "apps/user-flow/app/onboarding/first-action/first-action.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/pagination-controls.json

@@ -24,7 +24,7 @@
       "pages"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -33,12 +33,15 @@
     },
     {
       "id": "pagination",
-      "component": "Pagination"
+      "component": "Pagination",
+      "total": 13
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "justify": "between",
       "children": [
         "text",
         "pagination"
@@ -47,6 +50,7 @@
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column"
       ]

package/chunks/playground-a2ui.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<div id=\"playground-shell\">\n      <!-- Toolbar -->\n      <div id=\"pg-toolbar\">\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"layout\" color=\"muted\"></icon-ui>\n          <text-ui strong>Playground</text-ui>\n          <badge-ui id=\"pg-format-badge\" text=\"\" size=\"sm\" hidden></badge-ui>\n        </row-ui>\n        <row-ui gap=\"1\">\n          <button-ui id=\"pg-btn-example\" text=\"Load Example\" variant=\"ghost\" size=\"sm\" icon=\"lightning\"></button-ui>\n          <divider-ui vertical></divider-ui>\n          <button-ui id=\"pg-btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\" disabled></button-ui>\n          <button-ui id=\"pg-btn-copy\" variant=\"ghost\" size=\"sm\" icon=\"copy\" disabled></button-ui>\n          <button-ui id=\"pg-btn-code\" variant=\"ghost\" size=\"sm\" icon=\"code\" disabled></button-ui>\n        </row-ui>\n      </div>\n\n      <!-- Canvas + drop zone -->\n      <div id=\"pg-canvas-wrap\">\n        <div id=\"pg-drop-overlay\">\n          <col-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"upload\" size=\"32\" color=\"primary\"></icon-ui>\n            <text-ui weight=\"semibold\" color=\"primary\">Drop A2UI JSON or HTML</text-ui>\n          </col-ui>\n        </div>\n\n        <div id=\"pg-empty\">\n          <empty-state-ui\n            icon=\"code\"\n            heading=\"Paste or drop to render\"\n            description=\"Accepts A2UI JSON, AdiaUI HTML, or plain HTML. Paste from clipboard or drag a file.\"\n          >\n          </empty-state-ui>\n        </div>\n\n        <section>\n          <canvas-ui id=\"pg-canvas\"></canvas-ui>\n        </section>\n\n        <footer id=\"pg-code-panel\" hidden>\n          <code-ui id=\"pg-code-view\" language=\"html\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n        </footer>\n      </div>\n    </div>",
   "source": "apps/genui/app/a2ui/a2ui.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/playground-app-shell.json

@@ -10,5 +10,5 @@
   },
   "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n      <admin-sidebar slot=\"leading\" resizable collapsible>\n        <header-ui>\n          <select-ui id=\"workspace-select\" avatar=\"/icons/agent-ui-light.svg\" value=\"adia-ui\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </header-ui>\n\n        <section-ui>\n          <nav-ui id=\"nav\">\n            <nav-item-ui data-command-trigger icon=\"magnifying-glass\" text=\"Search\" value=\"search\">\n              <span slot=\"icon\"><icon-ui name=\"magnifying-glass\"></icon-ui></span>\n              <span slot=\"text\">Search</span>\n              <kbd slot=\"trailing\">⌘K</kbd>\n            </nav-item-ui>\n            <hr data-nav-divider />\n            <nav-group-ui icon=\"house\" text=\"Home\" open>\n              <nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></nav-item-ui>\n              <nav-item-ui text=\"Analytics\" value=\"analytics\"></nav-item-ui>\n              <nav-item-ui text=\"Reports\" value=\"reports\"></nav-item-ui>\n            </nav-group-ui>\n            <nav-group-ui icon=\"gear\" text=\"Settings\">\n              <nav-item-ui text=\"General\" value=\"general\"></nav-item-ui>\n              <nav-item-ui text=\"Team\" value=\"team\"></nav-item-ui>\n              <nav-item-ui text=\"Billing\" value=\"billing\"></nav-item-ui>\n            </nav-group-ui>\n          </nav-ui>\n        </section-ui>\n\n        <footer-ui>\n          <select-ui id=\"user-select\" avatar=\"https://i.pravatar.cc/32?u=demo\" value=\"demo\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </footer-ui>\n        <div data-resize></div>\n      </admin-sidebar>\n\n      <!-- ═══════════════ MAIN ═══════════════ -->\n      <main>\n        <header-ui>\n          <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <breadcrumb-ui>\n            <a href=\"#\">AdiaUI</a>\n            <span>Dashboard</span>\n          </breadcrumb-ui>\n          <span slot=\"action\">\n            <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n              <button-ui icon=\"palette\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <theme-panel slot=\"content\" parametric presets scheme-toggle></theme-panel>\n            </popover-ui>\n          </span>\n        </header-ui>\n\n        <section-ui>\n          <aside id=\"subnav-rail\" data-subnav>\n            <nav-ui variant=\"section\" id=\"subnav\" heading=\"Dashboard\">\n              <nav-item-ui text=\"Overview\" value=\"overview\" selected></nav-item-ui>\n              <nav-item-ui text=\"Activity\" value=\"activity\"></nav-item-ui>\n              <nav-item-ui text=\"Revenue\" value=\"revenue\"></nav-item-ui>\n              <nav-item-ui text=\"Traffic\" value=\"traffic\"></nav-item-ui>\n            </nav-ui>\n          </aside>\n\n          <article data-content-root>\n            <div data-content-header>\n              <header>\n                <div>\n                  <h1>Dashboard</h1>\n                  <div data-actions>\n                    <button-ui text=\"Export\" variant=\"outline\" size=\"sm\"></button-ui>\n                  </div>\n                </div>\n                <p>App Shell pattern demo — resize the sidebar, collapse it, toggle theme, or press ⌘K to open the command palette.</p>\n              </header>\n            </div>\n            <div data-content-body>\n              <section>\n                <p style=\"color: var(--a-fg-muted)\">\n                  This standalone page mirrors the shape of the main AdiaUI docs shell: leading sidebar with app-nav, topbar with breadcrumb + theme popover +\n                  command trigger, main content area with an optional subnav rail, and a bottom footer.\n                </p>\n              </section>\n            </div>\n          </article>\n        </section-ui>\n\n        <footer-ui>\n          <span slot=\"heading\">AdiaUI App Shell</span>\n          <span slot=\"description\">Playground demo</span>\n          <span slot=\"action\">v0.1.0</span>\n        </footer-ui>\n      </main>\n\n      <!-- ═══════════════ COMMAND PALETTE ═══════════════ -->\n      <admin-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </admin-command>\n    </admin-shell>",
   "source": "playgrounds/admin-shell/app/admin-shell.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/playground-chat.json

@@ -11,5 +11,5 @@
   },
   "html": "<chat-shell id=\"chat\" proxy-url=\"/api/chat\" model=\"claude-haiku-4-5-20251001\" style=\"flex: 1; border: none; border-radius: 0\">\n  <chat-header>\n    <span slot=\"name\">Factory Chat</span>\n    <chat-status slot=\"status\"></chat-status>\n    <span slot=\"action\" style=\"display: flex; align-items: center; gap: var(--a-space-1)\">\n      <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n        <div slot=\"content\" style=\"padding: var(--a-space-3); display: flex; flex-direction: column; gap: var(--a-space-3); min-width: 240px\">\n          <text-ui variant=\"label\">Theme</text-ui>\n          <div style=\"display: flex; gap: var(--a-space-1); flex-wrap: wrap\">\n            <button-ui id=\"theme-default\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-ocean\" text=\"Ocean\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-forest\" text=\"Forest\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-sunset\" text=\"Sunset\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-lavender\" text=\"Lavender\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-rose\" text=\"Rose\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-slate\" text=\"Slate\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-midnight\" text=\"Midnight\" variant=\"outline\" size=\"sm\"></button-ui>\n          </div>\n          <divider-ui></divider-ui>\n          <text-ui variant=\"label\">Parametric</text-ui>\n          <field-ui label=\"Density\">\n            <slider-ui id=\"param-density\" value=\"1\" min=\"0.5\" max=\"1.5\" step=\"0.05\" suffix=\"×\"></slider-ui>\n          </field-ui>\n          <field-ui label=\"Radius\">\n            <slider-ui id=\"param-radius\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\" suffix=\"×\"></slider-ui>\n          </field-ui>\n        </div>\n      </popover-ui>\n    </span>\n  </chat-header>\n  <chat-thread>\n    <chat-empty>\n      <empty-state-ui\n        icon=\"chat-circle\"\n        heading=\"AdiaUI Chat\"\n        description=\"Type a message to start a conversation. Connects to LLM model via proxy if available.\">\n      </empty-state-ui>\n    </chat-empty>\n  </chat-thread>\n  <chat-composer>\n    <chat-input-ui placeholder=\"Message Claude...\"></chat-input-ui>\n  </chat-composer>\n</chat-shell>",
   "source": "playgrounds/chat/app/chat.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/playground-construct-canvas.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<editor-canvas>\n          <div id=\"canvas-host\" role=\"application\" aria-label=\"Construct canvas — drag, zoom, and connect cards\" tabindex=\"0\">\n            <!-- canvas-projection mounts a #cc-pan-frame > <noodles-ui> in here -->\n          </div>\n          <!-- Floating zoom + pan controls (graph-editor convention: bottom-right).\n           toolbar-ui owns the flex/border/bg/role chrome; the .cc-zoom-controls\n           class only adds floating positioning + backdrop-blur on top. -->\n          <toolbar-ui class=\"cc-zoom-controls\" bordered aria-label=\"Canvas zoom\">\n            <button-ui\n              id=\"zoom-out\"\n              icon=\"minus\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label=\"Zoom out\"\n              title=\"Zoom out (-)\"\n              data-hotkey=\"-\"\n              data-hotkey-global\n            ></button-ui>\n            <span id=\"zoom-label\" aria-live=\"polite\">100%</span>\n            <button-ui id=\"zoom-in\" icon=\"plus\" variant=\"ghost\" size=\"sm\" aria-label=\"Zoom in\" title=\"Zoom in (+)\"></button-ui>\n            <divider-ui vertical style=\"height: 16px\"></divider-ui>\n            <button-ui\n              id=\"zoom-fit\"\n              icon=\"frame-corners\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label=\"Fit to content\"\n              title=\"Fit to content (1)\"\n              data-hotkey=\"1\"\n              data-hotkey-global\n            ></button-ui>\n            <button-ui\n              id=\"zoom-reset\"\n              icon=\"circle\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label=\"Reset to 100%\"\n              title=\"Reset to 100% (0)\"\n              data-hotkey=\"0\"\n              data-hotkey-global\n            ></button-ui>\n            <divider-ui vertical style=\"height: 16px\"></divider-ui>\n            <button-ui\n              id=\"auto-arrange-btn\"\n              icon=\"layout\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label=\"Auto-arrange\"\n              title=\"Auto-arrange (L)\"\n              data-hotkey=\"l\"\n              data-hotkey-global\n            ></button-ui>\n          </toolbar-ui>\n      </editor-canvas>",
   "source": "apps/construct-canvas/app/construct-canvas.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/playground-gen-ui.json

@@ -10,5 +10,5 @@
   },
   "html": "<div id=\"gen-ui-shell\" data-view=\"chat\">\n      <!-- Chat pane (resizable via pane-ui) -->\n      <pane-ui id=\"chat-pane\" resizable min-width=\"280\">\n        <section>\n          <chat-shell id=\"gen-chat\">\n            <chat-thread>\n              <chat-empty>\n                <empty-state-ui icon=\"magic-wand\" heading=\"AdiaUI Generator\" description=\"Describe a UI and watch it render live.\">\n                </empty-state-ui>\n              </chat-empty>\n            </chat-thread>\n            <chat-composer>\n              <chat-input-ui placeholder=\"Describe a UI...\"></chat-input-ui>\n            </chat-composer>\n          </chat-shell>\n        </section>\n      </pane-ui>\n\n      <!-- Canvas panel (plain div — no collapse behavior) -->\n      <div id=\"canvas-panel\">\n        <div id=\"canvas-toolbar\">\n          <row-ui gap=\"2\" align=\"center\">\n            <button-ui id=\"btn-toggle-view\" text=\"Chat\" variant=\"ghost\" size=\"sm\" icon=\"chat-circle\"></button-ui>\n            <icon-ui name=\"layout\" color=\"muted\"></icon-ui>\n            <text-ui strong>Canvas</text-ui>\n            <badge-ui id=\"validation-badge\" text=\"\" variant=\"default\" size=\"sm\" hidden></badge-ui>\n          </row-ui>\n          <row-ui gap=\"1\">\n            <button-ui id=\"btn-back\" variant=\"ghost\" size=\"sm\" icon=\"arrow-left\" disabled></button-ui>\n            <button-ui id=\"btn-forward\" variant=\"ghost\" size=\"sm\" icon=\"arrow-right\" disabled></button-ui>\n            <button-ui id=\"btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\"></button-ui>\n            <button-ui id=\"btn-code\" variant=\"ghost\" size=\"sm\" icon=\"code\"></button-ui>\n          </row-ui>\n        </div>\n        <section>\n          <canvas-ui id=\"canvas\"></canvas-ui>\n        </section>\n        <footer id=\"code-panel\" hidden>\n          <code-ui id=\"code-view\" language=\"json\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n        </footer>\n      </div>\n    </div>",
   "source": "apps/genui/app/gen-ui/gen-ui.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }