@adia-ai/a2ui-corpus 0.3.2 → 0.3.3

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/onb-step-shell.json

@@ -38,5 +38,5 @@
   },
   "html": "<main data-onb prose>\n      <aside data-onb-story data-chunk-slot=\"page-story\"><!-- nested: onb-story-pane --></aside>\n\n      <form data-onb-input action=\"/site/examples/onboarding/mode\" method=\"get\">\n        <header data-onb-heading data-chunk-slot=\"page-header\"><!-- nested: onb-step-header --></header>\n\n        <div data-onb-form data-chunk-slot=\"page-content\"><!-- nested: onb-hero-welcome --></div>\n\n        <footer data-chunk-slot=\"page-footer\"><!-- nested: onb-step-footer --></footer>\n      </form>\n    </main>",
   "source": "apps/user-flow/app/onboarding/welcome/welcome.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/playground-app-shell.json

@@ -10,5 +10,5 @@
   },
   "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n      <aside-ui slot=\"leading\">\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      </aside-ui>\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            <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=\"palette\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <div\n                slot=\"content\"\n                id=\"theme-panel\"\n                style=\"padding: var(--a-space-3); display: flex; flex-direction: column; gap: var(--a-space-3); min-width: 260px\"\n              >\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                <divider-ui></divider-ui>\n                <div style=\"display: flex; gap: var(--a-space-2); flex-wrap: wrap\">\n                  <button-ui id=\"preset-compact\" text=\"Compact\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"preset-default\" text=\"Reset\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"preset-spacious\" text=\"Spacious\" variant=\"outline\" size=\"sm\"></button-ui>\n                </div>\n              </div>\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      <dialog id=\"cmd-dialog\" data-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </dialog>\n    </admin-shell>",
   "source": "apps/app-shell/app/app-shell.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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  <header>\n    <span data-chat-name>Factory Chat</span>\n    <span data-chat-status></span>\n    <span style=\"margin-inline-start: auto; 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  </header>\n  <section data-chat-messages>\n    <empty-state-ui\n      data-chat-empty\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    >\n    </empty-state-ui>\n  </section>\n  <footer>\n    <chat-input-ui data-chat-input placeholder=\"Message Claude...\"></chat-input-ui>\n  </footer>\n</chat-shell>",
   "source": "apps/chat/app/chat.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/playground-construct-canvas.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-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        </div>",
   "source": "apps/construct-canvas/app/construct-canvas.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

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            <section data-chat-messages>\n              <empty-state-ui data-chat-empty icon=\"magic-wand\" heading=\"AdiaUI Generator\" description=\"Describe a UI and watch it render live.\">\n              </empty-state-ui>\n            </section>\n            <footer>\n              <chat-input-ui data-chat-input placeholder=\"Describe a UI...\"></chat-input-ui>\n            </footer>\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-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/playground-render-preview.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<div id=\"pg-shell\">\n      <!-- ── Toolbar ───────────────────────────────────────────── -->\n      <div id=\"pg-toolbar\">\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"broadcast\" color=\"muted\"></icon-ui>\n          <text-ui strong>Render Preview</text-ui>\n          <badge-ui id=\"pg-status-badge\" text=\"ready\" size=\"sm\" variant=\"default\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <select-ui id=\"pg-example-select\" size=\"sm\" placeholder=\"Load example…\" style=\"min-width: 14rem\">\n            <option value=\"\">Load example…</option>\n            <option value=\"single-card\">Single surface — card + stat</option>\n            <option value=\"streamed-list\">Streamed updates — append items</option>\n            <option value=\"data-bindings\">Data bindings — updateDataModel</option>\n            <option value=\"multi-surface\">Multiple surfaces</option>\n            <option value=\"unknown-component\">Unknown component (graceful fallback)</option>\n          </select-ui>\n          <divider-ui vertical></divider-ui>\n          <button-ui id=\"pg-btn-step\" variant=\"ghost\" size=\"sm\" icon=\"skip-forward\" text=\"Step\" disabled></button-ui>\n          <button-ui id=\"pg-btn-run\" variant=\"primary\" size=\"sm\" icon=\"play\" text=\"Run all\"></button-ui>\n          <button-ui id=\"pg-btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\" text=\"Clear\"></button-ui>\n        </row-ui>\n      </div>\n\n      <!-- ── Body — input | output ─────────────────────────────── -->\n      <div id=\"pg-body\">\n        <!-- LEFT — message stream input -->\n        <section id=\"pg-input-pane\">\n          <header class=\"pg-pane-header\">\n            <text-ui weight=\"medium\" size=\"sm\">A2UI message stream</text-ui>\n            <text-ui size=\"xs\" color=\"muted\" id=\"pg-message-count\">0 messages</text-ui>\n          </header>\n          <textarea\n            id=\"pg-input\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n            placeholder='[\n  { \"type\": \"createSurface\", \"surfaceId\": \"main\", \"root\": \"root\" },\n  { \"type\": \"updateComponents\", \"surfaceId\": \"main\", \"components\": [\n    { \"id\": \"root\", \"component\": \"Card\", \"children\": [\"title\"] },\n    { \"id\": \"title\", \"component\": \"Text\", \"variant\": \"h2\", \"text\": \"Hello\" }\n  ]}\n]'\n          ></textarea>\n          <footer class=\"pg-pane-footer\" id=\"pg-input-error\" hidden>\n            <icon-ui name=\"warning\" size=\"sm\" color=\"danger\"></icon-ui>\n            <text-ui size=\"xs\" color=\"danger\" id=\"pg-input-error-text\"></text-ui>\n          </footer>\n        </section>\n\n        <!-- RIGHT — render surface + log -->\n        <section id=\"pg-output-pane\">\n          <header class=\"pg-pane-header\">\n            <text-ui weight=\"medium\" size=\"sm\">Rendered output</text-ui>\n            <row-ui gap=\"3\" align=\"center\">\n              <text-ui size=\"xs\" color=\"muted\" id=\"pg-surface-count\">0 surfaces</text-ui>\n              <text-ui size=\"xs\" color=\"muted\" id=\"pg-component-count\">0 components</text-ui>\n            </row-ui>\n          </header>\n          <div id=\"pg-surface\" aria-live=\"polite\"></div>\n          <details id=\"pg-log-panel\">\n            <summary>\n              <text-ui size=\"xs\" color=\"muted\">Message log</text-ui>\n              <text-ui size=\"xs\" color=\"muted\" id=\"pg-log-count\">0</text-ui>\n            </summary>\n            <ol id=\"pg-log\"></ol>\n          </details>\n        </section>\n      </div>\n    </div>",
   "source": "apps/genui/app/render-preview/render-preview.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/playground-streams-bridge.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<div id=\"pg-content\">\n        <div id=\"pg-intro\">\n          <h1 style=\"margin: 0 0 var(--a-space-2) 0; font-size: var(--a-ui-lg)\">One stream, two consumers — bridged into A2UI</h1>\n          <p style=\"margin: 0; color: var(--a-text-muted); font-size: var(--a-ui-sm); line-height: 1.5\">\n            Both tiles below subscribe to the same <code>data-stream-id=\"rev-pg\"</code>, fed from <code>/site/mock/revenue.json</code>. The left tile renders a\n            <code>chart-ui</code> driven directly by the <code>data-stream-*</code> attribute trait — the trait writes the parsed response into the chart's\n            <code>.data</code> property and re-renders. The right tile is an <strong>A2UI surface</strong> built from <code>updateComponents</code> messages\n            whose props use <code>{path: '…'}</code> bindings; <code>bridgeStreamAsync</code> proxies the same stream signal into the surface's data model so\n            those bindings resolve — no second fetch (open DevTools' Network tab and confirm only one request per refresh). The bridge piggybacks on the chart's\n            refcount rather than holding its own; the DOM source remains the lifecycle owner.\n          </p>\n        </div>\n\n        <div id=\"pg-grid\">\n          <!-- LEFT — direct data-stream-* trait -->\n          <div class=\"pg-tile\">\n            <h3>Direct via <code>data-stream-src</code></h3>\n            <div id=\"chart-host\">\n              <chart-ui\n                id=\"pg-chart\"\n                type=\"area\"\n                x=\"month\"\n                y=\"revenue\"\n                data-stream-src=\"/site/mock/revenue.json\"\n                data-stream-path=\"data\"\n                data-stream-id=\"rev-pg\"\n                aria-label=\"Revenue chart fed via data-stream-src\"\n                style=\"display: block; width: 100%; height: 280px\"\n              ></chart-ui>\n            </div>\n          </div>\n\n          <!-- RIGHT — A2UI surface, bound via bridgeStreamAsync -->\n          <div class=\"pg-tile\">\n            <h3>Via <code>bridgeStreamAsync</code> → A2UI surface</h3>\n            <div id=\"a2ui-host\">\n              <empty-state-ui\n                icon=\"hourglass\"\n                heading=\"Waiting for stream…\"\n                description=\"The bridge will populate these bindings once the fetch resolves.\"\n              ></empty-state-ui>\n            </div>\n          </div>\n        </div>\n\n        <div id=\"pg-status\">\n          <div data-pg-status-row><strong>Stream id:</strong> <code id=\"pg-status-id\">id:rev-pg</code></div>\n          <div data-pg-status-row><strong>Stream signal:</strong> <span id=\"pg-status-signal\">—</span></div>\n          <div data-pg-status-row><strong>Surface dataModel:</strong> <code id=\"pg-status-model\">—</code></div>\n          <div data-pg-status-row><strong>DOM consumer refs:</strong> <span id=\"pg-status-refs\">—</span></div>\n          <div data-pg-status-row><strong>Last fetch:</strong> <span id=\"pg-status-fetched\">—</span></div>\n        </div>\n\n        <details id=\"pg-code-panel\">\n          <summary>Show the wiring (bridge call + A2UI messages)</summary>\n          <div>\n            <code-ui language=\"javascript\" id=\"pg-code-block\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n          </div>\n        </details>\n      </div>",
+  "html": "<div id=\"pg-shell\">\n      <div id=\"pg-toolbar\">\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"plug\" color=\"muted\"></icon-ui>\n          <text-ui strong>Streams Bridge</text-ui>\n          <badge-ui id=\"pg-source-badge\" text=\"loading…\" variant=\"default\" size=\"sm\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"2\">\n          <button-ui id=\"pg-btn-refresh\" variant=\"ghost\" size=\"sm\" icon=\"arrows-clockwise\" text=\"Refresh\"></button-ui>\n          <a href=\"/site/getting-started/wiring\" target=\"_top\" style=\"text-decoration: none\">\n            <button-ui variant=\"ghost\" size=\"sm\" icon=\"book-open\" text=\"Docs\"></button-ui>\n          </a>\n        </row-ui>\n      </div>\n\n      <div id=\"pg-content\">\n        <div id=\"pg-intro\">\n          <h1 style=\"margin: 0 0 var(--a-space-2) 0; font-size: var(--a-ui-lg)\">One stream, two consumers — bridged into A2UI</h1>\n          <p style=\"margin: 0; color: var(--a-text-muted); font-size: var(--a-ui-sm); line-height: 1.5\">\n            Both tiles below subscribe to the same <code>data-stream-id=\"rev-pg\"</code>, fed from <code>/site/mock/revenue.json</code>. The left tile renders a\n            <code>chart-ui</code> driven directly by the <code>data-stream-*</code> attribute trait — the trait writes the parsed response into the chart's\n            <code>.data</code> property and re-renders. The right tile is an <strong>A2UI surface</strong> built from <code>updateComponents</code> messages\n            whose props use <code>{path: '…'}</code> bindings; <code>bridgeStreamAsync</code> proxies the same stream signal into the surface's data model so\n            those bindings resolve — no second fetch (open DevTools' Network tab and confirm only one request per refresh). The bridge piggybacks on the chart's\n            refcount rather than holding its own; the DOM source remains the lifecycle owner.\n          </p>\n        </div>\n\n        <div id=\"pg-grid\">\n          <!-- LEFT — direct data-stream-* trait -->\n          <div class=\"pg-tile\">\n            <h3>Direct via <code>data-stream-src</code></h3>\n            <div id=\"chart-host\">\n              <chart-ui\n                id=\"pg-chart\"\n                type=\"area\"\n                x=\"month\"\n                y=\"revenue\"\n                data-stream-src=\"/site/mock/revenue.json\"\n                data-stream-path=\"data\"\n                data-stream-id=\"rev-pg\"\n                aria-label=\"Revenue chart fed via data-stream-src\"\n                style=\"display: block; width: 100%; height: 280px\"\n              ></chart-ui>\n            </div>\n          </div>\n\n          <!-- RIGHT — A2UI surface, bound via bridgeStreamAsync -->\n          <div class=\"pg-tile\">\n            <h3>Via <code>bridgeStreamAsync</code> → A2UI surface</h3>\n            <div id=\"a2ui-host\">\n              <empty-state-ui\n                icon=\"hourglass\"\n                heading=\"Waiting for stream…\"\n                description=\"The bridge will populate these bindings once the fetch resolves.\"\n              ></empty-state-ui>\n            </div>\n          </div>\n        </div>\n\n        <div id=\"pg-status\">\n          <div data-pg-status-row><strong>Stream id:</strong> <code id=\"pg-status-id\">id:rev-pg</code></div>\n          <div data-pg-status-row><strong>Stream signal:</strong> <span id=\"pg-status-signal\">—</span></div>\n          <div data-pg-status-row><strong>Surface dataModel:</strong> <code id=\"pg-status-model\">—</code></div>\n          <div data-pg-status-row><strong>DOM consumer refs:</strong> <span id=\"pg-status-refs\">—</span></div>\n          <div data-pg-status-row><strong>Last fetch:</strong> <span id=\"pg-status-fetched\">—</span></div>\n        </div>\n\n        <details id=\"pg-code-panel\">\n          <summary>Show the wiring (bridge call + A2UI messages)</summary>\n          <div>\n            <code-ui language=\"javascript\" id=\"pg-code-block\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n          </div>\n        </details>\n      </div>\n    </div>",
   "source": "apps/genui/app/streams-bridge/streams-bridge.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/playground-table-toolbar.json

@@ -12,5 +12,5 @@
   },
   "html": "<table-toolbar-ui for=\"employees\" text=\"All Employees\" count=\"32\"></table-toolbar-ui>",
   "source": "apps/table-toolbar/app/table-toolbar.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-address-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <text-ui strong>Headquarters</text-ui>\n\n          <field-ui inline label=\"Country\">\n            <select-ui name=\"hq_country\" value=\"us\" data-address-country>\n              <option value=\"us\">United States</option>\n              <option value=\"gb\">United Kingdom</option>\n              <option value=\"de\">Germany</option>\n              <option value=\"jp\">Japan</option>\n              <option value=\"ca\">Canada</option>\n              <option value=\"other\">Other…</option>\n            </select-ui>\n          </field-ui>\n\n          <!-- ── United States ────────────────────────────────────\n           State dropdown (2-letter abbreviations) + 5-digit\n           numeric ZIP. City | State | ZIP share a row, matching\n           how US addresses are written: \"San Francisco, CA 94110\". -->\n          <div data-address-fields=\"us\">\n            <field-ui inline label=\"Street\">\n              <input-ui name=\"hq_street_us\" autocomplete=\"street-address\" placeholder=\"100 Main Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Suite / Floor\">\n              <input-ui name=\"hq_suite_us\" autocomplete=\"address-line2\" placeholder=\"Suite 500\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui inline label=\"City\" grow>\n                <input-ui name=\"hq_city_us\" autocomplete=\"address-level2\" placeholder=\"San Francisco\" required></input-ui>\n              </field-ui>\n              <field-ui label=\"State\">\n                <select-ui name=\"hq_state_us\" value=\"ca\">\n                  <option value=\"ca\" selected>CA</option>\n                  <option value=\"ny\">NY</option>\n                  <option value=\"tx\">TX</option>\n                  <option value=\"wa\">WA</option>\n                  <option value=\"ma\">MA</option>\n                  <option value=\"il\">IL</option>\n                  <option value=\"other\">…</option>\n                </select-ui>\n              </field-ui>\n              <field-ui label=\"ZIP\">\n                <input-ui name=\"hq_zip_us\" autocomplete=\"postal-code\" placeholder=\"94110\" pattern=\"\\d{5}(-\\d{4})?\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── United Kingdom ───────────────────────────────────\n           Two address lines + town + optional county (free\n           text, not a dropdown — counties aren't required for\n           Royal Mail delivery) + alphanumeric postcode like\n           \"SW1A 2AA\". Postcode is the canonical sort key. -->\n          <div data-address-fields=\"gb\" hidden>\n            <field-ui inline label=\"Address line 1\">\n              <input-ui name=\"hq_street_gb\" autocomplete=\"street-address\" placeholder=\"10 Downing Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Address line 2\">\n              <input-ui name=\"hq_street2_gb\" autocomplete=\"address-line2\" placeholder=\"Westminster\"></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Town / City\">\n              <input-ui name=\"hq_city_gb\" autocomplete=\"address-level2\" placeholder=\"London\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"County (optional)\">\n              <input-ui name=\"hq_county_gb\" autocomplete=\"address-level1\" placeholder=\"Greater London\"></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Postcode\">\n              <input-ui name=\"hq_postcode_gb\" autocomplete=\"postal-code\" placeholder=\"SW1A 2AA\" required></input-ui>\n            </field-ui>\n          </div>\n\n          <!-- ── Germany ──────────────────────────────────────────\n           Combined street + house number (\"Unter den Linden 77\"\n           is one field, not two). PLZ before Ort matches how\n           German addresses are written: \"10117 Berlin\". No\n           Bundesland field — autoderivable from PLZ. -->\n          <div data-address-fields=\"de\" hidden>\n            <field-ui inline label=\"Straße und Hausnummer\">\n              <input-ui name=\"hq_street_de\" autocomplete=\"street-address\" placeholder=\"Unter den Linden 77\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Adresszusatz (optional)\">\n              <input-ui name=\"hq_extra_de\" autocomplete=\"address-line2\" placeholder=\"c/o Empfänger\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui label=\"PLZ\">\n                <input-ui name=\"hq_plz_de\" autocomplete=\"postal-code\" placeholder=\"10117\" pattern=\"\\d{5}\" required></input-ui>\n              </field-ui>\n              <field-ui inline label=\"Ort\" grow>\n                <input-ui name=\"hq_city_de\" autocomplete=\"address-level2\" placeholder=\"Berlin\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── Japan ────────────────────────────────────────────\n           Postal code first (often used to autofill prefecture\n           + city via 〒-lookup services). Prefecture → city/ward →\n           block-lot → building. Reverse order vs Western (broad-\n           to-narrow). 7-digit postcode with hyphen \"100-0014\". -->\n          <div data-address-fields=\"jp\" hidden>\n            <field-ui inline label=\"郵便番号 · Postal code\">\n              <input-ui name=\"hq_postcode_jp\" autocomplete=\"postal-code\" placeholder=\"100-0014\" pattern=\"\\d{3}-\\d{4}\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"都道府県 · Prefecture\">\n              <select-ui name=\"hq_prefecture_jp\" value=\"13\">\n                <option value=\"13\" selected>東京都 · Tokyo</option>\n                <option value=\"27\">大阪府 · Osaka</option>\n                <option value=\"14\">神奈川県 · Kanagawa</option>\n                <option value=\"01\">北海道 · Hokkaido</option>\n                <option value=\"26\">京都府 · Kyoto</option>\n                <option value=\"23\">愛知県 · Aichi</option>\n                <option value=\"40\">福岡県 · Fukuoka</option>\n                <option value=\"other\">その他…</option>\n              </select-ui>\n            </field-ui>\n            <field-ui inline label=\"市区町村 · City / Ward\">\n              <input-ui name=\"hq_city_jp\" autocomplete=\"address-level2\" placeholder=\"千代田区\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"番地 · Block / Lot\">\n              <input-ui name=\"hq_block_jp\" autocomplete=\"street-address\" placeholder=\"霞が関 1-2-3\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"建物名 · Building (optional)\">\n              <input-ui name=\"hq_building_jp\" autocomplete=\"address-line2\"></input-ui>\n            </field-ui>\n          </div>\n\n          <!-- ── Canada ───────────────────────────────────────────\n           Province dropdown (13 entries — 10 provinces + 3\n           territories). Postal code is alphanumeric \"A1A 1A1\"\n           with optional space. Bilingual labels common in\n           public-facing forms; left as English for compactness. -->\n          <div data-address-fields=\"ca\" hidden>\n            <field-ui inline label=\"Street address\">\n              <input-ui name=\"hq_street_ca\" autocomplete=\"street-address\" placeholder=\"111 Wellington Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Suite / Apt\">\n              <input-ui name=\"hq_suite_ca\" autocomplete=\"address-line2\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui inline label=\"City\" grow>\n                <input-ui name=\"hq_city_ca\" autocomplete=\"address-level2\" placeholder=\"Ottawa\" required></input-ui>\n              </field-ui>\n              <field-ui label=\"Province\">\n                <select-ui name=\"hq_province_ca\" value=\"on\">\n                  <option value=\"on\" selected>ON</option>\n                  <option value=\"qc\">QC</option>\n                  <option value=\"bc\">BC</option>\n                  <option value=\"ab\">AB</option>\n                  <option value=\"mb\">MB</option>\n                  <option value=\"sk\">SK</option>\n                  <option value=\"ns\">NS</option>\n                  <option value=\"nb\">NB</option>\n                  <option value=\"nl\">NL</option>\n                  <option value=\"pe\">PE</option>\n                  <option value=\"yt\">YT</option>\n                  <option value=\"nt\">NT</option>\n                  <option value=\"nu\">NU</option>\n                </select-ui>\n              </field-ui>\n              <field-ui label=\"Postal code\">\n                <input-ui name=\"hq_postcode_ca\" autocomplete=\"postal-code\" placeholder=\"K1A 0A9\" pattern=\"[A-Za-z]\\d[A-Za-z] ?\\d[A-Za-z]\\d\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── Other ────────────────────────────────────────────\n           Free-form fallback for countries we don't yet have\n           a localized layout for. Single multi-line field +\n           postcode + city — covers the long tail without\n           guessing at locale-specific subdivisions. -->\n          <div data-address-fields=\"other\" hidden>\n            <field-ui inline label=\"Full address\">\n              <textarea-ui\n                name=\"hq_address_other\"\n                rows=\"4\"\n                placeholder=\"Street, number, building, postal code, city — whatever the local convention requires.\"\n                required\n              ></textarea-ui>\n            </field-ui>\n            <field-ui inline label=\"Country name\">\n              <input-ui name=\"hq_country_other\" autocomplete=\"country-name\" placeholder=\"Singapore\" required></input-ui>\n            </field-ui>\n          </div>\n\n          <field-ui inline label=\"Phone\">\n            <input-ui type=\"tel\" name=\"hq_phone\" autocomplete=\"tel\" data-address-phone placeholder=\"+1 (555) 123-4567\"></input-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <row-ui justify=\"space-between\" align=\"center\">\n            <text-ui strong>Billing address</text-ui>\n            <check-ui checked name=\"billing_same\" label=\"Same as headquarters\"></check-ui>\n          </row-ui>\n\n          <alert-ui variant=\"info\" icon=\"info\">\n            <span slot=\"content\">\n              We'll use the headquarters address for invoicing. Uncheck \"Same as headquarters\" if your accounting team is at a different site or in a different\n              country.\n            </span>\n          </alert-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → addresses\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Required for invoicing — your first invoice will use a placeholder address until completed.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/address/address.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-billing-card.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Card Number\">\n            <input-ui name=\"card\" autocomplete=\"cc-number\" placeholder=\"1234 5678 9012 3456\" required></input-ui>\n          </field-ui>\n          <field-ui inline label=\"Expiry · CVC\">\n            <row-ui gap=\"2\">\n              <input-ui name=\"expiry\" autocomplete=\"cc-exp\" placeholder=\"MM/YY\" grow required></input-ui>\n              <input-ui name=\"cvc\" autocomplete=\"cc-csc\" placeholder=\"CVC\" grow required></input-ui>\n            </row-ui>\n          </field-ui>\n          <field-ui inline label=\"Cardholder\">\n            <input-ui name=\"cardholder\" autocomplete=\"cc-name\" placeholder=\"Jane Doe\" required></input-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <field-ui inline label=\"Country\">\n            <select-ui name=\"country\" value=\"us\">\n              <option value=\"us\" selected>United States</option>\n              <option value=\"ca\">Canada</option>\n              <option value=\"gb\">United Kingdom</option>\n              <option value=\"de\">Germany</option>\n              <option value=\"fr\">France</option>\n              <option value=\"other\">Other…</option>\n            </select-ui>\n          </field-ui>\n          <field-ui inline label=\"Billing Address\">\n            <input-ui name=\"address\" autocomplete=\"street-address\" placeholder=\"123 Main St\" required></input-ui>\n          </field-ui>\n          <field-ui inline label=\"City · ZIP\">\n            <row-ui gap=\"2\">\n              <input-ui name=\"city\" autocomplete=\"address-level2\" placeholder=\"San Francisco\" grow required></input-ui>\n              <input-ui name=\"zip\" autocomplete=\"postal-code\" placeholder=\"ZIP\" grow required></input-ui>\n            </row-ui>\n          </field-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/billing/billing.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-brand-scrape.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Company URL\">\n            <input-ui name=\"url\" type=\"url\" placeholder=\"https://acme.com\" value=\"https://acme.com\" autocomplete=\"url\"></input-ui>\n          </field-ui>\n\n          <div data-reg-found-status>\n            <icon-ui name=\"check-circle\"></icon-ui>\n            <text-ui> <strong>Found 4 things</strong> on acme.com — review each below, then continue. </text-ui>\n            <button-ui text=\"Re-scan\" variant=\"ghost\" size=\"sm\" type=\"button\" style=\"margin-inline-start: auto\"></button-ui>\n          </div>\n\n          <col-ui gap=\"2\">\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"image-square\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Logo</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Pulled <code>acme-logo-dark.svg</code> at 240×80 from the site header. Light variant inferred via auto-invert.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"logo\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"palette\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Brand colors</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Primary <code>#1B5BFA</code>, accent <code>#FFC857</code>, surface <code>#0E1116</code>. Sampled from your hero, CTAs, and footer.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"colors\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"quotes\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Tagline</text-ui>\n                    <badge-ui text=\"AI generated\" variant=\"warning\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    \"Acme is the fastest way to ship infrastructure for modern teams.\" — distilled from your homepage hero + about copy.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"tagline\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"link\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Social &amp; presence</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    LinkedIn · Twitter · GitHub · YouTube — 4 official handles found. Slack and Discord links not detected.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"social\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"text-aa\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Typography</text-ui>\n                    <badge-ui text=\"Couldn't infer\" variant=\"muted\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Site uses a custom hosted font. Pick a library family or upload your brand font from admin → workspace → branding.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Set up\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\" type=\"button\" data-edit=\"typography\"></button-ui>\n              </header>\n            </card-ui>\n          </col-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → branding\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint> Workspace will use a generic logo and accent palette until you complete branding. </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/brand-scrape/brand-scrape.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-departments-toggle.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <alert-ui variant=\"info\" icon=\"sparkle\">\n            <span slot=\"content\"> Based on your team size (51–200) and use case (building a product), we pre-checked seven likely departments. </span>\n          </alert-ui>\n\n          <grid-ui columns=\"2\" gap=\"2\">\n            <check-ui name=\"dept[engineering]\" checked label=\"Engineering\"></check-ui>\n            <check-ui name=\"dept[product]\" checked label=\"Product\"></check-ui>\n            <check-ui name=\"dept[design]\" checked label=\"Design\"></check-ui>\n            <check-ui name=\"dept[sales]\" checked label=\"Sales\"></check-ui>\n            <check-ui name=\"dept[marketing]\" checked label=\"Marketing\"></check-ui>\n            <check-ui name=\"dept[cs]\" checked label=\"Customer Success\"></check-ui>\n            <check-ui name=\"dept[ops]\" checked label=\"Operations\"></check-ui>\n            <check-ui name=\"dept[finance]\" label=\"Finance\"></check-ui>\n            <check-ui name=\"dept[hr]\" label=\"People / HR\"></check-ui>\n            <check-ui name=\"dept[legal]\" label=\"Legal\"></check-ui>\n            <check-ui name=\"dept[data]\" label=\"Data / Analytics\"></check-ui>\n            <check-ui name=\"dept[security]\" label=\"Security\"></check-ui>\n          </grid-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Custom departments</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Add anything specific to your org — e.g. \"Research\", \"Studio\", \"Foundry\".</text-ui>\n          </col-ui>\n\n          <row-ui gap=\"2\" align=\"end\">\n            <field-ui inline label=\"Name\" grow>\n              <input-ui name=\"custom_dept\" placeholder=\"e.g. Research\"></input-ui>\n            </field-ui>\n            <button-ui text=\"Add\" icon=\"plus\" variant=\"outline\" type=\"button\"></button-ui>\n          </row-ui>\n\n          <row-ui gap=\"2\">\n            <tag-ui text=\"Research\"></tag-ui>\n            <tag-ui text=\"Studio\"></tag-ui>\n          </row-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → departments\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Members will land in a single \"Everyone\" group until departments are configured. You can re-bucket from the directory later.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/departments/departments.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-extended-profile.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form data-chunk-slot=\"page-content\">\n          <field-ui inline label=\"Title\">\n            <input-ui name=\"title\" placeholder=\"e.g. Senior Designer\" autocomplete=\"organization-title\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Department\">\n            <select-ui name=\"department\" value=\"design\">\n              <option value=\"\">Pick one…</option>\n              <option value=\"engineering\">Engineering</option>\n              <option value=\"product\">Product</option>\n              <option value=\"design\" selected>Design</option>\n              <option value=\"sales\">Sales</option>\n              <option value=\"marketing\">Marketing</option>\n              <option value=\"cs\">Customer Success</option>\n              <option value=\"ops\">Operations</option>\n            </select-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Manager\">\n            <select-ui name=\"manager\" value=\"\">\n              <option value=\"\" selected>No manager</option>\n              <option value=\"jane\">Jane Doe (Founder)</option>\n              <option value=\"maya\">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            </select-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Pronouns\">\n            <input-ui name=\"pronouns\" placeholder=\"e.g. she/her, they/them\" autocomplete=\"off\"></input-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <field-ui inline label=\"Location\">\n            <input-ui name=\"location\" placeholder=\"San Francisco, CA\" autocomplete=\"address-level2\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Time zone\" hint=\"Detected from your browser. Override if you're traveling or working remotely.\">\n            <select-ui name=\"timezone\" value=\"america/los_angeles\">\n              <option value=\"america/los_angeles\" selected>Pacific (San Francisco) · UTC−8</option>\n              <option value=\"america/denver\">Mountain (Denver) · UTC−7</option>\n              <option value=\"america/chicago\">Central (Chicago) · UTC−6</option>\n              <option value=\"america/new_york\">Eastern (New York) · UTC−5</option>\n              <option value=\"europe/london\">London · UTC+0</option>\n              <option value=\"europe/berlin\">Berlin · UTC+1</option>\n              <option value=\"asia/tokyo\">Tokyo · UTC+9</option>\n              <option value=\"australia/sydney\">Sydney · UTC+11</option>\n            </select-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Working hours\">\n            <segmented-ui name=\"hours\" value=\"9to5\">\n              <segment-ui text=\"9 to 5\" value=\"9to5\"></segment-ui>\n              <segment-ui text=\"Flexible\" value=\"flex\"></segment-ui>\n              <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n            </segmented-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Where else can teammates reach you?</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Optional — link your handles so DMs and mentions can route to the right surface.</text-ui>\n          </col-ui>\n\n          <field-ui inline label=\"Slack handle\">\n            <input-ui name=\"slack\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"GitHub handle\">\n            <input-ui name=\"github\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n          </field-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from my profile\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Your profile will use the basics from sign-up (name + email) until you complete this step.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/personal/personal.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-final-done.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <div data-reg-done-stats>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Members invited\" value=\"12\" change=\"3 confirmed\" trend=\"up\" icon=\"users-three\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Departments\" value=\"7\" icon=\"tree-structure\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Integrations\" value=\"6\" change=\"GH · Slack · Linear · Notion · Drive · Pylon\" icon=\"plugs-connected\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Brand assets\" value=\"4\" change=\"logo · colors · tagline · social\" icon=\"palette\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Support channels\" value=\"3\" change=\"email · phone · Pylon\" icon=\"lifebuoy\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Trial credit\" value=\"$0\" change=\"Pro · 14 days\" icon=\"confetti\"></stat-ui></section\n            ></card-ui>\n          </div>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"6\">\n            <text-ui strong>What to do next</text-ui>\n\n            <card-ui size=\"sm\">\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"rocket-launch\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Tour the highlights</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">3-minute interactive tour. Shows you the inbox, the org chart, and the chat surface.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Start tour\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui size=\"sm\">\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"book-open\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Read the welcome guide</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">15 minutes to get fluent — keyboard shortcuts, sharing, and search.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Open docs\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui size=\"sm\">\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"users-three\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Invite the rest of your team</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">12 invites are out. Add more from admin → directory whenever new folks join.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Invite more\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/done/done.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-helpdesk-grid.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Support email\">\n            <input-ui type=\"email\" name=\"support_email\" autocomplete=\"email\" placeholder=\"support@acme.com\" required></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Support phone\">\n            <input-ui type=\"tel\" name=\"support_phone\" autocomplete=\"tel\" placeholder=\"+1 (555) 555-0100\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Hours\">\n            <segmented-ui name=\"hours\" value=\"247\">\n              <segment-ui text=\"24 / 7\" value=\"247\"></segment-ui>\n              <segment-ui text=\"Business hours\" value=\"business\"></segment-ui>\n              <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n            </segmented-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Connect a help desk</text-ui>\n            <text-ui color=\"subtle\">Pick the tool your team already lives in — we'll forward tickets and surface them in your AdiaUI inbox.</text-ui>\n          </col-ui>\n\n          <grid-ui columns=\"2\" gap=\"2\" size=\"sm\">\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"lifebuoy\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Pylon</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">B2B-first help desk with shared Slack channels.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[pylon]\" checked></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"chats-circle\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Intercom</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">In-app messenger + ticketing.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[intercom]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"ticket\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Zendesk</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Mature ticketing + help-center stack.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[zendesk]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"cloud\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Salesforce Service</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Enterprise CRM-attached service cloud.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[salesforce]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"kanban\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Linear</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">For engineering-led support workflows.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[linear]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"funnel\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>HubSpot</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Marketing-attached service hub.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[hubspot]\"></switch-ui>\n              </header>\n            </card-ui>\n          </grid-ui>\n\n          <alert-ui variant=\"info\" icon=\"shield-check\">\n            <span slot=\"content\">\n              We only forward ticket metadata (subject, priority, assignee) into your AdiaUI inbox by default. Conversation contents stay in your help desk.\n              Configure per-channel scope from <a href=\"#\">admin → integrations</a>.\n            </span>\n          </alert-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → support\"></check-ui>\n            <text-ui color=\"subtle\" data-reg-defer-hint>\n              Inbound mentions of \"support\" / \"help\" / \"issue\" in connected channels will queue without routing until configured.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/support/support.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-import-picker.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Source\">\n            <select-ui name=\"source\" value=\"notion\">\n              <option value=\"notion\" selected>Notion</option>\n              <option value=\"asana\">Asana</option>\n              <option value=\"trello\">Trello</option>\n              <option value=\"linear\">Linear</option>\n              <option value=\"jira\">Jira</option>\n              <option value=\"csv\">CSV file</option>\n            </select-ui>\n          </field-ui>\n          <field-ui inline label=\"Export File\" hint=\"Drop the export from your previous tool. We accept .zip, .json, and .csv.\">\n            <upload-ui name=\"export\" accept=\".zip,.json,.csv\"></upload-ui>\n          </field-ui>\n          <alert-ui variant=\"info\" icon=\"info\">\n            <span slot=\"content\"> Imports run in the background — you can move on while it processes. We'll email you when it's done. </span>\n          </alert-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/import/import.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-integrations-grid.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <grid-ui columns=\"2\" gap=\"3\">\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"slack-logo\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Slack</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Mirror notifications and post updates to channels.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[slack]\" checked></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"github-logo\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>GitHub</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Link PRs, issues, and CI status to projects.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[github]\" checked></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"kanban\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Linear</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Sync issues and cycles, two-way.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[linear]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"figma-logo\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Figma</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Embed file previews and resolve comment threads.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[figma]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"notion-logo\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Notion</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Pull documents and link page references.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[notion]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"google-drive-logo\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Google Drive</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Attach files and share folders inline.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"int[gdrive]\"></switch-ui>\n              </header>\n            </card-ui>\n          </grid-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/integrations/integrations.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-invite-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[0][email]\" autocomplete=\"email\" placeholder=\"alex@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[0][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[1][email]\" autocomplete=\"email\" placeholder=\"sam@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[1][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[2][email]\" autocomplete=\"email\" placeholder=\"riley@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[2][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <button-ui text=\"Add another\" icon=\"plus\" variant=\"ghost\" type=\"button\"></button-ui>\n\n          <alert-ui variant=\"info\" icon=\"info\">\n            <span slot=\"content\"> Don't have everyone's email? <a href=\"#\">Copy a join link</a> instead. </span>\n          </alert-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/invite/invite.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-legal-entity.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Legal name\" hint=\"The name on your articles of incorporation, not your dba.\">\n            <input-ui name=\"legal_name\" autocomplete=\"organization\" placeholder=\"Acme Holdings, LLC\" required></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Entity type\">\n            <select-ui name=\"entity_type\" value=\"llc\">\n              <option value=\"llc\" selected>Limited Liability Company (LLC)</option>\n              <option value=\"corp\">C Corporation</option>\n              <option value=\"scorp\">S Corporation</option>\n              <option value=\"partnership\">Partnership</option>\n              <option value=\"sole\">Sole Proprietorship</option>\n              <option value=\"nonprofit\">Non-profit</option>\n              <option value=\"other\">Other</option>\n            </select-ui>\n          </field-ui>\n\n          <field-ui inline label=\"EIN / Tax ID\" hint=\"Federal Employer ID Number, VAT, or local equivalent.\">\n            <input-ui name=\"ein\" autocomplete=\"off\" placeholder=\"12-3456789\" pattern=\"[0-9-]+\" required></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"License number\" hint=\"Industry-specific. NPI for healthcare, NMLS for finance, leave blank if not applicable.\">\n            <input-ui name=\"license\" autocomplete=\"off\" placeholder=\"e.g. 1234567890\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Country of incorporation\">\n            <select-ui name=\"incorp_country\" value=\"us\">\n              <option value=\"us\" selected>United States</option>\n              <option value=\"ca\">Canada</option>\n              <option value=\"gb\">United Kingdom</option>\n              <option value=\"ie\">Ireland</option>\n              <option value=\"de\">Germany</option>\n              <option value=\"fr\">France</option>\n              <option value=\"nl\">Netherlands</option>\n              <option value=\"other\">Somewhere else…</option>\n            </select-ui>\n          </field-ui>\n\n          <field-ui inline label=\"State / Region\">\n            <select-ui name=\"incorp_region\" value=\"de\">\n              <option value=\"de\" selected>Delaware</option>\n              <option value=\"ca\">California</option>\n              <option value=\"ny\">New York</option>\n              <option value=\"tx\">Texas</option>\n              <option value=\"wa\">Washington</option>\n              <option value=\"ma\">Massachusetts</option>\n              <option value=\"other\">Other state…</option>\n            </select-ui>\n          </field-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → legal\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              We'll surface a reminder card on your admin dashboard. Invoices and tax exports will use placeholder values until verified.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/legal/legal.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-org-chart-review.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <div data-reg-found-status>\n            <icon-ui name=\"users-three\"></icon-ui>\n            <text-ui> <strong>12 members</strong> · 8 confirmed · 3 inferred · 1 needs review </text-ui>\n            <button-ui text=\"Re-run inference\" variant=\"ghost\" size=\"sm\" type=\"button\" style=\"margin-inline-start: auto\"></button-ui>\n          </div>\n\n          <list-ui divider>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Jane Doe\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Jane Doe</text-ui>\n                      <badge-ui text=\"You\" variant=\"accent\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Founder · No manager · Engineering</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-1\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Maya Patel\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Maya Patel</text-ui>\n                      <badge-ui text=\"Confirmed\" variant=\"success\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">VP of Engineering · Reports to Jane Doe · Engineering</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-2\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Alex Chen\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Alex Chen</text-ui>\n                      <badge-ui text=\"Inferred\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\"\n                      >Senior Engineer · Reports to Maya Patel · Engineering — inferred from <code>alex@acme.com</code> + LinkedIn title.</text-ui\n                    >\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-3\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Sam Reeves\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Sam Reeves</text-ui>\n                      <badge-ui text=\"Needs review\" variant=\"danger\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\"\n                      >Title not found on LinkedIn. We placed them in Engineering as a default — please confirm or adjust.</text-ui\n                    >\n                  </span>\n                  <button-ui slot=\"action\" text=\"Review\" variant=\"primary\" icon=\"warning\" type=\"button\" data-edit=\"member-4\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Riley Park\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Riley Park</text-ui>\n                      <badge-ui text=\"Confirmed\" variant=\"success\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Head of Design · Reports to Jane Doe · Design</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-5\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Devon Hill\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Devon Hill</text-ui>\n                      <badge-ui text=\"Inferred\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Product Designer · Reports to Riley Park · Design — inferred from LinkedIn role.</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-6\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Morgan Lee\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Morgan Lee</text-ui>\n                      <badge-ui text=\"Confirmed\" variant=\"success\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Head of Sales · Reports to Jane Doe · Sales</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-7\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <span slot=\"icon\"><avatar-ui text=\"Casey Brooks\"></avatar-ui></span>\n                  <span slot=\"heading\">\n                    <row-ui gap=\"2\" align=\"center\">\n                      <text-ui strong>Casey Brooks</text-ui>\n                      <badge-ui text=\"Inferred\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Account Executive · Reports to Morgan Lee · Sales — inferred.</text-ui>\n                  </span>\n                  <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"member-8\"></button-ui>\n                </header>\n              </card-ui>\n            </list-item-ui>\n          </list-ui>\n\n          <button-ui text=\"Show 4 more members\" icon=\"caret-down\" variant=\"ghost\" type=\"button\"></button-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → directory\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Inferred members keep their AI-suggested role + department until an admin confirms. They can self-correct from their profile.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-profile-identity.json

@@ -16,5 +16,5 @@
   },
   "html": "<form data-reg-input action=\"/site/examples/registration/use-case\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form>\n          <field-ui inline label=\"Full Name\">\n            <input-ui name=\"name\" autocomplete=\"name\" placeholder=\"Jane Doe\" required></input-ui>\n          </field-ui>\n          <field-ui inline label=\"Display Name\" hint=\"What teammates see in mentions and comments.\">\n            <input-ui name=\"display\" autocomplete=\"nickname\" placeholder=\"Jane\"></input-ui>\n          </field-ui>\n          <field-ui inline label=\"Profile Photo\" hint=\"Square image, at least 256×256.\">\n            <upload-ui name=\"avatar\" accept=\"image/*\"></upload-ui>\n          </field-ui>\n        </section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
   "source": "apps/user-flow/app/registration/profile/profile.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-step-footer.json

@@ -184,5 +184,5 @@
       "html": "<footer>\n          <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n          <div data-reg-actions>\n            <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n          </div>\n        </footer>"
     }
   ],
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-step-header.json

@@ -185,5 +185,5 @@
       "html": "<header data-reg-heading>\n          <h1>Name your workspace</h1>\n          <text-ui color=\"subtle\">This is what your team will see. You can change it anytime.</text-ui>\n        </header>"
     }
   ],
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-step-progress.json

@@ -220,5 +220,5 @@
       "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
     }
   ],
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-step-shell.json

@@ -38,5 +38,5 @@
   },
   "html": "<main data-reg prose>\n      <aside data-reg-story data-chunk-slot=\"page-story\"><!-- nested: reg-story-pane --></aside>\n\n      <form data-reg-input action=\"/site/examples/registration/done\" method=\"get\">\n        <header data-reg-heading data-chunk-slot=\"page-header\"><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form data-chunk-slot=\"page-content\"><!-- nested: reg-extended-profile --></section>\n\n        <footer data-chunk-slot=\"page-footer\"><!-- nested: reg-step-footer --></footer>\n      </form>\n    </main>",
   "source": "apps/user-flow/app/registration/personal/personal.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-story-pane.json

@@ -184,5 +184,5 @@
       "html": "<aside data-reg-story>\n        <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n          <strong>AdiaUI</strong>\n        </a>\n\n        <div data-reg-story-content>\n          <h2>Build your team's home.</h2>\n          <p>\n            A workspace is where conversations, projects, and integrations live. Most teams start with one — name it after your company and add more rooms\n            inside as you grow.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Workspace setup</text-ui>\n        </div>\n      </aside>"
     }
   ],
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-success-summary.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <col-ui gap=\"3\">\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"user-plus\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Invite more teammates</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Three invites are out — add more from the workspace settings.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Invite\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"squares-four\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Browse templates</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Pre-built dashboards, plans, and trackers — start from a template.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Browse\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"book-open\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Read the docs</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">15 minutes to get fluent — keyboard shortcuts, sharing, and search.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Open docs\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/confirmation/confirmation.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }

package/chunks/reg-team-size.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Team Size\">\n            <segmented-ui name=\"team-size\" value=\"2-10\">\n              <segment-ui text=\"2–10\" value=\"2-10\"></segment-ui>\n              <segment-ui text=\"11–50\" value=\"11-50\"></segment-ui>\n              <segment-ui text=\"50+\" value=\"20+\"></segment-ui>\n            </segmented-ui>\n          </field-ui>\n          <field-ui inline label=\"Industry\" hint=\"Optional. Helps us recommend relevant templates.\">\n            <select-ui name=\"industry\">\n              <option value=\"\">Choose…</option>\n              <option value=\"software\">Software · SaaS</option>\n              <option value=\"design\">Design · Creative</option>\n              <option value=\"marketing\">Marketing · Growth</option>\n              <option value=\"ecommerce\">E-commerce · Retail</option>\n              <option value=\"finance\">Finance · Fintech</option>\n              <option value=\"education\">Education · Research</option>\n              <option value=\"healthcare\">Healthcare · Biotech</option>\n              <option value=\"other\">Something else</option>\n            </select-ui>\n          </field-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/team-size/team-size.contents.html",
-  "captured_at": "2026-05-06T20:26:56.937Z"
+  "captured_at": "2026-05-07T15:03:20.693Z"
 }