@adia-ai/a2ui-corpus 0.5.0 → 0.5.1

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/reg-invite-form.json

@@ -26,7 +26,7 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "invite-0-email",

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/reg-step-shell.json

@@ -64,7 +64,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "image",

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/reg-usecase-picker.json

@@ -12,5 +12,5 @@
   },
   "html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Use case\">\n          <col-ui gap=\"2\">\n            <option-card-ui\n              name=\"use-case\"\n              value=\"build\"\n              checked\n              heading=\"I'm building a product\"\n              description=\"Spinning up a new project — design, ship, iterate.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"explore\"\n              heading=\"I'm exploring the product\"\n              description=\"Kicking the tires before bringing a team along.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"migrate\"\n              heading=\"I'm migrating from another tool\"\n              description=\"Moving an existing workspace and want a smooth port.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"evaluate\"\n              heading=\"I'm evaluating for my team\"\n              description=\"Comparing options and want to dig into specifics.\"\n            ></option-card-ui>\n            <option-card-ui name=\"use-case\" value=\"other\" heading=\"Something else\" description=\"Tell us more — we read every response.\">\n              <textarea-ui name=\"use-case-detail\" placeholder=\"What brings you to AdiaUI?\" rows=\"3\"></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/use-case/use-case.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/reg-workspace-name.json

@@ -31,7 +31,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/search-with-filters.json

@@ -25,7 +25,7 @@
       "directory"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "search-ui",

package/chunks/section-with-stack.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<section>\n            <col-ui gap=\"2\">\n              <text-ui color=\"subtle\">Embed designs and sync frames.</text-ui>\n            </col-ui>\n          </section>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/settings-admin-page.json

@@ -43,7 +43,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-appearance.json

@@ -22,7 +22,7 @@
       "html": "<card-ui>\n  <header>\n    <h3>Appearance</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Theme, density, radius, and color scheme</text-ui>\n  </header>\n  <section>\n    <theme-panel persist parametric presets scheme-toggle></theme-panel>\n  </section>\n</card-ui>"
     }
   ],
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "metadata": {
     "domain": "settings",
     "description": "Appearance settings section — theme picker, density + radius sliders, color-scheme toggle.",

package/chunks/settings-billing-plan.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-col>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"star\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Pro</text-ui>\n            <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Change plan\" variant=\"primary\" size=\"sm\" onclick=\"document.getElementById('drawer-change-plan').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">$49/month · billed monthly · Next invoice May 14, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </div>",
   "source": "apps/saas/app/billing/billing.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/settings-general-form.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "input",

package/chunks/settings-integrations.json

@@ -32,7 +32,7 @@
       "layout": "grid"
     }
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-members-invite.json

@@ -12,5 +12,5 @@
   },
   "html": "<div data-col>\n      <field-ui label=\"Email addresses\"><!-- nested: labeled-textarea --></field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin · can invite, remove, and billing</option>\n          <option value=\"member\">Member · can edit and invite</option>\n          <option value=\"viewer\">Viewer · read-only</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/settings-notifications.json

@@ -24,7 +24,7 @@
       "preferences"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-page-shell.json

@@ -39,7 +39,7 @@
       "panel"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-profile-security.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "avatar",

package/chunks/sidebar-collapsible-nav.json

@@ -24,7 +24,7 @@
       "icon-only"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/tabs-with-panels.json

@@ -0,0 +1,172 @@
+{
+  "name": "tabs-with-panels",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <tabs-ui value=\"overview\">\n          <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n          <tab-ui value=\"usage\" text=\"Usage\"></tab-ui>\n          <tab-ui value=\"settings\" text=\"Settings\"></tab-ui>\n        </tabs-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <h3>Overview</h3>\n          <text-ui color=\"subtle\">Welcome to your workspace overview. Quick stats, recent activity, and getting-started shortcuts live here.</text-ui>\n          <grid-ui columns=\"2\" gap=\"3\">\n            <card-ui><section><text-ui strong>4</text-ui><text-ui size=\"sm\" color=\"subtle\">Active projects</text-ui></section></card-ui>\n            <card-ui><section><text-ui strong>28</text-ui><text-ui size=\"sm\" color=\"subtle\">Team members</text-ui></section></card-ui>\n          </grid-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Tabs component with N panels — each tab reveals its corresponding panel content area.",
+    "keywords": [
+      "tabs",
+      "panels",
+      "navigation",
+      "switch",
+      "sections",
+      "views",
+      "content-areas",
+      "tab-strip"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "tab",
+      "component": "Tab"
+    },
+    {
+      "id": "tab-2",
+      "component": "Tab"
+    },
+    {
+      "id": "tab-3",
+      "component": "Tab"
+    },
+    {
+      "id": "tabs",
+      "component": "Tabs",
+      "children": [
+        "tab",
+        "tab-2",
+        "tab-3"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "tabs"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Overview"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Welcome to your workspace overview. Quick stats, recent activity, and getting-started shortcuts live here."
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "4"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Active projects"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "28"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Team members"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "3",
+      "children": [
+        "card-2",
+        "card-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text",
+        "text-2",
+        "grid"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/testimonial-grid.json

@@ -22,7 +22,7 @@
       "marketing"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/text-card.json

@@ -10,5 +10,5 @@
   },
   "html": "<card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>",
   "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/timeline-events.json

@@ -23,7 +23,7 @@
       "releases"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/toolbar-icons.json

@@ -22,7 +22,7 @@
       "formatting"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "button",

package/chunks/toolbar-tooltips.json

@@ -0,0 +1,92 @@
+{
+  "name": "toolbar-tooltips",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <row-ui gap=\"1\" align=\"center\">\n      <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select tool\"></button-ui>\n      <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan tool\"></button-ui>\n      <button-ui icon=\"frame\" variant=\"ghost\" size=\"sm\" tooltip=\"Frame tool\"></button-ui>\n      <separator-ui orientation=\"vertical\"></separator-ui>\n      <button-ui icon=\"circle\" variant=\"ghost\" size=\"sm\" tooltip=\"Ellipse\"></button-ui>\n      <button-ui icon=\"square\" variant=\"ghost\" size=\"sm\" tooltip=\"Rectangle\"></button-ui>\n      <button-ui icon=\"line\" variant=\"ghost\" size=\"sm\" tooltip=\"Line\"></button-ui>\n      <separator-ui orientation=\"vertical\"></separator-ui>\n      <button-ui icon=\"text-aa\" variant=\"ghost\" size=\"sm\" tooltip=\"Text tool\"></button-ui>\n      <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n    </row-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
+    "keywords": [
+      "toolbar",
+      "tooltips",
+      "icon-buttons",
+      "hover-labels",
+      "editor",
+      "canvas",
+      "tools",
+      "accessibility"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "button-5",
+      "component": "Button"
+    },
+    {
+      "id": "button-6",
+      "component": "Button"
+    },
+    {
+      "id": "column-2",
+      "component": "Column"
+    },
+    {
+      "id": "button-7",
+      "component": "Button"
+    },
+    {
+      "id": "button-8",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "button",
+        "button-2",
+        "button-3",
+        "column",
+        "button-4",
+        "button-5",
+        "button-6",
+        "column-2",
+        "button-7",
+        "button-8"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "row"
+      ]
+    }
+  ]
+}

package/chunks/user-identity-row.json

@@ -12,5 +12,5 @@
   },
   "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/user-profile-card.json

@@ -24,7 +24,7 @@
       "team-member"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "avatar",

package/chunks/users-table-badge.json

@@ -24,7 +24,7 @@
       "pagination"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",