@adia-ai/a2ui-corpus 0.5.2 → 0.5.4

package/chunks/reg-billing-card.json

@@ -26,26 +26,40 @@
       "purchase"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "card",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "cc-number",
+      "name": "card",
+      "placeholder": "1234 5678 9012 3456"
     },
     {
       "id": "field",
       "component": "Field",
+      "inline": true,
+      "label": "Card Number",
       "children": [
         "card"
       ]
     },
     {
       "id": "expiry",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "cc-exp",
+      "name": "expiry",
+      "placeholder": "MM/YY"
     },
     {
       "id": "cvc",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "cc-csc",
+      "name": "cvc",
+      "placeholder": "CVC"
     },
     {
       "id": "row",
@@ -59,17 +73,25 @@
     {
       "id": "field-2",
       "component": "Field",
+      "inline": true,
+      "label": "Expiry · CVC",
       "children": [
         "row"
       ]
     },
     {
       "id": "cardholder",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "cc-name",
+      "name": "cardholder",
+      "placeholder": "Jane Doe"
     },
     {
       "id": "field-3",
       "component": "Field",
+      "inline": true,
+      "label": "Cardholder",
       "children": [
         "cardholder"
       ]
@@ -117,6 +139,8 @@
     {
       "id": "country",
       "component": "ChoicePicker",
+      "name": "country",
+      "value": "us",
       "children": [
         "text",
         "text-2",
@@ -129,28 +153,44 @@
     {
       "id": "field-4",
       "component": "Field",
+      "inline": true,
+      "label": "Country",
       "children": [
         "country"
       ]
     },
     {
       "id": "address",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "street-address",
+      "name": "address",
+      "placeholder": "123 Main St"
     },
     {
       "id": "field-5",
       "component": "Field",
+      "inline": true,
+      "label": "Billing Address",
       "children": [
         "address"
       ]
     },
     {
       "id": "city",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "address-level2",
+      "name": "city",
+      "placeholder": "San Francisco"
     },
     {
       "id": "zip",
-      "component": "Input"
+      "component": "Input",
+      "required": true,
+      "autocomplete": "postal-code",
+      "name": "zip",
+      "placeholder": "ZIP"
     },
     {
       "id": "row-2",
@@ -164,6 +204,8 @@
     {
       "id": "field-6",
       "component": "Field",
+      "inline": true,
+      "label": "City · ZIP",
       "children": [
         "row-2"
       ]

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/reg-invite-form.json

@@ -26,15 +26,20 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-05-13T23:05:50.382Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "invite-0-email",
-      "component": "Input"
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[0][email]",
+      "placeholder": "alex@acme.com"
     },
     {
       "id": "field",
       "component": "Field",
+      "label": "Email",
       "children": [
         "invite-0-email"
       ]
@@ -60,6 +65,8 @@
     {
       "id": "invite-0-role",
       "component": "ChoicePicker",
+      "name": "invite[0][role]",
+      "value": "member",
       "children": [
         "text",
         "text-2",
@@ -69,6 +76,7 @@
     {
       "id": "field-2",
       "component": "Field",
+      "label": "Role",
       "children": [
         "invite-0-role"
       ]
@@ -84,11 +92,16 @@
     },
     {
       "id": "invite-1-email",
-      "component": "Input"
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[1][email]",
+      "placeholder": "sam@acme.com"
     },
     {
       "id": "field-3",
       "component": "Field",
+      "label": "Email",
       "children": [
         "invite-1-email"
       ]
@@ -114,6 +127,8 @@
     {
       "id": "invite-1-role",
       "component": "ChoicePicker",
+      "name": "invite[1][role]",
+      "value": "member",
       "children": [
         "text-4",
         "text-5",
@@ -123,6 +138,7 @@
     {
       "id": "field-4",
       "component": "Field",
+      "label": "Role",
       "children": [
         "invite-1-role"
       ]
@@ -138,11 +154,16 @@
     },
     {
       "id": "invite-2-email",
-      "component": "Input"
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[2][email]",
+      "placeholder": "riley@acme.com"
     },
     {
       "id": "field-5",
       "component": "Field",
+      "label": "Email",
       "children": [
         "invite-2-email"
       ]
@@ -168,6 +189,8 @@
     {
       "id": "invite-2-role",
       "component": "ChoicePicker",
+      "name": "invite[2][role]",
+      "value": "member",
       "children": [
         "text-7",
         "text-8",
@@ -177,6 +200,7 @@
     {
       "id": "field-6",
       "component": "Field",
+      "label": "Role",
       "children": [
         "invite-2-role"
       ]
@@ -192,7 +216,11 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "type": "button",
+      "icon": "plus",
+      "text": "Add another",
+      "variant": "ghost"
     },
     {
       "id": "text-10",
@@ -203,6 +231,8 @@
     {
       "id": "alert",
       "component": "Alert",
+      "icon": "info",
+      "variant": "info",
       "children": [
         "text-10"
       ]

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

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-13T23:05:50.382Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }