@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

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 (291) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/catalog-a2ui_0_9.json +11 -25
  3. package/catalog-a2ui_0_9_rules.txt +2 -0
  4. package/chunk-embeddings.json +1 -1
  5. package/chunks/_index.json +4049 -2389
  6. package/chunks/accordion-settings.json +1 -1
  7. package/chunks/activity-feed.json +389 -0
  8. package/chunks/agent-canvas-shell.json +1 -1
  9. package/chunks/agent-command-palette-search.json +1 -1
  10. package/chunks/agent-reasoning-collapsed.json +3 -3
  11. package/chunks/agent-tool-call-result.json +1 -1
  12. package/chunks/agent-trace-timeline.json +1 -1
  13. package/chunks/ai-streaming-response.json +1 -1
  14. package/chunks/alert-banner.json +1 -1
  15. package/chunks/analytics-chart.json +155 -0
  16. package/chunks/{dashboard-spark-cards.json → analytics-sparklines-dashboard.json} +18 -13
  17. package/chunks/api-key-table.json +116 -0
  18. package/chunks/app-product-listing-card.json +214 -0
  19. package/chunks/audit-log.json +133 -0
  20. package/chunks/auth-account-deleted-actions.json +1 -1
  21. package/chunks/auth-account-deleted.json +1 -1
  22. package/chunks/auth-card-content.json +1 -1
  23. package/chunks/auth-card-header.json +1 -1
  24. package/chunks/auth-email-entry.json +1 -1
  25. package/chunks/auth-email-verify-confirm.json +1 -1
  26. package/chunks/auth-email-verify.json +1 -1
  27. package/chunks/auth-forbidden-actions.json +1 -1
  28. package/chunks/auth-forbidden.json +1 -1
  29. package/chunks/auth-invite-actions.json +1 -1
  30. package/chunks/auth-invite-team-card.json +1 -1
  31. package/chunks/auth-link-expired-form.json +1 -1
  32. package/chunks/auth-link-expired.json +1 -1
  33. package/chunks/auth-locked-account.json +1 -1
  34. package/chunks/auth-locked-recovery-options.json +1 -1
  35. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  36. package/chunks/auth-mfa-enrollment.json +1 -1
  37. package/chunks/auth-mfa-fallback-actions.json +1 -1
  38. package/chunks/auth-mfa-recovery.json +1 -1
  39. package/chunks/auth-new-password-form.json +1 -1
  40. package/chunks/auth-new-password.json +1 -1
  41. package/chunks/auth-oauth-fallback-actions.json +1 -1
  42. package/chunks/auth-oauth-interstitial.json +1 -1
  43. package/chunks/auth-password-challenge.json +1 -1
  44. package/chunks/auth-password-reset-form.json +1 -1
  45. package/chunks/auth-password-reset.json +1 -1
  46. package/chunks/auth-profile-form.json +1 -1
  47. package/chunks/auth-profile-setup.json +1 -1
  48. package/chunks/auth-reset-sent.json +1 -1
  49. package/chunks/auth-session-expired-actions.json +1 -1
  50. package/chunks/auth-session-expired.json +11 -6
  51. package/chunks/auth-signin-card-email.json +1 -1
  52. package/chunks/auth-signin-card-magic-link.json +22 -29
  53. package/chunks/auth-signin-card-mfa.json +1 -1
  54. package/chunks/auth-signin-card-otp.json +1 -1
  55. package/chunks/auth-signin-card-password.json +1 -1
  56. package/chunks/auth-signin-card-recovery.json +1 -1
  57. package/chunks/auth-signout-actions.json +1 -1
  58. package/chunks/auth-signout.json +1 -1
  59. package/chunks/auth-signup-email-entry.json +1 -1
  60. package/chunks/auth-signup-entry.json +1 -1
  61. package/chunks/auth-signup-social-auths.json +1 -1
  62. package/chunks/auth-signup-verify.json +1 -1
  63. package/chunks/auth-social-auths.json +1 -1
  64. package/chunks/auth-sso-providers.json +1 -1
  65. package/chunks/auth-sso-required.json +1 -1
  66. package/chunks/auth-team-invite.json +1 -1
  67. package/chunks/avatar-group-overflow.json +1 -1
  68. package/chunks/{users-table-badge.json → badge-variants-table.json} +27 -12
  69. package/chunks/billing-overview.json +234 -0
  70. package/chunks/billing-progress-label.json +101 -0
  71. package/chunks/blog-post-card.json +189 -0
  72. package/chunks/{breadcrumb-nav.json → breadcrumb-navigation.json} +13 -9
  73. package/chunks/calendar-month-view.json +23 -29
  74. package/chunks/card-grid-images.json +459 -0
  75. package/chunks/card-header-with-description.json +1 -1
  76. package/chunks/{agent-activity-feed.json → changelog-activity-feed.json} +22 -11
  77. package/chunks/chart-with-filter-pills.json +1 -1
  78. package/chunks/chat-page-shell.json +1 -1
  79. package/chunks/chat-streaming-surface.json +3 -20
  80. package/chunks/code-snippet.json +119 -0
  81. package/chunks/color-picker-swatches.json +1 -1
  82. package/chunks/command-palette.json +229 -18
  83. package/chunks/commerce-pricing-tiers.json +1 -1
  84. package/chunks/comparison-table.json +4 -4
  85. package/chunks/contact-form.json +156 -0
  86. package/chunks/conversion-funnel-6step.json +33 -18
  87. package/chunks/dashboard-acquisition-panel.json +1 -1
  88. package/chunks/dashboard-admin-page.json +25 -7
  89. package/chunks/dashboard-audience-kpis.json +1 -1
  90. package/chunks/dashboard-audience-panel.json +206 -84
  91. package/chunks/dashboard-behavior-panel.json +1 -1
  92. package/chunks/dashboard-chart-recent.json +19 -5
  93. package/chunks/dashboard-cohort-retention.json +1 -1
  94. package/chunks/dashboard-conversion-panel.json +22 -13
  95. package/chunks/dashboard-country-list.json +1 -1
  96. package/chunks/dashboard-filter-bar.json +1 -1
  97. package/chunks/dashboard-funnel.json +21 -12
  98. package/chunks/dashboard-notifications-panel.json +122 -73
  99. package/chunks/dashboard-overview-panel.json +30 -18
  100. package/chunks/dashboard-page-header.json +1 -1
  101. package/chunks/dashboard-pages-table.json +1 -1
  102. package/chunks/dashboard-quick-actions.json +1 -1
  103. package/chunks/dashboard-reports-panel.json +1 -1
  104. package/chunks/dashboard-reports-table.json +1 -1
  105. package/chunks/dashboard-storage-card.json +25 -13
  106. package/chunks/dashboard-tabs.json +1 -1
  107. package/chunks/dashboard-team-actions-storage.json +27 -15
  108. package/chunks/dashboard-team-list.json +1 -1
  109. package/chunks/dashboard-traffic-channels.json +1 -1
  110. package/chunks/dashboard-transactions-table.json +1 -1
  111. package/chunks/data-import-wizard.json +396 -0
  112. package/chunks/date-range-picker.json +156 -0
  113. package/chunks/date-time-picker-form.json +19 -16
  114. package/chunks/divider-text-label.json +1 -1
  115. package/chunks/doc-editor-shell.json +1 -1
  116. package/chunks/drawer-2fa-key.json +1 -1
  117. package/chunks/drawer-2fa-sms.json +1 -1
  118. package/chunks/drawer-2fa-totp.json +1 -1
  119. package/chunks/drawer-cancel-sub.json +1 -1
  120. package/chunks/drawer-change-plan.json +1 -1
  121. package/chunks/drawer-custom-roles.json +1 -1
  122. package/chunks/drawer-data-start.json +1 -1
  123. package/chunks/drawer-delete-account.json +1 -1
  124. package/chunks/drawer-delete-workspace.json +1 -1
  125. package/chunks/drawer-discord.json +1 -1
  126. package/chunks/drawer-figma.json +1 -1
  127. package/chunks/drawer-first-dashboard.json +1 -1
  128. package/chunks/drawer-gcal.json +1 -1
  129. package/chunks/drawer-github.json +1 -1
  130. package/chunks/drawer-invite.json +15 -5
  131. package/chunks/drawer-payment-method.json +1 -1
  132. package/chunks/drawer-report.json +1 -1
  133. package/chunks/drawer-revoke-session.json +1 -1
  134. package/chunks/drawer-role.json +1 -1
  135. package/chunks/drawer-slack.json +1 -1
  136. package/chunks/drawer-smtp.json +1 -1
  137. package/chunks/drawer-source.json +1 -1
  138. package/chunks/drawer-transaction.json +1 -1
  139. package/chunks/editor-code-pane.json +1 -1
  140. package/chunks/editor-page-shell.json +1 -1
  141. package/chunks/email-inbox-list.json +626 -0
  142. package/chunks/empty-state-danger.json +1 -1
  143. package/chunks/empty-state-minimal.json +1 -1
  144. package/chunks/empty-state-warning.json +1 -1
  145. package/chunks/empty-state.json +18 -16
  146. package/chunks/error-404-actions.json +1 -1
  147. package/chunks/error-404.json +1 -1
  148. package/chunks/error-500-actions.json +1 -1
  149. package/chunks/error-500.json +1 -1
  150. package/chunks/error-maintenance-actions.json +1 -1
  151. package/chunks/error-maintenance.json +1 -1
  152. package/chunks/error-page-shell.json +1 -1
  153. package/chunks/faq-accordion.json +40 -149
  154. package/chunks/feature-grid-icons.json +308 -0
  155. package/chunks/file-upload-dnd.json +112 -9
  156. package/chunks/footer-multi-column.json +1 -1
  157. package/chunks/footer-primary-only.json +1 -1
  158. package/chunks/form-page-shell.json +1 -1
  159. package/chunks/gallery-page-shell.json +1 -1
  160. package/chunks/hero-section-split.json +1 -1
  161. package/chunks/icon-text-row.json +1 -1
  162. package/chunks/{image-tile.json → image-caption-tile.json} +11 -3
  163. package/chunks/image-carousel.json +1 -1
  164. package/chunks/image-upload-preview.json +1 -1
  165. package/chunks/import-mapping-flow.json +1 -1
  166. package/chunks/integrations-grid.json +125 -0
  167. package/chunks/inventory-list-stock.json +1 -1
  168. package/chunks/invite-members.json +161 -0
  169. package/chunks/invoice-line-items.json +482 -0
  170. package/chunks/kanban-board-3col.json +428 -112
  171. package/chunks/kanban-page-shell.json +1 -1
  172. package/chunks/{kbd-shortcuts.json → keyboard-shortcut-display.json} +12 -3
  173. package/chunks/labeled-textarea.json +1 -1
  174. package/chunks/leaderboard-table.json +1 -1
  175. package/chunks/linked-record-row.json +1 -1
  176. package/chunks/loading-skeleton-placeholder.json +337 -0
  177. package/chunks/marketing-hero-cta.json +1 -1
  178. package/chunks/marketing-page-shell.json +1 -1
  179. package/chunks/masonry-gallery.json +1 -1
  180. package/chunks/member-edit-drawer.json +1 -1
  181. package/chunks/metadata-description-list.json +1 -1
  182. package/chunks/{destructive-confirm-modal.json → modal-dialog-confirm.json} +15 -7
  183. package/chunks/nav-menu-icons.json +75 -0
  184. package/chunks/newsletter-subscription.json +193 -0
  185. package/chunks/{dashboard-notifications-feed.json → notification-badges-feed.json} +141 -76
  186. package/chunks/{settings-notifications.json → notification-preferences-panel.json} +18 -10
  187. package/chunks/notification-toast-row.json +21 -21
  188. package/chunks/onb-completion.json +1 -1
  189. package/chunks/onb-extension-install.json +1 -1
  190. package/chunks/onb-hero-welcome.json +1 -1
  191. package/chunks/onb-import-picker.json +1 -1
  192. package/chunks/onb-mobile-handoff.json +1 -1
  193. package/chunks/onb-notification-prefs.json +1 -1
  194. package/chunks/onb-persona-picker.json +1 -1
  195. package/chunks/onb-provider-tiles.json +1 -1
  196. package/chunks/onb-settings-review.json +1 -1
  197. package/chunks/onb-step-footer.json +1 -1
  198. package/chunks/onb-step-header.json +1 -1
  199. package/chunks/onb-step-progress.json +1 -1
  200. package/chunks/onb-step-shell.json +1 -1
  201. package/chunks/onb-story-pane.json +1 -1
  202. package/chunks/onb-tutorial-steps.json +1 -1
  203. package/chunks/order-tracking-timeline.json +130 -0
  204. package/chunks/pagination-controls.json +1 -1
  205. package/chunks/period-comparison.json +233 -0
  206. package/chunks/permission-matrix-table.json +431 -0
  207. package/chunks/playground-a2ui.json +1 -1
  208. package/chunks/playground-app-shell.json +1 -1
  209. package/chunks/playground-chat.json +1 -1
  210. package/chunks/playground-construct-canvas.json +1 -1
  211. package/chunks/playground-css-channel.json +1 -1
  212. package/chunks/playground-gen-ui.json +12 -3
  213. package/chunks/playground-render-preview.json +1 -1
  214. package/chunks/playground-streams-bridge.json +1 -1
  215. package/chunks/playground-table-toolbar.json +1 -1
  216. package/chunks/popover-with-content.json +1 -1
  217. package/chunks/pricing-tiers.json +527 -0
  218. package/chunks/product-tour.json +156 -0
  219. package/chunks/progress-tracker-milestones.json +1 -1
  220. package/chunks/radio-button-group.json +83 -0
  221. package/chunks/real-time-metrics-dashboard.json +1 -1
  222. package/chunks/reg-address-form.json +1 -1
  223. package/chunks/reg-billing-card.json +1 -1
  224. package/chunks/reg-brand-scrape.json +1 -1
  225. package/chunks/reg-departments-toggle.json +1 -1
  226. package/chunks/reg-extended-profile.json +1 -1
  227. package/chunks/reg-final-done.json +1 -1
  228. package/chunks/reg-helpdesk-grid.json +1 -1
  229. package/chunks/reg-import-picker.json +1 -1
  230. package/chunks/reg-integrations-grid.json +1 -1
  231. package/chunks/reg-invite-form.json +1 -1
  232. package/chunks/reg-legal-entity.json +1 -1
  233. package/chunks/reg-org-chart-review.json +1 -1
  234. package/chunks/reg-profile-identity.json +1 -1
  235. package/chunks/reg-step-footer.json +1 -1
  236. package/chunks/reg-step-header.json +1 -1
  237. package/chunks/reg-step-progress.json +1 -1
  238. package/chunks/reg-step-shell.json +1 -1
  239. package/chunks/reg-story-pane.json +1 -1
  240. package/chunks/reg-success-summary.json +1 -1
  241. package/chunks/reg-team-size.json +1 -1
  242. package/chunks/reg-usecase-picker.json +1 -1
  243. package/chunks/reg-workspace-name.json +1 -1
  244. package/chunks/responsive-grid-pattern.json +1 -1
  245. package/chunks/responsive-kpi-grid.json +1 -1
  246. package/chunks/responsive-row-pattern.json +1 -1
  247. package/chunks/responsive-wrap-at-pattern.json +1 -1
  248. package/chunks/revenue-heatmap.json +81 -0
  249. package/chunks/role-management.json +268 -0
  250. package/chunks/search-with-filters.json +30 -17
  251. package/chunks/section-with-stack.json +1 -1
  252. package/chunks/{settings-billing-plan.json → segmented-control-billing-tabs.json} +16 -4
  253. package/chunks/select-multiple-preselected.json +1 -1
  254. package/chunks/settings-2fa-setup.json +170 -0
  255. package/chunks/settings-admin-page.json +375 -119
  256. package/chunks/settings-appearance-theme-panel.json +55 -0
  257. package/chunks/settings-appearance.json +3 -3
  258. package/chunks/settings-general-form.json +1 -1
  259. package/chunks/settings-integrations.json +1 -1
  260. package/chunks/settings-members-invite.json +1 -1
  261. package/chunks/settings-page-shell.json +1 -1
  262. package/chunks/settings-panel.json +248 -0
  263. package/chunks/settings-profile-security.json +1 -1
  264. package/chunks/settings-toggle-switches.json +66 -0
  265. package/chunks/sidebar-nav.json +116 -0
  266. package/chunks/{sidebar-collapsible-nav.json → sidebar-navigation-panel.json} +30 -15
  267. package/chunks/slider-range-controls.json +1 -1
  268. package/chunks/social-media-post-card.json +182 -0
  269. package/chunks/sortable-search-paginate-table.json +113 -0
  270. package/chunks/{editor-preview-pane.json → split-pane-editor-preview.json} +11 -3
  271. package/chunks/{dashboard-kpi-grid.json → stat-cards-kpi-dashboard.json} +22 -10
  272. package/chunks/status-dashboard.json +240 -0
  273. package/chunks/{multi-step-wizard.json → stepper-form-wizard.json} +22 -21
  274. package/chunks/survey-rating-form.json +164 -0
  275. package/chunks/tabs-with-panels.json +1 -1
  276. package/chunks/tag-chips-filter.json +93 -0
  277. package/chunks/team-members-list.json +348 -0
  278. package/chunks/testimonial-grid.json +1 -1
  279. package/chunks/testimonials-avatar-cards.json +328 -0
  280. package/chunks/timeline-events.json +1 -1
  281. package/chunks/toolbar-icons.json +13 -5
  282. package/chunks/toolbar-tooltips.json +1 -1
  283. package/chunks/tooltip-hover-button.json +74 -0
  284. package/chunks/trial-banner.json +198 -0
  285. package/chunks/user-identity-row.json +1 -1
  286. package/chunks/user-onboarding-checklist.json +37 -0
  287. package/chunks/user-profile-card.json +69 -63
  288. package/chunks/video-player-controls.json +1 -1
  289. package/chunks/webhook-config.json +208 -0
  290. package/package.json +1 -1
  291. package/chunks/text-card.json +0 -53
@@ -0,0 +1,268 @@
1
+ {
2
+ "name": "role-management",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <h3 grow>Roles</h3>\n <button-ui text=\"Create role\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <badge-ui text=\"Viewer\" variant=\"muted\"></badge-ui>\n <text-ui color=\"subtle\" grow>Can view all content. Cannot edit or manage.</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">12 members</text-ui>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n </row-ui>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <badge-ui text=\"Editor\" variant=\"accent\"></badge-ui>\n <col-ui gap=\"0\" grow>\n <text-ui color=\"subtle\">Can view and edit content. Cannot manage members or billing.</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">28 members</text-ui>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n </row-ui>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <badge-ui text=\"Admin\" variant=\"danger\"></badge-ui>\n <text-ui color=\"subtle\" grow>Full access to all workspace settings, members, and billing.</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">4 members</text-ui>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n <button-ui text=\"Delete\" variant=\"ghost\" size=\"sm\" icon=\"trash\" color=\"danger\"></button-ui>\n </row-ui>\n </header>\n </card-ui>\n </col-ui>\n </section>\n</card-ui>",
10
+ "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
+ "metadata": {
12
+ "domain": "settings",
13
+ "description": "Role management page listing viewer, editor, and admin roles with edit and delete actions.",
14
+ "keywords": [
15
+ "role",
16
+ "management",
17
+ "viewer",
18
+ "editor",
19
+ "admin",
20
+ "roles",
21
+ "list",
22
+ "edit",
23
+ "delete",
24
+ "permissions",
25
+ "role-based",
26
+ "access",
27
+ "control",
28
+ "rbac"
29
+ ]
30
+ },
31
+ "captured_at": "2026-05-27T03:59:46.910Z",
32
+ "template": [
33
+ {
34
+ "id": "text",
35
+ "component": "Text",
36
+ "variant": "heading",
37
+ "textContent": "Roles"
38
+ },
39
+ {
40
+ "id": "button",
41
+ "component": "Button",
42
+ "icon": "plus",
43
+ "size": "sm",
44
+ "text": "Create role",
45
+ "variant": "primary"
46
+ },
47
+ {
48
+ "id": "row",
49
+ "component": "Row",
50
+ "align": "center",
51
+ "gap": "3",
52
+ "children": [
53
+ "text",
54
+ "button"
55
+ ]
56
+ },
57
+ {
58
+ "id": "header",
59
+ "component": "Header",
60
+ "children": [
61
+ "row"
62
+ ]
63
+ },
64
+ {
65
+ "id": "badge",
66
+ "component": "Badge",
67
+ "text": "Viewer",
68
+ "variant": "muted"
69
+ },
70
+ {
71
+ "id": "text-2",
72
+ "component": "Text",
73
+ "color": "subtle",
74
+ "textContent": "Can view all content. Cannot edit or manage."
75
+ },
76
+ {
77
+ "id": "text-3",
78
+ "component": "Text",
79
+ "color": "subtle",
80
+ "size": "sm",
81
+ "textContent": "12 members"
82
+ },
83
+ {
84
+ "id": "button-2",
85
+ "component": "Button",
86
+ "icon": "pencil-simple",
87
+ "size": "sm",
88
+ "text": "Edit",
89
+ "variant": "ghost"
90
+ },
91
+ {
92
+ "id": "row-2",
93
+ "component": "Row",
94
+ "align": "center",
95
+ "gap": "3",
96
+ "children": [
97
+ "badge",
98
+ "text-2",
99
+ "text-3",
100
+ "button-2"
101
+ ]
102
+ },
103
+ {
104
+ "id": "header-2",
105
+ "component": "Header",
106
+ "children": [
107
+ "row-2"
108
+ ]
109
+ },
110
+ {
111
+ "id": "card",
112
+ "component": "Card",
113
+ "children": [
114
+ "header-2"
115
+ ]
116
+ },
117
+ {
118
+ "id": "badge-2",
119
+ "component": "Badge",
120
+ "text": "Editor",
121
+ "variant": "accent"
122
+ },
123
+ {
124
+ "id": "text-4",
125
+ "component": "Text",
126
+ "color": "subtle",
127
+ "textContent": "Can view and edit content. Cannot manage members or billing."
128
+ },
129
+ {
130
+ "id": "column-2",
131
+ "component": "Column",
132
+ "gap": "0",
133
+ "grow": true,
134
+ "children": [
135
+ "text-4"
136
+ ]
137
+ },
138
+ {
139
+ "id": "text-5",
140
+ "component": "Text",
141
+ "color": "subtle",
142
+ "size": "sm",
143
+ "textContent": "28 members"
144
+ },
145
+ {
146
+ "id": "button-3",
147
+ "component": "Button",
148
+ "icon": "pencil-simple",
149
+ "size": "sm",
150
+ "text": "Edit",
151
+ "variant": "ghost"
152
+ },
153
+ {
154
+ "id": "row-3",
155
+ "component": "Row",
156
+ "align": "center",
157
+ "gap": "3",
158
+ "children": [
159
+ "badge-2",
160
+ "column-2",
161
+ "text-5",
162
+ "button-3"
163
+ ]
164
+ },
165
+ {
166
+ "id": "header-3",
167
+ "component": "Header",
168
+ "children": [
169
+ "row-3"
170
+ ]
171
+ },
172
+ {
173
+ "id": "card-2",
174
+ "component": "Card",
175
+ "children": [
176
+ "header-3"
177
+ ]
178
+ },
179
+ {
180
+ "id": "badge-3",
181
+ "component": "Badge",
182
+ "text": "Admin",
183
+ "variant": "danger"
184
+ },
185
+ {
186
+ "id": "text-6",
187
+ "component": "Text",
188
+ "color": "subtle",
189
+ "textContent": "Full access to all workspace settings, members, and billing."
190
+ },
191
+ {
192
+ "id": "text-7",
193
+ "component": "Text",
194
+ "color": "subtle",
195
+ "size": "sm",
196
+ "textContent": "4 members"
197
+ },
198
+ {
199
+ "id": "button-4",
200
+ "component": "Button",
201
+ "icon": "pencil-simple",
202
+ "size": "sm",
203
+ "text": "Edit",
204
+ "variant": "ghost"
205
+ },
206
+ {
207
+ "id": "button-5",
208
+ "component": "Button",
209
+ "color": "danger",
210
+ "icon": "trash",
211
+ "size": "sm",
212
+ "text": "Delete",
213
+ "variant": "ghost"
214
+ },
215
+ {
216
+ "id": "row-4",
217
+ "component": "Row",
218
+ "align": "center",
219
+ "gap": "3",
220
+ "children": [
221
+ "badge-3",
222
+ "text-6",
223
+ "text-7",
224
+ "button-4",
225
+ "button-5"
226
+ ]
227
+ },
228
+ {
229
+ "id": "header-4",
230
+ "component": "Header",
231
+ "children": [
232
+ "row-4"
233
+ ]
234
+ },
235
+ {
236
+ "id": "card-3",
237
+ "component": "Card",
238
+ "children": [
239
+ "header-4"
240
+ ]
241
+ },
242
+ {
243
+ "id": "column",
244
+ "component": "Column",
245
+ "gap": "2",
246
+ "children": [
247
+ "card",
248
+ "card-2",
249
+ "card-3"
250
+ ]
251
+ },
252
+ {
253
+ "id": "section",
254
+ "component": "Section",
255
+ "children": [
256
+ "column"
257
+ ]
258
+ },
259
+ {
260
+ "id": "root",
261
+ "component": "Card",
262
+ "children": [
263
+ "header",
264
+ "section"
265
+ ]
266
+ }
267
+ ]
268
+ }
@@ -1,31 +1,41 @@
1
1
  {
2
2
  "name": "search-with-filters",
3
3
  "kind": "block",
4
- "primary": "section",
4
+ "primary": "col-ui",
5
5
  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
6
6
  "slots": [],
7
- "nested": [],
8
- "attrs": {},
9
- "html": "<section>\n <col-ui gap=\"3\">\n <search-ui placeholder=\"Search components, traits, patterns…\"></search-ui>\n <row-ui gap=\"2\" align=\"center\" wrap>\n <text-ui size=\"sm\" color=\"subtle\">Filter:</text-ui>\n <tag-ui text=\"Forms\" interactive></tag-ui>\n <tag-ui text=\"Data\" interactive></tag-ui>\n <tag-ui text=\"Layout\" interactive></tag-ui>\n <tag-ui text=\"Agent\" interactive></tag-ui>\n <tag-ui text=\"Navigation\" interactive></tag-ui>\n <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <text-ui size=\"sm\" color=\"subtle\">128 results · sorted by relevance</text-ui>\n </col-ui>\n </section>",
7
+ "nested": [
8
+ "tag-chips-filter"
9
+ ],
10
+ "attrs": {
11
+ "gap": "3"
12
+ },
13
+ "html": "<col-ui gap=\"3\">\n <search-ui placeholder=\"Search components, traits, patterns…\"></search-ui>\n <row-ui gap=\"2\" align=\"center\" wrap><!-- nested: tag-chips-filter --></row-ui>\n <text-ui size=\"sm\" color=\"subtle\">128 results · sorted by relevance</text-ui>\n </col-ui>",
10
14
  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
11
15
  "metadata": {
12
16
  "domain": "forms",
13
- "description": "Search input paired with facet filter chips/pills + result count + clear-all action.",
17
+ "description": "Search bar with type-ahead results and facet filters for category, status, and date. Search input with filter chips/pills and result count.",
14
18
  "keywords": [
15
19
  "search",
20
+ "bar",
16
21
  "filters",
17
22
  "facets",
18
23
  "chips",
19
24
  "pills",
20
25
  "query",
21
26
  "results",
27
+ "type-ahead",
28
+ "category",
29
+ "status",
30
+ "date",
31
+ "search-filters",
32
+ "facet-filters",
22
33
  "refine",
23
34
  "clear",
24
- "discovery",
25
- "directory"
35
+ "discovery"
26
36
  ]
27
37
  },
28
- "captured_at": "2026-05-26T04:00:28.271Z",
38
+ "captured_at": "2026-05-27T03:59:46.910Z",
29
39
  "template": [
30
40
  {
31
41
  "id": "search-ui",
@@ -72,7 +82,7 @@
72
82
  "variant": "ghost"
73
83
  },
74
84
  {
75
- "id": "row",
85
+ "id": "row-2",
76
86
  "component": "Row",
77
87
  "align": "center",
78
88
  "gap": "2",
@@ -87,6 +97,16 @@
87
97
  "button"
88
98
  ]
89
99
  },
100
+ {
101
+ "id": "row",
102
+ "component": "Row",
103
+ "align": "center",
104
+ "gap": "2",
105
+ "wrap": true,
106
+ "children": [
107
+ "row-2"
108
+ ]
109
+ },
90
110
  {
91
111
  "id": "text-2",
92
112
  "component": "Text",
@@ -95,7 +115,7 @@
95
115
  "textContent": "128 results · sorted by relevance"
96
116
  },
97
117
  {
98
- "id": "column",
118
+ "id": "root",
99
119
  "component": "Column",
100
120
  "gap": "3",
101
121
  "children": [
@@ -103,13 +123,6 @@
103
123
  "row",
104
124
  "text-2"
105
125
  ]
106
- },
107
- {
108
- "id": "root",
109
- "component": "Section",
110
- "children": [
111
- "column"
112
- ]
113
126
  }
114
127
  ]
115
128
  }
@@ -21,7 +21,7 @@
21
21
  "nested"
22
22
  ]
23
23
  },
24
- "captured_at": "2026-05-26T04:00:28.271Z",
24
+ "captured_at": "2026-05-27T03:59:46.910Z",
25
25
  "template": [
26
26
  {
27
27
  "id": "text",
@@ -1,5 +1,5 @@
1
1
  {
2
- "name": "settings-billing-plan",
2
+ "name": "segmented-control-billing-tabs",
3
3
  "kind": "block",
4
4
  "primary": "div",
5
5
  "page": "/apps/saas/app/billing/billing.contents.html",
@@ -12,18 +12,30 @@
12
12
  "source": "apps/saas/app/billing/billing.contents.html",
13
13
  "metadata": {
14
14
  "domain": "settings",
15
- "description": "Billing plan section — current plan card with usage stats and upgrade CTA.",
15
+ "description": "Billing plan section — current plan card with a segmented control tab for billing interval (Monthly / Annual). Segmented-ui toggle switching between monthly and annual billing cycles.",
16
16
  "keywords": [
17
+ "segmented",
18
+ "control",
19
+ "tabs",
20
+ "segmented-ui",
21
+ "segment-ui",
22
+ "toggle",
23
+ "billing",
24
+ "interval",
25
+ "monthly",
26
+ "annual",
27
+ "view-switcher",
17
28
  "settings",
18
29
  "billing",
19
30
  "plan",
20
31
  "subscription",
21
- "usage",
32
+ "cycle",
33
+ "switch",
22
34
  "upgrade",
23
35
  "current"
24
36
  ]
25
37
  },
26
- "captured_at": "2026-05-26T04:00:28.271Z",
38
+ "captured_at": "2026-05-27T03:59:46.910Z",
27
39
  "template": [
28
40
  {
29
41
  "id": "text",
@@ -25,7 +25,7 @@
25
25
  "value"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-26T04:00:28.271Z",
28
+ "captured_at": "2026-05-27T03:59:46.910Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "text",
@@ -0,0 +1,170 @@
1
+ {
2
+ "name": "settings-2fa-setup",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/apps/saas/app/profile-security/profile-security.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-col": ""
10
+ },
11
+ "html": "<div data-col>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"device-mobile\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Authenticator app</text-ui>\n <badge-ui text=\"Enabled\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\" size=\"sm\">\n <button-ui text=\"Manage\" variant=\"outline\" size=\"sm\" onclick=\"document.getElementById('drawer-2fa-totp').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Time-based codes via 1Password, Authy, or Google Authenticator</text-ui>\n </span>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"key\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Security key</text-ui>\n <badge-ui text=\"Not set\" variant=\"muted\"></badge-ui>\n </span>\n <span slot=\"action\" size=\"sm\">\n <button-ui text=\"Add\" variant=\"primary\" size=\"sm\" icon=\"plus\" onclick=\"document.getElementById('drawer-2fa-key').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Hardware key (YubiKey, Titan). Strongest available factor.</text-ui>\n </span>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"chat-circle-text\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>SMS</text-ui>\n <badge-ui text=\"Not recommended\" variant=\"warning\"></badge-ui>\n </span>\n <span slot=\"action\" size=\"sm\">\n <button-ui text=\"Add\" variant=\"ghost\" size=\"sm\" icon=\"plus\" onclick=\"document.getElementById('drawer-2fa-sms').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Codes via text message. Vulnerable to SIM-swap attacks.</text-ui>\n </span>\n </header>\n </card-ui>\n </div>",
12
+ "source": "apps/saas/app/profile-security/profile-security.contents.html",
13
+ "metadata": {
14
+ "domain": "settings",
15
+ "description": "Two-factor authentication setup section — enroll an authenticator app (TOTP), hardware security key (WebAuthn/FIDO2), or SMS OTP as a second sign-in factor.",
16
+ "keywords": [
17
+ "two",
18
+ "factor",
19
+ "authentication",
20
+ "2fa",
21
+ "setup",
22
+ "authenticator",
23
+ "totp",
24
+ "security",
25
+ "code",
26
+ "qr",
27
+ "verification",
28
+ "otp",
29
+ "security-key",
30
+ "enroll",
31
+ "yubikey",
32
+ "sms",
33
+ "hardware",
34
+ "webauthn"
35
+ ]
36
+ },
37
+ "captured_at": "2026-05-27T03:59:46.910Z",
38
+ "template": [
39
+ {
40
+ "id": "text",
41
+ "component": "Text",
42
+ "variant": "body"
43
+ },
44
+ {
45
+ "id": "text-2",
46
+ "component": "Text",
47
+ "variant": "body",
48
+ "textContent": "Authenticator app"
49
+ },
50
+ {
51
+ "id": "text-3",
52
+ "component": "Text",
53
+ "variant": "body",
54
+ "size": "sm"
55
+ },
56
+ {
57
+ "id": "text-4",
58
+ "component": "Text",
59
+ "variant": "body",
60
+ "textContent": "Time-based codes via 1Password, Authy, or Google Authenticator"
61
+ },
62
+ {
63
+ "id": "header",
64
+ "component": "Header",
65
+ "children": [
66
+ "text",
67
+ "text-2",
68
+ "text-3",
69
+ "text-4"
70
+ ]
71
+ },
72
+ {
73
+ "id": "card",
74
+ "component": "Card",
75
+ "children": [
76
+ "header"
77
+ ]
78
+ },
79
+ {
80
+ "id": "text-5",
81
+ "component": "Text",
82
+ "variant": "body"
83
+ },
84
+ {
85
+ "id": "text-6",
86
+ "component": "Text",
87
+ "variant": "body",
88
+ "textContent": "Security key"
89
+ },
90
+ {
91
+ "id": "text-7",
92
+ "component": "Text",
93
+ "variant": "body",
94
+ "size": "sm"
95
+ },
96
+ {
97
+ "id": "text-8",
98
+ "component": "Text",
99
+ "variant": "body",
100
+ "textContent": "Hardware key (YubiKey, Titan). Strongest available factor."
101
+ },
102
+ {
103
+ "id": "header-2",
104
+ "component": "Header",
105
+ "children": [
106
+ "text-5",
107
+ "text-6",
108
+ "text-7",
109
+ "text-8"
110
+ ]
111
+ },
112
+ {
113
+ "id": "card-2",
114
+ "component": "Card",
115
+ "children": [
116
+ "header-2"
117
+ ]
118
+ },
119
+ {
120
+ "id": "text-9",
121
+ "component": "Text",
122
+ "variant": "body"
123
+ },
124
+ {
125
+ "id": "text-10",
126
+ "component": "Text",
127
+ "variant": "body",
128
+ "textContent": "SMS"
129
+ },
130
+ {
131
+ "id": "text-11",
132
+ "component": "Text",
133
+ "variant": "body",
134
+ "size": "sm"
135
+ },
136
+ {
137
+ "id": "text-12",
138
+ "component": "Text",
139
+ "variant": "body",
140
+ "textContent": "Codes via text message. Vulnerable to SIM-swap attacks."
141
+ },
142
+ {
143
+ "id": "header-3",
144
+ "component": "Header",
145
+ "children": [
146
+ "text-9",
147
+ "text-10",
148
+ "text-11",
149
+ "text-12"
150
+ ]
151
+ },
152
+ {
153
+ "id": "card-3",
154
+ "component": "Card",
155
+ "children": [
156
+ "header-3"
157
+ ]
158
+ },
159
+ {
160
+ "id": "root",
161
+ "component": "Column",
162
+ "data-col": "",
163
+ "children": [
164
+ "card",
165
+ "card-2",
166
+ "card-3"
167
+ ]
168
+ }
169
+ ]
170
+ }