@adia-ai/a2ui-corpus 0.5.0 → 0.5.2
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.
- package/CHANGELOG.md +33 -0
- package/catalog-a2ui_0_9.json +1 -5
- package/chunks/_index.json +284 -13
- package/chunks/accordion-settings.json +234 -0
- package/chunks/agent-activity-feed.json +1 -1
- package/chunks/agent-canvas-shell.json +1 -1
- package/chunks/agent-command-palette-search.json +1 -1
- package/chunks/agent-reasoning-collapsed.json +1 -1
- package/chunks/agent-tool-call-result.json +1 -1
- package/chunks/agent-trace-timeline.json +1 -1
- package/chunks/ai-streaming-response.json +1 -1
- package/chunks/alert-banner.json +85 -0
- package/chunks/auth-account-deleted-actions.json +1 -1
- package/chunks/auth-account-deleted.json +1 -1
- package/chunks/auth-card-content.json +1 -1
- package/chunks/auth-card-header.json +1 -1
- package/chunks/auth-email-entry.json +1 -1
- package/chunks/auth-email-verify-confirm.json +1 -1
- package/chunks/auth-email-verify.json +1 -1
- package/chunks/auth-forbidden-actions.json +1 -1
- package/chunks/auth-forbidden.json +1 -1
- package/chunks/auth-invite-actions.json +1 -1
- package/chunks/auth-invite-team-card.json +1 -1
- package/chunks/auth-link-expired-form.json +1 -1
- package/chunks/auth-link-expired.json +1 -1
- package/chunks/auth-locked-account.json +1 -1
- package/chunks/auth-locked-recovery-options.json +1 -1
- package/chunks/auth-mfa-enrollment-submit.json +1 -1
- package/chunks/auth-mfa-enrollment.json +1 -1
- package/chunks/auth-mfa-fallback-actions.json +1 -1
- package/chunks/auth-mfa-recovery.json +1 -1
- package/chunks/auth-new-password-form.json +1 -1
- package/chunks/auth-new-password.json +1 -1
- package/chunks/auth-oauth-fallback-actions.json +1 -1
- package/chunks/auth-oauth-interstitial.json +1 -1
- package/chunks/auth-password-challenge.json +1 -1
- package/chunks/auth-password-reset-form.json +1 -1
- package/chunks/auth-password-reset.json +1 -1
- package/chunks/auth-profile-form.json +1 -1
- package/chunks/auth-profile-setup.json +1 -1
- package/chunks/auth-reset-sent.json +1 -1
- package/chunks/auth-session-expired-actions.json +1 -1
- package/chunks/auth-session-expired.json +1 -1
- package/chunks/auth-signin-card-email.json +1 -1
- package/chunks/auth-signin-card-magic-link.json +1 -1
- package/chunks/auth-signin-card-mfa.json +1 -1
- package/chunks/auth-signin-card-otp.json +1 -1
- package/chunks/auth-signin-card-password.json +1 -1
- package/chunks/auth-signin-card-recovery.json +1 -1
- package/chunks/auth-signout-actions.json +1 -1
- package/chunks/auth-signout.json +1 -1
- package/chunks/auth-signup-email-entry.json +1 -1
- package/chunks/auth-signup-entry.json +1 -1
- package/chunks/auth-signup-social-auths.json +1 -1
- package/chunks/auth-signup-verify.json +1 -1
- package/chunks/auth-social-auths.json +1 -1
- package/chunks/auth-sso-providers.json +1 -1
- package/chunks/auth-sso-required.json +1 -1
- package/chunks/auth-team-invite.json +1 -1
- package/chunks/breadcrumb-nav.json +1 -1
- package/chunks/card-header-with-description.json +1 -1
- package/chunks/chart-with-filter-pills.json +132 -0
- package/chunks/chat-page-shell.json +1 -1
- package/chunks/chat-streaming-surface.json +1 -1
- package/chunks/command-palette.json +1 -1
- package/chunks/commerce-pricing-tiers.json +1 -1
- package/chunks/comparison-table.json +1 -1
- package/chunks/conversion-funnel-6step.json +1 -1
- package/chunks/dashboard-acquisition-panel.json +1 -1
- package/chunks/dashboard-admin-page.json +1 -1
- package/chunks/dashboard-audience-kpis.json +1 -1
- package/chunks/dashboard-audience-panel.json +1 -1
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +1 -1
- package/chunks/dashboard-cohort-retention.json +1 -1
- package/chunks/dashboard-conversion-panel.json +1 -1
- package/chunks/dashboard-country-list.json +1 -1
- package/chunks/dashboard-filter-bar.json +1 -1
- package/chunks/dashboard-funnel.json +1 -1
- package/chunks/dashboard-kpi-grid.json +1 -1
- package/chunks/dashboard-notifications-feed.json +1 -1
- package/chunks/dashboard-notifications-panel.json +1 -1
- package/chunks/dashboard-overview-panel.json +1 -1
- package/chunks/dashboard-page-header.json +1 -1
- package/chunks/dashboard-pages-table.json +1 -1
- package/chunks/dashboard-quick-actions.json +1 -1
- package/chunks/dashboard-reports-panel.json +1 -1
- package/chunks/dashboard-reports-table.json +1 -1
- package/chunks/dashboard-spark-cards.json +1 -1
- package/chunks/dashboard-storage-card.json +1 -1
- package/chunks/dashboard-tabs.json +1 -1
- package/chunks/dashboard-team-actions-storage.json +1 -1
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +1 -1
- package/chunks/dashboard-transactions-table.json +1 -1
- package/chunks/date-time-picker-form.json +34 -12
- package/chunks/destructive-confirm-modal.json +1 -1
- package/chunks/doc-editor-shell.json +1 -1
- package/chunks/drawer-2fa-key.json +1 -1
- package/chunks/drawer-2fa-sms.json +1 -1
- package/chunks/drawer-2fa-totp.json +1 -1
- package/chunks/drawer-cancel-sub.json +1 -1
- package/chunks/drawer-change-plan.json +1 -1
- package/chunks/drawer-custom-roles.json +1 -1
- package/chunks/drawer-data-start.json +1 -1
- package/chunks/drawer-delete-account.json +1 -1
- package/chunks/drawer-delete-workspace.json +1 -1
- package/chunks/drawer-discord.json +1 -1
- package/chunks/drawer-figma.json +1 -1
- package/chunks/drawer-first-dashboard.json +1 -1
- package/chunks/drawer-gcal.json +1 -1
- package/chunks/drawer-github.json +1 -1
- package/chunks/drawer-invite.json +1 -1
- package/chunks/drawer-payment-method.json +1 -1
- package/chunks/drawer-report.json +1 -1
- package/chunks/drawer-revoke-session.json +1 -1
- package/chunks/drawer-role.json +1 -1
- package/chunks/drawer-slack.json +1 -1
- package/chunks/drawer-smtp.json +1 -1
- package/chunks/drawer-source.json +1 -1
- package/chunks/drawer-transaction.json +1 -1
- package/chunks/editor-code-pane.json +1 -1
- package/chunks/editor-page-shell.json +1 -1
- package/chunks/editor-preview-pane.json +1 -1
- package/chunks/empty-state.json +66 -0
- package/chunks/error-404-actions.json +1 -1
- package/chunks/error-404.json +1 -1
- package/chunks/error-500-actions.json +1 -1
- package/chunks/error-500.json +1 -1
- package/chunks/error-maintenance-actions.json +1 -1
- package/chunks/error-maintenance.json +1 -1
- package/chunks/error-page-shell.json +1 -1
- package/chunks/faq-accordion.json +1 -1
- package/chunks/file-upload-dnd.json +1 -1
- package/chunks/footer-multi-column.json +47 -22
- package/chunks/footer-primary-only.json +1 -1
- package/chunks/form-page-shell.json +1 -1
- package/chunks/gallery-page-shell.json +1 -1
- package/chunks/hero-section-split.json +1 -1
- package/chunks/icon-text-row.json +1 -1
- package/chunks/image-carousel.json +119 -0
- package/chunks/image-tile.json +1 -1
- package/chunks/image-upload-preview.json +101 -0
- package/chunks/inventory-list-stock.json +102 -58
- package/chunks/kanban-board-3col.json +1 -1
- package/chunks/kanban-page-shell.json +1 -1
- package/chunks/kbd-shortcuts.json +235 -0
- package/chunks/labeled-textarea.json +1 -1
- package/chunks/leaderboard-table.json +158 -75
- package/chunks/linked-record-row.json +1 -1
- package/chunks/marketing-hero-cta.json +1 -1
- package/chunks/marketing-page-shell.json +1 -1
- package/chunks/masonry-gallery.json +1 -1
- package/chunks/member-edit-drawer.json +1 -1
- package/chunks/metadata-description-list.json +1 -1
- package/chunks/multi-step-wizard.json +1 -1
- package/chunks/notification-toast-row.json +138 -0
- package/chunks/onb-completion.json +1 -1
- package/chunks/onb-extension-install.json +1 -1
- package/chunks/onb-hero-welcome.json +1 -1
- package/chunks/onb-import-picker.json +1 -1
- package/chunks/onb-mobile-handoff.json +1 -1
- package/chunks/onb-notification-prefs.json +1 -1
- package/chunks/onb-persona-picker.json +1 -1
- package/chunks/onb-provider-tiles.json +1 -1
- package/chunks/onb-settings-review.json +1 -1
- package/chunks/onb-step-footer.json +1 -1
- package/chunks/onb-step-header.json +1 -1
- package/chunks/onb-step-progress.json +1 -1
- package/chunks/onb-step-shell.json +1 -1
- package/chunks/onb-story-pane.json +1 -1
- package/chunks/onb-tutorial-steps.json +1 -1
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-app-shell.json +1 -1
- package/chunks/playground-chat.json +1 -1
- package/chunks/playground-construct-canvas.json +1 -1
- package/chunks/playground-gen-ui.json +1 -1
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +1 -1
- package/chunks/progress-tracker-milestones.json +1 -1
- package/chunks/real-time-metrics-dashboard.json +22 -16
- package/chunks/reg-address-form.json +1 -1
- package/chunks/reg-billing-card.json +1 -1
- package/chunks/reg-brand-scrape.json +1 -1
- package/chunks/reg-departments-toggle.json +1 -1
- package/chunks/reg-extended-profile.json +1 -1
- package/chunks/reg-final-done.json +1 -1
- package/chunks/reg-helpdesk-grid.json +1 -1
- package/chunks/reg-import-picker.json +1 -1
- package/chunks/reg-integrations-grid.json +1 -1
- package/chunks/reg-invite-form.json +1 -1
- package/chunks/reg-legal-entity.json +1 -1
- package/chunks/reg-org-chart-review.json +1 -1
- package/chunks/reg-profile-identity.json +1 -1
- package/chunks/reg-step-footer.json +1 -1
- package/chunks/reg-step-header.json +1 -1
- package/chunks/reg-step-progress.json +1 -1
- package/chunks/reg-step-shell.json +1 -1
- package/chunks/reg-story-pane.json +1 -1
- package/chunks/reg-success-summary.json +1 -1
- package/chunks/reg-team-size.json +1 -1
- package/chunks/reg-usecase-picker.json +1 -1
- package/chunks/reg-workspace-name.json +1 -1
- package/chunks/search-with-filters.json +1 -1
- package/chunks/section-with-stack.json +1 -1
- package/chunks/settings-admin-page.json +1 -1
- package/chunks/settings-appearance.json +1 -1
- package/chunks/settings-billing-plan.json +1 -1
- package/chunks/settings-general-form.json +1 -1
- package/chunks/settings-integrations.json +1 -1
- package/chunks/settings-members-invite.json +1 -1
- package/chunks/settings-notifications.json +1 -1
- package/chunks/settings-page-shell.json +1 -1
- package/chunks/settings-profile-security.json +1 -1
- package/chunks/sidebar-collapsible-nav.json +1 -1
- package/chunks/tabs-with-panels.json +172 -0
- package/chunks/testimonial-grid.json +1 -1
- package/chunks/text-card.json +1 -1
- package/chunks/timeline-events.json +1 -1
- package/chunks/toolbar-icons.json +1 -1
- package/chunks/toolbar-tooltips.json +92 -0
- package/chunks/user-identity-row.json +1 -1
- package/chunks/user-profile-card.json +1 -1
- package/chunks/users-table-badge.json +1 -1
- package/package.json +1 -1
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <card-ui>\n <header>\n <text-ui strong>Top contributors</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">This week</text-ui>\n </header>\n <section>\n <
|
|
9
|
+
"html": "<section>\n <card-ui>\n <header>\n <text-ui strong>Top contributors</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">This week</text-ui>\n </header>\n <section bleed>\n <table-ui>\n <thead>\n <tr>\n <th>Rank</th>\n <th>Member</th>\n <th>Score</th>\n <th>Trend</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td><text-ui strong>1</text-ui></td>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"MR\" size=\"sm\"></avatar-ui><text-ui>Marco Rossi</text-ui></row-ui></td>\n <td><text-ui>428 pts</text-ui></td>\n <td><badge-ui text=\"+12\" variant=\"success\" size=\"sm\"></badge-ui></td>\n </tr>\n <tr>\n <td><text-ui strong>2</text-ui></td>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"JC\" size=\"sm\"></avatar-ui><text-ui>June Chen</text-ui></row-ui></td>\n <td><text-ui>412 pts</text-ui></td>\n <td><badge-ui text=\"+8\" variant=\"success\" size=\"sm\"></badge-ui></td>\n </tr>\n <tr>\n <td><text-ui strong>3</text-ui></td>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"DS\" size=\"sm\"></avatar-ui><text-ui>Diana Singh</text-ui></row-ui></td>\n <td><text-ui>389 pts</text-ui></td>\n <td><badge-ui text=\"-3\" variant=\"danger\" size=\"sm\"></badge-ui></td>\n </tr>\n <tr>\n <td><text-ui strong>4</text-ui></td>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"AT\" size=\"sm\"></avatar-ui><text-ui>Aaron Tan</text-ui></row-ui></td>\n <td><text-ui>351 pts</text-ui></td>\n <td><badge-ui text=\"—\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n </tr>\n <tr>\n <td><text-ui strong>5</text-ui></td>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"BL\" size=\"sm\"></avatar-ui><text-ui>Bea Lopez</text-ui></row-ui></td>\n <td><text-ui>328 pts</text-ui></td>\n <td><badge-ui text=\"+5\" variant=\"success\" size=\"sm\"></badge-ui></td>\n </tr>\n </tbody>\n </table-ui>\n </section>\n </card-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data",
|
|
13
|
-
"description": "Ranked leaderboard table with rank + avatar + name + score + delta-
|
|
13
|
+
"description": "Ranked leaderboard table with rank + avatar + name + score + delta-badge per row.",
|
|
14
14
|
"keywords": [
|
|
15
15
|
"leaderboard",
|
|
16
16
|
"ranking",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"winners"
|
|
26
26
|
]
|
|
27
27
|
},
|
|
28
|
-
"captured_at": "2026-05-
|
|
28
|
+
"captured_at": "2026-05-13T23:05:50.382Z",
|
|
29
29
|
"template": [
|
|
30
30
|
{
|
|
31
31
|
"id": "text",
|
|
@@ -48,6 +48,40 @@
|
|
|
48
48
|
{
|
|
49
49
|
"id": "text-3",
|
|
50
50
|
"component": "Text",
|
|
51
|
+
"textContent": "Rank",
|
|
52
|
+
"variant": "body"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "text-4",
|
|
56
|
+
"component": "Text",
|
|
57
|
+
"textContent": "Member",
|
|
58
|
+
"variant": "body"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"id": "text-5",
|
|
62
|
+
"component": "Text",
|
|
63
|
+
"textContent": "Score",
|
|
64
|
+
"variant": "body"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"id": "text-6",
|
|
68
|
+
"component": "Text",
|
|
69
|
+
"textContent": "Trend",
|
|
70
|
+
"variant": "body"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"id": "column-2",
|
|
74
|
+
"component": "Column",
|
|
75
|
+
"children": [
|
|
76
|
+
"text-3",
|
|
77
|
+
"text-4",
|
|
78
|
+
"text-5",
|
|
79
|
+
"text-6"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"id": "text-7",
|
|
84
|
+
"component": "Text",
|
|
51
85
|
"textContent": "1"
|
|
52
86
|
},
|
|
53
87
|
{
|
|
@@ -55,33 +89,40 @@
|
|
|
55
89
|
"component": "Avatar"
|
|
56
90
|
},
|
|
57
91
|
{
|
|
58
|
-
"id": "text-
|
|
92
|
+
"id": "text-8",
|
|
59
93
|
"component": "Text",
|
|
60
94
|
"textContent": "Marco Rossi"
|
|
61
95
|
},
|
|
62
96
|
{
|
|
63
|
-
"id": "
|
|
97
|
+
"id": "row",
|
|
98
|
+
"component": "Row",
|
|
99
|
+
"gap": "2",
|
|
100
|
+
"children": [
|
|
101
|
+
"avatar",
|
|
102
|
+
"text-8"
|
|
103
|
+
]
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"id": "text-9",
|
|
64
107
|
"component": "Text",
|
|
65
108
|
"textContent": "428 pts"
|
|
66
109
|
},
|
|
67
110
|
{
|
|
68
|
-
"id": "
|
|
69
|
-
"component": "
|
|
111
|
+
"id": "badge",
|
|
112
|
+
"component": "Badge"
|
|
70
113
|
},
|
|
71
114
|
{
|
|
72
|
-
"id": "
|
|
73
|
-
"component": "
|
|
74
|
-
"gap": "3",
|
|
115
|
+
"id": "column-8",
|
|
116
|
+
"component": "Column",
|
|
75
117
|
"children": [
|
|
76
|
-
"text-
|
|
77
|
-
"
|
|
78
|
-
"text-
|
|
79
|
-
"
|
|
80
|
-
"arrow-up"
|
|
118
|
+
"text-7",
|
|
119
|
+
"row",
|
|
120
|
+
"text-9",
|
|
121
|
+
"badge"
|
|
81
122
|
]
|
|
82
123
|
},
|
|
83
124
|
{
|
|
84
|
-
"id": "text-
|
|
125
|
+
"id": "text-10",
|
|
85
126
|
"component": "Text",
|
|
86
127
|
"textContent": "2"
|
|
87
128
|
},
|
|
@@ -90,33 +131,40 @@
|
|
|
90
131
|
"component": "Avatar"
|
|
91
132
|
},
|
|
92
133
|
{
|
|
93
|
-
"id": "text-
|
|
134
|
+
"id": "text-11",
|
|
94
135
|
"component": "Text",
|
|
95
136
|
"textContent": "June Chen"
|
|
96
137
|
},
|
|
97
138
|
{
|
|
98
|
-
"id": "
|
|
139
|
+
"id": "row-2",
|
|
140
|
+
"component": "Row",
|
|
141
|
+
"gap": "2",
|
|
142
|
+
"children": [
|
|
143
|
+
"avatar-2",
|
|
144
|
+
"text-11"
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"id": "text-12",
|
|
99
149
|
"component": "Text",
|
|
100
150
|
"textContent": "412 pts"
|
|
101
151
|
},
|
|
102
152
|
{
|
|
103
|
-
"id": "
|
|
104
|
-
"component": "
|
|
153
|
+
"id": "badge-2",
|
|
154
|
+
"component": "Badge"
|
|
105
155
|
},
|
|
106
156
|
{
|
|
107
|
-
"id": "
|
|
108
|
-
"component": "
|
|
109
|
-
"gap": "3",
|
|
157
|
+
"id": "column-13",
|
|
158
|
+
"component": "Column",
|
|
110
159
|
"children": [
|
|
111
|
-
"text-
|
|
112
|
-
"
|
|
113
|
-
"text-
|
|
114
|
-
"
|
|
115
|
-
"icon"
|
|
160
|
+
"text-10",
|
|
161
|
+
"row-2",
|
|
162
|
+
"text-12",
|
|
163
|
+
"badge-2"
|
|
116
164
|
]
|
|
117
165
|
},
|
|
118
166
|
{
|
|
119
|
-
"id": "text-
|
|
167
|
+
"id": "text-13",
|
|
120
168
|
"component": "Text",
|
|
121
169
|
"textContent": "3"
|
|
122
170
|
},
|
|
@@ -125,33 +173,40 @@
|
|
|
125
173
|
"component": "Avatar"
|
|
126
174
|
},
|
|
127
175
|
{
|
|
128
|
-
"id": "text-
|
|
176
|
+
"id": "text-14",
|
|
129
177
|
"component": "Text",
|
|
130
178
|
"textContent": "Diana Singh"
|
|
131
179
|
},
|
|
132
180
|
{
|
|
133
|
-
"id": "
|
|
181
|
+
"id": "row-3",
|
|
182
|
+
"component": "Row",
|
|
183
|
+
"gap": "2",
|
|
184
|
+
"children": [
|
|
185
|
+
"avatar-3",
|
|
186
|
+
"text-14"
|
|
187
|
+
]
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"id": "text-15",
|
|
134
191
|
"component": "Text",
|
|
135
192
|
"textContent": "389 pts"
|
|
136
193
|
},
|
|
137
194
|
{
|
|
138
|
-
"id": "
|
|
139
|
-
"component": "
|
|
195
|
+
"id": "badge-3",
|
|
196
|
+
"component": "Badge"
|
|
140
197
|
},
|
|
141
198
|
{
|
|
142
|
-
"id": "
|
|
143
|
-
"component": "
|
|
144
|
-
"gap": "3",
|
|
199
|
+
"id": "column-18",
|
|
200
|
+
"component": "Column",
|
|
145
201
|
"children": [
|
|
146
|
-
"text-
|
|
147
|
-
"
|
|
148
|
-
"text-
|
|
149
|
-
"
|
|
150
|
-
"arrow-down"
|
|
202
|
+
"text-13",
|
|
203
|
+
"row-3",
|
|
204
|
+
"text-15",
|
|
205
|
+
"badge-3"
|
|
151
206
|
]
|
|
152
207
|
},
|
|
153
208
|
{
|
|
154
|
-
"id": "text-
|
|
209
|
+
"id": "text-16",
|
|
155
210
|
"component": "Text",
|
|
156
211
|
"textContent": "4"
|
|
157
212
|
},
|
|
@@ -160,33 +215,40 @@
|
|
|
160
215
|
"component": "Avatar"
|
|
161
216
|
},
|
|
162
217
|
{
|
|
163
|
-
"id": "text-
|
|
218
|
+
"id": "text-17",
|
|
164
219
|
"component": "Text",
|
|
165
220
|
"textContent": "Aaron Tan"
|
|
166
221
|
},
|
|
167
222
|
{
|
|
168
|
-
"id": "
|
|
223
|
+
"id": "row-4",
|
|
224
|
+
"component": "Row",
|
|
225
|
+
"gap": "2",
|
|
226
|
+
"children": [
|
|
227
|
+
"avatar-4",
|
|
228
|
+
"text-17"
|
|
229
|
+
]
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"id": "text-18",
|
|
169
233
|
"component": "Text",
|
|
170
234
|
"textContent": "351 pts"
|
|
171
235
|
},
|
|
172
236
|
{
|
|
173
|
-
"id": "
|
|
174
|
-
"component": "
|
|
237
|
+
"id": "badge-4",
|
|
238
|
+
"component": "Badge"
|
|
175
239
|
},
|
|
176
240
|
{
|
|
177
|
-
"id": "
|
|
178
|
-
"component": "
|
|
179
|
-
"gap": "3",
|
|
241
|
+
"id": "column-23",
|
|
242
|
+
"component": "Column",
|
|
180
243
|
"children": [
|
|
181
|
-
"text-
|
|
182
|
-
"
|
|
183
|
-
"text-
|
|
184
|
-
"
|
|
185
|
-
"minus"
|
|
244
|
+
"text-16",
|
|
245
|
+
"row-4",
|
|
246
|
+
"text-18",
|
|
247
|
+
"badge-4"
|
|
186
248
|
]
|
|
187
249
|
},
|
|
188
250
|
{
|
|
189
|
-
"id": "text-
|
|
251
|
+
"id": "text-19",
|
|
190
252
|
"component": "Text",
|
|
191
253
|
"textContent": "5"
|
|
192
254
|
},
|
|
@@ -195,48 +257,69 @@
|
|
|
195
257
|
"component": "Avatar"
|
|
196
258
|
},
|
|
197
259
|
{
|
|
198
|
-
"id": "text-
|
|
260
|
+
"id": "text-20",
|
|
199
261
|
"component": "Text",
|
|
200
262
|
"textContent": "Bea Lopez"
|
|
201
263
|
},
|
|
202
264
|
{
|
|
203
|
-
"id": "
|
|
265
|
+
"id": "row-5",
|
|
266
|
+
"component": "Row",
|
|
267
|
+
"gap": "2",
|
|
268
|
+
"children": [
|
|
269
|
+
"avatar-5",
|
|
270
|
+
"text-20"
|
|
271
|
+
]
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"id": "text-21",
|
|
204
275
|
"component": "Text",
|
|
205
276
|
"textContent": "328 pts"
|
|
206
277
|
},
|
|
207
278
|
{
|
|
208
|
-
"id": "
|
|
209
|
-
"component": "
|
|
279
|
+
"id": "badge-5",
|
|
280
|
+
"component": "Badge"
|
|
210
281
|
},
|
|
211
282
|
{
|
|
212
|
-
"id": "
|
|
213
|
-
"component": "
|
|
214
|
-
"gap": "3",
|
|
283
|
+
"id": "column-28",
|
|
284
|
+
"component": "Column",
|
|
215
285
|
"children": [
|
|
216
|
-
"text-
|
|
217
|
-
"
|
|
218
|
-
"text-
|
|
219
|
-
"
|
|
220
|
-
"icon-2"
|
|
286
|
+
"text-19",
|
|
287
|
+
"row-5",
|
|
288
|
+
"text-21",
|
|
289
|
+
"badge-5"
|
|
221
290
|
]
|
|
222
291
|
},
|
|
223
292
|
{
|
|
224
|
-
"id": "column",
|
|
293
|
+
"id": "column-7",
|
|
225
294
|
"component": "Column",
|
|
226
|
-
"gap": "2",
|
|
227
295
|
"children": [
|
|
228
|
-
"
|
|
229
|
-
"
|
|
230
|
-
"
|
|
231
|
-
"
|
|
232
|
-
"
|
|
296
|
+
"column-8",
|
|
297
|
+
"column-13",
|
|
298
|
+
"column-18",
|
|
299
|
+
"column-23",
|
|
300
|
+
"column-28"
|
|
301
|
+
]
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
"id": "table",
|
|
305
|
+
"component": "Table",
|
|
306
|
+
"children": [
|
|
307
|
+
"column-2",
|
|
308
|
+
"column-7"
|
|
233
309
|
]
|
|
234
310
|
},
|
|
235
311
|
{
|
|
236
312
|
"id": "section",
|
|
237
313
|
"component": "Section",
|
|
238
314
|
"children": [
|
|
239
|
-
"column"
|
|
315
|
+
"column-33"
|
|
316
|
+
]
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"id": "column-33",
|
|
320
|
+
"component": "Column",
|
|
321
|
+
"children": [
|
|
322
|
+
"table"
|
|
240
323
|
]
|
|
241
324
|
},
|
|
242
325
|
{
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n <header>\n <h2 slot=\"heading\">Edit member</h2>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n </header>\n <section>\n <field-ui label=\"Full name\">\n <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n </field-ui>\n <field-ui label=\"Title\">\n <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n </field-ui>\n <field-ui label=\"Department\">\n <select-ui name=\"m_dept\" value=\"engineering\">\n <option value=\"engineering\" selected>Engineering</option>\n <option value=\"product\">Product</option>\n <option value=\"design\">Design</option>\n <option value=\"sales\">Sales</option>\n <option value=\"cs\">Customer Success</option>\n <option value=\"ops\">Operations</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Reports to\">\n <select-ui name=\"m_manager\" value=\"maya\">\n <option value=\"jane\">Jane Doe (Founder)</option>\n <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n <option value=\"riley\">Riley Park (Head of Design)</option>\n <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n <option value=\"\">No manager</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Status\">\n <segmented-ui name=\"m_status\" value=\"active\">\n <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n </segmented-ui>\n </field-ui>\n </section>\n <footer>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n </footer>\n </drawer-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
15
15
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<description-list-ui layout=\"stacked\">\n <dt>Period</dt>\n <dd>2025-01-01 → 2025-12-31</dd>\n <dt>Currency</dt>\n <dd>USD, converted at month-end FX</dd>\n <dt>Source</dt>\n <dd>warehouse.finance.revenue_v4</dd>\n <dt>Filter</dt>\n <dd>status = \"won\", excluded internal test accounts</dd>\n <dt>Refreshed</dt>\n <dd>2026-04-20 09:12 UTC</dd>\n </description-list-ui>",
|
|
12
12
|
"source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "notification-toast-row",
|
|
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 <col-ui gap=\"2\">\n <alert-ui variant=\"success\">\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n <text-ui>Changes saved successfully.</text-ui>\n <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n </row-ui>\n </alert-ui>\n <alert-ui variant=\"info\">\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"info\" color=\"info\"></icon-ui>\n <text-ui>New version available. Refresh to apply.</text-ui>\n <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n </row-ui>\n </alert-ui>\n <alert-ui variant=\"danger\">\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"x-circle\" color=\"danger\"></icon-ui>\n <text-ui>Could not connect to server. Retry?</text-ui>\n <button-ui text=\"Retry\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </alert-ui>\n </col-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "agent",
|
|
13
|
+
"description": "Stack of toast notification variants — success, info, warning, danger — with icon, message, and close button each.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"toast",
|
|
16
|
+
"notification",
|
|
17
|
+
"snackbar",
|
|
18
|
+
"alert",
|
|
19
|
+
"flash",
|
|
20
|
+
"banner",
|
|
21
|
+
"ephemeral",
|
|
22
|
+
"feedback",
|
|
23
|
+
"success",
|
|
24
|
+
"warning",
|
|
25
|
+
"error"
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
"captured_at": "2026-05-13T23:05:50.382Z",
|
|
29
|
+
"template": [
|
|
30
|
+
{
|
|
31
|
+
"id": "check-circle",
|
|
32
|
+
"component": "Icon"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"id": "text",
|
|
36
|
+
"component": "Text",
|
|
37
|
+
"textContent": "Changes saved successfully."
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"id": "dismiss",
|
|
41
|
+
"component": "Button"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"id": "row",
|
|
45
|
+
"component": "Row",
|
|
46
|
+
"gap": "3",
|
|
47
|
+
"children": [
|
|
48
|
+
"check-circle",
|
|
49
|
+
"text",
|
|
50
|
+
"dismiss"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"id": "alert",
|
|
55
|
+
"component": "Alert",
|
|
56
|
+
"children": [
|
|
57
|
+
"row"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"id": "info",
|
|
62
|
+
"component": "Icon"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "text-2",
|
|
66
|
+
"component": "Text",
|
|
67
|
+
"textContent": "New version available. Refresh to apply."
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"id": "button",
|
|
71
|
+
"component": "Button"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"id": "row-2",
|
|
75
|
+
"component": "Row",
|
|
76
|
+
"gap": "3",
|
|
77
|
+
"children": [
|
|
78
|
+
"info",
|
|
79
|
+
"text-2",
|
|
80
|
+
"button"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"id": "alert-2",
|
|
85
|
+
"component": "Alert",
|
|
86
|
+
"children": [
|
|
87
|
+
"row-2"
|
|
88
|
+
]
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"id": "x-circle",
|
|
92
|
+
"component": "Icon"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"id": "text-3",
|
|
96
|
+
"component": "Text",
|
|
97
|
+
"textContent": "Could not connect to server. Retry?"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"id": "button-2",
|
|
101
|
+
"component": "Button"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"id": "row-3",
|
|
105
|
+
"component": "Row",
|
|
106
|
+
"gap": "3",
|
|
107
|
+
"children": [
|
|
108
|
+
"x-circle",
|
|
109
|
+
"text-3",
|
|
110
|
+
"button-2"
|
|
111
|
+
]
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"id": "alert-3",
|
|
115
|
+
"component": "Alert",
|
|
116
|
+
"children": [
|
|
117
|
+
"row-3"
|
|
118
|
+
]
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"id": "column",
|
|
122
|
+
"component": "Column",
|
|
123
|
+
"gap": "2",
|
|
124
|
+
"children": [
|
|
125
|
+
"alert",
|
|
126
|
+
"alert-2",
|
|
127
|
+
"alert-3"
|
|
128
|
+
]
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"id": "root",
|
|
132
|
+
"component": "Section",
|
|
133
|
+
"children": [
|
|
134
|
+
"column"
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
]
|
|
138
|
+
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<div data-onb-form>\n <timeline-ui aria-label=\"What you set up during onboarding\">\n <timeline-item-ui\n status=\"completed\"\n variant=\"success\"\n text=\"Role + workspace\"\n description=\"Developer · Acme\"\n time=\"Settings → Profile\"\n ></timeline-item-ui>\n <timeline-item-ui\n status=\"completed\"\n variant=\"success\"\n text=\"Source connected\"\n description=\"GitHub · 23 repos\"\n time=\"Settings → Integrations\"\n ></timeline-item-ui>\n <timeline-item-ui\n status=\"completed\"\n variant=\"success\"\n text=\"First dashboard\"\n description=\"Weekly revenue · 6-month trend (pinned to home)\"\n time=\"Pinned\"\n ></timeline-item-ui>\n <timeline-item-ui\n status=\"completed\"\n variant=\"success\"\n text=\"Notifications\"\n description=\"Weekly digest · in-app mentions on\"\n time=\"Settings → Notifications\"\n ></timeline-item-ui>\n <timeline-item-ui icon=\"circle-dashed\" text=\"Mobile app\" description=\"Skipped — install link emailed for later\" time=\"Skipped\"></timeline-item-ui>\n <timeline-item-ui\n icon=\"circle-dashed\"\n text=\"Browser extension\"\n description=\"Add any time from settings → Devices\"\n time=\"Skipped\"\n ></timeline-item-ui>\n </timeline-ui>\n\n <alert-ui variant=\"info\" icon=\"lightbulb\">\n <span slot=\"content\"\n ><strong>Tip:</strong> press <kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui> anywhere in AdiaUI to open the search palette — fastest way to find a\n dashboard, jump to a setting, or trigger a generation.</span\n >\n </alert-ui>\n </div>",
|
|
12
12
|
"source": "apps/user-flow/app/onboarding/complete/complete.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<div data-onb-form>\n <div data-onb-extension-card>\n <div data-ext-icon>\n <icon-ui name=\"puzzle-piece\" weight=\"fill\" size=\"2xl\"></icon-ui>\n </div>\n <div>\n <text-ui strong>AdiaUI for Chrome</text-ui>\n <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">v1.4 · 2 MB · Updated last week</text-ui>\n </div>\n </div>\n\n <ul data-onb-extension-perms aria-label=\"Permissions requested by the extension\">\n <li>\n <icon-ui name=\"magnifying-glass\" weight=\"bold\"></icon-ui>\n <span>Read your AdiaUI session token (for the quick-search palette to talk to your workspace)</span>\n </li>\n <li>\n <icon-ui name=\"bell\" weight=\"bold\"></icon-ui>\n <span>Show desktop notifications (mentions, share-with-you events)</span>\n </li>\n <li>\n <icon-ui name=\"image\" weight=\"bold\"></icon-ui>\n <span>Capture the current tab when you click \"Snip to dashboard\" (only when you click it)</span>\n </li>\n </ul>\n\n <button-ui text=\"Add to Chrome\" variant=\"primary\" icon=\"download-simple\"></button-ui>\n\n <text-ui color=\"subtle\" size=\"sm\"\n >By installing you accept the extension's permissions above. You can revoke or remove it from your browser's extensions panel any time.</text-ui\n >\n </div>",
|
|
12
12
|
"source": "apps/user-flow/app/onboarding/browser-extension/browser-extension.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<div data-onb-form data-chunk-slot=\"page-content\">\n <ul data-onb-outcomes>\n <li>\n <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n <div>\n <strong>Pick how you'll use it</strong>\n <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n </div>\n </li>\n <li>\n <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n <div>\n <strong>Connect your first data source</strong>\n <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n </div>\n </li>\n <li>\n <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n <div>\n <strong>See your first dashboard</strong>\n <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n </div>\n </li>\n </ul>\n </div>",
|
|
12
12
|
"source": "apps/user-flow/app/onboarding/welcome/welcome.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<div data-onb-form>\n <div data-onb-fork role=\"radiogroup\" aria-label=\"Data source choice\">\n <option-card-ui\n layout=\"tile\"\n name=\"data-mode\"\n value=\"sample\"\n checked\n icon=\"sparkle\"\n heading=\"Use sample data\"\n description=\"Pre-loaded mock data so you can explore in seconds. Best for evaluating.\"\n ></option-card-ui>\n <option-card-ui\n layout=\"tile\"\n name=\"data-mode\"\n value=\"upload\"\n icon=\"upload\"\n heading=\"Upload a CSV / JSON\"\n description=\"One-shot import. Good for spreadsheet-shaped data and quick prototypes.\"\n ></option-card-ui>\n <option-card-ui\n layout=\"tile\"\n name=\"data-mode\"\n value=\"blank\"\n icon=\"file-plus\"\n heading=\"Start from blank\"\n description=\"Empty workspace. Connect or import later when you're ready.\"\n ></option-card-ui>\n </div>\n\n <text-ui color=\"subtle\" size=\"sm\"\n >Sample data is generated on-the-fly and is never stored after onboarding. Anything you configure on it carries over when you switch to live\n sources.</text-ui\n >\n </div>",
|
|
12
12
|
"source": "apps/user-flow/app/onboarding/import-data/import-data.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<div data-onb-form>\n <div data-onb-handoff>\n <div data-onb-handoff-qr aria-label=\"QR code to install the AdiaUI mobile app\">\n <icon-ui name=\"qr-code\" size=\"3xl\"></icon-ui>\n </div>\n <div data-handoff-divider role=\"separator\" aria-orientation=\"vertical\"></div>\n <div data-onb-handoff-form>\n <text-ui strong>Or send yourself a link</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">We'll text you a link to the App Store or Play Store, depending on your device.</text-ui>\n <field-ui label=\"Phone number\">\n <input-ui type=\"tel\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+1 555 0123\"></input-ui>\n </field-ui>\n <button-ui text=\"Send install link\" variant=\"outline\"></button-ui>\n </div>\n </div>\n\n <text-ui color=\"subtle\" size=\"sm\">No phone? You'll find direct App Store / Play Store links in your settings → Devices any time.</text-ui>\n </div>",
|
|
12
12
|
"source": "apps/user-flow/app/onboarding/mobile-app/mobile-app.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T23:05:50.382Z"
|
|
14
14
|
}
|