@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

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 (293) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/catalog-a2ui_0_9.json +21 -25
  3. package/catalog-a2ui_0_9_rules.txt +2 -0
  4. package/chunk-embeddings.json +1 -1
  5. package/chunks/_index.json +3975 -2305
  6. package/chunks/accordion-settings.json +1 -1
  7. package/chunks/activity-feed.json +390 -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 +4 -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 +13 -4
  14. package/chunks/alert-banner.json +1 -1
  15. package/chunks/analytics-chart.json +157 -0
  16. package/chunks/{dashboard-spark-cards.json → analytics-sparklines-dashboard.json} +22 -13
  17. package/chunks/api-key-table.json +129 -0
  18. package/chunks/app-product-listing-card.json +214 -0
  19. package/chunks/audit-log.json +146 -0
  20. package/chunks/auth-account-deleted-actions.json +1 -1
  21. package/chunks/auth-account-deleted.json +40 -5
  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 +45 -5
  27. package/chunks/auth-forbidden-actions.json +1 -1
  28. package/chunks/auth-forbidden.json +33 -5
  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 +20 -2
  33. package/chunks/auth-locked-account.json +39 -5
  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 +32 -5
  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 +32 -5
  41. package/chunks/auth-oauth-fallback-actions.json +1 -1
  42. package/chunks/auth-oauth-interstitial.json +2 -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 +19 -2
  46. package/chunks/auth-profile-form.json +1 -1
  47. package/chunks/auth-profile-setup.json +19 -2
  48. package/chunks/auth-reset-sent.json +45 -8
  49. package/chunks/auth-session-expired-actions.json +1 -1
  50. package/chunks/auth-session-expired.json +43 -10
  51. package/chunks/auth-signin-card-email.json +20 -2
  52. package/chunks/auth-signin-card-magic-link.json +46 -40
  53. package/chunks/auth-signin-card-mfa.json +39 -5
  54. package/chunks/auth-signin-card-otp.json +73 -10
  55. package/chunks/auth-signin-card-password.json +34 -7
  56. package/chunks/auth-signin-card-recovery.json +41 -5
  57. package/chunks/auth-signout-actions.json +1 -1
  58. package/chunks/auth-signout.json +32 -5
  59. package/chunks/auth-signup-email-entry.json +1 -1
  60. package/chunks/auth-signup-entry.json +57 -5
  61. package/chunks/auth-signup-social-auths.json +1 -1
  62. package/chunks/auth-signup-verify.json +75 -11
  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 +46 -8
  66. package/chunks/auth-team-invite.json +56 -12
  67. package/chunks/avatar-group-overflow.json +1 -1
  68. package/chunks/{users-table-badge.json → badge-variants-table.json} +28 -12
  69. package/chunks/billing-overview.json +202 -0
  70. package/chunks/billing-progress-label.json +101 -0
  71. package/chunks/blog-post-card.json +182 -0
  72. package/chunks/{breadcrumb-nav.json → breadcrumb-navigation.json} +13 -9
  73. package/chunks/calendar-month-view.json +19 -48
  74. package/chunks/card-grid-images.json +459 -0
  75. package/chunks/card-header-with-description.json +2 -1
  76. package/chunks/{agent-activity-feed.json → changelog-activity-feed.json} +23 -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 +11 -1
  84. package/chunks/comparison-table.json +4 -4
  85. package/chunks/contact-form.json +157 -0
  86. package/chunks/conversion-funnel-6step.json +34 -18
  87. package/chunks/dashboard-acquisition-panel.json +36 -2
  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 +209 -84
  91. package/chunks/dashboard-behavior-panel.json +2 -1
  92. package/chunks/dashboard-chart-recent.json +21 -5
  93. package/chunks/dashboard-cohort-retention.json +2 -1
  94. package/chunks/dashboard-conversion-panel.json +24 -13
  95. package/chunks/dashboard-country-list.json +2 -1
  96. package/chunks/dashboard-filter-bar.json +1 -1
  97. package/chunks/dashboard-funnel.json +22 -12
  98. package/chunks/dashboard-notifications-panel.json +117 -153
  99. package/chunks/dashboard-overview-panel.json +100 -39
  100. package/chunks/dashboard-page-header.json +1 -1
  101. package/chunks/dashboard-pages-table.json +2 -1
  102. package/chunks/dashboard-quick-actions.json +1 -1
  103. package/chunks/dashboard-reports-panel.json +73 -7
  104. package/chunks/dashboard-reports-table.json +73 -7
  105. package/chunks/dashboard-storage-card.json +26 -13
  106. package/chunks/dashboard-tabs.json +1 -1
  107. package/chunks/dashboard-team-actions-storage.json +29 -15
  108. package/chunks/dashboard-team-list.json +2 -1
  109. package/chunks/dashboard-traffic-channels.json +36 -2
  110. package/chunks/dashboard-transactions-table.json +45 -4
  111. package/chunks/data-import-wizard.json +397 -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 +38 -18
  117. package/chunks/drawer-2fa-sms.json +42 -15
  118. package/chunks/drawer-2fa-totp.json +46 -19
  119. package/chunks/drawer-cancel-sub.json +217 -66
  120. package/chunks/drawer-change-plan.json +122 -35
  121. package/chunks/drawer-custom-roles.json +62 -35
  122. package/chunks/drawer-data-start.json +27 -7
  123. package/chunks/drawer-delete-account.json +41 -21
  124. package/chunks/drawer-delete-workspace.json +38 -11
  125. package/chunks/drawer-discord.json +44 -24
  126. package/chunks/drawer-figma.json +50 -30
  127. package/chunks/drawer-first-dashboard.json +35 -15
  128. package/chunks/drawer-gcal.json +38 -18
  129. package/chunks/drawer-github.json +59 -32
  130. package/chunks/drawer-invite.json +59 -20
  131. package/chunks/drawer-report.json +75 -46
  132. package/chunks/drawer-revoke-session.json +68 -20
  133. package/chunks/drawer-role.json +27 -7
  134. package/chunks/drawer-slack.json +44 -17
  135. package/chunks/drawer-smtp.json +61 -34
  136. package/chunks/drawer-source.json +46 -19
  137. package/chunks/drawer-transaction.json +54 -25
  138. package/chunks/editor-code-pane.json +1 -1
  139. package/chunks/editor-page-shell.json +1 -1
  140. package/chunks/email-inbox-list.json +677 -0
  141. package/chunks/empty-state-danger.json +2 -1
  142. package/chunks/empty-state-minimal.json +1 -1
  143. package/chunks/empty-state-warning.json +2 -1
  144. package/chunks/empty-state.json +18 -16
  145. package/chunks/error-404-actions.json +1 -1
  146. package/chunks/error-404.json +20 -3
  147. package/chunks/error-500-actions.json +1 -1
  148. package/chunks/error-500.json +29 -3
  149. package/chunks/error-maintenance-actions.json +1 -1
  150. package/chunks/error-maintenance.json +26 -7
  151. package/chunks/error-page-shell.json +1 -1
  152. package/chunks/faq-accordion.json +40 -149
  153. package/chunks/feature-grid-icons.json +308 -0
  154. package/chunks/file-upload-dnd.json +121 -10
  155. package/chunks/footer-multi-column.json +1 -1
  156. package/chunks/footer-primary-only.json +1 -1
  157. package/chunks/form-page-shell.json +1 -1
  158. package/chunks/gallery-page-shell.json +1 -1
  159. package/chunks/hero-section-split.json +1 -1
  160. package/chunks/icon-text-row.json +1 -1
  161. package/chunks/{image-tile.json → image-caption-tile.json} +13 -3
  162. package/chunks/image-carousel.json +1 -1
  163. package/chunks/image-upload-preview.json +1 -1
  164. package/chunks/import-mapping-flow.json +251 -127
  165. package/chunks/integrations-grid.json +138 -0
  166. package/chunks/inventory-list-stock.json +1 -1
  167. package/chunks/invite-members.json +162 -0
  168. package/chunks/invoice-line-items.json +493 -0
  169. package/chunks/kanban-board-3col.json +428 -112
  170. package/chunks/kanban-page-shell.json +4 -1
  171. package/chunks/{kbd-shortcuts.json → keyboard-shortcut-display.json} +12 -3
  172. package/chunks/labeled-textarea.json +1 -1
  173. package/chunks/leaderboard-table.json +1 -1
  174. package/chunks/linked-record-row.json +1 -1
  175. package/chunks/loading-skeleton-placeholder.json +337 -0
  176. package/chunks/marketing-hero-cta.json +3 -2
  177. package/chunks/marketing-page-shell.json +1 -1
  178. package/chunks/masonry-gallery.json +1 -1
  179. package/chunks/member-edit-drawer.json +5 -1
  180. package/chunks/metadata-description-list.json +1 -1
  181. package/chunks/{destructive-confirm-modal.json → modal-dialog-confirm.json} +37 -11
  182. package/chunks/nav-menu-icons.json +75 -0
  183. package/chunks/newsletter-subscription.json +195 -0
  184. package/chunks/notification-badges-feed.json +411 -0
  185. package/chunks/{settings-notifications.json → notification-preferences-panel.json} +19 -10
  186. package/chunks/notification-toast-row.json +26 -105
  187. package/chunks/onb-completion.json +24 -2
  188. package/chunks/onb-extension-install.json +52 -7
  189. package/chunks/onb-hero-welcome.json +98 -8
  190. package/chunks/onb-import-picker.json +1 -1
  191. package/chunks/onb-mobile-handoff.json +1 -1
  192. package/chunks/onb-notification-prefs.json +1 -1
  193. package/chunks/onb-persona-picker.json +1 -1
  194. package/chunks/onb-provider-tiles.json +12 -2
  195. package/chunks/onb-settings-review.json +12 -2
  196. package/chunks/onb-step-footer.json +1 -1
  197. package/chunks/onb-step-header.json +1 -1
  198. package/chunks/onb-step-progress.json +1 -1
  199. package/chunks/onb-step-shell.json +102 -12
  200. package/chunks/onb-story-pane.json +1 -1
  201. package/chunks/onb-tutorial-steps.json +1 -1
  202. package/chunks/order-tracking-timeline.json +131 -0
  203. package/chunks/pagination-controls.json +1 -1
  204. package/chunks/payment-method-form.json +337 -0
  205. package/chunks/period-comparison.json +233 -0
  206. package/chunks/permission-matrix-table.json +432 -0
  207. package/chunks/playground-a2ui.json +1 -1
  208. package/chunks/playground-app-shell.json +51 -5
  209. package/chunks/playground-chat.json +169 -3
  210. package/chunks/playground-construct-canvas.json +1 -1
  211. package/chunks/playground-css-channel.json +152 -20
  212. package/chunks/playground-gen-ui.json +12 -3
  213. package/chunks/playground-render-preview.json +19 -2
  214. package/chunks/playground-streams-bridge.json +93 -20
  215. package/chunks/playground-table-toolbar.json +1 -1
  216. package/chunks/popover-with-content.json +1 -1
  217. package/chunks/pricing-tiers.json +560 -0
  218. package/chunks/product-tour.json +158 -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 +2 -1
  223. package/chunks/reg-billing-card.json +1 -1
  224. package/chunks/reg-brand-scrape.json +304 -42
  225. package/chunks/reg-departments-toggle.json +2 -1
  226. package/chunks/reg-extended-profile.json +1 -1
  227. package/chunks/reg-final-done.json +108 -21
  228. package/chunks/reg-helpdesk-grid.json +174 -35
  229. package/chunks/reg-import-picker.json +2 -1
  230. package/chunks/reg-integrations-grid.json +156 -30
  231. package/chunks/reg-invite-form.json +21 -2
  232. package/chunks/reg-legal-entity.json +1 -1
  233. package/chunks/reg-org-chart-review.json +442 -65
  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 +108 -21
  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 +54 -6
  248. package/chunks/revenue-heatmap.json +82 -0
  249. package/chunks/role-management.json +280 -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} +69 -11
  253. package/chunks/select-multiple-preselected.json +1 -1
  254. package/chunks/settings-2fa-setup.json +310 -0
  255. package/chunks/settings-admin-page.json +405 -121
  256. package/chunks/settings-appearance-theme-panel.json +55 -0
  257. package/chunks/settings-appearance.json +4 -3
  258. package/chunks/settings-general-form.json +1 -1
  259. package/chunks/settings-integrations.json +162 -29
  260. package/chunks/settings-members-invite.json +1 -1
  261. package/chunks/settings-page-shell.json +1 -1
  262. package/chunks/settings-panel.json +249 -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} +31 -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 +125 -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 +281 -0
  273. package/chunks/{multi-step-wizard.json → stepper-form-wizard.json} +22 -21
  274. package/chunks/survey-rating-form.json +165 -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 +342 -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 +213 -0
  285. package/chunks/user-identity-row.json +1 -1
  286. package/chunks/user-onboarding-checklist.json +291 -0
  287. package/chunks/user-profile-card.json +75 -85
  288. package/chunks/video-player-controls.json +1 -1
  289. package/chunks/webhook-config.json +209 -0
  290. package/package.json +1 -1
  291. package/chunks/dashboard-notifications-feed.json +0 -431
  292. package/chunks/drawer-payment-method.json +0 -395
  293. package/chunks/text-card.json +0 -53
@@ -1,5 +1,5 @@
1
1
  {
2
- "name": "dashboard-spark-cards",
2
+ "name": "analytics-sparklines-dashboard",
3
3
  "kind": "block",
4
4
  "primary": "grid-ui",
5
5
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
@@ -13,23 +13,28 @@
13
13
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
14
14
  "metadata": {
15
15
  "domain": "data",
16
- "description": "4-column sparkline stat cards — each card pairs a KPI value with a small trend sparkline chart.",
16
+ "description": "4-column web analytics cards with inline sparklines — each card pairs a headline metric value with a small trend sparkline chart. Page views, bounce rate, session duration, conversion metrics with mini-chart.",
17
17
  "keywords": [
18
- "sparkline",
19
- "stat",
20
- "cards",
21
- "trend",
18
+ "analytics",
19
+ "sparklines",
20
+ "page-views",
21
+ "bounce-rate",
22
+ "session-duration",
23
+ "conversion",
24
+ "web-analytics",
22
25
  "mini-chart",
23
- "kpi",
24
- "metrics",
26
+ "chart-ui",
27
+ "inline-chart",
28
+ "trend",
29
+ "sparkline-chart",
30
+ "sparklines",
25
31
  "dashboard",
26
- "trends",
27
- "indicators",
28
- "responsive",
29
- "breakpoint"
32
+ "analytics-dashboard",
33
+ "web-metrics",
34
+ "traffic"
30
35
  ]
31
36
  },
32
- "captured_at": "2026-05-26T04:00:28.271Z",
37
+ "captured_at": "2026-05-27T23:29:53.307Z",
33
38
  "template": [
34
39
  {
35
40
  "id": "text",
@@ -40,6 +45,7 @@
40
45
  {
41
46
  "id": "text-2",
42
47
  "component": "Text",
48
+ "slot": "description",
43
49
  "variant": "title",
44
50
  "textContent": "84,232"
45
51
  },
@@ -90,6 +96,7 @@
90
96
  {
91
97
  "id": "text-4",
92
98
  "component": "Text",
99
+ "slot": "description",
93
100
  "variant": "title",
94
101
  "textContent": "24.3%"
95
102
  },
@@ -141,6 +148,7 @@
141
148
  {
142
149
  "id": "text-6",
143
150
  "component": "Text",
151
+ "slot": "description",
144
152
  "variant": "title",
145
153
  "textContent": "4m 32s"
146
154
  },
@@ -192,6 +200,7 @@
192
200
  {
193
201
  "id": "text-8",
194
202
  "component": "Text",
203
+ "slot": "description",
195
204
  "variant": "title",
196
205
  "textContent": "3.2%"
197
206
  },
@@ -0,0 +1,129 @@
1
+ {
2
+ "name": "api-key-table",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/catalog/ui-patterns/app/api-key-table/api-key-table.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <header>\n <h3>API Keys</h3>\n <p slot=\"description\">Manage access tokens for external integrations</p>\n <span slot=\"action\" size=\"sm\">\n <button-ui text=\"Generate key\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui sortable\n data='[{\"name\":\"Production API\",\"prefix\":\"sk-live-****-3a7f\",\"created\":\"Jan 15, 2026\",\"lastUsed\":\"2h ago\"},{\"name\":\"Staging API\",\"prefix\":\"sk-test-****-9b2e\",\"created\":\"Mar 1, 2026\",\"lastUsed\":\"3d ago\"},{\"name\":\"CI Pipeline\",\"prefix\":\"sk-live-****-7k4m\",\"created\":\"Apr 10, 2026\",\"lastUsed\":\"1h ago\"}]'>\n <col-def key=\"name\" label=\"Name\"></col-def>\n <col-def key=\"prefix\" label=\"Key\"></col-def>\n <col-def key=\"created\" label=\"Created\"></col-def>\n <col-def key=\"lastUsed\" label=\"Last used\"></col-def>\n </table-ui>\n </section>\n</card-ui>",
10
+ "source": "catalog/ui-patterns/app/api-key-table/api-key-table.contents.html",
11
+ "metadata": {
12
+ "domain": "settings",
13
+ "description": "API keys management table with key name, prefix, created date, last used, and revoke button.",
14
+ "keywords": [
15
+ "api",
16
+ "key",
17
+ "management",
18
+ "table",
19
+ "generate",
20
+ "revoke",
21
+ "token",
22
+ "secret",
23
+ "credential",
24
+ "access",
25
+ "developer",
26
+ "settings",
27
+ "api-keys",
28
+ "api-token",
29
+ "authentication",
30
+ "prefix",
31
+ "created",
32
+ "last-used"
33
+ ]
34
+ },
35
+ "captured_at": "2026-05-27T23:29:53.307Z",
36
+ "template": [
37
+ {
38
+ "id": "text",
39
+ "component": "Text",
40
+ "variant": "heading",
41
+ "textContent": "API Keys"
42
+ },
43
+ {
44
+ "id": "text-2",
45
+ "component": "Text",
46
+ "variant": "body",
47
+ "slot": "description",
48
+ "textContent": "Manage access tokens for external integrations"
49
+ },
50
+ {
51
+ "id": "button",
52
+ "component": "Button",
53
+ "icon": "plus",
54
+ "size": "sm",
55
+ "text": "Generate key",
56
+ "variant": "primary"
57
+ },
58
+ {
59
+ "id": "text-3",
60
+ "component": "Text",
61
+ "variant": "body",
62
+ "slot": "action",
63
+ "size": "sm",
64
+ "children": [
65
+ "button"
66
+ ]
67
+ },
68
+ {
69
+ "id": "header",
70
+ "component": "Header",
71
+ "children": [
72
+ "text",
73
+ "text-2",
74
+ "text-3"
75
+ ]
76
+ },
77
+ {
78
+ "id": "col-def",
79
+ "component": "ColDef"
80
+ },
81
+ {
82
+ "id": "col-def-2",
83
+ "component": "ColDef"
84
+ },
85
+ {
86
+ "id": "col-def-3",
87
+ "component": "ColDef"
88
+ },
89
+ {
90
+ "id": "col-def-4",
91
+ "component": "ColDef"
92
+ },
93
+ {
94
+ "id": "table",
95
+ "component": "Table",
96
+ "data": "[{\"name\":\"Production API\",\"prefix\":\"sk-live-****-3a7f\",\"created\":\"Jan 15, 2026\",\"lastUsed\":\"2h ago\"},{\"name\":\"Staging API\",\"prefix\":\"sk-test-****-9b2e\",\"created\":\"Mar 1, 2026\",\"lastUsed\":\"3d ago\"},{\"name\":\"CI Pipeline\",\"prefix\":\"sk-live-****-7k4m\",\"created\":\"Apr 10, 2026\",\"lastUsed\":\"1h ago\"}]",
97
+ "sortable": true,
98
+ "children": [
99
+ "col-def",
100
+ "col-def-2",
101
+ "col-def-3",
102
+ "col-def-4"
103
+ ]
104
+ },
105
+ {
106
+ "id": "section",
107
+ "component": "Section",
108
+ "bleed": true,
109
+ "children": [
110
+ "column"
111
+ ]
112
+ },
113
+ {
114
+ "id": "column",
115
+ "component": "Column",
116
+ "children": [
117
+ "table"
118
+ ]
119
+ },
120
+ {
121
+ "id": "root",
122
+ "component": "Card",
123
+ "children": [
124
+ "header",
125
+ "section"
126
+ ]
127
+ }
128
+ ]
129
+ }
@@ -0,0 +1,214 @@
1
+ {
2
+ "name": "app-product-listing-card",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/catalog/ui-patterns/app/product-card-buy/product-card-buy.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <image-ui\n src=\"https://picsum.photos/seed/product42/600/360\"\n alt=\"Wireless noise-cancelling headphones in midnight black\"\n height=\"220px\"\n fit=\"cover\"\n raw></image-ui>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <row-ui justify=\"space-between\" align=\"start\">\n <text-ui weight=\"semibold\" size=\"lg\">Wireless Pro Headphones</text-ui>\n <badge-ui text=\"In stock\" variant=\"success\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui size=\"xl\" weight=\"semibold\">$149.00</text-ui>\n <text-ui size=\"sm\" color=\"subtle\" style=\"text-decoration:line-through\">$199.00</text-ui>\n <badge-ui text=\"25% off\" variant=\"warning\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">Active noise cancellation, 30-hour battery life, foldable design. USB-C charging. Compatible with iOS and Android.</text-ui>\n <row-ui gap=\"1\">\n <rating-ui value=\"4\" readonly size=\"sm\"></rating-ui>\n <text-ui size=\"sm\" color=\"subtle\">(312 reviews)</text-ui>\n </row-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <button-ui text=\"Add to cart\" variant=\"primary\" icon=\"shopping-cart\" style=\"flex:1\"></button-ui>\n <button-ui variant=\"ghost\" icon=\"heart\" aria-label=\"Save\"></button-ui>\n </row-ui>\n </footer>\n</card-ui>",
10
+ "source": "catalog/ui-patterns/app/product-card-buy/product-card-buy.contents.html",
11
+ "metadata": {
12
+ "domain": "data",
13
+ "description": "Product card with image, price, and buy button — card showing product photo, name, price, brief description, and add-to-cart + save actions. E-commerce product listing pattern.",
14
+ "keywords": [
15
+ "app",
16
+ "store",
17
+ "listing",
18
+ "product-listing",
19
+ "card",
20
+ "app-store",
21
+ "product",
22
+ "card",
23
+ "image",
24
+ "price",
25
+ "buy",
26
+ "button",
27
+ "add-to-cart",
28
+ "e-commerce",
29
+ "shopping",
30
+ "card-ui",
31
+ "image-ui",
32
+ "buy",
33
+ "purchase",
34
+ "price"
35
+ ]
36
+ },
37
+ "captured_at": "2026-05-27T23:29:53.307Z",
38
+ "template": [
39
+ {
40
+ "id": "image",
41
+ "component": "Image",
42
+ "alt": "Wireless noise-cancelling headphones in midnight black",
43
+ "fit": "cover",
44
+ "height": "220px",
45
+ "raw": true,
46
+ "src": "https://picsum.photos/seed/product42/600/360"
47
+ },
48
+ {
49
+ "id": "text",
50
+ "component": "Text",
51
+ "size": "lg",
52
+ "weight": "semibold",
53
+ "textContent": "Wireless Pro Headphones"
54
+ },
55
+ {
56
+ "id": "badge",
57
+ "component": "Badge",
58
+ "size": "sm",
59
+ "text": "In stock",
60
+ "variant": "success"
61
+ },
62
+ {
63
+ "id": "row",
64
+ "component": "Row",
65
+ "align": "start",
66
+ "justify": "space-between",
67
+ "children": [
68
+ "text",
69
+ "badge"
70
+ ]
71
+ },
72
+ {
73
+ "id": "text-2",
74
+ "component": "Text",
75
+ "size": "xl",
76
+ "weight": "semibold",
77
+ "textContent": "$149.00"
78
+ },
79
+ {
80
+ "id": "text-3",
81
+ "component": "Text",
82
+ "color": "subtle",
83
+ "size": "sm",
84
+ "textContent": "$199.00"
85
+ },
86
+ {
87
+ "id": "badge-2",
88
+ "component": "Badge",
89
+ "size": "sm",
90
+ "text": "25% off",
91
+ "variant": "warning"
92
+ },
93
+ {
94
+ "id": "row-2",
95
+ "component": "Row",
96
+ "align": "center",
97
+ "gap": "2",
98
+ "children": [
99
+ "text-2",
100
+ "text-3",
101
+ "badge-2"
102
+ ]
103
+ },
104
+ {
105
+ "id": "column-2",
106
+ "component": "Column",
107
+ "gap": "1",
108
+ "children": [
109
+ "row",
110
+ "row-2"
111
+ ]
112
+ },
113
+ {
114
+ "id": "text-4",
115
+ "component": "Text",
116
+ "color": "subtle",
117
+ "size": "sm",
118
+ "textContent": "Active noise cancellation, 30-hour battery life, foldable design. USB-C charging. Compatible with iOS and Android."
119
+ },
120
+ {
121
+ "id": "rating",
122
+ "component": "Rating",
123
+ "readonly": true,
124
+ "size": "sm",
125
+ "value": 4
126
+ },
127
+ {
128
+ "id": "text-5",
129
+ "component": "Text",
130
+ "color": "subtle",
131
+ "size": "sm",
132
+ "textContent": "(312 reviews)"
133
+ },
134
+ {
135
+ "id": "row-3",
136
+ "component": "Row",
137
+ "gap": "1",
138
+ "children": [
139
+ "rating",
140
+ "text-5"
141
+ ]
142
+ },
143
+ {
144
+ "id": "column",
145
+ "component": "Column",
146
+ "gap": "3",
147
+ "children": [
148
+ "column-2",
149
+ "text-4",
150
+ "row-3"
151
+ ]
152
+ },
153
+ {
154
+ "id": "section",
155
+ "component": "Section",
156
+ "children": [
157
+ "column"
158
+ ]
159
+ },
160
+ {
161
+ "id": "button",
162
+ "component": "Button",
163
+ "icon": "shopping-cart",
164
+ "text": "Add to cart",
165
+ "variant": "primary"
166
+ },
167
+ {
168
+ "id": "save",
169
+ "component": "Button",
170
+ "aria-label": "Save",
171
+ "icon": "heart",
172
+ "variant": "ghost"
173
+ },
174
+ {
175
+ "id": "row-4",
176
+ "component": "Row",
177
+ "gap": "2",
178
+ "children": [
179
+ "button",
180
+ "save"
181
+ ]
182
+ },
183
+ {
184
+ "id": "footer",
185
+ "component": "Footer",
186
+ "children": [
187
+ "row-4"
188
+ ]
189
+ },
190
+ {
191
+ "id": "column-3",
192
+ "component": "Column",
193
+ "children": [
194
+ "image",
195
+ "section"
196
+ ]
197
+ },
198
+ {
199
+ "id": "section-2",
200
+ "component": "Section",
201
+ "children": [
202
+ "column-3"
203
+ ]
204
+ },
205
+ {
206
+ "id": "root",
207
+ "component": "Card",
208
+ "children": [
209
+ "section-2",
210
+ "footer"
211
+ ]
212
+ }
213
+ ]
214
+ }
@@ -0,0 +1,146 @@
1
+ {
2
+ "name": "audit-log",
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 <h3>Audit log</h3>\n <p slot=\"description\">Recent admin and user actions in this workspace.</p>\n <span slot=\"action\" size=\"sm\">\n <button-ui text=\"Export\" variant=\"ghost\" size=\"sm\" icon=\"download\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui sortable striped\n data='[{\"user\":\"Alex Chen\",\"action\":\"Deployed\",\"resource\":\"v2.14.0\",\"ip\":\"203.0.113.1\",\"timestamp\":\"2m ago\"},{\"user\":\"Sarah Miller\",\"action\":\"Invited\",\"resource\":\"james@acme.com\",\"ip\":\"198.51.100.4\",\"timestamp\":\"18m ago\"},{\"user\":\"James Park\",\"action\":\"API key created\",\"resource\":\"ci-pipeline\",\"ip\":\"192.0.2.8\",\"timestamp\":\"1h ago\"},{\"user\":\"Maria Lopez\",\"action\":\"Role changed\",\"resource\":\"viewer → admin\",\"ip\":\"203.0.113.9\",\"timestamp\":\"3h ago\"}]'>\n <col-def key=\"user\" label=\"User\"></col-def>\n <col-def key=\"action\" label=\"Action\"></col-def>\n <col-def key=\"resource\" label=\"Resource\"></col-def>\n <col-def key=\"ip\" label=\"IP Address\"></col-def>\n <col-def key=\"timestamp\" label=\"Time\"></col-def>\n </table-ui>\n </section>\n <footer>\n <button-ui text=\"View full log\" variant=\"ghost\" stretch></button-ui>\n </footer>\n</card-ui>",
10
+ "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
+ "metadata": {
12
+ "domain": "data",
13
+ "description": "Audit log table with user, action, resource, IP address, and timestamp columns.",
14
+ "keywords": [
15
+ "audit",
16
+ "log",
17
+ "table",
18
+ "user",
19
+ "action",
20
+ "resource",
21
+ "IP",
22
+ "address",
23
+ "timestamp",
24
+ "columns",
25
+ "audit-log",
26
+ "security",
27
+ "compliance",
28
+ "history"
29
+ ]
30
+ },
31
+ "captured_at": "2026-05-27T23:29:53.307Z",
32
+ "template": [
33
+ {
34
+ "id": "text",
35
+ "component": "Text",
36
+ "variant": "heading",
37
+ "textContent": "Audit log"
38
+ },
39
+ {
40
+ "id": "text-2",
41
+ "component": "Text",
42
+ "variant": "body",
43
+ "slot": "description",
44
+ "textContent": "Recent admin and user actions in this workspace."
45
+ },
46
+ {
47
+ "id": "button",
48
+ "component": "Button",
49
+ "icon": "download",
50
+ "size": "sm",
51
+ "text": "Export",
52
+ "variant": "ghost"
53
+ },
54
+ {
55
+ "id": "text-3",
56
+ "component": "Text",
57
+ "variant": "body",
58
+ "slot": "action",
59
+ "size": "sm",
60
+ "children": [
61
+ "button"
62
+ ]
63
+ },
64
+ {
65
+ "id": "header",
66
+ "component": "Header",
67
+ "children": [
68
+ "text",
69
+ "text-2",
70
+ "text-3"
71
+ ]
72
+ },
73
+ {
74
+ "id": "col-def",
75
+ "component": "ColDef"
76
+ },
77
+ {
78
+ "id": "col-def-2",
79
+ "component": "ColDef"
80
+ },
81
+ {
82
+ "id": "col-def-3",
83
+ "component": "ColDef"
84
+ },
85
+ {
86
+ "id": "col-def-4",
87
+ "component": "ColDef"
88
+ },
89
+ {
90
+ "id": "col-def-5",
91
+ "component": "ColDef"
92
+ },
93
+ {
94
+ "id": "table",
95
+ "component": "Table",
96
+ "data": "[{\"user\":\"Alex Chen\",\"action\":\"Deployed\",\"resource\":\"v2.14.0\",\"ip\":\"203.0.113.1\",\"timestamp\":\"2m ago\"},{\"user\":\"Sarah Miller\",\"action\":\"Invited\",\"resource\":\"james@acme.com\",\"ip\":\"198.51.100.4\",\"timestamp\":\"18m ago\"},{\"user\":\"James Park\",\"action\":\"API key created\",\"resource\":\"ci-pipeline\",\"ip\":\"192.0.2.8\",\"timestamp\":\"1h ago\"},{\"user\":\"Maria Lopez\",\"action\":\"Role changed\",\"resource\":\"viewer → admin\",\"ip\":\"203.0.113.9\",\"timestamp\":\"3h ago\"}]",
97
+ "sortable": true,
98
+ "striped": true,
99
+ "children": [
100
+ "col-def",
101
+ "col-def-2",
102
+ "col-def-3",
103
+ "col-def-4",
104
+ "col-def-5"
105
+ ]
106
+ },
107
+ {
108
+ "id": "section",
109
+ "component": "Section",
110
+ "bleed": true,
111
+ "children": [
112
+ "column"
113
+ ]
114
+ },
115
+ {
116
+ "id": "button-2",
117
+ "component": "Button",
118
+ "stretch": true,
119
+ "text": "View full log",
120
+ "variant": "ghost"
121
+ },
122
+ {
123
+ "id": "footer",
124
+ "component": "Footer",
125
+ "children": [
126
+ "button-2"
127
+ ]
128
+ },
129
+ {
130
+ "id": "column",
131
+ "component": "Column",
132
+ "children": [
133
+ "table"
134
+ ]
135
+ },
136
+ {
137
+ "id": "root",
138
+ "component": "Card",
139
+ "children": [
140
+ "header",
141
+ "section",
142
+ "footer"
143
+ ]
144
+ }
145
+ ]
146
+ }
@@ -23,7 +23,7 @@
23
23
  "buttons"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-26T04:00:28.271Z",
26
+ "captured_at": "2026-05-27T23:29:53.307Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "button",
@@ -26,7 +26,7 @@
26
26
  "confirmation"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-05-26T04:00:28.271Z",
29
+ "captured_at": "2026-05-27T23:29:53.307Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "image",
@@ -73,11 +73,28 @@
73
73
  "header-2"
74
74
  ]
75
75
  },
76
+ {
77
+ "id": "text-3",
78
+ "component": "Text",
79
+ "variant": "body",
80
+ "textContent": "kim@acme.com"
81
+ },
82
+ {
83
+ "id": "text-4",
84
+ "component": "Text",
85
+ "variant": "body",
86
+ "textContent": "14 days to reverse"
87
+ },
76
88
  {
77
89
  "id": "text-2",
78
90
  "component": "Text",
79
91
  "variant": "body",
80
- "textContent": "We've removed kim@acme.com from AdiaUI. Workspace data was archived; billing history retained for 30 days for tax compliance. 14 days to reverse — if this was a mistake, sign back in within two weeks to fully recover your account. After that the deletion is permanent."
92
+ "slot": "content",
93
+ "textContent": "We've removed from AdiaUI. Workspace data was archived; billing history retained for 30 days for tax compliance. — if this was a mistake, sign back in within two weeks to fully recover your account. After that the deletion is permanent.",
94
+ "children": [
95
+ "text-3",
96
+ "text-4"
97
+ ]
81
98
  },
82
99
  {
83
100
  "id": "alert",
@@ -119,12 +136,30 @@
119
136
  ]
120
137
  },
121
138
  {
122
- "id": "text-3",
139
+ "id": "text-6",
140
+ "component": "Text",
141
+ "textContent": "Contact support",
142
+ "variant": "body"
143
+ },
144
+ {
145
+ "id": "link",
146
+ "component": "Link",
147
+ "href": "/site/examples/help",
148
+ "text": "Contact support",
149
+ "children": [
150
+ "text-6"
151
+ ]
152
+ },
153
+ {
154
+ "id": "text-5",
123
155
  "component": "Text",
124
156
  "color": "subtle",
125
157
  "size": "sm",
126
158
  "text-align": "center",
127
- "textContent": "Need help or want to keep your data? Contact support"
159
+ "textContent": "Need help or want to keep your data?",
160
+ "children": [
161
+ "link"
162
+ ]
128
163
  },
129
164
  {
130
165
  "id": "column-2",
@@ -133,7 +168,7 @@
133
168
  "children": [
134
169
  "alert",
135
170
  "column-3",
136
- "text-3"
171
+ "text-5"
137
172
  ]
138
173
  },
139
174
  {
@@ -243,7 +243,7 @@
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-26T04:00:28.271Z",
246
+ "captured_at": "2026-05-27T23:29:53.307Z",
247
247
  "metadata": {
248
248
  "domain": "auth",
249
249
  "description": "Auth card body section — inner scrollable content area of the centered auth card shell.",
@@ -188,7 +188,7 @@
188
188
  "html": "<header>\n <col-ui align=\"center\" gap=\"1\">\n <a href=\"/\" aria-label=\"AdiaUI home\">\n <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\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-26T04:00:28.271Z",
191
+ "captured_at": "2026-05-27T23:29:53.307Z",
192
192
  "metadata": {
193
193
  "domain": "auth",
194
194
  "description": "Auth card header — logo + page title centered at top of auth card.",