@adia-ai/a2ui-corpus 0.3.5 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/catalog-a2ui_0_9.json +411 -0
  3. package/catalog-a2ui_0_9_rules.txt +18 -0
  4. package/chunks/_index.json +83 -4
  5. package/chunks/agent-activity-feed.json +1 -1
  6. package/chunks/agent-canvas-shell.json +33 -0
  7. package/chunks/agent-reasoning-collapsed.json +1 -1
  8. package/chunks/auth-account-deleted-actions.json +1 -1
  9. package/chunks/auth-account-deleted.json +1 -1
  10. package/chunks/auth-card-content.json +1 -1
  11. package/chunks/auth-card-header.json +1 -1
  12. package/chunks/auth-email-entry.json +1 -1
  13. package/chunks/auth-email-verify-confirm.json +1 -1
  14. package/chunks/auth-email-verify.json +1 -1
  15. package/chunks/auth-forbidden-actions.json +1 -1
  16. package/chunks/auth-forbidden.json +1 -1
  17. package/chunks/auth-invite-actions.json +1 -1
  18. package/chunks/auth-invite-team-card.json +1 -1
  19. package/chunks/auth-link-expired-form.json +1 -1
  20. package/chunks/auth-link-expired.json +1 -1
  21. package/chunks/auth-locked-account.json +1 -1
  22. package/chunks/auth-locked-recovery-options.json +1 -1
  23. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  24. package/chunks/auth-mfa-enrollment.json +1 -1
  25. package/chunks/auth-mfa-fallback-actions.json +1 -1
  26. package/chunks/auth-mfa-recovery.json +1 -1
  27. package/chunks/auth-new-password-form.json +1 -1
  28. package/chunks/auth-new-password.json +1 -1
  29. package/chunks/auth-oauth-fallback-actions.json +1 -1
  30. package/chunks/auth-oauth-interstitial.json +1 -1
  31. package/chunks/auth-password-challenge.json +1 -1
  32. package/chunks/auth-password-reset-form.json +1 -1
  33. package/chunks/auth-password-reset.json +1 -1
  34. package/chunks/auth-profile-form.json +1 -1
  35. package/chunks/auth-profile-setup.json +1 -1
  36. package/chunks/auth-reset-sent.json +1 -1
  37. package/chunks/auth-session-expired-actions.json +1 -1
  38. package/chunks/auth-session-expired.json +1 -1
  39. package/chunks/auth-signin-card-email.json +1 -1
  40. package/chunks/auth-signin-card-magic-link.json +1 -1
  41. package/chunks/auth-signin-card-mfa.json +1 -1
  42. package/chunks/auth-signin-card-otp.json +1 -1
  43. package/chunks/auth-signin-card-password.json +1 -1
  44. package/chunks/auth-signin-card-recovery.json +1 -1
  45. package/chunks/auth-signout-actions.json +1 -1
  46. package/chunks/auth-signout.json +1 -1
  47. package/chunks/auth-signup-email-entry.json +1 -1
  48. package/chunks/auth-signup-entry.json +1 -1
  49. package/chunks/auth-signup-social-auths.json +1 -1
  50. package/chunks/auth-signup-verify.json +1 -1
  51. package/chunks/auth-social-auths.json +1 -1
  52. package/chunks/auth-sso-providers.json +1 -1
  53. package/chunks/auth-sso-required.json +1 -1
  54. package/chunks/auth-team-invite.json +1 -1
  55. package/chunks/chat-page-shell.json +33 -0
  56. package/chunks/chat-streaming-surface.json +1 -1
  57. package/chunks/command-palette.json +1 -1
  58. package/chunks/commerce-pricing-tiers.json +1 -1
  59. package/chunks/conversion-funnel-6step.json +1 -1
  60. package/chunks/dashboard-acquisition-panel.json +1 -1
  61. package/chunks/dashboard-admin-page.json +1 -1
  62. package/chunks/dashboard-audience-kpis.json +1 -1
  63. package/chunks/dashboard-audience-panel.json +1 -1
  64. package/chunks/dashboard-behavior-panel.json +1 -1
  65. package/chunks/dashboard-chart-recent.json +1 -1
  66. package/chunks/dashboard-cohort-retention.json +1 -1
  67. package/chunks/dashboard-conversion-panel.json +1 -1
  68. package/chunks/dashboard-country-list.json +1 -1
  69. package/chunks/dashboard-filter-bar.json +1 -1
  70. package/chunks/dashboard-funnel.json +1 -1
  71. package/chunks/dashboard-kpi-grid.json +1 -1
  72. package/chunks/dashboard-notifications-feed.json +1 -1
  73. package/chunks/dashboard-notifications-panel.json +1 -1
  74. package/chunks/dashboard-overview-panel.json +1 -1
  75. package/chunks/dashboard-page-header.json +1 -1
  76. package/chunks/dashboard-pages-table.json +1 -1
  77. package/chunks/dashboard-quick-actions.json +1 -1
  78. package/chunks/dashboard-reports-panel.json +1 -1
  79. package/chunks/dashboard-reports-table.json +1 -1
  80. package/chunks/dashboard-spark-cards.json +1 -1
  81. package/chunks/dashboard-storage-card.json +1 -1
  82. package/chunks/dashboard-tabs.json +1 -1
  83. package/chunks/dashboard-team-actions-storage.json +1 -1
  84. package/chunks/dashboard-team-list.json +1 -1
  85. package/chunks/dashboard-traffic-channels.json +1 -1
  86. package/chunks/dashboard-transactions-table.json +1 -1
  87. package/chunks/destructive-confirm-modal.json +1 -1
  88. package/chunks/doc-editor-shell.json +33 -0
  89. package/chunks/drawer-2fa-key.json +1 -1
  90. package/chunks/drawer-2fa-sms.json +1 -1
  91. package/chunks/drawer-2fa-totp.json +1 -1
  92. package/chunks/drawer-cancel-sub.json +1 -1
  93. package/chunks/drawer-change-plan.json +1 -1
  94. package/chunks/drawer-custom-roles.json +1 -1
  95. package/chunks/drawer-data-start.json +1 -1
  96. package/chunks/drawer-delete-account.json +1 -1
  97. package/chunks/drawer-delete-workspace.json +1 -1
  98. package/chunks/drawer-discord.json +1 -1
  99. package/chunks/drawer-figma.json +1 -1
  100. package/chunks/drawer-first-dashboard.json +1 -1
  101. package/chunks/drawer-gcal.json +1 -1
  102. package/chunks/drawer-github.json +1 -1
  103. package/chunks/drawer-invite.json +1 -1
  104. package/chunks/drawer-payment-method.json +1 -1
  105. package/chunks/drawer-report.json +1 -1
  106. package/chunks/drawer-revoke-session.json +1 -1
  107. package/chunks/drawer-role.json +1 -1
  108. package/chunks/drawer-slack.json +1 -1
  109. package/chunks/drawer-smtp.json +1 -1
  110. package/chunks/drawer-source.json +1 -1
  111. package/chunks/drawer-transaction.json +1 -1
  112. package/chunks/editor-code-pane.json +1 -1
  113. package/chunks/editor-page-shell.json +1 -1
  114. package/chunks/editor-preview-pane.json +1 -1
  115. package/chunks/error-404-actions.json +1 -1
  116. package/chunks/error-404.json +1 -1
  117. package/chunks/error-500-actions.json +1 -1
  118. package/chunks/error-500.json +1 -1
  119. package/chunks/error-maintenance-actions.json +1 -1
  120. package/chunks/error-maintenance.json +1 -1
  121. package/chunks/error-page-shell.json +1 -1
  122. package/chunks/form-page-shell.json +1 -1
  123. package/chunks/gallery-page-shell.json +33 -0
  124. package/chunks/kanban-board-3col.json +1 -1
  125. package/chunks/kanban-page-shell.json +28 -0
  126. package/chunks/marketing-hero-cta.json +1 -1
  127. package/chunks/marketing-page-shell.json +1 -1
  128. package/chunks/member-edit-drawer.json +1 -1
  129. package/chunks/onb-completion.json +1 -1
  130. package/chunks/onb-extension-install.json +1 -1
  131. package/chunks/onb-hero-welcome.json +1 -1
  132. package/chunks/onb-import-picker.json +1 -1
  133. package/chunks/onb-mobile-handoff.json +1 -1
  134. package/chunks/onb-notification-prefs.json +1 -1
  135. package/chunks/onb-persona-picker.json +1 -1
  136. package/chunks/onb-provider-tiles.json +1 -1
  137. package/chunks/onb-settings-review.json +1 -1
  138. package/chunks/onb-step-footer.json +1 -1
  139. package/chunks/onb-step-header.json +1 -1
  140. package/chunks/onb-step-progress.json +1 -1
  141. package/chunks/onb-step-shell.json +1 -1
  142. package/chunks/onb-story-pane.json +1 -1
  143. package/chunks/onb-tutorial-steps.json +1 -1
  144. package/chunks/playground-a2ui.json +1 -1
  145. package/chunks/playground-app-shell.json +1 -1
  146. package/chunks/playground-chat.json +1 -1
  147. package/chunks/playground-construct-canvas.json +1 -1
  148. package/chunks/playground-gen-ui.json +1 -1
  149. package/chunks/playground-render-preview.json +1 -1
  150. package/chunks/playground-streams-bridge.json +1 -1
  151. package/chunks/playground-table-toolbar.json +1 -1
  152. package/chunks/reg-address-form.json +1 -1
  153. package/chunks/reg-billing-card.json +1 -1
  154. package/chunks/reg-brand-scrape.json +1 -1
  155. package/chunks/reg-departments-toggle.json +1 -1
  156. package/chunks/reg-extended-profile.json +1 -1
  157. package/chunks/reg-final-done.json +1 -1
  158. package/chunks/reg-helpdesk-grid.json +1 -1
  159. package/chunks/reg-import-picker.json +1 -1
  160. package/chunks/reg-integrations-grid.json +1 -1
  161. package/chunks/reg-invite-form.json +1 -1
  162. package/chunks/reg-legal-entity.json +1 -1
  163. package/chunks/reg-org-chart-review.json +1 -1
  164. package/chunks/reg-profile-identity.json +1 -1
  165. package/chunks/reg-step-footer.json +1 -1
  166. package/chunks/reg-step-header.json +1 -1
  167. package/chunks/reg-step-progress.json +1 -1
  168. package/chunks/reg-step-shell.json +1 -1
  169. package/chunks/reg-story-pane.json +1 -1
  170. package/chunks/reg-success-summary.json +1 -1
  171. package/chunks/reg-team-size.json +1 -1
  172. package/chunks/reg-usecase-picker.json +1 -1
  173. package/chunks/reg-workspace-name.json +1 -1
  174. package/chunks/settings-billing-plan.json +1 -1
  175. package/chunks/settings-general-form.json +1 -1
  176. package/chunks/settings-integrations.json +1 -1
  177. package/chunks/settings-members-invite.json +1 -1
  178. package/chunks/settings-notifications.json +1 -1
  179. package/chunks/settings-page-shell.json +1 -1
  180. package/chunks/settings-profile-security.json +1 -1
  181. package/chunks/user-profile-card.json +1 -1
  182. package/chunks/users-table-badge.json +1 -1
  183. package/package.json +1 -1
@@ -243,5 +243,5 @@
243
243
  "html": "<section>\n <col-ui gap=\"6\">\n <col-ui align=\"center\">\n <otp-input-ui size=\"lg\" length=\"6\" autocomplete=\"one-time-code\"></otp-input-ui>\n </col-ui>\n\n <alert-ui variant=\"warning\" icon=\"warning\">\n <span slot=\"content\">\n Already have an account? If you're still waiting on your code,\n <a href=\"/site/examples/auth/sign-in\">try signing in instead</a>.\n </span>\n </alert-ui>\n\n <text-ui text-align=\"center\">\n <a href=\"/site/examples/auth/sign-up\">← Back</a>\n </text-ui>\n\n <text-ui text-align=\"center\" color=\"subtle\"> Already have an account? <a href=\"/site/examples/auth/sign-in\">Sign in</a> </text-ui>\n </col-ui>\n </section>"
244
244
  }
245
245
  ],
246
- "captured_at": "2026-05-07T15:03:20.693Z"
246
+ "captured_at": "2026-05-10T17:53:43.459Z"
247
247
  }
@@ -188,5 +188,5 @@
188
188
  "html": "<header>\n <col-ui align=\"center\" gap=\"1\">\n <a href=\"/\" aria-label=\"AdiaUI home\">\n <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n </a>\n <h1>Verify your email</h1>\n <text-ui> We sent a 6-digit code to <strong color=\"accent\">kim+samples@acme.com</strong>. Enter it below. </text-ui>\n </col-ui>\n </header>"
189
189
  }
190
190
  ],
191
- "captured_at": "2026-05-07T15:03:20.693Z"
191
+ "captured_at": "2026-05-10T17:53:43.459Z"
192
192
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "html": "<form size=\"lg\" action=\"/site/examples/auth/sign-in/password\" 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>",
14
14
  "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "html": "<form size=\"lg\" action=\"/site/examples/profile-security\" method=\"get\">\n <col-ui gap=\"4\">\n <button-ui text=\"Confirm new email\" variant=\"primary\" type=\"submit\"></button-ui>\n </col-ui>\n </form>",
14
14
  "source": "apps/user-flow/app/auth/email-change/verify/verify.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/email-change/verify/verify.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Switch account\" icon=\"user-switch\" variant=\"primary\"></button-ui>\n <button-ui text=\"Request access\" icon=\"paper-plane-tilt\"></button-ui>\n <button-ui text=\"Go home\" icon=\"house\"></button-ui>\n </col-ui>",
13
13
  "source": "apps/user-flow/app/auth/forbidden/forbidden.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/forbidden/forbidden.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Accept invitation\" variant=\"primary\"></button-ui>\n <button-ui text=\"Decline\"></button-ui>\n </col-ui>",
13
13
  "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui>\n <row-ui gap=\"3\" align=\"center\" padding=\"3\">\n <avatar-ui size=\"lg\" text=\"A\" variant=\"primary\" aria-hidden=\"true\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong>Acme</text-ui>\n <text-ui color=\"subtle\">acme.adia-ui.app · 24 members</text-ui>\n </col-ui>\n </row-ui>\n </card-ui>",
10
10
  "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "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 a new link\" variant=\"primary\" type=\"submit\"></button-ui>\n </col-ui>\n </form>",
14
14
  "source": "apps/user-flow/app/auth/link-expired/link-expired.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/link-expired/link-expired.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/account-locked/account-locked.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<col-ui gap=\"2\">\n <button-ui text=\"Email a reset link\" icon=\"envelope-simple\" variant=\"outline\"></button-ui>\n <button-ui text=\"Use a backup code\" icon=\"key\" variant=\"outline\"></button-ui>\n <button-ui text=\"Contact support\" icon=\"lifebuoy\" variant=\"outline\"></button-ui>\n </col-ui>",
12
12
  "source": "apps/user-flow/app/auth/account-locked/account-locked.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "html": "<form size=\"lg\" action=\"/site/examples/dashboard\" method=\"get\">\n <col-ui gap=\"4\">\n <button-ui text=\"Verify and enable\" variant=\"primary\" type=\"submit\"></button-ui>\n </col-ui>\n </form>",
14
14
  "source": "apps/user-flow/app/auth/sign-up/mfa-setup/mfa-setup.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-up/mfa-setup/mfa-setup.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/mfa/mfa.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/reset-password/reset-password.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/reset-password/reset-password.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "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>",
13
13
  "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "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>",
15
15
  "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
16
- "captured_at": "2026-05-07T15:03:20.693Z"
16
+ "captured_at": "2026-05-10T17:53:43.459Z"
17
17
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/password/password.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "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>",
14
14
  "source": "apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "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>",
15
15
  "source": "apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
16
- "captured_at": "2026-05-07T15:03:20.693Z"
16
+ "captured_at": "2026-05-10T17:53:43.459Z"
17
17
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "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>",
13
13
  "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "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>",
17
17
  "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
18
- "captured_at": "2026-05-07T15:03:20.693Z"
18
+ "captured_at": "2026-05-10T17:53:43.459Z"
19
19
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<card-ui raw style=\"max-width: 32rem\">\n <header>\n <col-ui align=\"center\" gap=\"1\">\n <a href=\"/\" aria-label=\"AdiaUI home\">\n <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n </a>\n <h1>Check your email</h1>\n </col-ui>\n </header>\n\n <section>\n <col-ui gap=\"6\">\n <text-ui align=\"center\">\n We sent a one-time sign-in link to\n <strong color=\"accent\">kim@acme.com</strong>. Click the link in that email to finish signing in. The link expires in 10 minutes.\n </text-ui>\n\n <alert-ui variant=\"info\" icon=\"info\">\n <span slot=\"content\">Didn't get the email? Check your spam folder, or wait <strong>30 seconds</strong> before requesting a new link.</span>\n </alert-ui>\n\n <button-ui text=\"Resend link\" icon=\"arrow-clockwise\" variant=\"outline\" disabled></button-ui>\n\n <text-ui text-align=\"center\">\n <a href=\"/site/examples/auth/sign-in\">← Use a different email</a>\n </text-ui>\n </col-ui>\n </section>\n </card-ui>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/magic-link/sent/sent.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-in/mfa/mfa.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<card-ui raw style=\"max-width: 32rem\">\n <header>\n <col-ui align=\"center\" gap=\"1\">\n <a href=\"/\" aria-label=\"AdiaUI home\">\n <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n </a>\n <h1>Enter your code</h1>\n <text-ui>We sent a 6-digit code to <strong color=\"accent\">kim@acme.com</strong>. Enter it below.</text-ui>\n </col-ui>\n </header>\n\n <section>\n <col-ui gap=\"6\">\n <col-ui align=\"center\">\n <otp-input-ui size=\"lg\" length=\"6\" autocomplete=\"one-time-code\"></otp-input-ui>\n </col-ui>\n\n <text-ui text-align=\"center\" color=\"subtle\"> Didn't receive it? <a href=\"#\">Resend in 30s</a> </text-ui>\n\n <text-ui text-align=\"center\">\n <a href=\"/site/examples/auth/sign-in\">← Use a different method</a>\n </text-ui>\n\n <text-ui text-align=\"center\" color=\"subtle\"> Don't have an account? <a href=\"/site/examples/auth/sign-up\">Sign up</a> </text-ui>\n </col-ui>\n </section>\n </card-ui>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/otp/verify/verify.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-in/password/password.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "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>",
13
13
  "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "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>",
14
14
  "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "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>",
17
17
  "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
18
- "captured_at": "2026-05-07T15:03:20.693Z"
18
+ "captured_at": "2026-05-10T17:53:43.459Z"
19
19
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "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>",
15
15
  "source": "apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
16
- "captured_at": "2026-05-07T15:03:20.693Z"
16
+ "captured_at": "2026-05-10T17:53:43.459Z"
17
17
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "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>",
13
13
  "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "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>",
16
16
  "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "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>",
17
17
  "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
18
- "captured_at": "2026-05-07T15:03:20.693Z"
18
+ "captured_at": "2026-05-10T17:53:43.459Z"
19
19
  }
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "chat-page-shell",
3
+ "kind": "page",
4
+ "primary": "article",
5
+ "page": "/apps/generic-shells/app/chat-page/chat-page.contents.html",
6
+ "slots": [
7
+ {
8
+ "name": "sidebar",
9
+ "tagName": "aside",
10
+ "html": "<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>"
11
+ },
12
+ {
13
+ "name": "header",
14
+ "tagName": "header",
15
+ "html": "<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>"
16
+ },
17
+ {
18
+ "name": "messages",
19
+ "tagName": "section",
20
+ "html": "<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>"
21
+ },
22
+ {
23
+ "name": "input",
24
+ "tagName": "footer",
25
+ "html": "<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>"
26
+ }
27
+ ],
28
+ "nested": [],
29
+ "attrs": {},
30
+ "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>",
31
+ "source": "apps/generic-shells/app/chat-page/chat-page.contents.html",
32
+ "captured_at": "2026-05-10T17:53:43.459Z"
33
+ }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "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>",
12
12
  "source": "apps/patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "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>",
10
10
  "source": "apps/patterns/app/command-palette/command-palette.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "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>",
14
14
  "source": "apps/user-flow/app/registration/plan/plan.contents.html",
15
- "captured_at": "2026-05-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "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>",
10
10
  "source": "apps/patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"acquisition\" hidden>\n <grid-ui columns=\"3\" gap=\"4\"><!-- nested: dashboard-traffic-channels --></grid-ui>\n </div>",
15
15
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
16
- "captured_at": "2026-05-07T15:03:20.693Z"
16
+ "captured_at": "2026-05-10T17:53:43.459Z"
17
17
  }
@@ -46,5 +46,5 @@
46
46
  "attrs": {},
47
47
  "html": "<article>\n <div data-content-header data-chunk-slot=\"page-header\">\n <header><!-- nested: dashboard-page-header --></header>\n </div>\n\n <div data-content-body data-chunk-slot=\"page-content\">\n <section>\n <div data-dashboard-content>\n <div data-tab-panel=\"overview\"><!-- nested: dashboard-overview-panel --></div>\n <!-- /overview -->\n\n <!-- ═══════════════════════ AUDIENCE TAB ═══════════════════════ -->\n <div data-tab-panel=\"audience\" hidden><!-- nested: dashboard-audience-panel --></div>\n <!-- /audience -->\n\n <!-- ═══════════════════════ ACQUISITION TAB ═══════════════════════ -->\n <div data-tab-panel=\"acquisition\" hidden><!-- nested: dashboard-acquisition-panel --></div>\n <!-- /acquisition -->\n\n <!-- ═══════════════════════ BEHAVIOR TAB ═══════════════════════ -->\n <div data-tab-panel=\"behavior\" hidden><!-- nested: dashboard-behavior-panel --></div>\n <!-- /behavior -->\n\n <!-- ═══════════════════════ CONVERSION TAB ═══════════════════════ -->\n <div data-tab-panel=\"conversion\" hidden><!-- nested: dashboard-conversion-panel --></div>\n <!-- /conversion -->\n\n <!-- ═══════════════════════ REPORTS TAB ═══════════════════════ -->\n <div data-tab-panel=\"reports\" hidden><!-- nested: dashboard-reports-panel --></div>\n <!-- /reports -->\n\n <!-- ═══════════════════════ NOTIFICATIONS TAB ═══════════════════════ -->\n <div data-tab-panel=\"notifications\" hidden><!-- nested: dashboard-notifications-panel --></div>\n <!-- /notifications -->\n </div>\n </section>\n </div>\n</article>",
48
48
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
49
- "captured_at": "2026-05-07T15:03:20.693Z"
49
+ "captured_at": "2026-05-10T17:53:43.459Z"
50
50
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "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>",
13
13
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "html": "<div data-tab-panel=\"audience\" hidden>\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui><!-- nested: dashboard-filter-bar --></grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-audience-kpis --></grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui><!-- nested: dashboard-country-list --></grid-ui>\n </div>",
17
17
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
18
- "captured_at": "2026-05-07T15:03:20.693Z"
18
+ "captured_at": "2026-05-10T17:53:43.459Z"
19
19
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"behavior\" hidden>\n <grid-ui><!-- nested: dashboard-pages-table --></grid-ui>\n </div>",
15
15
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
16
- "captured_at": "2026-05-07T15:03:20.693Z"
16
+ "captured_at": "2026-05-10T17:53:43.459Z"
17
17
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"5\" gap=\"4\">\n <card-ui span=\"3\">\n <header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }