@adia-ai/a2ui-corpus 0.4.5 → 0.4.6
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 +67 -0
- package/catalog-a2ui_0_9.json +195 -0
- package/chunks/_index.json +50 -4
- package/chunks/agent-activity-feed.json +1 -1
- package/chunks/agent-canvas-shell.json +1 -1
- package/chunks/agent-reasoning-collapsed.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/card-header-with-description.json +1 -1
- 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/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/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/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/footer-primary-only.json +1 -1
- package/chunks/form-page-shell.json +1 -1
- package/chunks/gallery-page-shell.json +1 -1
- package/chunks/icon-text-row.json +1 -1
- package/chunks/image-tile.json +1 -1
- package/chunks/kanban-board-3col.json +1 -1
- package/chunks/kanban-page-shell.json +1 -1
- package/chunks/labeled-textarea.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/member-edit-drawer.json +1 -1
- package/chunks/metadata-description-list.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/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/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/section-with-stack.json +1 -1
- package/chunks/settings-admin-page.json +989 -0
- 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/text-card.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/package.json +1 -1
- package/patterns/forms/settings-page.json +0 -364
- package/patterns/forms/settings-page.yaml +0 -64
- package/patterns/settings/settings-page.json +0 -280
- package/patterns/settings/settings-page.yaml +0 -51
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
16
16
|
"source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
18
18
|
}
|
|
@@ -13,5 +13,5 @@
|
|
|
13
13
|
},
|
|
14
14
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
15
15
|
"source": "apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
|
|
16
|
-
"captured_at": "2026-05-
|
|
16
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
17
17
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
16
16
|
"source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
18
18
|
}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
16
16
|
"source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
18
18
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
package/chunks/auth-signout.json
CHANGED
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
16
16
|
"source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
18
18
|
}
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
},
|
|
13
13
|
"html": "<form size=\"lg\" action=\"/site/examples/auth/sign-up/verify\" method=\"get\">\n <col-ui gap=\"4\">\n <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n <button-ui text=\"Continue with Email\" variant=\"primary\" type=\"submit\"></button-ui>\n </col-ui>\n </form>",
|
|
14
14
|
"source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
|
|
15
|
-
"captured_at": "2026-05-
|
|
15
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
16
16
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<col-ui gap=\"2\">\n <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n </col-ui>",
|
|
12
12
|
"source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
14
14
|
}
|
|
@@ -13,5 +13,5 @@
|
|
|
13
13
|
},
|
|
14
14
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
15
15
|
"source": "apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
|
|
16
|
-
"captured_at": "2026-05-
|
|
16
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
17
17
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<col-ui gap=\"2\">\n <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n </col-ui>",
|
|
12
12
|
"source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
14
14
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"primary\"></button-ui>\n <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
16
16
|
"source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
18
18
|
}
|
|
@@ -15,5 +15,5 @@
|
|
|
15
15
|
},
|
|
16
16
|
"html": "<card-ui raw style=\"max-width: 32rem\">\n <header><!-- nested: auth-card-header --></header>\n\n <section><!-- nested: auth-card-content --></section>\n </card-ui>",
|
|
17
17
|
"source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
|
|
18
|
-
"captured_at": "2026-05-
|
|
18
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
19
19
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; height:100vh;\">\n <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <text-ui strong size=\"lg\">Conversations</text-ui>\n </header>\n <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n <stack-ui gap=\"1\">\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui strong>Engineering</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n </card-ui>\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui strong>Design</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n </card-ui>\n </stack-ui>\n </section>\n </aside>\n\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">#engineering</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <stack-ui gap=\"3\">\n <row-ui gap=\"2\" align=\"start\">\n <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui>Hey team, the deploy is ready for review.</text-ui>\n </card-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n <card-ui variant=\"primary\" padding=\"sm\">\n <text-ui>On it — checking the staging logs now.</text-ui>\n </card-ui>\n <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n\n <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </footer>\n </section>\n</article>",
|
|
31
31
|
"source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
|
|
32
|
-
"captured_at": "2026-05-
|
|
32
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
33
33
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<card-ui raw>\n <section>\n <chat-thread-ui streaming>\n <div role=\"user\">What's the status?</div>\n <div role=\"assistant\">Processing your request...</div>\n </chat-thread-ui>\n </section>\n <footer>\n <row-ui gap=\"2\" align=\"center\">\n <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </footer>\n</card-ui>",
|
|
12
12
|
"source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
14
14
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<modal-ui>\n <header>\n <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n </header>\n <section>\n <command-ui></command-ui>\n </section>\n</modal-ui>",
|
|
10
10
|
"source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
},
|
|
13
13
|
"html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Plan\">\n <col-ui gap=\"2\">\n <option-card-ui name=\"plan\" value=\"free\">\n <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n <span>Free</span>\n <text-ui color=\"subtle\" size=\"sm\" grow>Solo or community work</text-ui>\n <span>$0/mo</span>\n </row-ui>\n <span slot=\"description\">Up to 5 members · 10 projects · community support</span>\n </option-card-ui>\n\n <option-card-ui name=\"plan\" value=\"pro\" checked>\n <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n <span>Pro</span>\n <text-ui color=\"subtle\" size=\"sm\" grow>Designed for small operations</text-ui>\n <span>$49/mo</span>\n </row-ui>\n <col-ui slot=\"description\" gap=\"2\">\n <span>Unlimited members · advanced charts · 100 GB storage · email support</span>\n <row-ui gap=\"2\" align=\"center\">\n <badge-ui text=\"Saves 40%\" variant=\"success\"></badge-ui>\n <text-ui size=\"sm\" color=\"subtle\">14-day trial period</text-ui>\n </row-ui>\n </col-ui>\n </option-card-ui>\n\n <option-card-ui name=\"plan\" value=\"team\">\n <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n <span>Team</span>\n <text-ui color=\"subtle\" size=\"sm\" grow>For growing organizations</text-ui>\n <span>$129/mo</span>\n </row-ui>\n <col-ui slot=\"description\" gap=\"2\">\n <span>Everything in Pro · SSO · audit log · role-based permissions · 1 TB storage</span>\n <row-ui gap=\"2\" align=\"center\">\n <badge-ui text=\"Saves 30%\" variant=\"success\"></badge-ui>\n <text-ui size=\"sm\" color=\"subtle\">Pay annually</text-ui>\n </row-ui>\n </col-ui>\n </option-card-ui>\n\n <option-card-ui name=\"plan\" value=\"enterprise\">\n <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n <span>Enterprise</span>\n <text-ui color=\"subtle\" size=\"sm\" grow>For regulated industries</text-ui>\n <span>custom</span>\n </row-ui>\n <col-ui slot=\"description\" gap=\"2\">\n <span>Dedicated support · DPA · SCIM · on-prem deployment · talk to sales</span>\n <row-ui gap=\"2\" align=\"center\">\n <badge-ui text=\"Volume pricing\" variant=\"accent\"></badge-ui>\n <text-ui size=\"sm\" color=\"subtle\">Custom contract</text-ui>\n </row-ui>\n </col-ui>\n </option-card-ui>\n\n <option-card-ui name=\"plan\" value=\"custom\">\n <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n <span>Something else</span>\n <text-ui color=\"subtle\" size=\"sm\" grow>Tell us what you need</text-ui>\n <span>talk to us</span>\n </row-ui>\n <span slot=\"description\">None of these fit? Tell us what you need and we'll quote a custom plan within one business day.</span>\n <textarea-ui\n name=\"custom-requirements\"\n rows=\"4\"\n label=\"Your requirements\"\n placeholder=\"Volume, compliance needs, integrations, deployment constraints — whatever you'd want a sales engineer to know up front.\"\n ></textarea-ui>\n </option-card-ui>\n </col-ui>\n </section>",
|
|
14
14
|
"source": "apps/user-flow/app/registration/plan/plan.contents.html",
|
|
15
|
-
"captured_at": "2026-05-
|
|
15
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
16
16
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Conversion Funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">6 stages from visit to purchase</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Viewed pricing\" value=\"68\" meta=\"19,334 · 68%\"></progress-row-ui>\n <progress-row-ui label=\"Started trial\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Used core feature\" value=\"18\" meta=\"5,118 · 18%\"></progress-row-ui>\n <progress-row-ui label=\"Upgraded to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n</card-ui>",
|
|
10
10
|
"source": "catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui size=\"sm\"\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 size=\"sm\"\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 size=\"sm\"\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 size=\"sm\"\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
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -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-12T19:23:09.661Z"
|
|
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=\"xl\">🇺🇸</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=\"xl\">🇩🇪</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=\"xl\">🇬🇧</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=\"xl\">🇯🇵</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=\"xl\">🇨🇦</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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui size=\"sm\"\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 size=\"sm\"\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 size=\"sm\"\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 size=\"sm\"\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
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
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>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -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-12T19:23:09.661Z"
|
|
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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" 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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui>\n <header>\n <h3>Page Views</h3>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Bounce Rate</h3>\n <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Session Duration</h3>\n <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Conversion</h3>\n <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<tabs-ui value=\"overview\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n </tabs-ui>",
|
|
12
12
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
14
14
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"3\" gap=\"4\">\n <card-ui span=\"2\">\n <header>\n <h3>Traffic</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n <div slot=\"action\">\n <segmented-ui value=\"30d\">\n <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n </segmented-ui>\n </div>\n </header>\n <section>\n <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Acquisition channels</h3>\n <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n </header>\n <section>\n <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
15
15
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Recent Transactions</h3>\n <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n <span slot=\"action\">\n <menu-ui id=\"tx-state-menu\">\n <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n </menu-ui>\n </span>\n </header>\n <section bleed data-tx-surface>\n <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></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-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<modal-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Are you sure?</text-ui>\n </span>\n </header>\n <section>\n <col-ui gap=\"3\">\n <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n <field-ui label=\"Resource name\">\n <input-ui placeholder=\"my-resource-123\"></input-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\" justify=\"end\">\n <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n </row-ui>\n </footer>\n</modal-ui>",
|
|
10
10
|
"source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
|
|
11
|
-
"captured_at": "2026-05-
|
|
11
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
12
12
|
}
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; height:100vh;\">\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"bold\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"list\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Share\" variant=\"outline\" size=\"sm\" icon=\"share\"></button-ui>\n <button-ui text=\"Publish\" variant=\"primary\" size=\"sm\" icon=\"globe\"></button-ui>\n </row-ui>\n </header>\n\n <section style=\"flex:1; display:flex; overflow:hidden;\">\n <section data-chunk-slot=\"editor\" style=\"flex:1; padding:var(--a-space-4); overflow:auto;\">\n <stack-ui gap=\"3\" style=\"max-width:720px; margin:0 auto;\">\n <input-ui placeholder=\"Document title\" size=\"lg\" style=\"font-weight:600;\"></input-ui>\n <textarea-ui placeholder=\"Start writing…\" style=\"min-height:400px; resize:vertical;\"></textarea-ui>\n </stack-ui>\n </section>\n\n <aside data-chunk-slot=\"preview\" style=\"width:360px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto; background:var(--a-bg-subtle);\">\n <stack-ui gap=\"3\">\n <text-ui strong size=\"sm\">Preview</text-ui>\n <card-ui padding=\"md\">\n <text-ui color=\"subtle\">Rendered preview will appear here.</text-ui>\n </card-ui>\n </stack-ui>\n </aside>\n </section>\n </section>\n\n <aside data-chunk-slot=\"metadata\" style=\"width:240px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto;\">\n <stack-ui gap=\"4\">\n <text-ui strong size=\"sm\">Metadata</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Status</label-ui>\n <select-ui>\n <option>Draft</option>\n <option>Review</option>\n <option>Published</option>\n </select-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Tags</label-ui>\n <input-ui placeholder=\"Add tags…\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Author</label-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui size=\"sm\" src=\"/avatar.png\"></avatar-ui>\n <text-ui size=\"sm\">Alex Chen</text-ui>\n </row-ui>\n </stack-ui>\n </stack-ui>\n </aside>\n</article>",
|
|
31
31
|
"source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
|
|
32
|
-
"captured_at": "2026-05-
|
|
32
|
+
"captured_at": "2026-05-12T19:23:09.661Z"
|
|
33
33
|
}
|