@adia-ai/a2ui-corpus 0.3.5 → 0.3.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.
Files changed (183) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/catalog-a2ui_0_9.json +406 -0
  3. package/catalog-a2ui_0_9_rules.txt +18 -0
  4. package/chunks/_index.json +83 -4
  5. package/chunks/agent-activity-feed.json +1 -1
  6. package/chunks/agent-canvas-shell.json +33 -0
  7. package/chunks/agent-reasoning-collapsed.json +1 -1
  8. package/chunks/auth-account-deleted-actions.json +1 -1
  9. package/chunks/auth-account-deleted.json +1 -1
  10. package/chunks/auth-card-content.json +1 -1
  11. package/chunks/auth-card-header.json +1 -1
  12. package/chunks/auth-email-entry.json +1 -1
  13. package/chunks/auth-email-verify-confirm.json +1 -1
  14. package/chunks/auth-email-verify.json +1 -1
  15. package/chunks/auth-forbidden-actions.json +1 -1
  16. package/chunks/auth-forbidden.json +1 -1
  17. package/chunks/auth-invite-actions.json +1 -1
  18. package/chunks/auth-invite-team-card.json +1 -1
  19. package/chunks/auth-link-expired-form.json +1 -1
  20. package/chunks/auth-link-expired.json +1 -1
  21. package/chunks/auth-locked-account.json +1 -1
  22. package/chunks/auth-locked-recovery-options.json +1 -1
  23. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  24. package/chunks/auth-mfa-enrollment.json +1 -1
  25. package/chunks/auth-mfa-fallback-actions.json +1 -1
  26. package/chunks/auth-mfa-recovery.json +1 -1
  27. package/chunks/auth-new-password-form.json +1 -1
  28. package/chunks/auth-new-password.json +1 -1
  29. package/chunks/auth-oauth-fallback-actions.json +1 -1
  30. package/chunks/auth-oauth-interstitial.json +1 -1
  31. package/chunks/auth-password-challenge.json +1 -1
  32. package/chunks/auth-password-reset-form.json +1 -1
  33. package/chunks/auth-password-reset.json +1 -1
  34. package/chunks/auth-profile-form.json +1 -1
  35. package/chunks/auth-profile-setup.json +1 -1
  36. package/chunks/auth-reset-sent.json +1 -1
  37. package/chunks/auth-session-expired-actions.json +1 -1
  38. package/chunks/auth-session-expired.json +1 -1
  39. package/chunks/auth-signin-card-email.json +1 -1
  40. package/chunks/auth-signin-card-magic-link.json +1 -1
  41. package/chunks/auth-signin-card-mfa.json +1 -1
  42. package/chunks/auth-signin-card-otp.json +1 -1
  43. package/chunks/auth-signin-card-password.json +1 -1
  44. package/chunks/auth-signin-card-recovery.json +1 -1
  45. package/chunks/auth-signout-actions.json +1 -1
  46. package/chunks/auth-signout.json +1 -1
  47. package/chunks/auth-signup-email-entry.json +1 -1
  48. package/chunks/auth-signup-entry.json +1 -1
  49. package/chunks/auth-signup-social-auths.json +1 -1
  50. package/chunks/auth-signup-verify.json +1 -1
  51. package/chunks/auth-social-auths.json +1 -1
  52. package/chunks/auth-sso-providers.json +1 -1
  53. package/chunks/auth-sso-required.json +1 -1
  54. package/chunks/auth-team-invite.json +1 -1
  55. package/chunks/chat-page-shell.json +33 -0
  56. package/chunks/chat-streaming-surface.json +1 -1
  57. package/chunks/command-palette.json +1 -1
  58. package/chunks/commerce-pricing-tiers.json +1 -1
  59. package/chunks/conversion-funnel-6step.json +1 -1
  60. package/chunks/dashboard-acquisition-panel.json +1 -1
  61. package/chunks/dashboard-admin-page.json +1 -1
  62. package/chunks/dashboard-audience-kpis.json +1 -1
  63. package/chunks/dashboard-audience-panel.json +1 -1
  64. package/chunks/dashboard-behavior-panel.json +1 -1
  65. package/chunks/dashboard-chart-recent.json +1 -1
  66. package/chunks/dashboard-cohort-retention.json +1 -1
  67. package/chunks/dashboard-conversion-panel.json +1 -1
  68. package/chunks/dashboard-country-list.json +1 -1
  69. package/chunks/dashboard-filter-bar.json +1 -1
  70. package/chunks/dashboard-funnel.json +1 -1
  71. package/chunks/dashboard-kpi-grid.json +1 -1
  72. package/chunks/dashboard-notifications-feed.json +1 -1
  73. package/chunks/dashboard-notifications-panel.json +1 -1
  74. package/chunks/dashboard-overview-panel.json +1 -1
  75. package/chunks/dashboard-page-header.json +1 -1
  76. package/chunks/dashboard-pages-table.json +1 -1
  77. package/chunks/dashboard-quick-actions.json +1 -1
  78. package/chunks/dashboard-reports-panel.json +1 -1
  79. package/chunks/dashboard-reports-table.json +1 -1
  80. package/chunks/dashboard-spark-cards.json +1 -1
  81. package/chunks/dashboard-storage-card.json +1 -1
  82. package/chunks/dashboard-tabs.json +1 -1
  83. package/chunks/dashboard-team-actions-storage.json +1 -1
  84. package/chunks/dashboard-team-list.json +1 -1
  85. package/chunks/dashboard-traffic-channels.json +1 -1
  86. package/chunks/dashboard-transactions-table.json +1 -1
  87. package/chunks/destructive-confirm-modal.json +1 -1
  88. package/chunks/doc-editor-shell.json +33 -0
  89. package/chunks/drawer-2fa-key.json +1 -1
  90. package/chunks/drawer-2fa-sms.json +1 -1
  91. package/chunks/drawer-2fa-totp.json +1 -1
  92. package/chunks/drawer-cancel-sub.json +1 -1
  93. package/chunks/drawer-change-plan.json +1 -1
  94. package/chunks/drawer-custom-roles.json +1 -1
  95. package/chunks/drawer-data-start.json +1 -1
  96. package/chunks/drawer-delete-account.json +1 -1
  97. package/chunks/drawer-delete-workspace.json +1 -1
  98. package/chunks/drawer-discord.json +1 -1
  99. package/chunks/drawer-figma.json +1 -1
  100. package/chunks/drawer-first-dashboard.json +1 -1
  101. package/chunks/drawer-gcal.json +1 -1
  102. package/chunks/drawer-github.json +1 -1
  103. package/chunks/drawer-invite.json +1 -1
  104. package/chunks/drawer-payment-method.json +1 -1
  105. package/chunks/drawer-report.json +1 -1
  106. package/chunks/drawer-revoke-session.json +1 -1
  107. package/chunks/drawer-role.json +1 -1
  108. package/chunks/drawer-slack.json +1 -1
  109. package/chunks/drawer-smtp.json +1 -1
  110. package/chunks/drawer-source.json +1 -1
  111. package/chunks/drawer-transaction.json +1 -1
  112. package/chunks/editor-code-pane.json +1 -1
  113. package/chunks/editor-page-shell.json +1 -1
  114. package/chunks/editor-preview-pane.json +1 -1
  115. package/chunks/error-404-actions.json +1 -1
  116. package/chunks/error-404.json +1 -1
  117. package/chunks/error-500-actions.json +1 -1
  118. package/chunks/error-500.json +1 -1
  119. package/chunks/error-maintenance-actions.json +1 -1
  120. package/chunks/error-maintenance.json +1 -1
  121. package/chunks/error-page-shell.json +1 -1
  122. package/chunks/form-page-shell.json +1 -1
  123. package/chunks/gallery-page-shell.json +33 -0
  124. package/chunks/kanban-board-3col.json +1 -1
  125. package/chunks/kanban-page-shell.json +28 -0
  126. package/chunks/marketing-hero-cta.json +1 -1
  127. package/chunks/marketing-page-shell.json +1 -1
  128. package/chunks/member-edit-drawer.json +1 -1
  129. package/chunks/onb-completion.json +1 -1
  130. package/chunks/onb-extension-install.json +1 -1
  131. package/chunks/onb-hero-welcome.json +1 -1
  132. package/chunks/onb-import-picker.json +1 -1
  133. package/chunks/onb-mobile-handoff.json +1 -1
  134. package/chunks/onb-notification-prefs.json +1 -1
  135. package/chunks/onb-persona-picker.json +1 -1
  136. package/chunks/onb-provider-tiles.json +1 -1
  137. package/chunks/onb-settings-review.json +1 -1
  138. package/chunks/onb-step-footer.json +1 -1
  139. package/chunks/onb-step-header.json +1 -1
  140. package/chunks/onb-step-progress.json +1 -1
  141. package/chunks/onb-step-shell.json +1 -1
  142. package/chunks/onb-story-pane.json +1 -1
  143. package/chunks/onb-tutorial-steps.json +1 -1
  144. package/chunks/playground-a2ui.json +1 -1
  145. package/chunks/playground-app-shell.json +1 -1
  146. package/chunks/playground-chat.json +1 -1
  147. package/chunks/playground-construct-canvas.json +1 -1
  148. package/chunks/playground-gen-ui.json +1 -1
  149. package/chunks/playground-render-preview.json +1 -1
  150. package/chunks/playground-streams-bridge.json +1 -1
  151. package/chunks/playground-table-toolbar.json +1 -1
  152. package/chunks/reg-address-form.json +1 -1
  153. package/chunks/reg-billing-card.json +1 -1
  154. package/chunks/reg-brand-scrape.json +1 -1
  155. package/chunks/reg-departments-toggle.json +1 -1
  156. package/chunks/reg-extended-profile.json +1 -1
  157. package/chunks/reg-final-done.json +1 -1
  158. package/chunks/reg-helpdesk-grid.json +1 -1
  159. package/chunks/reg-import-picker.json +1 -1
  160. package/chunks/reg-integrations-grid.json +1 -1
  161. package/chunks/reg-invite-form.json +1 -1
  162. package/chunks/reg-legal-entity.json +1 -1
  163. package/chunks/reg-org-chart-review.json +1 -1
  164. package/chunks/reg-profile-identity.json +1 -1
  165. package/chunks/reg-step-footer.json +1 -1
  166. package/chunks/reg-step-header.json +1 -1
  167. package/chunks/reg-step-progress.json +1 -1
  168. package/chunks/reg-step-shell.json +1 -1
  169. package/chunks/reg-story-pane.json +1 -1
  170. package/chunks/reg-success-summary.json +1 -1
  171. package/chunks/reg-team-size.json +1 -1
  172. package/chunks/reg-usecase-picker.json +1 -1
  173. package/chunks/reg-workspace-name.json +1 -1
  174. package/chunks/settings-billing-plan.json +1 -1
  175. package/chunks/settings-general-form.json +1 -1
  176. package/chunks/settings-integrations.json +1 -1
  177. package/chunks/settings-members-invite.json +1 -1
  178. package/chunks/settings-notifications.json +1 -1
  179. package/chunks/settings-page-shell.json +1 -1
  180. package/chunks/settings-profile-security.json +1 -1
  181. package/chunks/user-profile-card.json +1 -1
  182. package/chunks/users-table-badge.json +1 -1
  183. package/package.json +1 -1
@@ -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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -8,5 +8,5 @@
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
10
  "source": "apps/patterns/app/editor-code-pane/editor-code-pane.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }
@@ -19,5 +19,5 @@
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
21
  "source": "apps/generic-shells/app/editor-page/editor-page.contents.html",
22
- "captured_at": "2026-05-07T15:03:20.693Z"
22
+ "captured_at": "2026-05-10T17:53:43.459Z"
23
23
  }
@@ -8,5 +8,5 @@
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
10
  "source": "apps/patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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/404/404.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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/500/500.contents.html",
17
- "captured_at": "2026-05-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
17
+ "captured_at": "2026-05-10T17:53:43.459Z"
18
18
  }
@@ -19,5 +19,5 @@
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
21
  "source": "apps/generic-shells/app/error-page/error-page.contents.html",
22
- "captured_at": "2026-05-07T15:03:20.693Z"
22
+ "captured_at": "2026-05-10T17:53:43.459Z"
23
23
  }
@@ -24,5 +24,5 @@
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
26
  "source": "apps/generic-shells/app/form-page/form-page.contents.html",
27
- "captured_at": "2026-05-07T15:03:20.693Z"
27
+ "captured_at": "2026-05-10T17:53:43.459Z"
28
28
  }
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "gallery-page-shell",
3
+ "kind": "page",
4
+ "primary": "article",
5
+ "page": "/apps/generic-shells/app/gallery-page/gallery-page.contents.html",
6
+ "slots": [
7
+ {
8
+ "name": "header",
9
+ "tagName": "header",
10
+ "html": "<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>"
11
+ },
12
+ {
13
+ "name": "filter-bar",
14
+ "tagName": "section",
15
+ "html": "<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>"
16
+ },
17
+ {
18
+ "name": "grid",
19
+ "tagName": "section",
20
+ "html": "<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>"
21
+ },
22
+ {
23
+ "name": "lightbox",
24
+ "tagName": "dialog-ui",
25
+ "html": "<img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">"
26
+ }
27
+ ],
28
+ "nested": [],
29
+ "attrs": {},
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": "apps/generic-shells/app/gallery-page/gallery-page.contents.html",
32
+ "captured_at": "2026-05-10T17:53:43.459Z"
33
+ }
@@ -11,5 +11,5 @@
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
13
  "source": "apps/patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
14
- "captured_at": "2026-05-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
15
15
  }
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "kanban-page-shell",
3
+ "kind": "page",
4
+ "primary": "article",
5
+ "page": "/apps/generic-shells/app/kanban-page/kanban-page.contents.html",
6
+ "slots": [
7
+ {
8
+ "name": "header",
9
+ "tagName": "header",
10
+ "html": "<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>"
11
+ },
12
+ {
13
+ "name": "board",
14
+ "tagName": "section",
15
+ "html": "<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>"
16
+ },
17
+ {
18
+ "name": "detail-drawer",
19
+ "tagName": "drawer-ui",
20
+ "html": "<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>"
21
+ }
22
+ ],
23
+ "nested": [],
24
+ "attrs": {},
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": "apps/generic-shells/app/kanban-page/kanban-page.contents.html",
27
+ "captured_at": "2026-05-10T17:53:43.459Z"
28
+ }
@@ -8,5 +8,5 @@
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
10
  "source": "apps/patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }
@@ -24,5 +24,5 @@
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
26
  "source": "apps/generic-shells/app/marketing-page/marketing-page.contents.html",
27
- "captured_at": "2026-05-07T15:03:20.693Z"
27
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
14
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
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-07T15:03:20.693Z"
15
+ "captured_at": "2026-05-10T17:53:43.459Z"
16
16
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-onb-form>\n <div data-onb-mode-grid role=\"radiogroup\" aria-label=\"Primary role\">\n <option-card-ui\n name=\"mode\"\n value=\"developer\"\n required\n heading=\"Developer\"\n description=\"Wire APIs, ship features, monitor releases.\"\n ></option-card-ui>\n <option-card-ui name=\"mode\" value=\"designer\" heading=\"Designer\" description=\"Compose patterns, review, hand off.\"></option-card-ui>\n <option-card-ui name=\"mode\" value=\"analyst\" heading=\"Analyst\" description=\"Query, chart, share insight, set up alerts.\"></option-card-ui>\n <option-card-ui name=\"mode\" value=\"admin\" heading=\"Admin\" description=\"Configure, govern, manage access + billing.\"></option-card-ui>\n </div>\n </div>",
12
12
  "source": "apps/user-flow/app/onboarding/mode/mode.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-onb-form>\n <div data-onb-provider-grid role=\"radiogroup\" aria-label=\"Source picker\">\n <option-card-ui\n layout=\"tile\"\n name=\"source\"\n value=\"github\"\n checked\n icon=\"github-logo\"\n heading=\"GitHub\"\n description=\"Repos, issues, PRs, releases\"\n ></option-card-ui>\n <option-card-ui layout=\"tile\" name=\"source\" value=\"linear\" icon=\"kanban\" heading=\"Linear\" description=\"Issues, cycles, projects\"></option-card-ui>\n <option-card-ui layout=\"tile\" name=\"source\" value=\"stripe\" icon=\"credit-card\" heading=\"Stripe\" description=\"Customers, MRR, churn\"></option-card-ui>\n <option-card-ui\n layout=\"tile\"\n name=\"source\"\n value=\"postgres\"\n icon=\"database\"\n heading=\"Postgres\"\n description=\"Read-only SQL connection\"\n ></option-card-ui>\n <option-card-ui\n layout=\"tile\"\n name=\"source\"\n value=\"notion\"\n icon=\"notebook\"\n heading=\"Notion\"\n description=\"Pages, databases, comments\"\n ></option-card-ui>\n <option-card-ui\n layout=\"tile\"\n name=\"source\"\n value=\"slack\"\n icon=\"slack-logo\"\n heading=\"Slack\"\n description=\"Channels, threads, search\"\n ></option-card-ui>\n </div>\n\n <alert-ui variant=\"info\" icon=\"shield-check\">\n <span slot=\"content\"\n ><strong>Read-only by default.</strong> AdiaUI never writes or deletes data on your provider. You can audit + revoke from settings →\n Integrations.</span\n >\n </alert-ui>\n </div>",
12
12
  "source": "apps/user-flow/app/onboarding/connect-source/connect-source.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-onb-form>\n <div data-onb-summary>\n <div data-onb-summary-row>\n <span data-summary-label>Role</span>\n <div>\n <span data-summary-value>Developer</span>\n <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Home pinned to release dashboards.</text-ui>\n </div>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-role').open = true\"></button-ui>\n </div>\n\n <div data-onb-summary-row>\n <span data-summary-label>Source</span>\n <div>\n <span data-summary-value>GitHub</span>\n <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Authorized as kim@acme.com · 23 repos visible.</text-ui>\n </div>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-source').open = true\"></button-ui>\n </div>\n\n <div data-onb-summary-row>\n <span data-summary-label>Data start</span>\n <div>\n <span data-summary-value>Sample data</span>\n <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Switch to live source any time from settings.</text-ui>\n </div>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-data-start').open = true\"></button-ui>\n </div>\n\n <div data-onb-summary-row>\n <span data-summary-label>First dashboard</span>\n <div>\n <span data-summary-value>Weekly revenue · 6-month trend</span>\n <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Generated and pinned to your home.</text-ui>\n </div>\n <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-first-dashboard').open = true\"></button-ui>\n </div>\n </div>\n\n <alert-ui variant=\"success\" icon=\"check-circle\">\n <span slot=\"content\"\n ><strong>Looking good.</strong> Next we'll set notification preferences, then offer two optional companion installs (mobile app + browser\n extension). Nothing else is required.</span\n >\n </alert-ui>\n </div>",
12
12
  "source": "apps/user-flow/app/onboarding/review/review.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -104,5 +104,5 @@
104
104
  "html": "<footer data-chunk-slot=\"page-footer\">\n <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n <div data-onb-actions>\n <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n </div>\n </footer>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-07T15:03:20.693Z"
107
+ "captured_at": "2026-05-10T17:53:43.459Z"
108
108
  }
@@ -104,5 +104,5 @@
104
104
  "html": "<header data-onb-heading data-chunk-slot=\"page-header\">\n <h1>Let's get you set up</h1>\n <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>\n </header>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-07T15:03:20.693Z"
107
+ "captured_at": "2026-05-10T17:53:43.459Z"
108
108
  }
@@ -124,5 +124,5 @@
124
124
  "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
125
125
  }
126
126
  ],
127
- "captured_at": "2026-05-07T15:03:20.693Z"
127
+ "captured_at": "2026-05-10T17:53:43.459Z"
128
128
  }
@@ -38,5 +38,5 @@
38
38
  },
39
39
  "html": "<main data-onb prose>\n <aside data-onb-story data-chunk-slot=\"page-story\"><!-- nested: onb-story-pane --></aside>\n\n <form data-onb-input action=\"/site/examples/onboarding/mode\" method=\"get\">\n <header data-onb-heading data-chunk-slot=\"page-header\"><!-- nested: onb-step-header --></header>\n\n <div data-onb-form data-chunk-slot=\"page-content\"><!-- nested: onb-hero-welcome --></div>\n\n <footer data-chunk-slot=\"page-footer\"><!-- nested: onb-step-footer --></footer>\n </form>\n </main>",
40
40
  "source": "apps/user-flow/app/onboarding/welcome/welcome.contents.html",
41
- "captured_at": "2026-05-07T15:03:20.693Z"
41
+ "captured_at": "2026-05-10T17:53:43.459Z"
42
42
  }
@@ -104,5 +104,5 @@
104
104
  "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n <strong>AdiaUI</strong>\n </a>\n <div data-onb-story-content>\n <h2>Welcome aboard, Kim.</h2>\n <p>\n You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n your first dashboard come to life. Skip anything you'd rather come back to later.\n </p>\n <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n </div>\n </aside>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-07T15:03:20.693Z"
107
+ "captured_at": "2026-05-10T17:53:43.459Z"
108
108
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-onb-form>\n <div data-onb-tutorial>\n <div data-onb-tutorial-step>\n <span data-step-num>1</span>\n <div data-step-body>\n <text-ui strong>Describe what you want.</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">One sentence in plain English. AdiaUI picks the right components and wires them up.</text-ui>\n </div>\n </div>\n\n <field-ui label=\"Prompt\">\n <input-ui\n name=\"intent\"\n placeholder=\"A weekly revenue dashboard with a 6-month trend\"\n value=\"A weekly revenue dashboard with a 6-month trend\"\n ></input-ui>\n </field-ui>\n\n <div data-onb-tutorial-step>\n <span data-step-num>2</span>\n <div data-step-body>\n <text-ui strong>Generate.</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Takes 1–3 seconds. The result lands editable on your canvas.</text-ui>\n </div>\n </div>\n\n <div data-onb-tutorial-step>\n <span data-step-num>3</span>\n <div data-step-body>\n <text-ui strong>Edit and share.</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Move blocks, change palettes, swap data sources. Share via link, embed, or export to PNG.</text-ui>\n </div>\n </div>\n\n <button-ui text=\"Generate dashboard\" variant=\"primary\" icon=\"sparkle\"></button-ui>\n </div>\n\n <text-ui color=\"subtle\" size=\"sm\"\n >After generation we'll save the result to your workspace and continue to the next step. You can return to it any time from the sidebar.</text-ui\n >\n </div>",
12
12
  "source": "apps/user-flow/app/onboarding/first-action/first-action.contents.html",
13
- "captured_at": "2026-05-07T15:03:20.693Z"
13
+ "captured_at": "2026-05-10T17:53:43.459Z"
14
14
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<div id=\"playground-shell\">\n <!-- Toolbar -->\n <div id=\"pg-toolbar\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"layout\" color=\"muted\"></icon-ui>\n <text-ui strong>Playground</text-ui>\n <badge-ui id=\"pg-format-badge\" text=\"\" size=\"sm\" hidden></badge-ui>\n </row-ui>\n <row-ui gap=\"1\">\n <button-ui id=\"pg-btn-example\" text=\"Load Example\" variant=\"ghost\" size=\"sm\" icon=\"lightning\"></button-ui>\n <divider-ui vertical></divider-ui>\n <button-ui id=\"pg-btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\" disabled></button-ui>\n <button-ui id=\"pg-btn-copy\" variant=\"ghost\" size=\"sm\" icon=\"copy\" disabled></button-ui>\n <button-ui id=\"pg-btn-code\" variant=\"ghost\" size=\"sm\" icon=\"code\" disabled></button-ui>\n </row-ui>\n </div>\n\n <!-- Canvas + drop zone -->\n <div id=\"pg-canvas-wrap\">\n <div id=\"pg-drop-overlay\">\n <col-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"upload\" size=\"32\" color=\"primary\"></icon-ui>\n <text-ui weight=\"semibold\" color=\"primary\">Drop A2UI JSON or HTML</text-ui>\n </col-ui>\n </div>\n\n <div id=\"pg-empty\">\n <empty-state-ui\n icon=\"code\"\n heading=\"Paste or drop to render\"\n description=\"Accepts A2UI JSON, AdiaUI HTML, or plain HTML. Paste from clipboard or drag a file.\"\n >\n </empty-state-ui>\n </div>\n\n <section>\n <canvas-ui id=\"pg-canvas\"></canvas-ui>\n </section>\n\n <footer id=\"pg-code-panel\" hidden>\n <code-ui id=\"pg-code-view\" language=\"html\" style=\"font-size: var(--a-ui-sm)\"></code-ui>\n </footer>\n </div>\n </div>",
10
10
  "source": "apps/genui/app/a2ui/a2ui.contents.html",
11
- "captured_at": "2026-05-07T15:03:20.693Z"
11
+ "captured_at": "2026-05-10T17:53:43.459Z"
12
12
  }