@adia-ai/a2ui-corpus 0.6.21 → 0.6.23
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 +14 -0
- package/catalog-a2ui_0_9.json +830 -208
- package/catalog-a2ui_0_9_rules.txt +657 -4
- package/chunk-embeddings.json +1 -1
- package/chunks/_index.json +157 -10
- package/chunks/accordion-settings.json +1 -1
- 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 +1 -1
- 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/avatar-group-overflow.json +1 -1
- package/chunks/breadcrumb-nav.json +1 -1
- package/chunks/calendar-month-view.json +1 -1
- package/chunks/card-header-with-description.json +1 -1
- package/chunks/chart-with-filter-pills.json +1 -1
- package/chunks/chat-page-shell.json +1 -1
- package/chunks/chat-streaming-surface.json +1 -1
- package/chunks/color-picker-swatches.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 +17 -39
- package/chunks/dashboard-admin-page.json +2 -2
- package/chunks/dashboard-audience-kpis.json +153 -3
- package/chunks/dashboard-audience-panel.json +4 -8
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +7 -5
- 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 +7 -9
- package/chunks/dashboard-notifications-feed.json +2 -2
- package/chunks/dashboard-notifications-panel.json +3 -2
- package/chunks/dashboard-overview-panel.json +12 -15
- 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 +3 -2
- package/chunks/dashboard-reports-table.json +2 -2
- package/chunks/dashboard-spark-cards.json +7 -5
- package/chunks/dashboard-storage-card.json +1 -1
- package/chunks/dashboard-tabs.json +1 -1
- package/chunks/dashboard-team-actions-storage.json +7 -5
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +136 -3
- package/chunks/dashboard-transactions-table.json +4 -3
- package/chunks/date-time-picker-form.json +1 -1
- package/chunks/destructive-confirm-modal.json +1 -1
- package/chunks/divider-text-label.json +1 -1
- package/chunks/doc-editor-shell.json +1 -1
- package/chunks/drawer-2fa-key.json +2 -2
- package/chunks/drawer-2fa-sms.json +2 -2
- package/chunks/drawer-2fa-totp.json +2 -2
- package/chunks/drawer-cancel-sub.json +2 -2
- package/chunks/drawer-change-plan.json +2 -2
- package/chunks/drawer-custom-roles.json +2 -2
- package/chunks/drawer-data-start.json +2 -2
- package/chunks/drawer-delete-account.json +2 -2
- package/chunks/drawer-delete-workspace.json +2 -2
- package/chunks/drawer-discord.json +2 -2
- package/chunks/drawer-figma.json +2 -2
- package/chunks/drawer-first-dashboard.json +2 -2
- package/chunks/drawer-gcal.json +2 -2
- package/chunks/drawer-github.json +2 -2
- package/chunks/drawer-invite.json +2 -2
- package/chunks/drawer-payment-method.json +4 -3
- package/chunks/drawer-report.json +2 -2
- package/chunks/drawer-revoke-session.json +2 -2
- package/chunks/drawer-role.json +2 -2
- package/chunks/drawer-slack.json +2 -2
- package/chunks/drawer-smtp.json +2 -2
- package/chunks/drawer-source.json +2 -2
- package/chunks/drawer-transaction.json +2 -2
- 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-danger.json +57 -0
- package/chunks/empty-state-minimal.json +44 -0
- package/chunks/empty-state-warning.json +52 -0
- package/chunks/empty-state.json +1 -1
- 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 +1 -1
- 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 +1 -1
- package/chunks/image-tile.json +1 -1
- package/chunks/image-upload-preview.json +1 -1
- package/chunks/inventory-list-stock.json +1 -1
- package/chunks/kanban-board-3col.json +2 -10
- package/chunks/kanban-page-shell.json +1 -1
- package/chunks/kbd-shortcuts.json +1 -1
- package/chunks/labeled-textarea.json +1 -1
- package/chunks/leaderboard-table.json +1 -1
- 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 +1 -1
- 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/pagination-controls.json +1 -1
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-app-shell.json +2 -2
- package/chunks/playground-chat.json +2 -2
- 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/popover-with-content.json +1 -1
- package/chunks/progress-tracker-milestones.json +1 -1
- package/chunks/real-time-metrics-dashboard.json +3 -2
- 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 +2 -2
- 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/responsive-kpi-grid.json +166 -0
- package/chunks/search-with-filters.json +1 -1
- package/chunks/section-with-stack.json +1 -1
- package/chunks/settings-admin-page.json +5 -8
- package/chunks/settings-appearance.json +1 -1
- package/chunks/settings-billing-plan.json +2 -2
- package/chunks/settings-general-form.json +1 -1
- package/chunks/settings-integrations.json +8 -8
- 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/slider-range-controls.json +1 -1
- package/chunks/tabs-with-panels.json +1 -1
- package/chunks/testimonial-grid.json +1 -1
- package/chunks/text-card.json +3 -5
- package/chunks/timeline-events.json +1 -1
- package/chunks/toolbar-icons.json +1 -1
- package/chunks/toolbar-tooltips.json +1 -1
- 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/chunks/video-player-controls.json +1 -1
- package/package.json +1 -1
|
@@ -6,10 +6,160 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
9
|
-
"columns": "4",
|
|
9
|
+
"columns": "2 4@md",
|
|
10
10
|
"gap": "4"
|
|
11
11
|
},
|
|
12
|
-
"html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui
|
|
12
|
+
"html": "<grid-ui columns=\"2 4@md\" gap=\"4\">\n <card-ui\n ><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section\n ></card-ui>\n </grid-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
|
-
"
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "dashboard",
|
|
16
|
+
"description": "4-column audience KPI grid — unique visitors, sessions, avg. session, bounce rate.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"audience",
|
|
19
|
+
"kpis",
|
|
20
|
+
"metrics",
|
|
21
|
+
"stats",
|
|
22
|
+
"grid",
|
|
23
|
+
"dashboard",
|
|
24
|
+
"cards",
|
|
25
|
+
"analytics",
|
|
26
|
+
"responsive",
|
|
27
|
+
"breakpoint"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
31
|
+
"template": [
|
|
32
|
+
{
|
|
33
|
+
"id": "stat",
|
|
34
|
+
"component": "Stat",
|
|
35
|
+
"change": "+8.2%",
|
|
36
|
+
"icon": "users",
|
|
37
|
+
"label": "Unique visitors",
|
|
38
|
+
"trend": "up",
|
|
39
|
+
"value": "28,432"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "section",
|
|
43
|
+
"component": "Section",
|
|
44
|
+
"children": [
|
|
45
|
+
"column"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"id": "column",
|
|
50
|
+
"component": "Column",
|
|
51
|
+
"children": [
|
|
52
|
+
"stat"
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "card",
|
|
57
|
+
"component": "Card",
|
|
58
|
+
"children": [
|
|
59
|
+
"section"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"id": "stat-2",
|
|
64
|
+
"component": "Stat",
|
|
65
|
+
"change": "+12.4%",
|
|
66
|
+
"icon": "browsers",
|
|
67
|
+
"label": "Sessions",
|
|
68
|
+
"trend": "up",
|
|
69
|
+
"value": "41,203"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"id": "section-2",
|
|
73
|
+
"component": "Section",
|
|
74
|
+
"children": [
|
|
75
|
+
"column-2"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"id": "column-2",
|
|
80
|
+
"component": "Column",
|
|
81
|
+
"children": [
|
|
82
|
+
"stat-2"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"id": "card-2",
|
|
87
|
+
"component": "Card",
|
|
88
|
+
"children": [
|
|
89
|
+
"section-2"
|
|
90
|
+
]
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"id": "stat-3",
|
|
94
|
+
"component": "Stat",
|
|
95
|
+
"change": "+18s",
|
|
96
|
+
"icon": "clock",
|
|
97
|
+
"label": "Avg. session",
|
|
98
|
+
"trend": "up",
|
|
99
|
+
"value": "4m 32s"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "section-3",
|
|
103
|
+
"component": "Section",
|
|
104
|
+
"children": [
|
|
105
|
+
"column-3"
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"id": "column-3",
|
|
110
|
+
"component": "Column",
|
|
111
|
+
"children": [
|
|
112
|
+
"stat-3"
|
|
113
|
+
]
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"id": "card-3",
|
|
117
|
+
"component": "Card",
|
|
118
|
+
"children": [
|
|
119
|
+
"section-3"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"id": "stat-4",
|
|
124
|
+
"component": "Stat",
|
|
125
|
+
"change": "-2.1%",
|
|
126
|
+
"icon": "arrow-bend-up-right",
|
|
127
|
+
"label": "Bounce rate",
|
|
128
|
+
"trend": "up",
|
|
129
|
+
"value": "24.3%"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"id": "section-4",
|
|
133
|
+
"component": "Section",
|
|
134
|
+
"children": [
|
|
135
|
+
"column-4"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"id": "column-4",
|
|
140
|
+
"component": "Column",
|
|
141
|
+
"children": [
|
|
142
|
+
"stat-4"
|
|
143
|
+
]
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"id": "card-4",
|
|
147
|
+
"component": "Card",
|
|
148
|
+
"children": [
|
|
149
|
+
"section-4"
|
|
150
|
+
]
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"id": "root",
|
|
154
|
+
"component": "Grid",
|
|
155
|
+
"columns": "2 4@md",
|
|
156
|
+
"gap": "4",
|
|
157
|
+
"children": [
|
|
158
|
+
"card",
|
|
159
|
+
"card-2",
|
|
160
|
+
"card-3",
|
|
161
|
+
"card-4"
|
|
162
|
+
]
|
|
163
|
+
}
|
|
164
|
+
]
|
|
15
165
|
}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"gap": "4",
|
|
15
15
|
"hidden": ""
|
|
16
16
|
},
|
|
17
|
-
"html": "<col-ui data-tab-panel=\"audience\" gap=\"4\" hidden>\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui><!-- nested: dashboard-filter-bar --></grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-audience-kpis --></grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui><!-- nested: dashboard-country-list --></grid-ui>\n </col-ui>",
|
|
17
|
+
"html": "<col-ui data-tab-panel=\"audience\" gap=\"4\" hidden>\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui><!-- nested: dashboard-filter-bar --></grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-audience-kpis --></grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui><!-- nested: dashboard-country-list --></grid-ui>\n </col-ui>",
|
|
18
18
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
19
19
|
"metadata": {
|
|
20
20
|
"domain": "dashboard",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"layout": "panel"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
"captured_at": "2026-05-
|
|
41
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
42
42
|
"template": [
|
|
43
43
|
{
|
|
44
44
|
"id": "text",
|
|
@@ -158,7 +158,6 @@
|
|
|
158
158
|
{
|
|
159
159
|
"id": "card-2",
|
|
160
160
|
"component": "Card",
|
|
161
|
-
"size": "sm",
|
|
162
161
|
"children": [
|
|
163
162
|
"section-2"
|
|
164
163
|
]
|
|
@@ -189,7 +188,6 @@
|
|
|
189
188
|
{
|
|
190
189
|
"id": "card-3",
|
|
191
190
|
"component": "Card",
|
|
192
|
-
"size": "sm",
|
|
193
191
|
"children": [
|
|
194
192
|
"section-3"
|
|
195
193
|
]
|
|
@@ -220,7 +218,6 @@
|
|
|
220
218
|
{
|
|
221
219
|
"id": "card-4",
|
|
222
220
|
"component": "Card",
|
|
223
|
-
"size": "sm",
|
|
224
221
|
"children": [
|
|
225
222
|
"section-4"
|
|
226
223
|
]
|
|
@@ -251,7 +248,6 @@
|
|
|
251
248
|
{
|
|
252
249
|
"id": "card-5",
|
|
253
250
|
"component": "Card",
|
|
254
|
-
"size": "sm",
|
|
255
251
|
"children": [
|
|
256
252
|
"section-5"
|
|
257
253
|
]
|
|
@@ -259,7 +255,7 @@
|
|
|
259
255
|
{
|
|
260
256
|
"id": "grid-4",
|
|
261
257
|
"component": "Grid",
|
|
262
|
-
"columns": "4",
|
|
258
|
+
"columns": "2 4@md",
|
|
263
259
|
"gap": "4",
|
|
264
260
|
"children": [
|
|
265
261
|
"card-2",
|
|
@@ -271,7 +267,7 @@
|
|
|
271
267
|
{
|
|
272
268
|
"id": "grid-3",
|
|
273
269
|
"component": "Grid",
|
|
274
|
-
"columns": "4",
|
|
270
|
+
"columns": "2 4@md",
|
|
275
271
|
"gap": "4",
|
|
276
272
|
"children": [
|
|
277
273
|
"grid-4"
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
"card-header-with-description"
|
|
9
9
|
],
|
|
10
10
|
"attrs": {
|
|
11
|
-
"columns": "5",
|
|
11
|
+
"columns": "1 5@md",
|
|
12
12
|
"gap": "4"
|
|
13
13
|
},
|
|
14
|
-
"html": "<grid-ui columns=\"5\" gap=\"4\">\n <card-ui span=\"3\">\n <header><!-- nested: card-header-with-description --></header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\"
|
|
14
|
+
"html": "<grid-ui columns=\"1 5@md\" gap=\"4\">\n <card-ui span=\"3\">\n <header><!-- nested: card-header-with-description --></header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
15
15
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
16
16
|
"metadata": {
|
|
17
17
|
"domain": "dashboard",
|
|
@@ -24,7 +24,9 @@
|
|
|
24
24
|
"timeseries",
|
|
25
25
|
"metrics",
|
|
26
26
|
"graph",
|
|
27
|
-
"trend"
|
|
27
|
+
"trend",
|
|
28
|
+
"responsive",
|
|
29
|
+
"breakpoint"
|
|
28
30
|
],
|
|
29
31
|
"related": [
|
|
30
32
|
"dashboard-spark-cards",
|
|
@@ -35,7 +37,7 @@
|
|
|
35
37
|
"layout": "card"
|
|
36
38
|
}
|
|
37
39
|
},
|
|
38
|
-
"captured_at": "2026-05-
|
|
40
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
39
41
|
"template": [
|
|
40
42
|
{
|
|
41
43
|
"id": "text",
|
|
@@ -534,7 +536,7 @@
|
|
|
534
536
|
{
|
|
535
537
|
"id": "root",
|
|
536
538
|
"component": "Grid",
|
|
537
|
-
"columns": "5",
|
|
539
|
+
"columns": "1 5@md",
|
|
538
540
|
"gap": "4",
|
|
539
541
|
"children": [
|
|
540
542
|
"card",
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-22T20:26:33.817Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"lg\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"lg\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"lg\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"lg\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"lg\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-22T20:26:33.817Z"
|
|
12
12
|
}
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
9
|
-
"columns": "4",
|
|
9
|
+
"columns": "2 4@md",
|
|
10
10
|
"gap": "4"
|
|
11
11
|
},
|
|
12
|
-
"html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui
|
|
12
|
+
"html": "<grid-ui columns=\"2 4@md\" gap=\"4\">\n <card-ui\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
14
|
"metadata": {
|
|
15
15
|
"domain": "data",
|
|
@@ -23,10 +23,12 @@
|
|
|
23
23
|
"cards",
|
|
24
24
|
"numbers",
|
|
25
25
|
"metric-tiles",
|
|
26
|
-
"overview"
|
|
26
|
+
"overview",
|
|
27
|
+
"responsive",
|
|
28
|
+
"breakpoint"
|
|
27
29
|
]
|
|
28
30
|
},
|
|
29
|
-
"captured_at": "2026-05-
|
|
31
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
30
32
|
"template": [
|
|
31
33
|
{
|
|
32
34
|
"id": "stat",
|
|
@@ -54,7 +56,6 @@
|
|
|
54
56
|
{
|
|
55
57
|
"id": "card",
|
|
56
58
|
"component": "Card",
|
|
57
|
-
"size": "sm",
|
|
58
59
|
"children": [
|
|
59
60
|
"section"
|
|
60
61
|
]
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
{
|
|
86
87
|
"id": "card-2",
|
|
87
88
|
"component": "Card",
|
|
88
|
-
"size": "sm",
|
|
89
89
|
"children": [
|
|
90
90
|
"section-2"
|
|
91
91
|
]
|
|
@@ -116,7 +116,6 @@
|
|
|
116
116
|
{
|
|
117
117
|
"id": "card-3",
|
|
118
118
|
"component": "Card",
|
|
119
|
-
"size": "sm",
|
|
120
119
|
"children": [
|
|
121
120
|
"section-3"
|
|
122
121
|
]
|
|
@@ -147,7 +146,6 @@
|
|
|
147
146
|
{
|
|
148
147
|
"id": "card-4",
|
|
149
148
|
"component": "Card",
|
|
150
|
-
"size": "sm",
|
|
151
149
|
"children": [
|
|
152
150
|
"section-4"
|
|
153
151
|
]
|
|
@@ -155,7 +153,7 @@
|
|
|
155
153
|
{
|
|
156
154
|
"id": "root",
|
|
157
155
|
"component": "Grid",
|
|
158
|
-
"columns": "4",
|
|
156
|
+
"columns": "2 4@md",
|
|
159
157
|
"gap": "4",
|
|
160
158
|
"children": [
|
|
161
159
|
"card",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<grid-ui>\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
9
|
+
"html": "<grid-ui>\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\" size=\"sm\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\" size=\"sm\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-22T20:26:33.817Z"
|
|
12
12
|
}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"layout": "panel"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
-
"captured_at": "2026-05-
|
|
36
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
37
37
|
"template": [
|
|
38
38
|
{
|
|
39
39
|
"id": "text",
|
|
@@ -50,7 +50,8 @@
|
|
|
50
50
|
{
|
|
51
51
|
"id": "text-3",
|
|
52
52
|
"component": "Text",
|
|
53
|
-
"variant": "body"
|
|
53
|
+
"variant": "body",
|
|
54
|
+
"size": "sm"
|
|
54
55
|
},
|
|
55
56
|
{
|
|
56
57
|
"id": "header",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"data-tab-panel": "overview",
|
|
20
20
|
"gap": "4"
|
|
21
21
|
},
|
|
22
|
-
"html": "<col-ui data-tab-panel=\"overview\" gap=\"4\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-kpi-grid --></grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"5\" gap=\"4\"><!-- nested: dashboard-chart-recent --></grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-spark-cards --></grid-ui>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui><!-- nested: dashboard-transactions-table --></grid-ui>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"3\" gap=\"4\"><!-- nested: dashboard-team-actions-storage --></grid-ui>\n </col-ui>",
|
|
22
|
+
"html": "<col-ui data-tab-panel=\"overview\" gap=\"4\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-kpi-grid --></grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"1 5@md\" gap=\"4\"><!-- nested: dashboard-chart-recent --></grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-spark-cards --></grid-ui>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui><!-- nested: dashboard-transactions-table --></grid-ui>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: dashboard-team-actions-storage --></grid-ui>\n </col-ui>",
|
|
23
23
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
24
24
|
"metadata": {
|
|
25
25
|
"domain": "dashboard",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"layout": "panel"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
-
"captured_at": "2026-05-
|
|
50
|
+
"captured_at": "2026-05-22T20:26:33.817Z",
|
|
51
51
|
"template": [
|
|
52
52
|
{
|
|
53
53
|
"id": "stat",
|
|
@@ -75,7 +75,6 @@
|
|
|
75
75
|
{
|
|
76
76
|
"id": "card",
|
|
77
77
|
"component": "Card",
|
|
78
|
-
"size": "sm",
|
|
79
78
|
"children": [
|
|
80
79
|
"section"
|
|
81
80
|
]
|
|
@@ -106,7 +105,6 @@
|
|
|
106
105
|
{
|
|
107
106
|
"id": "card-2",
|
|
108
107
|
"component": "Card",
|
|
109
|
-
"size": "sm",
|
|
110
108
|
"children": [
|
|
111
109
|
"section-2"
|
|
112
110
|
]
|
|
@@ -137,7 +135,6 @@
|
|
|
137
135
|
{
|
|
138
136
|
"id": "card-3",
|
|
139
137
|
"component": "Card",
|
|
140
|
-
"size": "sm",
|
|
141
138
|
"children": [
|
|
142
139
|
"section-3"
|
|
143
140
|
]
|
|
@@ -168,7 +165,6 @@
|
|
|
168
165
|
{
|
|
169
166
|
"id": "card-4",
|
|
170
167
|
"component": "Card",
|
|
171
|
-
"size": "sm",
|
|
172
168
|
"children": [
|
|
173
169
|
"section-4"
|
|
174
170
|
]
|
|
@@ -176,7 +172,7 @@
|
|
|
176
172
|
{
|
|
177
173
|
"id": "grid-2",
|
|
178
174
|
"component": "Grid",
|
|
179
|
-
"columns": "4",
|
|
175
|
+
"columns": "2 4@md",
|
|
180
176
|
"gap": "4",
|
|
181
177
|
"children": [
|
|
182
178
|
"card",
|
|
@@ -188,7 +184,7 @@
|
|
|
188
184
|
{
|
|
189
185
|
"id": "grid",
|
|
190
186
|
"component": "Grid",
|
|
191
|
-
"columns": "4",
|
|
187
|
+
"columns": "2 4@md",
|
|
192
188
|
"gap": "4",
|
|
193
189
|
"children": [
|
|
194
190
|
"grid-2"
|
|
@@ -691,7 +687,7 @@
|
|
|
691
687
|
{
|
|
692
688
|
"id": "grid-4",
|
|
693
689
|
"component": "Grid",
|
|
694
|
-
"columns": "5",
|
|
690
|
+
"columns": "1 5@md",
|
|
695
691
|
"gap": "4",
|
|
696
692
|
"children": [
|
|
697
693
|
"card-5",
|
|
@@ -701,7 +697,7 @@
|
|
|
701
697
|
{
|
|
702
698
|
"id": "grid-3",
|
|
703
699
|
"component": "Grid",
|
|
704
|
-
"columns": "5",
|
|
700
|
+
"columns": "1 5@md",
|
|
705
701
|
"gap": "4",
|
|
706
702
|
"children": [
|
|
707
703
|
"grid-4"
|
|
@@ -913,7 +909,7 @@
|
|
|
913
909
|
{
|
|
914
910
|
"id": "grid-7",
|
|
915
911
|
"component": "Grid",
|
|
916
|
-
"columns": "4",
|
|
912
|
+
"columns": "2 4@md",
|
|
917
913
|
"gap": "4",
|
|
918
914
|
"children": [
|
|
919
915
|
"card-9",
|
|
@@ -925,7 +921,7 @@
|
|
|
925
921
|
{
|
|
926
922
|
"id": "grid-6",
|
|
927
923
|
"component": "Grid",
|
|
928
|
-
"columns": "4",
|
|
924
|
+
"columns": "2 4@md",
|
|
929
925
|
"gap": "4",
|
|
930
926
|
"children": [
|
|
931
927
|
"grid-7"
|
|
@@ -946,7 +942,8 @@
|
|
|
946
942
|
{
|
|
947
943
|
"id": "text-30",
|
|
948
944
|
"component": "Text",
|
|
949
|
-
"variant": "body"
|
|
945
|
+
"variant": "body",
|
|
946
|
+
"size": "sm"
|
|
950
947
|
},
|
|
951
948
|
{
|
|
952
949
|
"id": "header-8",
|
|
@@ -1540,7 +1537,7 @@
|
|
|
1540
1537
|
{
|
|
1541
1538
|
"id": "grid-11",
|
|
1542
1539
|
"component": "Grid",
|
|
1543
|
-
"columns": "3",
|
|
1540
|
+
"columns": "1 3@md",
|
|
1544
1541
|
"gap": "4",
|
|
1545
1542
|
"children": [
|
|
1546
1543
|
"card-14",
|
|
@@ -1551,7 +1548,7 @@
|
|
|
1551
1548
|
{
|
|
1552
1549
|
"id": "grid-10",
|
|
1553
1550
|
"component": "Grid",
|
|
1554
|
-
"columns": "3",
|
|
1551
|
+
"columns": "1 3@md",
|
|
1555
1552
|
"gap": "4",
|
|
1556
1553
|
"children": [
|
|
1557
1554
|
"grid-11"
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-22T20:26:33.817Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-22T20:26:33.817Z"
|
|
12
12
|
}
|