@adia-ai/a2ui-corpus 0.6.18 → 0.6.20

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 (236) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/catalog-a2ui_0_9.json +147 -8
  3. package/catalog-a2ui_0_9_rules.txt +8 -0
  4. package/chunk-embeddings.json +1 -1
  5. package/chunks/_index.json +29 -31
  6. package/chunks/accordion-settings.json +1 -1
  7. package/chunks/agent-activity-feed.json +2 -1
  8. package/chunks/agent-canvas-shell.json +1 -1
  9. package/chunks/agent-command-palette-search.json +8 -2
  10. package/chunks/agent-reasoning-collapsed.json +2 -1
  11. package/chunks/agent-tool-call-result.json +6 -2
  12. package/chunks/agent-trace-timeline.json +24 -2
  13. package/chunks/ai-streaming-response.json +4 -2
  14. package/chunks/alert-banner.json +3 -1
  15. package/chunks/auth-account-deleted-actions.json +1 -1
  16. package/chunks/auth-account-deleted.json +1 -1
  17. package/chunks/auth-card-content.json +1 -1
  18. package/chunks/auth-card-header.json +1 -1
  19. package/chunks/auth-email-entry.json +1 -1
  20. package/chunks/auth-email-verify-confirm.json +1 -1
  21. package/chunks/auth-email-verify.json +1 -1
  22. package/chunks/auth-forbidden-actions.json +1 -1
  23. package/chunks/auth-forbidden.json +1 -1
  24. package/chunks/auth-invite-actions.json +1 -1
  25. package/chunks/auth-invite-team-card.json +1 -1
  26. package/chunks/auth-link-expired-form.json +1 -1
  27. package/chunks/auth-link-expired.json +1 -1
  28. package/chunks/auth-locked-account.json +1 -1
  29. package/chunks/auth-locked-recovery-options.json +1 -1
  30. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  31. package/chunks/auth-mfa-enrollment.json +7 -1
  32. package/chunks/auth-mfa-fallback-actions.json +1 -1
  33. package/chunks/auth-mfa-recovery.json +1 -1
  34. package/chunks/auth-new-password-form.json +1 -1
  35. package/chunks/auth-new-password.json +3 -1
  36. package/chunks/auth-oauth-fallback-actions.json +1 -1
  37. package/chunks/auth-oauth-interstitial.json +1 -1
  38. package/chunks/auth-password-challenge.json +1 -1
  39. package/chunks/auth-password-reset-form.json +1 -1
  40. package/chunks/auth-password-reset.json +3 -1
  41. package/chunks/auth-profile-form.json +1 -1
  42. package/chunks/auth-profile-setup.json +1 -1
  43. package/chunks/auth-reset-sent.json +1 -1
  44. package/chunks/auth-session-expired-actions.json +1 -1
  45. package/chunks/auth-session-expired.json +1 -1
  46. package/chunks/auth-signin-card-email.json +3 -1
  47. package/chunks/auth-signin-card-magic-link.json +2 -1
  48. package/chunks/auth-signin-card-mfa.json +3 -1
  49. package/chunks/auth-signin-card-otp.json +6 -1
  50. package/chunks/auth-signin-card-password.json +2 -1
  51. package/chunks/auth-signin-card-recovery.json +1 -1
  52. package/chunks/auth-signout-actions.json +1 -1
  53. package/chunks/auth-signout.json +1 -1
  54. package/chunks/auth-signup-email-entry.json +1 -1
  55. package/chunks/auth-signup-entry.json +6 -1
  56. package/chunks/auth-signup-social-auths.json +1 -1
  57. package/chunks/auth-signup-verify.json +1 -1
  58. package/chunks/auth-social-auths.json +1 -1
  59. package/chunks/auth-sso-providers.json +1 -1
  60. package/chunks/auth-sso-required.json +1 -1
  61. package/chunks/auth-team-invite.json +1 -1
  62. package/chunks/avatar-group-overflow.json +3 -1
  63. package/chunks/breadcrumb-nav.json +2 -1
  64. package/chunks/calendar-month-view.json +1 -1
  65. package/chunks/card-header-with-description.json +1 -1
  66. package/chunks/chart-with-filter-pills.json +6 -2
  67. package/chunks/chat-page-shell.json +13 -7
  68. package/chunks/chat-streaming-surface.json +1 -1
  69. package/chunks/color-picker-swatches.json +5 -1
  70. package/chunks/command-palette.json +1 -1
  71. package/chunks/commerce-pricing-tiers.json +17 -1
  72. package/chunks/comparison-table.json +34 -1
  73. package/chunks/conversion-funnel-6step.json +4 -1
  74. package/chunks/dashboard-acquisition-panel.json +3 -1
  75. package/chunks/dashboard-admin-page.json +2 -2
  76. package/chunks/dashboard-audience-kpis.json +1 -1
  77. package/chunks/dashboard-audience-panel.json +19 -1
  78. package/chunks/dashboard-behavior-panel.json +2 -1
  79. package/chunks/dashboard-chart-recent.json +13 -1
  80. package/chunks/dashboard-cohort-retention.json +1 -1
  81. package/chunks/dashboard-conversion-panel.json +4 -1
  82. package/chunks/dashboard-country-list.json +2 -2
  83. package/chunks/dashboard-filter-bar.json +3 -1
  84. package/chunks/dashboard-funnel.json +3 -1
  85. package/chunks/dashboard-kpi-grid.json +1 -1
  86. package/chunks/dashboard-notifications-feed.json +1 -1
  87. package/chunks/dashboard-notifications-panel.json +21 -1
  88. package/chunks/dashboard-overview-panel.json +20 -1
  89. package/chunks/dashboard-page-header.json +1 -1
  90. package/chunks/dashboard-pages-table.json +1 -1
  91. package/chunks/dashboard-quick-actions.json +1 -1
  92. package/chunks/dashboard-reports-panel.json +1 -1
  93. package/chunks/dashboard-reports-table.json +1 -1
  94. package/chunks/dashboard-spark-cards.json +1 -1
  95. package/chunks/dashboard-storage-card.json +1 -1
  96. package/chunks/dashboard-tabs.json +1 -1
  97. package/chunks/dashboard-team-actions-storage.json +7 -1
  98. package/chunks/dashboard-team-list.json +1 -1
  99. package/chunks/dashboard-traffic-channels.json +1 -1
  100. package/chunks/dashboard-transactions-table.json +2 -1
  101. package/chunks/date-time-picker-form.json +1 -1
  102. package/chunks/destructive-confirm-modal.json +1 -1
  103. package/chunks/divider-text-label.json +3 -1
  104. package/chunks/doc-editor-shell.json +1 -1
  105. package/chunks/drawer-2fa-key.json +1 -1
  106. package/chunks/drawer-2fa-sms.json +1 -1
  107. package/chunks/drawer-2fa-totp.json +1 -1
  108. package/chunks/drawer-cancel-sub.json +1 -1
  109. package/chunks/drawer-change-plan.json +1 -1
  110. package/chunks/drawer-custom-roles.json +1 -1
  111. package/chunks/drawer-data-start.json +1 -1
  112. package/chunks/drawer-delete-account.json +1 -1
  113. package/chunks/drawer-delete-workspace.json +2 -2
  114. package/chunks/drawer-discord.json +1 -1
  115. package/chunks/drawer-figma.json +1 -1
  116. package/chunks/drawer-first-dashboard.json +1 -1
  117. package/chunks/drawer-gcal.json +1 -1
  118. package/chunks/drawer-github.json +1 -1
  119. package/chunks/drawer-invite.json +1 -1
  120. package/chunks/drawer-payment-method.json +3 -1
  121. package/chunks/drawer-report.json +1 -1
  122. package/chunks/drawer-revoke-session.json +1 -1
  123. package/chunks/drawer-role.json +1 -1
  124. package/chunks/drawer-slack.json +1 -1
  125. package/chunks/drawer-smtp.json +1 -1
  126. package/chunks/drawer-source.json +1 -1
  127. package/chunks/drawer-transaction.json +1 -1
  128. package/chunks/editor-code-pane.json +1 -1
  129. package/chunks/editor-page-shell.json +1 -1
  130. package/chunks/editor-preview-pane.json +3 -1
  131. package/chunks/empty-state.json +3 -1
  132. package/chunks/error-404-actions.json +1 -1
  133. package/chunks/error-404.json +4 -1
  134. package/chunks/error-500-actions.json +1 -1
  135. package/chunks/error-500.json +3 -1
  136. package/chunks/error-maintenance-actions.json +1 -1
  137. package/chunks/error-maintenance.json +4 -1
  138. package/chunks/error-page-shell.json +4 -3
  139. package/chunks/faq-accordion.json +5 -1
  140. package/chunks/file-upload-dnd.json +1 -1
  141. package/chunks/footer-multi-column.json +5 -1
  142. package/chunks/footer-primary-only.json +1 -1
  143. package/chunks/form-page-shell.json +2 -1
  144. package/chunks/gallery-page-shell.json +18 -1
  145. package/chunks/hero-section-split.json +8 -1
  146. package/chunks/icon-text-row.json +1 -1
  147. package/chunks/image-carousel.json +10 -2
  148. package/chunks/image-tile.json +1 -1
  149. package/chunks/image-upload-preview.json +5 -2
  150. package/chunks/inventory-list-stock.json +7 -1
  151. package/chunks/kanban-board-3col.json +4 -1
  152. package/chunks/kanban-page-shell.json +27 -7
  153. package/chunks/kbd-shortcuts.json +1 -1
  154. package/chunks/labeled-textarea.json +1 -1
  155. package/chunks/leaderboard-table.json +3 -1
  156. package/chunks/linked-record-row.json +1 -1
  157. package/chunks/marketing-hero-cta.json +7 -1
  158. package/chunks/marketing-page-shell.json +7 -1
  159. package/chunks/masonry-gallery.json +17 -1
  160. package/chunks/member-edit-drawer.json +1 -1
  161. package/chunks/metadata-description-list.json +1 -1
  162. package/chunks/multi-step-wizard.json +1 -1
  163. package/chunks/notification-toast-row.json +1 -1
  164. package/chunks/onb-completion.json +1 -1
  165. package/chunks/onb-extension-install.json +1 -1
  166. package/chunks/onb-hero-welcome.json +1 -1
  167. package/chunks/onb-import-picker.json +1 -1
  168. package/chunks/onb-mobile-handoff.json +1 -1
  169. package/chunks/onb-notification-prefs.json +1 -1
  170. package/chunks/onb-persona-picker.json +1 -1
  171. package/chunks/onb-provider-tiles.json +1 -1
  172. package/chunks/onb-settings-review.json +1 -1
  173. package/chunks/onb-step-footer.json +1 -1
  174. package/chunks/onb-step-header.json +1 -1
  175. package/chunks/onb-step-progress.json +1 -1
  176. package/chunks/onb-step-shell.json +4 -1
  177. package/chunks/onb-story-pane.json +1 -1
  178. package/chunks/onb-tutorial-steps.json +1 -1
  179. package/chunks/pagination-controls.json +3 -1
  180. package/chunks/playground-a2ui.json +1 -1
  181. package/chunks/playground-app-shell.json +1 -1
  182. package/chunks/playground-chat.json +1 -1
  183. package/chunks/playground-construct-canvas.json +1 -1
  184. package/chunks/playground-gen-ui.json +1 -1
  185. package/chunks/playground-render-preview.json +2 -2
  186. package/chunks/playground-streams-bridge.json +1 -1
  187. package/chunks/playground-table-toolbar.json +1 -1
  188. package/chunks/popover-with-content.json +2 -1
  189. package/chunks/progress-tracker-milestones.json +19 -2
  190. package/chunks/real-time-metrics-dashboard.json +17 -2
  191. package/chunks/reg-address-form.json +5 -3
  192. package/chunks/reg-billing-card.json +1 -1
  193. package/chunks/reg-brand-scrape.json +1 -1
  194. package/chunks/reg-departments-toggle.json +1 -1
  195. package/chunks/reg-extended-profile.json +1 -1
  196. package/chunks/reg-final-done.json +1 -1
  197. package/chunks/reg-helpdesk-grid.json +1 -1
  198. package/chunks/reg-import-picker.json +1 -1
  199. package/chunks/reg-integrations-grid.json +1 -1
  200. package/chunks/reg-invite-form.json +1 -1
  201. package/chunks/reg-legal-entity.json +1 -1
  202. package/chunks/reg-org-chart-review.json +1 -1
  203. package/chunks/reg-profile-identity.json +1 -1
  204. package/chunks/reg-step-footer.json +1 -1
  205. package/chunks/reg-step-header.json +1 -1
  206. package/chunks/reg-step-progress.json +1 -1
  207. package/chunks/reg-step-shell.json +8 -1
  208. package/chunks/reg-story-pane.json +1 -1
  209. package/chunks/reg-success-summary.json +1 -1
  210. package/chunks/reg-team-size.json +1 -1
  211. package/chunks/reg-usecase-picker.json +1 -1
  212. package/chunks/reg-workspace-name.json +2 -1
  213. package/chunks/search-with-filters.json +5 -1
  214. package/chunks/section-with-stack.json +1 -1
  215. package/chunks/settings-admin-page.json +37 -52
  216. package/chunks/settings-appearance.json +61 -23
  217. package/chunks/settings-billing-plan.json +1 -1
  218. package/chunks/settings-general-form.json +1 -1
  219. package/chunks/settings-integrations.json +1 -1
  220. package/chunks/settings-members-invite.json +1 -1
  221. package/chunks/settings-notifications.json +4 -1
  222. package/chunks/settings-page-shell.json +2 -1
  223. package/chunks/settings-profile-security.json +3 -1
  224. package/chunks/sidebar-collapsible-nav.json +4 -2
  225. package/chunks/slider-range-controls.json +1 -1
  226. package/chunks/tabs-with-panels.json +6 -1
  227. package/chunks/testimonial-grid.json +11 -2
  228. package/chunks/text-card.json +1 -1
  229. package/chunks/timeline-events.json +17 -2
  230. package/chunks/toolbar-icons.json +1 -1
  231. package/chunks/toolbar-tooltips.json +1 -1
  232. package/chunks/user-identity-row.json +1 -1
  233. package/chunks/user-profile-card.json +4 -1
  234. package/chunks/users-table-badge.json +8 -1
  235. package/chunks/video-player-controls.json +5 -1
  236. package/package.json +1 -1
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "schema": "genui-chunk-index@2",
3
- "captured_at": "2026-05-21T04:50:44.122Z",
4
- "total_instances": 380,
3
+ "captured_at": "2026-05-21T19:10:53.888Z",
4
+ "total_instances": 379,
5
5
  "unique_names": 230,
6
6
  "by_kind": {
7
- "block": 355,
7
+ "block": 354,
8
8
  "page": 18,
9
9
  "panel": 7
10
10
  },
@@ -1422,7 +1422,6 @@
1422
1422
  "slots": [],
1423
1423
  "nested": [
1424
1424
  "settings-general-form",
1425
- "settings-appearance",
1426
1425
  "drawer-delete-workspace"
1427
1426
  ],
1428
1427
  "metadata": {
@@ -1483,33 +1482,6 @@
1483
1482
  ]
1484
1483
  }
1485
1484
  },
1486
- {
1487
- "name": "settings-appearance",
1488
- "kind": "block",
1489
- "primary": "div",
1490
- "instances": 2,
1491
- "pages": [
1492
- "/apps/saas/app/settings-page/settings-page.contents.html",
1493
- "/catalog/ui-patterns/app/settings-appearance/settings-appearance.contents.html"
1494
- ],
1495
- "slots": [],
1496
- "nested": [],
1497
- "metadata": {
1498
- "domain": "settings",
1499
- "description": "Appearance settings section — theme picker, density + radius sliders, color-scheme toggle.",
1500
- "keywords": [
1501
- "settings",
1502
- "appearance",
1503
- "theme",
1504
- "density",
1505
- "radius",
1506
- "color-scheme",
1507
- "dark-mode",
1508
- "preferences",
1509
- "ui-controls"
1510
- ]
1511
- }
1512
- },
1513
1485
  {
1514
1486
  "name": "drawer-delete-workspace",
1515
1487
  "kind": "block",
@@ -3644,6 +3616,32 @@
3644
3616
  ]
3645
3617
  }
3646
3618
  },
3619
+ {
3620
+ "name": "settings-appearance",
3621
+ "kind": "block",
3622
+ "primary": "card-ui",
3623
+ "instances": 1,
3624
+ "pages": [
3625
+ "/catalog/ui-patterns/app/settings-appearance/settings-appearance.contents.html"
3626
+ ],
3627
+ "slots": [],
3628
+ "nested": [],
3629
+ "metadata": {
3630
+ "domain": "settings",
3631
+ "description": "Appearance settings section — theme picker, density + radius sliders, color-scheme toggle.",
3632
+ "keywords": [
3633
+ "settings",
3634
+ "appearance",
3635
+ "theme",
3636
+ "density",
3637
+ "radius",
3638
+ "color-scheme",
3639
+ "dark-mode",
3640
+ "preferences",
3641
+ "ui-controls"
3642
+ ]
3643
+ }
3644
+ },
3647
3645
  {
3648
3646
  "name": "settings-notifications",
3649
3647
  "kind": "block",
@@ -23,7 +23,7 @@
23
23
  "privacy"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-17T23:13:46.088Z",
26
+ "captured_at": "2026-05-21T19:10:53.888Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "user",
@@ -23,7 +23,7 @@
23
23
  "events"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-17T23:13:46.088Z",
26
+ "captured_at": "2026-05-21T19:10:53.888Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "text",
@@ -34,6 +34,7 @@
34
34
  {
35
35
  "id": "text-2",
36
36
  "component": "Text",
37
+ "color": "subtle",
37
38
  "textContent": "Live reasoning trace"
38
39
  },
39
40
  {
@@ -29,5 +29,5 @@
29
29
  "attrs": {},
30
30
  "html": "<article style=\"display:flex; height:100vh;\">\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n </section>\n </section>\n\n <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--a-border-subtle);\">\n <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <stack-ui gap=\"3\">\n <text-ui strong size=\"lg\">Inspector</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Label</label-ui>\n <input-ui value=\"Untitled node\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Type</label-ui>\n <select-ui>\n <option>LLM</option>\n <option>Tool</option>\n <option>Condition</option>\n </select-ui>\n </stack-ui>\n </stack-ui>\n </section>\n\n <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <text-ui strong size=\"sm\">Agent</text-ui>\n </header>\n <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n </section>\n <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n </footer>\n </section>\n </aside>\n</article>",
31
31
  "source": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
32
- "captured_at": "2026-05-17T23:13:46.088Z"
32
+ "captured_at": "2026-05-21T19:10:53.888Z"
33
33
  }
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<section>\n <card-ui>\n <header>\n <search-ui placeholder=\"Ask, search, or run a tool…\" autofocus></search-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">AI-SUGGESTED</text-ui>\n <button-ui icon=\"sparkle\" text=\"Summarize this page\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"sparkle\" text=\"Translate to French\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">TOOLS</text-ui>\n <button-ui icon=\"magnifying-glass\" text=\"Search corpus\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"play\" text=\"Generate UI\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"copy\" text=\"Copy as A2UI JSON\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">NAVIGATION</text-ui>\n <button-ui icon=\"house\" text=\"Go to home\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"gear\" text=\"Open settings\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
9
+ "html": "<section>\n <card-ui>\n <header>\n <search-ui placeholder=\"Ask, search, or run a tool…\" autofocus></search-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">AI-SUGGESTED</text-ui>\n <button-ui icon=\"sparkle\" text=\"Summarize this page\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"sparkle\" text=\"Translate to French\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">TOOLS</text-ui>\n <button-ui icon=\"magnifying-glass\" text=\"Search corpus\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"play\" text=\"Generate UI\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"copy\" text=\"Copy as A2UI JSON\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">NAVIGATION</text-ui>\n <button-ui icon=\"house\" text=\"Go to home\" variant=\"ghost\" stretch></button-ui>\n <button-ui icon=\"gear\" text=\"Open settings\" variant=\"ghost\" stretch></button-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
10
10
  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -25,7 +25,7 @@
25
25
  "suggestions"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-17T23:13:46.088Z",
28
+ "captured_at": "2026-05-21T19:10:53.888Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "search-ui",
@@ -42,6 +42,8 @@
42
42
  {
43
43
  "id": "text",
44
44
  "component": "Text",
45
+ "color": "subtle",
46
+ "size": "sm",
45
47
  "textContent": "AI-SUGGESTED"
46
48
  },
47
49
  {
@@ -73,6 +75,8 @@
73
75
  {
74
76
  "id": "text-2",
75
77
  "component": "Text",
78
+ "color": "subtle",
79
+ "size": "sm",
76
80
  "textContent": "TOOLS"
77
81
  },
78
82
  {
@@ -113,6 +117,8 @@
113
117
  {
114
118
  "id": "text-3",
115
119
  "component": "Text",
120
+ "color": "subtle",
121
+ "size": "sm",
116
122
  "textContent": "NAVIGATION"
117
123
  },
118
124
  {
@@ -22,7 +22,7 @@
22
22
  "interpretability"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-05-17T23:13:46.088Z",
25
+ "captured_at": "2026-05-21T19:10:53.888Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -33,6 +33,7 @@
33
33
  {
34
34
  "id": "text-2",
35
35
  "component": "Text",
36
+ "color": "subtle",
36
37
  "textContent": "Collapsible intermediate steps"
37
38
  },
38
39
  {
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<section>\n <card-ui>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"terminal-window\" color=\"accent\"></icon-ui>\n <text-ui strong>search_chunks</text-ui>\n <tag-ui text=\"ok · 42ms\" color=\"success\" size=\"sm\"></tag-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">ARGUMENTS</text-ui>\n <code-ui language=\"json\" bare>{\n \"intent\": \"login form with email and password\",\n \"limit\": 5\n}</code-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">RESULT (5 matches)</text-ui>\n <code-ui language=\"json\" bare>[\n { \"name\": \"auth-signin-card-password\", \"score\": 41 },\n { \"name\": \"auth-password-reset\", \"score\": 38 },\n { \"name\": \"auth-signin-card-email\", \"score\": 36 }\n]</code-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
9
+ "html": "<section>\n <card-ui>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"terminal-window\" color=\"accent\"></icon-ui>\n <text-ui strong>search_chunks</text-ui>\n <tag-ui text=\"ok · 42ms\" color=\"success\" size=\"sm\"></tag-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">ARGUMENTS</text-ui>\n <code-ui language=\"json\" bare>{\n \"intent\": \"login form with email and password\",\n \"limit\": 5\n}</code-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">RESULT (5 matches)</text-ui>\n <code-ui language=\"json\" bare>[\n { \"name\": \"auth-signin-card-password\", \"score\": 41 },\n { \"name\": \"auth-password-reset\", \"score\": 38 },\n { \"name\": \"auth-signin-card-email\", \"score\": 36 }\n]</code-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
10
10
  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -25,7 +25,7 @@
25
25
  "collapse"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-17T23:13:46.088Z",
28
+ "captured_at": "2026-05-21T19:10:53.888Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "terminal-window",
@@ -65,6 +65,8 @@
65
65
  {
66
66
  "id": "text-2",
67
67
  "component": "Text",
68
+ "color": "subtle",
69
+ "size": "sm",
68
70
  "textContent": "ARGUMENTS"
69
71
  },
70
72
  {
@@ -86,6 +88,8 @@
86
88
  {
87
89
  "id": "text-3",
88
90
  "component": "Text",
91
+ "color": "subtle",
92
+ "size": "sm",
89
93
  "textContent": "RESULT (5 matches)"
90
94
  },
91
95
  {
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<section>\n <card-ui>\n <header>\n <text-ui strong>Generation trace</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">2.4s total · auto/free-form-composed</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">interpret</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">domain=auth · confidence=0.88</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">120ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">search</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">zettel · no strong match (top: 28)</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">340ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">compose</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">free-form · 3 ingredients picked</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">1880ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">assemble</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">18 components · 85/100</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">60ms</text-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
9
+ "html": "<section>\n <card-ui>\n <header>\n <text-ui strong>Generation trace</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">2.4s total · auto/free-form-composed</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">interpret</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">domain=auth · confidence=0.88</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">120ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">search</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">zettel · no strong match (top: 28)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">340ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">compose</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">free-form · 3 ingredients picked</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">1880ms</text-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n <text-ui strong size=\"sm\">assemble</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">18 components · 85/100</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">60ms</text-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>",
10
10
  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -24,7 +24,7 @@
24
24
  "interpretability"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-17T23:13:46.088Z",
27
+ "captured_at": "2026-05-21T19:10:53.888Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -35,6 +35,8 @@
35
35
  {
36
36
  "id": "text-2",
37
37
  "component": "Text",
38
+ "color": "subtle",
39
+ "size": "sm",
38
40
  "textContent": "2.4s total · auto/free-form-composed"
39
41
  },
40
42
  {
@@ -54,17 +56,22 @@
54
56
  {
55
57
  "id": "text-3",
56
58
  "component": "Text",
59
+ "size": "sm",
57
60
  "strong": true,
58
61
  "textContent": "interpret"
59
62
  },
60
63
  {
61
64
  "id": "text-4",
62
65
  "component": "Text",
66
+ "color": "subtle",
67
+ "size": "sm",
63
68
  "textContent": "domain=auth · confidence=0.88"
64
69
  },
65
70
  {
66
71
  "id": "text-5",
67
72
  "component": "Text",
73
+ "color": "subtle",
74
+ "size": "sm",
68
75
  "textContent": "120ms"
69
76
  },
70
77
  {
@@ -88,17 +95,22 @@
88
95
  {
89
96
  "id": "text-6",
90
97
  "component": "Text",
98
+ "size": "sm",
91
99
  "strong": true,
92
100
  "textContent": "search"
93
101
  },
94
102
  {
95
103
  "id": "text-7",
96
104
  "component": "Text",
105
+ "color": "subtle",
106
+ "size": "sm",
97
107
  "textContent": "zettel · no strong match (top: 28)"
98
108
  },
99
109
  {
100
110
  "id": "text-8",
101
111
  "component": "Text",
112
+ "color": "subtle",
113
+ "size": "sm",
102
114
  "textContent": "340ms"
103
115
  },
104
116
  {
@@ -122,17 +134,22 @@
122
134
  {
123
135
  "id": "text-9",
124
136
  "component": "Text",
137
+ "size": "sm",
125
138
  "strong": true,
126
139
  "textContent": "compose"
127
140
  },
128
141
  {
129
142
  "id": "text-10",
130
143
  "component": "Text",
144
+ "color": "subtle",
145
+ "size": "sm",
131
146
  "textContent": "free-form · 3 ingredients picked"
132
147
  },
133
148
  {
134
149
  "id": "text-11",
135
150
  "component": "Text",
151
+ "color": "subtle",
152
+ "size": "sm",
136
153
  "textContent": "1880ms"
137
154
  },
138
155
  {
@@ -156,17 +173,22 @@
156
173
  {
157
174
  "id": "text-12",
158
175
  "component": "Text",
176
+ "size": "sm",
159
177
  "strong": true,
160
178
  "textContent": "assemble"
161
179
  },
162
180
  {
163
181
  "id": "text-13",
164
182
  "component": "Text",
183
+ "color": "subtle",
184
+ "size": "sm",
165
185
  "textContent": "18 components · 85/100"
166
186
  },
167
187
  {
168
188
  "id": "text-14",
169
189
  "component": "Text",
190
+ "color": "subtle",
191
+ "size": "sm",
170
192
  "textContent": "60ms"
171
193
  },
172
194
  {
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<section>\n <row-ui gap=\"3\" align=\"start\">\n <avatar-ui text=\"AI\" size=\"md\"></avatar-ui>\n <col-ui gap=\"2\">\n <card-ui>\n <section>\n <col-ui gap=\"2\">\n <text-ui>Based on the v0.4.9 corpus, the auto-engine routes intents through three retrieval tiers in sequence: zettel verbatim, free-form composition, and monolithic-pro generation.</text-ui>\n <text-ui>Each tier has a different cost-latency-coverage profile<text-ui color=\"accent\">|</text-ui></text-ui>\n </col-ui>\n </section>\n </card-ui>\n <row-ui gap=\"2\" align=\"center\" wrap>\n <text-ui size=\"xs\" color=\"subtle\">Sources:</text-ui>\n <tag-ui text=\"auto-engine.md\" interactive size=\"sm\"></tag-ui>\n <tag-ui text=\"v0.5.0 changelog\" interactive size=\"sm\"></tag-ui>\n <tag-ui text=\"generator-adapter.js:614\" interactive size=\"sm\"></tag-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </section>",
9
+ "html": "<section>\n <row-ui gap=\"3\" align=\"start\">\n <avatar-ui text=\"AI\" size=\"md\"></avatar-ui>\n <col-ui gap=\"2\">\n <card-ui>\n <section>\n <col-ui gap=\"2\">\n <text-ui>Based on the v0.4.9 corpus, the auto-engine routes intents through three retrieval tiers in sequence: zettel verbatim, free-form composition, and monolithic-pro generation.</text-ui>\n <text-ui>Each tier has a different cost-latency-coverage profile<text-ui color=\"accent\">|</text-ui></text-ui>\n </col-ui>\n </section>\n </card-ui>\n <row-ui gap=\"2\" align=\"center\" wrap>\n <text-ui size=\"sm\" color=\"subtle\">Sources:</text-ui>\n <tag-ui text=\"auto-engine.md\" interactive size=\"sm\"></tag-ui>\n <tag-ui text=\"v0.5.0 changelog\" interactive size=\"sm\"></tag-ui>\n <tag-ui text=\"generator-adapter.js:614\" interactive size=\"sm\"></tag-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </section>",
10
10
  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -26,7 +26,7 @@
26
26
  "citations"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-05-17T23:13:46.088Z",
29
+ "captured_at": "2026-05-21T19:10:53.888Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "avatar",
@@ -70,6 +70,8 @@
70
70
  {
71
71
  "id": "text-3",
72
72
  "component": "Text",
73
+ "color": "subtle",
74
+ "size": "sm",
73
75
  "textContent": "Sources:"
74
76
  },
75
77
  {
@@ -23,7 +23,7 @@
23
23
  "info"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-17T23:13:46.088Z",
26
+ "captured_at": "2026-05-21T19:10:53.888Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "warning",
@@ -39,6 +39,8 @@
39
39
  {
40
40
  "id": "text-2",
41
41
  "component": "Text",
42
+ "color": "subtle",
43
+ "size": "sm",
42
44
  "textContent": "You're using 9.2 GB of 10 GB. Upgrade or clean up old files to avoid interruptions."
43
45
  },
44
46
  {
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Recover account\" icon=\"arrow-counter-clockwise\" variant=\"primary\"></button-ui>\n <button-ui text=\"Sign in with a different account\" icon=\"user-switch\"></button-ui>\n </col-ui>",
13
13
  "source": "apps/user-flow/app/auth/account-deleted/account-deleted.contents.html",
14
- "captured_at": "2026-05-17T23:13:46.088Z"
14
+ "captured_at": "2026-05-21T19:10:53.888Z"
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/account-deleted/account-deleted.contents.html",
17
- "captured_at": "2026-05-17T23:13:46.088Z"
17
+ "captured_at": "2026-05-21T19:10:53.888Z"
18
18
  }
@@ -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-17T23:13:46.088Z"
246
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
191
+ "captured_at": "2026-05-21T19:10:53.888Z"
192
192
  }
@@ -26,7 +26,7 @@
26
26
  "contact-collect"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-05-17T23:13:46.088Z",
29
+ "captured_at": "2026-05-21T19:10:53.888Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "email",
@@ -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-17T23:13:46.088Z"
15
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
17
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
14
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
17
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
14
+ "captured_at": "2026-05-21T19:10:53.888Z"
15
15
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui>\n <section bleed>\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 </section>\n </card-ui>",
10
10
  "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
11
- "captured_at": "2026-05-17T23:13:46.088Z"
11
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
15
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
17
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
17
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
13
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
15
+ "captured_at": "2026-05-21T19:10:53.888Z"
16
16
  }
@@ -41,7 +41,7 @@
41
41
  "layout": "card"
42
42
  }
43
43
  },
44
- "captured_at": "2026-05-17T23:13:46.088Z",
44
+ "captured_at": "2026-05-21T19:10:53.888Z",
45
45
  "template": [
46
46
  {
47
47
  "id": "image",
@@ -110,6 +110,8 @@
110
110
  {
111
111
  "id": "text-3",
112
112
  "component": "Text",
113
+ "color": "subtle",
114
+ "size": "sm",
113
115
  "textContent": "Or enter manually:"
114
116
  },
115
117
  {
@@ -146,6 +148,8 @@
146
148
  {
147
149
  "id": "text-4",
148
150
  "component": "Text",
151
+ "color": "subtle",
152
+ "size": "sm",
149
153
  "textContent": "From Google Authenticator, 1Password, Authy, or similar."
150
154
  },
151
155
  {
@@ -205,6 +209,8 @@
205
209
  {
206
210
  "id": "text-6",
207
211
  "component": "Text",
212
+ "color": "subtle",
213
+ "text-align": "center",
208
214
  "textContent": "Skip for now — set up later in settings"
209
215
  },
210
216
  {
@@ -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-17T23:13:46.088Z"
13
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
13
+ "captured_at": "2026-05-21T19:10:53.888Z"
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-17T23:13:46.088Z"
13
+ "captured_at": "2026-05-21T19:10:53.888Z"
14
14
  }