@adia-ai/a2ui-corpus 0.4.5 → 0.4.7

package/chunks/auth-mfa-enrollment.json

@@ -41,7 +41,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-mfa-fallback-actions.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\">\n              <button-ui text=\"Send code via SMS\" icon=\"device-mobile\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Use security key\" icon=\"key\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-in/mfa/mfa.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-mfa-recovery.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"Backup code\"\n                  name=\"recovery_code\"\n                  autocomplete=\"one-time-code\"\n                  placeholder=\"abcd-efgh\"\n                  hint=\"Codes look like abcd-efgh. Each code works once.\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Verify and continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-new-password-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"New password\"\n                  type=\"password\"\n                  name=\"password\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  hint=\"At least 12 characters, with a number and a symbol.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Confirm password\"\n                  type=\"password\"\n                  name=\"password_confirm\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Save and sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/reset-password/reset-password.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-new-password.json

@@ -37,7 +37,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-oauth-fallback-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Try again\" icon=\"arrows-clockwise\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Back to sign in\" icon=\"arrow-left\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-oauth-interstitial.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header>\n          <col-ui align=\"center\" gap=\"3\">\n            <icon-ui\n              name=\"spinner\"\n              padding=\"4\"\n              color=\"primary\"\n              aria-hidden=\"true\"\n              style=\"animation: spin 1.2s linear infinite; height: 3rem; width: 3rem\"\n            ></icon-ui>\n            <col-ui align=\"center\" gap=\"1\">\n              <h1>Completing sign in…</h1>\n              <text-ui>Securing your session with the provider.</text-ui>\n            </col-ui>\n          </col-ui>\n        </header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-password-challenge.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Password\" type=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"••••••••\" required></input-ui>\n\n                <row-ui justify=\"space-between\" align=\"center\" size=\"sm\">\n                  <check-ui name=\"remember\" label=\"Remember me\"></check-ui>\n                  <a href=\"/site/examples/auth/forgot-password\">Forgot password?</a>\n                </row-ui>\n                <button-ui text=\"Sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-in/password/password.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-password-reset-form.json

@@ -12,5 +12,5 @@
   },
   "html": "<form size=\"lg\" action=\"/site/examples/auth/forgot-password/sent\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Send reset link\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-password-reset.json

@@ -38,7 +38,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-profile-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"Full name\"\n                  name=\"name\"\n                  autocomplete=\"name\"\n                  placeholder=\"Jane Doe\"\n                  hint=\"Shown to teammates and on shared work.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Display name\"\n                  name=\"username\"\n                  autocomplete=\"username\"\n                  prefix=\"@\"\n                  placeholder=\"janedoe\"\n                  hint=\"Used for @mentions and signed comments.\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-profile-setup.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-reset-sent.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-session-expired-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-session-expired.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signin-card-email.json

@@ -41,7 +41,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signin-card-magic-link.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signin-card-mfa.json

@@ -40,7 +40,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signin-card-otp.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signin-card-password.json

@@ -36,7 +36,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signin-card-recovery.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signout-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signout.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signup-email-entry.json

@@ -12,5 +12,5 @@
   },
   "html": "<form size=\"lg\" action=\"/site/examples/auth/sign-up/verify\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Continue with Email\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signup-entry.json

@@ -42,7 +42,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "image",

package/chunks/auth-signup-social-auths.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-signup-verify.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-social-auths.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-sso-providers.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-sso-required.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/auth-team-invite.json

@@ -15,5 +15,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/card-header-with-description.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/chat-page-shell.json

@@ -29,5 +29,5 @@
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Engineering</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Design</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <text-ui>Hey team, the deploy is ready for review.</text-ui>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <text-ui>On it — checking the staging logs now.</text-ui>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/chat-streaming-surface.json

@@ -10,5 +10,5 @@
   },
   "html": "<card-ui raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" align=\"center\">\n      <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n      <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/command-palette.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<modal-ui>\n  <header>\n    <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n  </header>\n  <section>\n    <command-ui></command-ui>\n  </section>\n</modal-ui>",
   "source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/commerce-pricing-tiers.json

@@ -12,5 +12,5 @@
   },
   "html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Plan\">\n          <col-ui gap=\"2\">\n            <option-card-ui name=\"plan\" value=\"free\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Free</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Solo or community work</text-ui>\n                <span>$0/mo</span>\n              </row-ui>\n              <span slot=\"description\">Up to 5 members · 10 projects · community support</span>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"pro\" checked>\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Pro</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Designed for small operations</text-ui>\n                <span>$49/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Unlimited members · advanced charts · 100 GB storage · email support</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 40%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">14-day trial period</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"team\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Team</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For growing organizations</text-ui>\n                <span>$129/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Everything in Pro · SSO · audit log · role-based permissions · 1 TB storage</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 30%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Pay annually</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"enterprise\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Enterprise</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For regulated industries</text-ui>\n                <span>custom</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Dedicated support · DPA · SCIM · on-prem deployment · talk to sales</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Volume pricing\" variant=\"accent\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Custom contract</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"custom\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Something else</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Tell us what you need</text-ui>\n                <span>talk to us</span>\n              </row-ui>\n              <span slot=\"description\">None of these fit? Tell us what you need and we'll quote a custom plan within one business day.</span>\n              <textarea-ui\n                name=\"custom-requirements\"\n                rows=\"4\"\n                label=\"Your requirements\"\n                placeholder=\"Volume, compliance needs, integrations, deployment constraints — whatever you'd want a sales engineer to know up front.\"\n              ></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/plan/plan.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/conversion-funnel-6step.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Conversion Funnel</h3>\n    <text-ui slot=\"description\" color=\"subtle\">6 stages from visit to purchase</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <row-ui align=\"center\" gap=\"3\">\n        <col-ui gap=\"0\" grow>\n          <text-ui strong>Visited landing page</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">28,432 visitors</text-ui>\n        </col-ui>\n        <text-ui strong>100%</text-ui>\n      </row-ui>\n      <progress-row-ui label=\"Viewed pricing\" value=\"68\" meta=\"19,334 · 68%\"></progress-row-ui>\n      <progress-row-ui label=\"Started trial\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n      <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n      <progress-row-ui label=\"Used core feature\" value=\"18\" meta=\"5,118 · 18%\"></progress-row-ui>\n      <progress-row-ui label=\"Upgraded to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-acquisition-panel.json

@@ -35,7 +35,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-admin-page.json

@@ -72,7 +72,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-audience-kpis.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"4\" gap=\"4\">\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section\n            ></card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-audience-panel.json

@@ -37,7 +37,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-behavior-panel.json

@@ -34,7 +34,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-chart-recent.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-cohort-retention.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Retention by signup week</h3>\n                <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n              </header>\n              <section bleed>\n                <table-ui id=\"analytics-cohort\" raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-conversion-panel.json

@@ -35,7 +35,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-country-list.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top countries</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇺🇸</text-ui>\n                      <text-ui weight=\"semibold\" grow>United States</text-ui>\n                      <text-ui>14,320</text-ui>\n                      <text-ui color=\"subtle\">50.4%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇩🇪</text-ui>\n                      <text-ui weight=\"semibold\" grow>Germany</text-ui>\n                      <text-ui>3,892</text-ui>\n                      <text-ui color=\"subtle\">13.7%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇬🇧</text-ui>\n                      <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n                      <text-ui>2,841</text-ui>\n                      <text-ui color=\"subtle\">10.0%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇯🇵</text-ui>\n                      <text-ui weight=\"semibold\" grow>Japan</text-ui>\n                      <text-ui>1,920</text-ui>\n                      <text-ui color=\"subtle\">6.8%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇨🇦</text-ui>\n                      <text-ui weight=\"semibold\" grow>Canada</text-ui>\n                      <text-ui>1,450</text-ui>\n                      <text-ui color=\"subtle\">5.1%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-filter-bar.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <section>\n                <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n                  <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n                  <tag-ui text=\"Country: United States\" removable></tag-ui>\n                  <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n                  <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n                  <span data-spacer></span>\n                  <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-funnel.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion funnel</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"3\">\n                  <row-ui align=\"center\" gap=\"3\">\n                    <col-ui gap=\"0\" grow>\n                      <text-ui strong>Visited landing page</text-ui>\n                      <text-ui color=\"subtle\">28,432 visitors</text-ui>\n                    </col-ui>\n                    <text-ui strong>100%</text-ui>\n                  </row-ui>\n                  <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n                  <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n                  <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n                </col-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-kpi-grid.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"4\" gap=\"4\">\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n            ></card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-notifications-feed.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Notifications</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">System and team activity</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <segmented-ui value=\"all\">\n                      <segment-ui value=\"all\" text=\"All\"></segment-ui>\n                      <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n                      <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n                    </segmented-ui>\n                    <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n                  </row-ui>\n                </span>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-notifications-panel.json

@@ -32,7 +32,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-overview-panel.json

@@ -46,7 +46,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "stat",

package/chunks/dashboard-page-header.json

@@ -31,7 +31,7 @@
       "layout": "header"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-pages-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top pages</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n              </header>\n              <section bleed>\n                <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-quick-actions.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header><h3>Quick Actions</h3></header>\n              <section>\n                <action-list-ui>\n                  <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n                  <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n                  <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n                  <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n                  <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n                  <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n                </action-list-ui>\n              </section>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }

package/chunks/dashboard-reports-panel.json

@@ -33,7 +33,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-12T13:16:54.281Z",
+  "captured_at": "2026-05-12T19:23:09.661Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-reports-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Reports</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n                    <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n                    <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n                    <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n                    <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n                  </segmented-ui>\n                  <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n                </span>\n              </header>\n              <section bleed>\n                <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T13:16:54.281Z"
+  "captured_at": "2026-05-12T19:23:09.661Z"
 }