@adia-ai/a2ui-corpus 0.4.1 → 0.4.3
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 +28 -0
- package/README.md +8 -0
- package/catalog-a2ui_0_9.json +227 -6
- package/catalog-a2ui_0_9_rules.txt +5 -0
- package/chunks/_index.json +573 -561
- package/chunks/agent-activity-feed.json +3 -3
- package/chunks/agent-canvas-shell.json +3 -3
- package/chunks/agent-reasoning-collapsed.json +3 -3
- 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/chat-page-shell.json +3 -3
- package/chunks/chat-streaming-surface.json +3 -3
- package/chunks/command-palette.json +3 -3
- package/chunks/commerce-pricing-tiers.json +1 -1
- package/chunks/conversion-funnel-6step.json +3 -3
- 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 +3 -3
- package/chunks/doc-editor-shell.json +3 -3
- 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 +3 -3
- package/chunks/editor-page-shell.json +3 -3
- package/chunks/editor-preview-pane.json +3 -3
- 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 +3 -3
- package/chunks/form-page-shell.json +3 -3
- package/chunks/gallery-page-shell.json +3 -3
- package/chunks/kanban-board-3col.json +3 -3
- package/chunks/kanban-page-shell.json +3 -3
- package/chunks/marketing-hero-cta.json +3 -3
- package/chunks/marketing-page-shell.json +3 -3
- package/chunks/member-edit-drawer.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 +4 -4
- package/chunks/playground-chat.json +4 -4
- package/chunks/playground-construct-canvas.json +4 -6
- package/chunks/playground-gen-ui.json +2 -2
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +3 -3
- 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/settings-appearance.json +26 -0
- 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 +3 -3
- package/chunks/settings-page-shell.json +3 -3
- package/chunks/settings-profile-security.json +1 -1
- package/chunks/user-profile-card.json +3 -3
- package/chunks/users-table-badge.json +3 -3
- package/package.json +1 -1
- package/fragments/layout/auth-card-header.json +0 -59
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-first-dashboard\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"chart-line\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>First dashboard</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\"\n >Generated and pinned to your home. Tweak the prompt or pick a template — regenerating won't unpin the existing one.</text-ui\n >\n </section>\n <section>\n <col-ui gap=\"4\">\n <field-ui label=\"Current dashboard\">\n <input-ui value=\"Weekly revenue · 6-month trend\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Or pick a template\">\n <select-ui value=\"\">\n <option value=\"\">— Keep current —</option>\n <option value=\"release-velocity\">Release velocity · 4-week rolling</option>\n <option value=\"incident-mttr\">Incident MTTR · monthly</option>\n <option value=\"pr-throughput\">PR throughput · per author</option>\n <option value=\"deploy-frequency\">Deploy frequency · daily</option>\n <option value=\"error-rate\">Error rate · last 30 days</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Or describe a new one\" hint=\"Plain English. AdiaUI will pick chart types and time ranges.\">\n <textarea-ui name=\"dashboard-prompt\" placeholder=\"e.g. Top 10 noisiest repos by failed CI runs, last 14 days.\" rows=\"3\"></textarea-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Regenerate\" icon=\"sparkle\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n </drawer-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/onboarding/review/review.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/drawer-gcal.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-gcal\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"calendar\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Google Calendar</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Sync events, attendees, and reminders into Acme</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"info\"\n icon=\"info\"\n text=\"Sign in to select which calendars to sync. You can change scopes later in your Google account settings.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Google account\">\n <input-ui value=\"kim@acme.com\" readonly prefix=\"@\"></input-ui>\n </field-ui>\n <field-ui label=\"Sync direction\">\n <select-ui value=\"one-way\">\n <option value=\"one-way\">One-way (Google → Acme)</option>\n <option value=\"two-way\">Two-way sync</option>\n <option value=\"acme-to-google\">Acme → Google only</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Calendars to sync</text-ui>\n <field-ui label=\"Kim Granlund · Primary\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Acme · Engineering team\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Acme · Design reviews\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Acme · Company-wide\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Kim Granlund · Focus time\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Holidays in United States\" inline>\n <check-ui></check-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Event fields we'll read</text-ui>\n <field-ui label=\"Titles and times\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Attendee list\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Descriptions\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Attached files and links\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Meeting recording links\" inline>\n <check-ui></check-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Window</text-ui>\n <row-ui gap=\"2\">\n <range-ui label=\"Look-ahead (days)\" value=\"30\" min=\"1\" max=\"90\" grow></range-ui>\n <range-ui label=\"Look-back (days)\" value=\"7\" min=\"0\" max=\"30\" grow></range-ui>\n </row-ui>\n <field-ui label=\"Respect 'Working hours' from Google\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Skip private events\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Sign in with Google\" icon=\"arrow-square-out\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/integrations/integrations.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-github\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"github-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>GitHub</text-ui>\n <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">acme-corp · 14 repositories synced</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Webhooks delivered\" value=\"8,420\" change=\"+142 today\" trend=\"up\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Last delivery\" value=\"12s ago\" change=\"pull_request.opened\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Organization\">\n <input-ui value=\"acme-corp\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Installation ID\">\n <input-ui value=\"42189873\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Sync scope\">\n <select-ui value=\"selected\">\n <option value=\"all\">All 47 repositories in the org</option>\n <option value=\"selected\">Selected repositories (14)</option>\n <option value=\"public\">Public repositories only</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Sync events</text-ui>\n <field-ui label=\"Pull requests opened, merged, closed\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Issues opened, closed, commented\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Releases published\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Check runs (CI status)\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Deployments\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Discussions\" inline>\n <check-ui></check-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Synced repositories</text-ui>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <icon-ui name=\"git-branch\"></icon-ui>\n <text-ui grow>acme-corp/web</text-ui>\n <text-ui color=\"subtle\">2m ago</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <icon-ui name=\"git-branch\"></icon-ui>\n <text-ui grow>acme-corp/api</text-ui>\n <text-ui color=\"subtle\">18m ago</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <icon-ui name=\"git-branch\"></icon-ui>\n <text-ui grow>acme-corp/mobile</text-ui>\n <text-ui color=\"subtle\">2h ago</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <icon-ui name=\"git-branch\"></icon-ui>\n <text-ui grow>acme-corp/infra</text-ui>\n <text-ui color=\"subtle\">Yesterday</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n <button-ui text=\"Manage repositories\" variant=\"outline\" icon=\"gear\" stretch></button-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/integrations/integrations.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-invite\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"envelope\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong data-invite-email>Invite</text-ui>\n <badge-ui data-invite-role text=\"Member\" variant=\"info\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Pending invitation — not yet accepted.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sent\" data-invite-sent value=\"—\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Expires\" data-invite-expires value=\"—\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Invitation</text-ui>\n <field-ui label=\"Email\">\n <input-ui data-invite-email readonly></input-ui>\n </field-ui>\n <field-ui label=\"Role\">\n <select-ui data-invite-role value=\"Member\">\n <option value=\"Admin\">Admin · invite, remove, billing</option>\n <option value=\"Member\">Member · edit + invite</option>\n <option value=\"Viewer\">Viewer · read-only</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Invited by\">\n <input-ui data-invite-inviter readonly></input-ui>\n </field-ui>\n <field-ui label=\"Personal message (optional)\">\n <textarea-ui rows=\"2\" placeholder=\"Add a note to include in the invitation email.\"></textarea-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Delivery</text-ui>\n <field-ui label=\"Also notify on Slack\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Remind 24h before expiry\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Include workspace welcome guide\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui id=\"drawer-invite-revoke\" text=\"Revoke\" icon=\"x\" color=\"danger\"></button-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Resend\" icon=\"paper-plane-tilt\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/members/members.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-payment-method\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"credit-card\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Update payment method</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Card on file: Visa ending in 4242 · Expires 08/2028</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui variant=\"info\" icon=\"info\" text=\"Card details are tokenized by Stripe. We never see or store the full number.\"></alert-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Payment method\">\n <select-ui value=\"card\">\n <option value=\"card\">Credit or debit card</option>\n <option value=\"ach\">Bank account (ACH)</option>\n <option value=\"wire\">Wire transfer (annual only)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Card number\">\n <input-ui placeholder=\"1234 1234 1234 1234\" prefix=\"credit-card\"></input-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"Expiry\">\n <input-ui placeholder=\"MM/YY\" grow></input-ui>\n </field-ui>\n <field-ui label=\"CVC\">\n <input-ui placeholder=\"123\" grow></input-ui>\n </field-ui>\n </row-ui>\n <field-ui label=\"Name on card\">\n <input-ui placeholder=\"Kim Granlund\"></input-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Billing address</text-ui>\n <field-ui label=\"Country\">\n <input-ui value=\"United States\"></input-ui>\n </field-ui>\n <field-ui label=\"Street address\">\n <input-ui value=\"101 Montgomery St\"></input-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"City\">\n <input-ui value=\"San Francisco\" grow></input-ui>\n </field-ui>\n <field-ui label=\"State\">\n <input-ui value=\"CA\" grow></input-ui>\n </field-ui>\n <field-ui label=\"ZIP\">\n <input-ui value=\"94104\" grow></input-ui>\n </field-ui>\n </row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Billing contact</text-ui>\n <field-ui label=\"Billing email\">\n <input-ui value=\"billing@acme.com\" prefix=\"@\"></input-ui>\n </field-ui>\n <field-ui label=\"Tax ID (VAT / EIN)\">\n <input-ui placeholder=\"Optional\"></input-ui>\n </field-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Remove card\" icon=\"trash\" color=\"danger\"></button-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Save card\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/billing/billing.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-report\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"chart-line\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong data-report-name>Report</text-ui>\n <badge-ui data-report-status text=\"Active\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\" data-report-meta>Scheduled delivery configuration.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Last run\" data-report-last value=\"—\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Recipients\" data-report-recipients value=\"—\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Schedule</text-ui>\n <field-ui label=\"Frequency\">\n <select-ui value=\"weekly\">\n <option value=\"hourly\">Hourly</option>\n <option value=\"daily\">Daily</option>\n <option value=\"weekly\">Weekly</option>\n <option value=\"monthly\">Monthly</option>\n <option value=\"realtime\">Real-time (triggered)</option>\n </select-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"Day\">\n <select-ui value=\"mon\" grow>\n <option value=\"mon\">Monday</option>\n <option value=\"tue\">Tuesday</option>\n <option value=\"wed\">Wednesday</option>\n <option value=\"thu\">Thursday</option>\n <option value=\"fri\">Friday</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <input-ui value=\"09:00\" type=\"time\" grow></input-ui>\n </field-ui>\n <field-ui label=\"Timezone\">\n <select-ui value=\"utc\" grow>\n <option value=\"utc\">UTC</option>\n <option value=\"pst\">PST</option>\n <option value=\"est\">EST</option>\n <option value=\"cet\">CET</option>\n </select-ui>\n </field-ui>\n </row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Delivery</text-ui>\n <field-ui label=\"Recipients\">\n <textarea-ui rows=\"2\" value=\"alex@acme.com, sarah@acme.com, finance@acme.com\" hint=\"Comma-separated email addresses.\"></textarea-ui>\n </field-ui>\n <field-ui label=\"Format\">\n <select-ui value=\"pdf\">\n <option value=\"pdf\">PDF</option>\n <option value=\"csv\">CSV</option>\n <option value=\"xlsx\">Excel (xlsx)</option>\n <option value=\"slack\">Post to Slack</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Attach raw data export\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Include AI summary\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Scope</text-ui>\n <field-ui label=\"Date range\">\n <select-ui value=\"last-7-days\">\n <option value=\"last-24h\">Last 24 hours</option>\n <option value=\"last-7-days\">Last 7 days</option>\n <option value=\"last-30-days\">Last 30 days</option>\n <option value=\"mtd\">Month-to-date</option>\n <option value=\"custom\">Custom range</option>\n </select-ui>\n </field-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Pause\" icon=\"pause\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Run now\" icon=\"play\" variant=\"outline\"></button-ui>\n <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-revoke-session\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"sign-out\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Revoke session</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Signs the device out immediately. It will need to re-authenticate to sign back in.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <card-ui>\n <header>\n <span slot=\"icon\"><avatar-ui icon=\"device-mobile\"></avatar-ui></span>\n <span slot=\"heading\"><text-ui strong>iPhone 16 · Safari</text-ui></span>\n <span slot=\"description\"><text-ui color=\"subtle\" size=\"sm\">San Francisco, CA · 2 hours ago · 136.24.51.9</text-ui></span>\n </header>\n </card-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Recent activity on this session</text-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"chat-circle\" color=\"subtle\"></icon-ui><text-ui>Opened 4 conversations</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"upload\" color=\"subtle\"></icon-ui><text-ui>Uploaded 2 files</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"user-gear\" color=\"subtle\"></icon-ui><text-ui>Changed workspace: AdiaUI</text-ui></row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Also rotate API keys created from this session\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Notify me if this device signs back in\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <alert-ui variant=\"info\" icon=\"info\" text=\"If you don't recognize this session, revoke it and change your password.\"></alert-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Revoke session\" icon=\"sign-out\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/profile-security/profile-security.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/drawer-role.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-role\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"user\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Role</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Tunes which dashboards land on your home and which integrations we surface first.</text-ui>\n </section>\n <section>\n <div role=\"radiogroup\" aria-label=\"Role\">\n <col-ui gap=\"2\">\n <option-card-ui\n name=\"role\"\n value=\"developer\"\n checked\n heading=\"Developer\"\n description=\"Home pinned to release dashboards. Surfaces deploys, PR throughput, error rates.\"\n ></option-card-ui>\n <option-card-ui\n name=\"role\"\n value=\"pm\"\n heading=\"Product Manager\"\n description=\"Home pinned to product KPIs. Surfaces feature usage, retention, NPS.\"\n ></option-card-ui>\n <option-card-ui\n name=\"role\"\n value=\"designer\"\n heading=\"Designer\"\n description=\"Home pinned to research + funnel surfaces. Surfaces session replays and qual snippets.\"\n ></option-card-ui>\n <option-card-ui\n name=\"role\"\n value=\"other\"\n heading=\"Something else\"\n description=\"Tell us more — we'll start with a generalist home and refine later.\"\n >\n <textarea-ui name=\"role-detail\" placeholder=\"What do you do day-to-day?\" rows=\"2\"></textarea-ui>\n </option-card-ui>\n </col-ui>\n </div>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n </drawer-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/onboarding/review/review.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/drawer-slack.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-slack\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"slack-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Slack</text-ui>\n <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\">\n <!--<button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>-->\n </span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Messages sent\" value=\"1,284\" change=\"+12 today\" trend=\"up\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Last event\" value=\"4m ago\" change=\"deploy.succeeded\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Workspace\">\n <input-ui value=\"acme-corp.slack.com\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Default channel\" hint=\"Events without a routing rule go here.\">\n <select-ui value=\"product-updates\">\n <option value=\"general\">#general (842 members)</option>\n <option value=\"product-updates\">#product-updates (128 members)</option>\n <option value=\"alerts\">#alerts (34 members)</option>\n <option value=\"dev\">#dev (56 members)</option>\n <option value=\"deploys\">#deploys (12 members)</option>\n <option value=\"releases\">#releases (89 members)</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Post to Slack when…</text-ui>\n <field-ui label=\"Someone mentions @Acme\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"A deployment succeeds\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"A deployment fails\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"An alert fires\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"A new member joins the workspace\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"API usage crosses a threshold\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Bot display name\">\n <input-ui value=\"Acme Bot\"></input-ui>\n </field-ui>\n <field-ui label=\"Bot user ID\">\n <input-ui value=\"U06F2G4QR8T\" readonly></input-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Send test post\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/integrations/integrations.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/drawer-smtp.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-smtp\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"envelope\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Email (SMTP)</text-ui>\n <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Credentials expired April 12, 2026</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"warning\"\n icon=\"warning\"\n text=\"SendGrid API key rejected on April 12 at 02:14 UTC. Outbound email has been queued — 143 messages pending. Provide updated credentials to resume delivery.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Provider\">\n <select-ui value=\"sendgrid\">\n <option value=\"sendgrid\">SendGrid</option>\n <option value=\"postmark\">Postmark</option>\n <option value=\"ses\">Amazon SES</option>\n <option value=\"custom\">Custom SMTP</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"SMTP host\">\n <input-ui value=\"smtp.sendgrid.net\"></input-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"Port\">\n <input-ui value=\"587\" grow></input-ui>\n </field-ui>\n <field-ui label=\"Encryption\">\n <select-ui value=\"tls\" grow>\n <option value=\"none\">None</option>\n <option value=\"tls\">STARTTLS</option>\n <option value=\"ssl\">SSL</option>\n </select-ui>\n </field-ui>\n </row-ui>\n <field-ui label=\"Username\">\n <input-ui value=\"apikey\"></input-ui>\n </field-ui>\n <field-ui label=\"Password / API key\" hint=\"Paste the new SendGrid API key with at least 'Mail Send' scope.\">\n <input-ui type=\"password\" placeholder=\"SG.••••••••\"></input-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Sender identity</text-ui>\n <field-ui label=\"From address\">\n <input-ui value=\"hello@acme.com\" type=\"email\"></input-ui>\n </field-ui>\n <field-ui label=\"From name\">\n <input-ui value=\"Acme\"></input-ui>\n </field-ui>\n <field-ui label=\"Reply-to\">\n <input-ui value=\"support@acme.com\" type=\"email\"></input-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Domain authentication</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n <text-ui grow>SPF record</text-ui>\n <badge-ui text=\"Verified\" variant=\"success\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n <text-ui grow>DKIM</text-ui>\n <badge-ui text=\"Verified\" variant=\"success\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"warning-circle\" color=\"warning\"></icon-ui>\n <text-ui grow>DMARC</text-ui>\n <badge-ui text=\"p=none\" variant=\"warning\"></badge-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Send test email\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Remove\" icon=\"trash\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/integrations/integrations.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-source\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"github-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Source</text-ui>\n <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Authorized as kim@acme.com · 23 repos visible</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <field-ui label=\"Provider\">\n <select-ui value=\"github\">\n <option value=\"github\">GitHub</option>\n <option value=\"gitlab\">GitLab</option>\n <option value=\"bitbucket\">Bitbucket</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Authorized account\">\n <input-ui value=\"kim@acme.com\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Repository scope\" hint=\"Limit which repos AdiaUI can read.\">\n <select-ui value=\"selected\">\n <option value=\"all\">All repositories (23)</option>\n <option value=\"selected\">Selected repositories (23 of 23)</option>\n <option value=\"public\">Public only</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Sync settings</text-ui>\n <field-ui label=\"Pull request events\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Deployment events\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Issue events\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Reauthorize\" icon=\"arrow-clockwise\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n </drawer-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/onboarding/review/review.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<drawer-ui id=\"drawer-transaction\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"receipt\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong data-tx-customer>Transaction</text-ui>\n <badge-ui data-tx-status text=\"Completed\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\" data-tx-meta>Details for the selected transaction.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Amount\" data-tx-amount value=\"—\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Date\" data-tx-date value=\"—\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Customer</text-ui>\n <field-ui label=\"Name\">\n <input-ui data-tx-name readonly></input-ui>\n </field-ui>\n <field-ui label=\"Email\">\n <input-ui data-tx-email readonly></input-ui>\n </field-ui>\n <field-ui label=\"Customer ID\">\n <input-ui value=\"cus_8420F5K9Q1PL\" readonly></input-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Payment</text-ui>\n <field-ui label=\"Method\">\n <input-ui value=\"Visa ending in 4242\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Authorization\">\n <input-ui value=\"auth_K8N3P2Q7R\" readonly></input-ui>\n </field-ui>\n <field-ui label=\"Receipt URL\">\n <input-ui value=\"https://pay.acme.com/r/tx_H7K2\" readonly suffix=\"arrow-square-out\"></input-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Timeline</text-ui>\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n ><col-ui gap=\"0\" grow><text-ui>Payment captured</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:22 UTC</text-ui></col-ui></row-ui\n >\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n ><col-ui gap=\"0\" grow><text-ui>Risk review passed</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:22 UTC</text-ui></col-ui></row-ui\n >\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n ><col-ui gap=\"0\" grow><text-ui>Card authorized</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:21 UTC</text-ui></col-ui></row-ui\n >\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Refund\" icon=\"arrow-u-left-up\" color=\"danger\"></button-ui>\n <button-ui text=\"Close\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"View receipt\" icon=\"arrow-square-out\" variant=\"primary\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
|
|
13
13
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "editor-code-pane",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n </row-ui>\n </header>\n <section style=\"flex:1; padding:8px; background:var(--a-bg-chrome);\">\n <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%; width:100%; font-family:monospace;\"></textarea-ui>\n </section>\n</section>",
|
|
10
|
-
"source": "
|
|
11
|
-
"captured_at": "2026-05-
|
|
10
|
+
"source": "catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
|
|
11
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "editor-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/editor-page/editor-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "editor-pane",
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
"nested": [],
|
|
19
19
|
"attrs": {},
|
|
20
20
|
"html": "<article style=\"display:flex; height:100vh;\">\n <section data-chunk-slot=\"editor-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n </row-ui>\n </header>\n <section style=\"flex:1;\">\n <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%;\"></textarea-ui>\n </section>\n </section>\n\n <section data-chunk-slot=\"preview-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n <header>\n <text-ui strong>Preview</text-ui>\n </header>\n <section style=\"flex:1; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\">Preview will appear here</text-ui>\n </section>\n </section>\n</article>",
|
|
21
|
-
"source": "
|
|
22
|
-
"captured_at": "2026-05-
|
|
21
|
+
"source": "catalog/page-shells/app/editor-page/editor-page.contents.html",
|
|
22
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
23
23
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "editor-preview-pane",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n <header>\n <text-ui strong size=\"sm\">Preview</text-ui>\n </header>\n <section style=\"flex:1; padding:8px; background:var(--a-bg-1);\">\n <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n </section>\n</section>",
|
|
10
|
-
"source": "
|
|
11
|
-
"captured_at": "2026-05-
|
|
10
|
+
"source": "catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
|
|
11
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
12
12
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Go to home\" variant=\"primary\" icon=\"house\" onclick=\"location.href = '/'\"></button-ui>\n <button-ui text=\"Search docs\" variant=\"outline\" icon=\"magnifying-glass\" onclick=\"location.href = '/site/'\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/errors/app/404/404.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/error-404.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/errors/app/404/404.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
18
18
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"Try again\" variant=\"primary\" icon=\"arrows-clockwise\" onclick=\"location.reload()\"></button-ui>\n <button-ui text=\"View status page\" variant=\"outline\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n <button-ui text=\"Contact support\" variant=\"outline\" icon=\"lifebuoy\" onclick=\"location.href = '/site/examples/help'\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/errors/app/500/500.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
package/chunks/error-500.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/errors/app/500/500.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
18
18
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<col-ui gap=\"2\" size=\"lg\">\n <button-ui text=\"View live status\" variant=\"primary\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n <button-ui text=\"Subscribe to updates\" variant=\"outline\" icon=\"bell\"></button-ui>\n </col-ui>",
|
|
13
13
|
"source": "apps/errors/app/maintenance/maintenance.contents.html",
|
|
14
|
-
"captured_at": "2026-05-
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
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/errors/app/maintenance/maintenance.contents.html",
|
|
17
|
-
"captured_at": "2026-05-
|
|
17
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
18
18
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "error-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/error-page/error-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "error-content",
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
"nested": [],
|
|
19
19
|
"attrs": {},
|
|
20
20
|
"html": "<article>\n <section data-chunk-slot=\"error-content\">\n <col-ui align=\"center\" gap=\"4\">\n <text-ui size=\"xl\" variant=\"display\">404</text-ui>\n <h1>Page not found</h1>\n <text-ui color=\"subtle\">The page you are looking for does not exist or has been moved.</text-ui>\n </col-ui>\n </section>\n\n <nav data-chunk-slot=\"navigation\">\n <row-ui gap=\"3\" justify=\"center\">\n <button-ui text=\"Go home\" variant=\"primary\" icon=\"house\"></button-ui>\n <button-ui text=\"Back\" variant=\"outline\" icon=\"arrow-left\"></button-ui>\n </row-ui>\n </nav>\n</article>",
|
|
21
|
-
"source": "
|
|
22
|
-
"captured_at": "2026-05-
|
|
21
|
+
"source": "catalog/page-shells/app/error-page/error-page.contents.html",
|
|
22
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
23
23
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "form-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/form-page/form-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "page-header",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"html": "<article>\n <header data-chunk-slot=\"page-header\">\n <h1>Sign in</h1>\n <text-ui color=\"subtle\">Enter your credentials to continue</text-ui>\n </header>\n\n <section data-chunk-slot=\"form-content\">\n <form>\n <field-ui label=\"Email\">\n <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n </field-ui>\n <field-ui label=\"Password\">\n <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n </field-ui>\n </form>\n </section>\n\n <footer data-chunk-slot=\"page-footer\">\n <button-ui text=\"Sign in\" variant=\"primary\"></button-ui>\n <button-ui text=\"Forgot password?\" variant=\"ghost\" size=\"sm\"></button-ui>\n </footer>\n</article>",
|
|
26
|
-
"source": "
|
|
27
|
-
"captured_at": "2026-05-
|
|
26
|
+
"source": "catalog/page-shells/app/form-page/form-page.contents.html",
|
|
27
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
28
28
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "gallery-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "header",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; flex-direction:column; height:100vh;\">\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\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>\n </section>\n\n <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <grid-ui columns=\"4\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n </dialog-ui>\n</article>",
|
|
31
|
-
"source": "
|
|
32
|
-
"captured_at": "2026-05-
|
|
31
|
+
"source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
32
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
33
33
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "kanban-board-3col",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "grid-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
@@ -10,6 +10,6 @@
|
|
|
10
10
|
"gap": "4"
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"3\" gap=\"4\">\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">To Do</text-ui>\n <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Component audit</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Accessibility review</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">In Progress</text-ui>\n <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Button variants</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">Done</text-ui>\n <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Typography scale</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n</grid-ui>",
|
|
13
|
-
"source": "
|
|
14
|
-
"captured_at": "2026-05-
|
|
13
|
+
"source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
|
|
14
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "kanban-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/kanban-page/kanban-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "header",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"html": "<article style=\"display:flex; flex-direction:column; height:100vh;\">\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 <row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Sprint 42</text-ui>\n <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">To do</text-ui>\n <badge-ui text=\"3\" size=\"sm\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Design review</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n <card-ui padding=\"sm\">\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">API spec</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n <card-ui padding=\"sm\">\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Write tests</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n </stack-ui>\n\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">In progress</text-ui>\n <badge-ui text=\"2\" size=\"sm\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Implement auth</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n </stack-ui>\n\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">Done</text-ui>\n <badge-ui text=\"5\" size=\"sm\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\" variant=\"subtle\">\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n </stack-ui>\n </card-ui>\n </stack-ui>\n </row-ui>\n </section>\n\n <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n <stack-ui gap=\"3\" style=\"width:360px; padding:var(--a-space-4);\">\n <text-ui strong size=\"lg\">Task detail</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Title</label-ui>\n <input-ui value=\"Design review\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Description</label-ui>\n <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n </stack-ui>\n <row-ui gap=\"2\" justify=\"end\">\n <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </stack-ui>\n </drawer-ui>\n</article>",
|
|
26
|
-
"source": "
|
|
27
|
-
"captured_at": "2026-05-
|
|
26
|
+
"source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
|
|
27
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
28
28
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "marketing-hero-cta",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section>\n <col-ui align=\"center\" gap=\"5\">\n <col-ui align=\"center\" gap=\"2\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">ADIAUI v0.3</text-ui>\n <h1>Build UIs with natural language</h1>\n <text-ui size=\"lg\" color=\"subtle\" text-align=\"center\">Light-DOM web components + generative UI pipeline.<br>Ship faster, iterate smarter.</text-ui>\n </col-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n</section>",
|
|
10
|
-
"source": "
|
|
11
|
-
"captured_at": "2026-05-
|
|
10
|
+
"source": "catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
|
|
11
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "marketing-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "hero",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"html": "<article>\n <section data-chunk-slot=\"hero\">\n <col-ui align=\"center\" gap=\"4\">\n <h1>Build faster with AdiaUI</h1>\n <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n\n <section data-chunk-slot=\"features\">\n <grid-ui columns=\"3\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw align=\"center\">\n <col-ui align=\"center\" gap=\"3\">\n <h2>Ready to ship?</h2>\n <text-ui color=\"subtle\">Start building in minutes</text-ui>\n <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n </col-ui>\n </card-ui>\n </section>\n</article>",
|
|
26
|
-
"source": "
|
|
27
|
-
"captured_at": "2026-05-
|
|
26
|
+
"source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
27
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
28
28
|
}
|
|
@@ -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-11T18:22:09.722Z"
|
|
15
15
|
}
|
|
@@ -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-11T18:22:09.722Z"
|
|
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-11T18:22:09.722Z"
|
|
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-11T18:22:09.722Z"
|
|
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-11T18:22:09.722Z"
|
|
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-11T18:22:09.722Z"
|
|
14
14
|
}
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
},
|
|
13
13
|
"html": "<div data-onb-form role=\"radiogroup\" aria-label=\"Email notification frequency\">\n <col-ui gap=\"4\">\n <option-card-ui\n name=\"notify\"\n value=\"daily\"\n heading=\"Daily digest\"\n description=\"One email each morning summarizing yesterday's activity. Best for dashboard-driven roles.\"\n ></option-card-ui>\n <option-card-ui\n name=\"notify\"\n value=\"weekly\"\n checked\n heading=\"Weekly digest · Recommended\"\n description=\"One email each Monday with a 7-day rollup. Quiet and focused.\"\n ></option-card-ui>\n <option-card-ui\n name=\"notify\"\n value=\"mentions\"\n heading=\"Mentions only\"\n description=\"Just emails when someone @-mentions you or shares a dashboard directly. No digests.\"\n ></option-card-ui>\n <option-card-ui\n name=\"notify\"\n value=\"off\"\n heading=\"Off\"\n description=\"No emails. We'll still send security-critical messages (password reset, new device sign-in).\"\n ></option-card-ui>\n </col-ui>\n </div>",
|
|
14
14
|
"source": "apps/user-flow/app/onboarding/notification-prefs/notification-prefs.contents.html",
|
|
15
|
-
"captured_at": "2026-05-
|
|
15
|
+
"captured_at": "2026-05-11T18:22:09.722Z"
|
|
16
16
|
}
|