@adia-ai/a2ui-corpus 0.0.1 → 0.0.3

package/chunks/onb-extension-install.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-extension-install",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/browser-extension",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-extension-install\">\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\">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    </div>",
+  "source": "site/pages/examples/onboarding/browser-extension/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-hero-welcome.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-hero-welcome",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/welcome",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-hero-welcome\">\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": "site/pages/examples/onboarding/welcome/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-import-picker.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-import-picker",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/import-data",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-import-picker\">\n      <div data-onb-fork role=\"radiogroup\" aria-label=\"Data source choice\">\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"sample\" checked\n                        icon=\"sparkle\"\n                        heading=\"Use sample data\"\n                        description=\"Pre-loaded mock data so you can explore in seconds. Best for evaluating.\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"upload\"\n                        icon=\"upload\"\n                        heading=\"Upload a CSV / JSON\"\n                        description=\"One-shot import. Good for spreadsheet-shaped data and quick prototypes.\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"blank\"\n                        icon=\"file-plus\"\n                        heading=\"Start from blank\"\n                        description=\"Empty workspace. Connect or import later when you're ready.\"></option-card-ui>\n      </div>\n\n      <text-ui color=\"subtle\" size=\"sm\">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 sources.</text-ui>\n    </div>",
+  "source": "site/pages/examples/onboarding/import-data/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-mobile-handoff.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-mobile-handoff",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/mobile-app",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-mobile-handoff\">\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": "site/pages/examples/onboarding/mobile-app/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-notification-prefs.json

@@ -0,0 +1,16 @@
+{
+  "name": "onb-notification-prefs",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/notification-prefs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": "",
+    "role": "radiogroup",
+    "aria-label": "Email notification frequency"
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-notification-prefs\" role=\"radiogroup\" aria-label=\"Email notification frequency\">\n      <col-ui gap=\"4\">\n        <option-card-ui\n          name=\"notify\" value=\"daily\"\n          heading=\"Daily digest\"\n          description=\"One email each morning summarizing yesterday's activity. Best for dashboard-driven roles.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"weekly\" checked\n          heading=\"Weekly digest · Recommended\"\n          description=\"One email each Monday with a 7-day rollup. Quiet and focused.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"mentions\"\n          heading=\"Mentions only\"\n          description=\"Just emails when someone @-mentions you or shares a dashboard directly. No digests.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"off\"\n          heading=\"Off\"\n          description=\"No emails. We'll still send security-critical messages (password reset, new device sign-in).\"></option-card-ui>\n      </col-ui>\n    </div>",
+  "source": "site/pages/examples/onboarding/notification-prefs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-persona-picker.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-persona-picker",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/mode",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-persona-picker\">\n      <div data-onb-mode-grid role=\"radiogroup\" aria-label=\"Primary role\">\n        <option-card-ui name=\"mode\" value=\"developer\" required\n                        heading=\"Developer\"\n                        description=\"Wire APIs, ship features, monitor releases.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"designer\"\n                        heading=\"Designer\"\n                        description=\"Compose patterns, review, hand off.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"analyst\"\n                        heading=\"Analyst\"\n                        description=\"Query, chart, share insight, set up alerts.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"admin\"\n                        heading=\"Admin\"\n                        description=\"Configure, govern, manage access + billing.\"></option-card-ui>\n      </div>\n    </div>",
+  "source": "site/pages/examples/onboarding/mode/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-provider-tiles.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-provider-tiles",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/connect-source",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-provider-tiles\">\n      <div data-onb-provider-grid role=\"radiogroup\" aria-label=\"Source picker\">\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"github\" checked\n                        icon=\"github-logo\"\n                        heading=\"GitHub\"\n                        description=\"Repos, issues, PRs, releases\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"linear\"\n                        icon=\"kanban\"\n                        heading=\"Linear\"\n                        description=\"Issues, cycles, projects\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"stripe\"\n                        icon=\"credit-card\"\n                        heading=\"Stripe\"\n                        description=\"Customers, MRR, churn\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"postgres\"\n                        icon=\"database\"\n                        heading=\"Postgres\"\n                        description=\"Read-only SQL connection\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"notion\"\n                        icon=\"notebook\"\n                        heading=\"Notion\"\n                        description=\"Pages, databases, comments\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"source\" value=\"slack\"\n                        icon=\"slack-logo\"\n                        heading=\"Slack\"\n                        description=\"Channels, threads, search\"></option-card-ui>\n      </div>\n\n      <alert-ui variant=\"info\" icon=\"shield-check\">\n        <span slot=\"content\"><strong>Read-only by default.</strong> AdiaUI never writes or deletes data on your provider. You can audit + revoke from settings → Integrations.</span>\n      </alert-ui>\n    </div>",
+  "source": "site/pages/examples/onboarding/connect-source/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-settings-review.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-settings-review",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/review",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-settings-review\">\n      <div data-onb-summary>\n\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\n      </div>\n\n      <alert-ui variant=\"success\" icon=\"check-circle\">\n        <span slot=\"content\"><strong>Looking good.</strong> Next we'll set notification preferences, then offer two optional companion installs (mobile app + browser extension). Nothing else is required.</span>\n      </alert-ui>\n    </div>",
+  "source": "site/pages/examples/onboarding/review/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-step-footer.json

@@ -0,0 +1,108 @@
+{
+  "name": "onb-step-footer",
+  "kind": "block",
+  "primary": "footer",
+  "instances": [
+    {
+      "page": "/site/examples/onboarding/browser-extension",
+      "source": "site/pages/examples/onboarding/browser-extension/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 9 of 10 · Optional</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/mobile-app\">← Back</a>\n        <button-ui text=\"Skip\" variant=\"ghost\" type=\"submit\"></button-ui>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/complete",
+      "source": "site/pages/examples/onboarding/complete/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">All steps complete</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/welcome\">Restart tour</a>\n        <button-ui text=\"Open my home\" variant=\"primary\" icon-trailing=\"arrow-right\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/connect-source",
+      "source": "site/pages/examples/onboarding/connect-source/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 3 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/mode\">← Back</a>\n        <button-ui text=\"Authorize and continue\" variant=\"primary\" type=\"submit\" icon-trailing=\"arrow-right\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/first-action",
+      "source": "site/pages/examples/onboarding/first-action/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 5 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/import-data\">← Back</a>\n        <button-ui text=\"Continue\" variant=\"ghost\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/import-data",
+      "source": "site/pages/examples/onboarding/import-data/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 4 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/connect-source\">← Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/mobile-app",
+      "source": "site/pages/examples/onboarding/mobile-app/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 8 of 10 · Optional</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/notification-prefs\">← Back</a>\n        <button-ui text=\"Skip\" variant=\"ghost\" type=\"submit\"></button-ui>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/mode",
+      "source": "site/pages/examples/onboarding/mode/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/welcome\">← Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/notification-prefs",
+      "source": "site/pages/examples/onboarding/notification-prefs/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/review\">← Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/review",
+      "source": "site/pages/examples/onboarding/review/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <a data-onb-back href=\"/site/examples/onboarding/first-action\">← Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    },
+    {
+      "page": "/site/examples/onboarding/welcome",
+      "source": "site/pages/examples/onboarding/welcome/index.html",
+      "slots": [],
+      "nested": [
+        "onb-step-progress"
+      ],
+      "attrs": {},
+      "html": "<footer data-chunk=\"onb-step-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>"
+    }
+  ],
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-step-header.json

@@ -0,0 +1,108 @@
+{
+  "name": "onb-step-header",
+  "kind": "block",
+  "primary": "header",
+  "instances": [
+    {
+      "page": "/site/examples/onboarding/browser-extension",
+      "source": "site/pages/examples/onboarding/browser-extension/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>Install the browser extension (optional)</h1>\n      <text-ui color=\"subtle\">Chrome detected. Other browsers will see their store link automatically.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/complete",
+      "source": "site/pages/examples/onboarding/complete/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>You're all set, Kim 👋</h1>\n      <text-ui color=\"subtle\">Here's what's configured. Open your home to get going — everything below is editable from settings.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/connect-source",
+      "source": "site/pages/examples/onboarding/connect-source/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>Connect your first data source</h1>\n      <text-ui color=\"subtle\">Pick one to authorize — you'll be redirected back here once approved.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/first-action",
+      "source": "site/pages/examples/onboarding/first-action/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>Make your first dashboard</h1>\n      <text-ui color=\"subtle\">A 30-second tutorial. We'll generate a real dashboard from a prompt — no scaffolding required.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/import-data",
+      "source": "site/pages/examples/onboarding/import-data/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>How would you like to start?</h1>\n      <text-ui color=\"subtle\">You can switch any of these later from settings → Data.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/mobile-app",
+      "source": "site/pages/examples/onboarding/mobile-app/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>Get the mobile app (optional)</h1>\n      <text-ui color=\"subtle\">iOS + Android. Read-only — same permissions as your account, no extra setup.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/mode",
+      "source": "site/pages/examples/onboarding/mode/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>How will you mainly use AdiaUI?</h1>\n      <text-ui color=\"subtle\">Pick the closest match. Combinations are fine — choose your primary lens.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/notification-prefs",
+      "source": "site/pages/examples/onboarding/notification-prefs/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>How often should we email you?</h1>\n      <text-ui color=\"subtle\">Notification volume — affects digest emails only. In-app notifications follow your activity regardless.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/review",
+      "source": "site/pages/examples/onboarding/review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-header\">\n      <h1>Quick review of your setup</h1>\n      <text-ui color=\"subtle\">All of this is editable later in settings — no decisions are permanent.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/onboarding/welcome",
+      "source": "site/pages/examples/onboarding/welcome/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-heading": ""
+      },
+      "html": "<header data-onb-heading data-chunk=\"onb-step-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-04-28T04:46:20.743Z"
+}

package/chunks/onb-step-progress.json

@@ -0,0 +1,108 @@
+{
+  "name": "onb-step-progress",
+  "kind": "block",
+  "primary": "div",
+  "instances": [
+    {
+      "page": "/site/examples/onboarding/browser-extension",
+      "source": "site/pages/examples/onboarding/browser-extension/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 9 of 10 · Optional</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/complete",
+      "source": "site/pages/examples/onboarding/complete/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">All steps complete</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/connect-source",
+      "source": "site/pages/examples/onboarding/connect-source/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 3 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/first-action",
+      "source": "site/pages/examples/onboarding/first-action/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 5 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/import-data",
+      "source": "site/pages/examples/onboarding/import-data/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 4 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/mobile-app",
+      "source": "site/pages/examples/onboarding/mobile-app/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 8 of 10 · Optional</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/mode",
+      "source": "site/pages/examples/onboarding/mode/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/notification-prefs",
+      "source": "site/pages/examples/onboarding/notification-prefs/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/review",
+      "source": "site/pages/examples/onboarding/review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/onboarding/welcome",
+      "source": "site/pages/examples/onboarding/welcome/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-progress": ""
+      },
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    }
+  ],
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/onb-story-pane.json

@@ -0,0 +1,108 @@
+{
+  "name": "onb-story-pane",
+  "kind": "block",
+  "primary": "aside",
+  "instances": [
+    {
+      "page": "/site/examples/onboarding/browser-extension",
+      "source": "site/pages/examples/onboarding/browser-extension/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        site (<kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui>), shows mention\n        notifications inline, and lets you snip the current page into\n        a dashboard with one click. Optional — Chrome, Firefox, and\n        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": "/site/examples/onboarding/complete",
+      "source": "site/pages/examples/onboarding/complete/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        palette, the integrations you connected. From here, the most\n        common next moves are inviting your team, generating more\n        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": "/site/examples/onboarding/connect-source",
+      "source": "site/pages/examples/onboarding/connect-source/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        live data through a one-way OAuth handshake — we don't store\n        credentials, and you can revoke access from your provider's\n        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": "/site/examples/onboarding/first-action",
+      "source": "site/pages/examples/onboarding/first-action/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        from a one-line description, like you'll do every day after\n        this. The pattern below is the whole product in miniature:\n        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": "/site/examples/onboarding/import-data",
+      "source": "site/pages/examples/onboarding/import-data/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        dashboards. When you're ready, swap to your live source — the\n        same charts and queries point at your data instead. Or skip\n        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": "/site/examples/onboarding/mobile-app",
+      "source": "site/pages/examples/onboarding/mobile-app/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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 —\n        dashboards, alerts, mentions — without the noise of full editing\n        tools. Useful for the standup commute, the airport lounge, or\n        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": "/site/examples/onboarding/mode",
+      "source": "site/pages/examples/onboarding/mode/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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,\n        suggest the right integrations, hide noise. You can switch any\n        time, and adding teammates with different roles later just\n        works.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10 · Mode</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/onboarding/notification-prefs",
+      "source": "site/pages/examples/onboarding/notification-prefs/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        if you live in dashboards; weekly is enough if you check in on\n        Mondays; mentions-only treats AdiaUI like a tool that pings\n        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": "/site/examples/onboarding/review",
+      "source": "site/pages/examples/onboarding/review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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\n        Edit on a row to jump back. Otherwise carry on — only a few\n        steps left, and the rest are optional preferences.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10 · Review</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/onboarding/welcome",
+      "source": "site/pages/examples/onboarding/welcome/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-onb-story": ""
+      },
+      "html": "<aside data-onb-story data-chunk=\"onb-story-pane\">\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.\n        We'll walk through the essentials — pick how you'll use it,\n        connect a data source, see your first dashboard come to life.\n        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-04-28T04:46:20.743Z"
+}