@adia-ai/a2ui-corpus 0.4.9 → 0.5.1

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 (225) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/chunks/_index.json +1452 -43
  3. package/chunks/accordion-settings.json +234 -0
  4. package/chunks/agent-activity-feed.json +74 -1
  5. package/chunks/agent-canvas-shell.json +1 -1
  6. package/chunks/agent-command-palette-search.json +148 -0
  7. package/chunks/agent-reasoning-collapsed.json +55 -1
  8. package/chunks/agent-tool-call-result.json +130 -0
  9. package/chunks/agent-trace-timeline.json +201 -0
  10. package/chunks/ai-streaming-response.json +122 -0
  11. package/chunks/alert-banner.json +85 -0
  12. package/chunks/auth-account-deleted-actions.json +1 -1
  13. package/chunks/auth-account-deleted.json +1 -1
  14. package/chunks/auth-card-content.json +2 -2
  15. package/chunks/auth-card-header.json +1 -1
  16. package/chunks/auth-email-entry.json +43 -2
  17. package/chunks/auth-email-verify-confirm.json +1 -1
  18. package/chunks/auth-email-verify.json +1 -1
  19. package/chunks/auth-forbidden-actions.json +1 -1
  20. package/chunks/auth-forbidden.json +1 -1
  21. package/chunks/auth-invite-actions.json +1 -1
  22. package/chunks/auth-invite-team-card.json +1 -1
  23. package/chunks/auth-link-expired-form.json +1 -1
  24. package/chunks/auth-link-expired.json +1 -1
  25. package/chunks/auth-locked-account.json +1 -1
  26. package/chunks/auth-locked-recovery-options.json +1 -1
  27. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  28. package/chunks/auth-mfa-enrollment.json +1 -1
  29. package/chunks/auth-mfa-fallback-actions.json +1 -1
  30. package/chunks/auth-mfa-recovery.json +1 -1
  31. package/chunks/auth-new-password-form.json +1 -1
  32. package/chunks/auth-new-password.json +1 -1
  33. package/chunks/auth-oauth-fallback-actions.json +1 -1
  34. package/chunks/auth-oauth-interstitial.json +1 -1
  35. package/chunks/auth-password-challenge.json +1 -1
  36. package/chunks/auth-password-reset-form.json +1 -1
  37. package/chunks/auth-password-reset.json +1 -1
  38. package/chunks/auth-profile-form.json +1 -1
  39. package/chunks/auth-profile-setup.json +1 -1
  40. package/chunks/auth-reset-sent.json +1 -1
  41. package/chunks/auth-session-expired-actions.json +1 -1
  42. package/chunks/auth-session-expired.json +1 -1
  43. package/chunks/auth-signin-card-email.json +1 -1
  44. package/chunks/auth-signin-card-magic-link.json +1 -1
  45. package/chunks/auth-signin-card-mfa.json +1 -1
  46. package/chunks/auth-signin-card-otp.json +1 -1
  47. package/chunks/auth-signin-card-password.json +1 -1
  48. package/chunks/auth-signin-card-recovery.json +1 -1
  49. package/chunks/auth-signout-actions.json +1 -1
  50. package/chunks/auth-signout.json +1 -1
  51. package/chunks/auth-signup-email-entry.json +1 -1
  52. package/chunks/auth-signup-entry.json +1 -1
  53. package/chunks/auth-signup-social-auths.json +1 -1
  54. package/chunks/auth-signup-verify.json +1 -1
  55. package/chunks/auth-social-auths.json +1 -1
  56. package/chunks/auth-sso-providers.json +1 -1
  57. package/chunks/auth-sso-required.json +1 -1
  58. package/chunks/auth-team-invite.json +1 -1
  59. package/chunks/breadcrumb-nav.json +82 -0
  60. package/chunks/card-header-with-description.json +1 -1
  61. package/chunks/chart-with-filter-pills.json +132 -0
  62. package/chunks/chat-page-shell.json +307 -2
  63. package/chunks/chat-streaming-surface.json +79 -2
  64. package/chunks/command-palette.json +49 -1
  65. package/chunks/commerce-pricing-tiers.json +335 -2
  66. package/chunks/comparison-table.json +208 -0
  67. package/chunks/conversion-funnel-6step.json +117 -1
  68. package/chunks/dashboard-acquisition-panel.json +1 -1
  69. package/chunks/dashboard-admin-page.json +3 -3
  70. package/chunks/dashboard-audience-kpis.json +1 -1
  71. package/chunks/dashboard-audience-panel.json +1 -1
  72. package/chunks/dashboard-behavior-panel.json +1 -1
  73. package/chunks/dashboard-chart-recent.json +1 -1
  74. package/chunks/dashboard-cohort-retention.json +1 -1
  75. package/chunks/dashboard-conversion-panel.json +1 -1
  76. package/chunks/dashboard-country-list.json +1 -1
  77. package/chunks/dashboard-filter-bar.json +89 -1
  78. package/chunks/dashboard-funnel.json +115 -1
  79. package/chunks/dashboard-kpi-grid.json +129 -1
  80. package/chunks/dashboard-notifications-feed.json +1 -1
  81. package/chunks/dashboard-notifications-panel.json +1 -1
  82. package/chunks/dashboard-overview-panel.json +1 -1
  83. package/chunks/dashboard-page-header.json +1 -1
  84. package/chunks/dashboard-pages-table.json +1 -1
  85. package/chunks/dashboard-quick-actions.json +1 -1
  86. package/chunks/dashboard-reports-panel.json +1 -1
  87. package/chunks/dashboard-reports-table.json +1 -1
  88. package/chunks/dashboard-spark-cards.json +210 -1
  89. package/chunks/dashboard-storage-card.json +1 -1
  90. package/chunks/dashboard-tabs.json +58 -1
  91. package/chunks/dashboard-team-actions-storage.json +1 -1
  92. package/chunks/dashboard-team-list.json +1 -1
  93. package/chunks/dashboard-traffic-channels.json +1 -1
  94. package/chunks/dashboard-transactions-table.json +77 -1
  95. package/chunks/date-time-picker-form.json +194 -0
  96. package/chunks/destructive-confirm-modal.json +102 -1
  97. package/chunks/doc-editor-shell.json +1 -1
  98. package/chunks/drawer-2fa-key.json +1 -1
  99. package/chunks/drawer-2fa-sms.json +1 -1
  100. package/chunks/drawer-2fa-totp.json +1 -1
  101. package/chunks/drawer-cancel-sub.json +1 -1
  102. package/chunks/drawer-change-plan.json +1 -1
  103. package/chunks/drawer-custom-roles.json +1 -1
  104. package/chunks/drawer-data-start.json +1 -1
  105. package/chunks/drawer-delete-account.json +1 -1
  106. package/chunks/drawer-delete-workspace.json +1 -1
  107. package/chunks/drawer-discord.json +1 -1
  108. package/chunks/drawer-figma.json +1 -1
  109. package/chunks/drawer-first-dashboard.json +1 -1
  110. package/chunks/drawer-gcal.json +1 -1
  111. package/chunks/drawer-github.json +1 -1
  112. package/chunks/drawer-invite.json +1 -1
  113. package/chunks/drawer-payment-method.json +339 -2
  114. package/chunks/drawer-report.json +1 -1
  115. package/chunks/drawer-revoke-session.json +1 -1
  116. package/chunks/drawer-role.json +1 -1
  117. package/chunks/drawer-slack.json +1 -1
  118. package/chunks/drawer-smtp.json +1 -1
  119. package/chunks/drawer-source.json +1 -1
  120. package/chunks/drawer-transaction.json +1 -1
  121. package/chunks/editor-code-pane.json +63 -2
  122. package/chunks/editor-page-shell.json +1 -1
  123. package/chunks/editor-preview-pane.json +50 -2
  124. package/chunks/empty-state.json +66 -0
  125. package/chunks/error-404-actions.json +1 -1
  126. package/chunks/error-404.json +1 -1
  127. package/chunks/error-500-actions.json +1 -1
  128. package/chunks/error-500.json +1 -1
  129. package/chunks/error-maintenance-actions.json +1 -1
  130. package/chunks/error-maintenance.json +1 -1
  131. package/chunks/error-page-shell.json +100 -1
  132. package/chunks/faq-accordion.json +224 -0
  133. package/chunks/file-upload-dnd.json +47 -0
  134. package/chunks/footer-multi-column.json +210 -0
  135. package/chunks/footer-primary-only.json +1 -1
  136. package/chunks/form-page-shell.json +107 -1
  137. package/chunks/gallery-page-shell.json +400 -2
  138. package/chunks/hero-section-split.json +115 -0
  139. package/chunks/icon-text-row.json +1 -1
  140. package/chunks/image-carousel.json +119 -0
  141. package/chunks/image-tile.json +1 -1
  142. package/chunks/image-upload-preview.json +101 -0
  143. package/chunks/inventory-list-stock.json +201 -0
  144. package/chunks/kanban-board-3col.json +377 -1
  145. package/chunks/kanban-page-shell.json +534 -2
  146. package/chunks/kbd-shortcuts.json +235 -0
  147. package/chunks/labeled-textarea.json +31 -1
  148. package/chunks/leaderboard-table.json +258 -0
  149. package/chunks/linked-record-row.json +1 -1
  150. package/chunks/marketing-hero-cta.json +76 -1
  151. package/chunks/marketing-page-shell.json +279 -1
  152. package/chunks/masonry-gallery.json +289 -0
  153. package/chunks/member-edit-drawer.json +1 -1
  154. package/chunks/metadata-description-list.json +1 -1
  155. package/chunks/multi-step-wizard.json +164 -0
  156. package/chunks/notification-toast-row.json +138 -0
  157. package/chunks/onb-completion.json +1 -1
  158. package/chunks/onb-extension-install.json +1 -1
  159. package/chunks/onb-hero-welcome.json +1 -1
  160. package/chunks/onb-import-picker.json +1 -1
  161. package/chunks/onb-mobile-handoff.json +1 -1
  162. package/chunks/onb-notification-prefs.json +1 -1
  163. package/chunks/onb-persona-picker.json +1 -1
  164. package/chunks/onb-provider-tiles.json +1 -1
  165. package/chunks/onb-settings-review.json +1 -1
  166. package/chunks/onb-step-footer.json +1 -1
  167. package/chunks/onb-step-header.json +1 -1
  168. package/chunks/onb-step-progress.json +1 -1
  169. package/chunks/onb-step-shell.json +1 -1
  170. package/chunks/onb-story-pane.json +1 -1
  171. package/chunks/onb-tutorial-steps.json +1 -1
  172. package/chunks/playground-a2ui.json +1 -1
  173. package/chunks/playground-app-shell.json +1 -1
  174. package/chunks/playground-chat.json +1 -1
  175. package/chunks/playground-construct-canvas.json +1 -1
  176. package/chunks/playground-gen-ui.json +1 -1
  177. package/chunks/playground-render-preview.json +1 -1
  178. package/chunks/playground-streams-bridge.json +1 -1
  179. package/chunks/playground-table-toolbar.json +1 -1
  180. package/chunks/progress-tracker-milestones.json +255 -0
  181. package/chunks/real-time-metrics-dashboard.json +278 -0
  182. package/chunks/reg-address-form.json +753 -1
  183. package/chunks/reg-billing-card.json +173 -1
  184. package/chunks/reg-brand-scrape.json +1 -1
  185. package/chunks/reg-departments-toggle.json +1 -1
  186. package/chunks/reg-extended-profile.json +1 -1
  187. package/chunks/reg-final-done.json +1 -1
  188. package/chunks/reg-helpdesk-grid.json +1 -1
  189. package/chunks/reg-import-picker.json +1 -1
  190. package/chunks/reg-integrations-grid.json +1 -1
  191. package/chunks/reg-invite-form.json +210 -1
  192. package/chunks/reg-legal-entity.json +1 -1
  193. package/chunks/reg-org-chart-review.json +1 -1
  194. package/chunks/reg-profile-identity.json +1 -1
  195. package/chunks/reg-step-footer.json +1 -1
  196. package/chunks/reg-step-header.json +1 -1
  197. package/chunks/reg-step-progress.json +1 -1
  198. package/chunks/reg-step-shell.json +1 -1
  199. package/chunks/reg-story-pane.json +1 -1
  200. package/chunks/reg-success-summary.json +1 -1
  201. package/chunks/reg-team-size.json +1 -1
  202. package/chunks/reg-usecase-picker.json +1 -1
  203. package/chunks/reg-workspace-name.json +120 -2
  204. package/chunks/search-with-filters.json +100 -0
  205. package/chunks/section-with-stack.json +1 -1
  206. package/chunks/settings-admin-page.json +1 -1
  207. package/chunks/settings-appearance.json +16 -1
  208. package/chunks/settings-billing-plan.json +1 -1
  209. package/chunks/settings-general-form.json +49 -1
  210. package/chunks/settings-integrations.json +1 -1
  211. package/chunks/settings-members-invite.json +1 -1
  212. package/chunks/settings-notifications.json +205 -1
  213. package/chunks/settings-page-shell.json +149 -1
  214. package/chunks/settings-profile-security.json +115 -1
  215. package/chunks/sidebar-collapsible-nav.json +120 -0
  216. package/chunks/tabs-with-panels.json +172 -0
  217. package/chunks/testimonial-grid.json +247 -0
  218. package/chunks/text-card.json +1 -1
  219. package/chunks/timeline-events.json +209 -0
  220. package/chunks/toolbar-icons.json +97 -0
  221. package/chunks/toolbar-tooltips.json +92 -0
  222. package/chunks/user-identity-row.json +1 -1
  223. package/chunks/user-profile-card.json +166 -1
  224. package/chunks/users-table-badge.json +234 -1
  225. package/package.json +1 -1
@@ -0,0 +1,247 @@
1
+ {
2
+ "name": "testimonial-grid",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<section>\n <col-ui gap=\"4\">\n <header align=\"center\">\n <h2>What teams are saying</h2>\n </header>\n <grid-ui columns=\"3\" gap=\"4\">\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"Cut our GenUI shipping time by 4×. Free-form composer just works.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"DS\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">Diana Singh</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Eng Lead, Design Tokens Studio</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"The chunk vocabulary made our PM-to-prototype loop instant.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"MR\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Head of Product, Anvil</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"We replaced 6 hand-built primitives with one annotated chunk.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"JC\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">June Chen</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Staff Engineer, Vellum</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>",
10
+ "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
11
+ "metadata": {
12
+ "domain": "layout",
13
+ "description": "3-column testimonial grid with avatar, name, role, and quote per tile.",
14
+ "keywords": [
15
+ "testimonial",
16
+ "grid",
17
+ "quotes",
18
+ "social-proof",
19
+ "reviews",
20
+ "avatars",
21
+ "customer-stories",
22
+ "marketing"
23
+ ]
24
+ },
25
+ "captured_at": "2026-05-13T21:56:57.777Z",
26
+ "template": [
27
+ {
28
+ "id": "text",
29
+ "component": "Text",
30
+ "variant": "h2",
31
+ "textContent": "What teams are saying"
32
+ },
33
+ {
34
+ "id": "header",
35
+ "component": "Header",
36
+ "children": [
37
+ "text"
38
+ ]
39
+ },
40
+ {
41
+ "id": "text-2",
42
+ "component": "Text",
43
+ "textContent": "\"Cut our GenUI shipping time by 4×. Free-form composer just works.\""
44
+ },
45
+ {
46
+ "id": "avatar",
47
+ "component": "Avatar"
48
+ },
49
+ {
50
+ "id": "text-3",
51
+ "component": "Text",
52
+ "textContent": "Diana Singh"
53
+ },
54
+ {
55
+ "id": "text-4",
56
+ "component": "Text",
57
+ "textContent": "Eng Lead, Design Tokens Studio"
58
+ },
59
+ {
60
+ "id": "column-3",
61
+ "component": "Column",
62
+ "gap": "0",
63
+ "children": [
64
+ "text-3",
65
+ "text-4"
66
+ ]
67
+ },
68
+ {
69
+ "id": "row",
70
+ "component": "Row",
71
+ "gap": "2",
72
+ "children": [
73
+ "avatar",
74
+ "column-3"
75
+ ]
76
+ },
77
+ {
78
+ "id": "column-2",
79
+ "component": "Column",
80
+ "gap": "3",
81
+ "children": [
82
+ "text-2",
83
+ "row"
84
+ ]
85
+ },
86
+ {
87
+ "id": "section",
88
+ "component": "Section",
89
+ "children": [
90
+ "column-2"
91
+ ]
92
+ },
93
+ {
94
+ "id": "card",
95
+ "component": "Card",
96
+ "children": [
97
+ "section"
98
+ ]
99
+ },
100
+ {
101
+ "id": "text-5",
102
+ "component": "Text",
103
+ "textContent": "\"The chunk vocabulary made our PM-to-prototype loop instant.\""
104
+ },
105
+ {
106
+ "id": "avatar-2",
107
+ "component": "Avatar"
108
+ },
109
+ {
110
+ "id": "text-6",
111
+ "component": "Text",
112
+ "textContent": "Marco Rossi"
113
+ },
114
+ {
115
+ "id": "text-7",
116
+ "component": "Text",
117
+ "textContent": "Head of Product, Anvil"
118
+ },
119
+ {
120
+ "id": "column-5",
121
+ "component": "Column",
122
+ "gap": "0",
123
+ "children": [
124
+ "text-6",
125
+ "text-7"
126
+ ]
127
+ },
128
+ {
129
+ "id": "row-2",
130
+ "component": "Row",
131
+ "gap": "2",
132
+ "children": [
133
+ "avatar-2",
134
+ "column-5"
135
+ ]
136
+ },
137
+ {
138
+ "id": "column-4",
139
+ "component": "Column",
140
+ "gap": "3",
141
+ "children": [
142
+ "text-5",
143
+ "row-2"
144
+ ]
145
+ },
146
+ {
147
+ "id": "section-2",
148
+ "component": "Section",
149
+ "children": [
150
+ "column-4"
151
+ ]
152
+ },
153
+ {
154
+ "id": "card-2",
155
+ "component": "Card",
156
+ "children": [
157
+ "section-2"
158
+ ]
159
+ },
160
+ {
161
+ "id": "text-8",
162
+ "component": "Text",
163
+ "textContent": "\"We replaced 6 hand-built primitives with one annotated chunk.\""
164
+ },
165
+ {
166
+ "id": "avatar-3",
167
+ "component": "Avatar"
168
+ },
169
+ {
170
+ "id": "text-9",
171
+ "component": "Text",
172
+ "textContent": "June Chen"
173
+ },
174
+ {
175
+ "id": "text-10",
176
+ "component": "Text",
177
+ "textContent": "Staff Engineer, Vellum"
178
+ },
179
+ {
180
+ "id": "column-7",
181
+ "component": "Column",
182
+ "gap": "0",
183
+ "children": [
184
+ "text-9",
185
+ "text-10"
186
+ ]
187
+ },
188
+ {
189
+ "id": "row-3",
190
+ "component": "Row",
191
+ "gap": "2",
192
+ "children": [
193
+ "avatar-3",
194
+ "column-7"
195
+ ]
196
+ },
197
+ {
198
+ "id": "column-6",
199
+ "component": "Column",
200
+ "gap": "3",
201
+ "children": [
202
+ "text-8",
203
+ "row-3"
204
+ ]
205
+ },
206
+ {
207
+ "id": "section-3",
208
+ "component": "Section",
209
+ "children": [
210
+ "column-6"
211
+ ]
212
+ },
213
+ {
214
+ "id": "card-3",
215
+ "component": "Card",
216
+ "children": [
217
+ "section-3"
218
+ ]
219
+ },
220
+ {
221
+ "id": "grid",
222
+ "component": "Grid",
223
+ "gap": "4",
224
+ "children": [
225
+ "card",
226
+ "card-2",
227
+ "card-3"
228
+ ]
229
+ },
230
+ {
231
+ "id": "column",
232
+ "component": "Column",
233
+ "gap": "4",
234
+ "children": [
235
+ "header",
236
+ "grid"
237
+ ]
238
+ },
239
+ {
240
+ "id": "root",
241
+ "component": "Section",
242
+ "children": [
243
+ "column"
244
+ ]
245
+ }
246
+ ]
247
+ }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>",
12
12
  "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
13
- "captured_at": "2026-05-12T19:23:09.661Z"
13
+ "captured_at": "2026-05-13T21:56:57.777Z"
14
14
  }
@@ -0,0 +1,209 @@
1
+ {
2
+ "name": "timeline-events",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<section>\n <col-ui gap=\"3\">\n <header>\n <h3>Recent activity</h3>\n </header>\n <col-ui gap=\"2\">\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">10:42 AM</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">Diana shipped v0.5.0</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Free-form composer + corpus regrowth</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">9:18 AM</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">Marco approved PR #1428</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Hero section split layout</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">Yesterday</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">June published release notes</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">v0.4.9 closeout cycle</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>",
10
+ "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
11
+ "metadata": {
12
+ "domain": "layout",
13
+ "description": "Vertical timeline of events — date label + dot + content card per row, connected by vertical line.",
14
+ "keywords": [
15
+ "timeline",
16
+ "events",
17
+ "vertical",
18
+ "history",
19
+ "activity-log",
20
+ "chronological",
21
+ "story",
22
+ "commits",
23
+ "releases"
24
+ ]
25
+ },
26
+ "captured_at": "2026-05-13T21:56:57.777Z",
27
+ "template": [
28
+ {
29
+ "id": "text",
30
+ "component": "Text",
31
+ "variant": "h3",
32
+ "textContent": "Recent activity"
33
+ },
34
+ {
35
+ "id": "header",
36
+ "component": "Header",
37
+ "children": [
38
+ "text"
39
+ ]
40
+ },
41
+ {
42
+ "id": "text-2",
43
+ "component": "Text",
44
+ "textContent": "10:42 AM"
45
+ },
46
+ {
47
+ "id": "text-3",
48
+ "component": "Text",
49
+ "textContent": "Diana shipped v0.5.0"
50
+ },
51
+ {
52
+ "id": "text-4",
53
+ "component": "Text",
54
+ "textContent": "Free-form composer + corpus regrowth"
55
+ },
56
+ {
57
+ "id": "column-3",
58
+ "component": "Column",
59
+ "gap": "1",
60
+ "children": [
61
+ "text-3",
62
+ "text-4"
63
+ ]
64
+ },
65
+ {
66
+ "id": "section",
67
+ "component": "Section",
68
+ "children": [
69
+ "column-3"
70
+ ]
71
+ },
72
+ {
73
+ "id": "card",
74
+ "component": "Card",
75
+ "children": [
76
+ "section"
77
+ ]
78
+ },
79
+ {
80
+ "id": "row",
81
+ "component": "Row",
82
+ "gap": "3",
83
+ "children": [
84
+ "text-2",
85
+ "card"
86
+ ]
87
+ },
88
+ {
89
+ "id": "text-5",
90
+ "component": "Text",
91
+ "textContent": "9:18 AM"
92
+ },
93
+ {
94
+ "id": "text-6",
95
+ "component": "Text",
96
+ "textContent": "Marco approved PR #1428"
97
+ },
98
+ {
99
+ "id": "text-7",
100
+ "component": "Text",
101
+ "textContent": "Hero section split layout"
102
+ },
103
+ {
104
+ "id": "column-4",
105
+ "component": "Column",
106
+ "gap": "1",
107
+ "children": [
108
+ "text-6",
109
+ "text-7"
110
+ ]
111
+ },
112
+ {
113
+ "id": "section-2",
114
+ "component": "Section",
115
+ "children": [
116
+ "column-4"
117
+ ]
118
+ },
119
+ {
120
+ "id": "card-2",
121
+ "component": "Card",
122
+ "children": [
123
+ "section-2"
124
+ ]
125
+ },
126
+ {
127
+ "id": "row-2",
128
+ "component": "Row",
129
+ "gap": "3",
130
+ "children": [
131
+ "text-5",
132
+ "card-2"
133
+ ]
134
+ },
135
+ {
136
+ "id": "text-8",
137
+ "component": "Text",
138
+ "textContent": "Yesterday"
139
+ },
140
+ {
141
+ "id": "text-9",
142
+ "component": "Text",
143
+ "textContent": "June published release notes"
144
+ },
145
+ {
146
+ "id": "text-10",
147
+ "component": "Text",
148
+ "textContent": "v0.4.9 closeout cycle"
149
+ },
150
+ {
151
+ "id": "column-5",
152
+ "component": "Column",
153
+ "gap": "1",
154
+ "children": [
155
+ "text-9",
156
+ "text-10"
157
+ ]
158
+ },
159
+ {
160
+ "id": "section-3",
161
+ "component": "Section",
162
+ "children": [
163
+ "column-5"
164
+ ]
165
+ },
166
+ {
167
+ "id": "card-3",
168
+ "component": "Card",
169
+ "children": [
170
+ "section-3"
171
+ ]
172
+ },
173
+ {
174
+ "id": "row-3",
175
+ "component": "Row",
176
+ "gap": "3",
177
+ "children": [
178
+ "text-8",
179
+ "card-3"
180
+ ]
181
+ },
182
+ {
183
+ "id": "column-2",
184
+ "component": "Column",
185
+ "gap": "2",
186
+ "children": [
187
+ "row",
188
+ "row-2",
189
+ "row-3"
190
+ ]
191
+ },
192
+ {
193
+ "id": "column",
194
+ "component": "Column",
195
+ "gap": "3",
196
+ "children": [
197
+ "header",
198
+ "column-2"
199
+ ]
200
+ },
201
+ {
202
+ "id": "root",
203
+ "component": "Section",
204
+ "children": [
205
+ "column"
206
+ ]
207
+ }
208
+ ]
209
+ }
@@ -0,0 +1,97 @@
1
+ {
2
+ "name": "toolbar-icons",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<section>\n <row-ui gap=\"1\" align=\"center\">\n <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\" tooltip=\"Bold\"></button-ui>\n <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\" tooltip=\"Italic\"></button-ui>\n <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\" tooltip=\"Underline\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\" tooltip=\"Bulleted list\"></button-ui>\n <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\" tooltip=\"Numbered list\"></button-ui>\n <button-ui icon=\"quotes\" variant=\"ghost\" size=\"sm\" tooltip=\"Block quote\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert link\"></button-ui>\n <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\" tooltip=\"Inline code\"></button-ui>\n </row-ui>\n </section>",
10
+ "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
11
+ "metadata": {
12
+ "domain": "navigation",
13
+ "description": "Icon-only toolbar with grouped action buttons, separators between groups, and tooltips on hover.",
14
+ "keywords": [
15
+ "toolbar",
16
+ "icon-buttons",
17
+ "actions",
18
+ "icon-only",
19
+ "grouped",
20
+ "editor",
21
+ "tools",
22
+ "formatting"
23
+ ]
24
+ },
25
+ "captured_at": "2026-05-13T21:56:57.777Z",
26
+ "template": [
27
+ {
28
+ "id": "button",
29
+ "component": "Button"
30
+ },
31
+ {
32
+ "id": "button-2",
33
+ "component": "Button"
34
+ },
35
+ {
36
+ "id": "button-3",
37
+ "component": "Button"
38
+ },
39
+ {
40
+ "id": "column",
41
+ "component": "Column"
42
+ },
43
+ {
44
+ "id": "button-4",
45
+ "component": "Button"
46
+ },
47
+ {
48
+ "id": "button-5",
49
+ "component": "Button"
50
+ },
51
+ {
52
+ "id": "button-6",
53
+ "component": "Button"
54
+ },
55
+ {
56
+ "id": "column-2",
57
+ "component": "Column"
58
+ },
59
+ {
60
+ "id": "button-7",
61
+ "component": "Button"
62
+ },
63
+ {
64
+ "id": "button-8",
65
+ "component": "Button"
66
+ },
67
+ {
68
+ "id": "button-9",
69
+ "component": "Button"
70
+ },
71
+ {
72
+ "id": "row",
73
+ "component": "Row",
74
+ "gap": "1",
75
+ "children": [
76
+ "button",
77
+ "button-2",
78
+ "button-3",
79
+ "column",
80
+ "button-4",
81
+ "button-5",
82
+ "button-6",
83
+ "column-2",
84
+ "button-7",
85
+ "button-8",
86
+ "button-9"
87
+ ]
88
+ },
89
+ {
90
+ "id": "root",
91
+ "component": "Section",
92
+ "children": [
93
+ "row"
94
+ ]
95
+ }
96
+ ]
97
+ }
@@ -0,0 +1,92 @@
1
+ {
2
+ "name": "toolbar-tooltips",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<section>\n <row-ui gap=\"1\" align=\"center\">\n <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select tool\"></button-ui>\n <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan tool\"></button-ui>\n <button-ui icon=\"frame\" variant=\"ghost\" size=\"sm\" tooltip=\"Frame tool\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"circle\" variant=\"ghost\" size=\"sm\" tooltip=\"Ellipse\"></button-ui>\n <button-ui icon=\"square\" variant=\"ghost\" size=\"sm\" tooltip=\"Rectangle\"></button-ui>\n <button-ui icon=\"line\" variant=\"ghost\" size=\"sm\" tooltip=\"Line\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"text-aa\" variant=\"ghost\" size=\"sm\" tooltip=\"Text tool\"></button-ui>\n <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n </row-ui>\n </section>",
10
+ "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
11
+ "metadata": {
12
+ "domain": "navigation",
13
+ "description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
14
+ "keywords": [
15
+ "toolbar",
16
+ "tooltips",
17
+ "icon-buttons",
18
+ "hover-labels",
19
+ "editor",
20
+ "canvas",
21
+ "tools",
22
+ "accessibility"
23
+ ]
24
+ },
25
+ "captured_at": "2026-05-13T21:56:57.777Z",
26
+ "template": [
27
+ {
28
+ "id": "button",
29
+ "component": "Button"
30
+ },
31
+ {
32
+ "id": "button-2",
33
+ "component": "Button"
34
+ },
35
+ {
36
+ "id": "button-3",
37
+ "component": "Button"
38
+ },
39
+ {
40
+ "id": "column",
41
+ "component": "Column"
42
+ },
43
+ {
44
+ "id": "button-4",
45
+ "component": "Button"
46
+ },
47
+ {
48
+ "id": "button-5",
49
+ "component": "Button"
50
+ },
51
+ {
52
+ "id": "button-6",
53
+ "component": "Button"
54
+ },
55
+ {
56
+ "id": "column-2",
57
+ "component": "Column"
58
+ },
59
+ {
60
+ "id": "button-7",
61
+ "component": "Button"
62
+ },
63
+ {
64
+ "id": "button-8",
65
+ "component": "Button"
66
+ },
67
+ {
68
+ "id": "row",
69
+ "component": "Row",
70
+ "gap": "1",
71
+ "children": [
72
+ "button",
73
+ "button-2",
74
+ "button-3",
75
+ "column",
76
+ "button-4",
77
+ "button-5",
78
+ "button-6",
79
+ "column-2",
80
+ "button-7",
81
+ "button-8"
82
+ ]
83
+ },
84
+ {
85
+ "id": "root",
86
+ "component": "Section",
87
+ "children": [
88
+ "row"
89
+ ]
90
+ }
91
+ ]
92
+ }
@@ -12,5 +12,5 @@
12
12
  },
13
13
  "html": "<row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Developer</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n </col-ui>\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n </row-ui>",
14
14
  "source": "apps/saas/app/members/members.contents.html",
15
- "captured_at": "2026-05-12T19:23:09.661Z"
15
+ "captured_at": "2026-05-13T21:56:57.777Z"
16
16
  }