@adia-ai/a2ui-corpus 0.4.5 → 0.4.7

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 (601) hide show
  1. package/CHANGELOG.md +86 -0
  2. package/README.md +81 -85
  3. package/catalog-a2ui_0_9.json +286 -9
  4. package/chunks/_index.json +50 -4
  5. package/chunks/agent-activity-feed.json +1 -1
  6. package/chunks/agent-canvas-shell.json +1 -1
  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/card-header-with-description.json +1 -1
  56. package/chunks/chat-page-shell.json +1 -1
  57. package/chunks/chat-streaming-surface.json +1 -1
  58. package/chunks/command-palette.json +1 -1
  59. package/chunks/commerce-pricing-tiers.json +1 -1
  60. package/chunks/conversion-funnel-6step.json +1 -1
  61. package/chunks/dashboard-acquisition-panel.json +1 -1
  62. package/chunks/dashboard-admin-page.json +1 -1
  63. package/chunks/dashboard-audience-kpis.json +1 -1
  64. package/chunks/dashboard-audience-panel.json +1 -1
  65. package/chunks/dashboard-behavior-panel.json +1 -1
  66. package/chunks/dashboard-chart-recent.json +1 -1
  67. package/chunks/dashboard-cohort-retention.json +1 -1
  68. package/chunks/dashboard-conversion-panel.json +1 -1
  69. package/chunks/dashboard-country-list.json +1 -1
  70. package/chunks/dashboard-filter-bar.json +1 -1
  71. package/chunks/dashboard-funnel.json +1 -1
  72. package/chunks/dashboard-kpi-grid.json +1 -1
  73. package/chunks/dashboard-notifications-feed.json +1 -1
  74. package/chunks/dashboard-notifications-panel.json +1 -1
  75. package/chunks/dashboard-overview-panel.json +1 -1
  76. package/chunks/dashboard-page-header.json +1 -1
  77. package/chunks/dashboard-pages-table.json +1 -1
  78. package/chunks/dashboard-quick-actions.json +1 -1
  79. package/chunks/dashboard-reports-panel.json +1 -1
  80. package/chunks/dashboard-reports-table.json +1 -1
  81. package/chunks/dashboard-spark-cards.json +1 -1
  82. package/chunks/dashboard-storage-card.json +1 -1
  83. package/chunks/dashboard-tabs.json +1 -1
  84. package/chunks/dashboard-team-actions-storage.json +1 -1
  85. package/chunks/dashboard-team-list.json +1 -1
  86. package/chunks/dashboard-traffic-channels.json +1 -1
  87. package/chunks/dashboard-transactions-table.json +1 -1
  88. package/chunks/destructive-confirm-modal.json +1 -1
  89. package/chunks/doc-editor-shell.json +1 -1
  90. package/chunks/drawer-2fa-key.json +1 -1
  91. package/chunks/drawer-2fa-sms.json +1 -1
  92. package/chunks/drawer-2fa-totp.json +1 -1
  93. package/chunks/drawer-cancel-sub.json +1 -1
  94. package/chunks/drawer-change-plan.json +1 -1
  95. package/chunks/drawer-custom-roles.json +1 -1
  96. package/chunks/drawer-data-start.json +1 -1
  97. package/chunks/drawer-delete-account.json +1 -1
  98. package/chunks/drawer-delete-workspace.json +1 -1
  99. package/chunks/drawer-discord.json +1 -1
  100. package/chunks/drawer-figma.json +1 -1
  101. package/chunks/drawer-first-dashboard.json +1 -1
  102. package/chunks/drawer-gcal.json +1 -1
  103. package/chunks/drawer-github.json +1 -1
  104. package/chunks/drawer-invite.json +1 -1
  105. package/chunks/drawer-payment-method.json +1 -1
  106. package/chunks/drawer-report.json +1 -1
  107. package/chunks/drawer-revoke-session.json +1 -1
  108. package/chunks/drawer-role.json +1 -1
  109. package/chunks/drawer-slack.json +1 -1
  110. package/chunks/drawer-smtp.json +1 -1
  111. package/chunks/drawer-source.json +1 -1
  112. package/chunks/drawer-transaction.json +1 -1
  113. package/chunks/editor-code-pane.json +1 -1
  114. package/chunks/editor-page-shell.json +1 -1
  115. package/chunks/editor-preview-pane.json +1 -1
  116. package/chunks/error-404-actions.json +1 -1
  117. package/chunks/error-404.json +1 -1
  118. package/chunks/error-500-actions.json +1 -1
  119. package/chunks/error-500.json +1 -1
  120. package/chunks/error-maintenance-actions.json +1 -1
  121. package/chunks/error-maintenance.json +1 -1
  122. package/chunks/error-page-shell.json +1 -1
  123. package/chunks/footer-primary-only.json +1 -1
  124. package/chunks/form-page-shell.json +1 -1
  125. package/chunks/gallery-page-shell.json +1 -1
  126. package/chunks/icon-text-row.json +1 -1
  127. package/chunks/image-tile.json +1 -1
  128. package/chunks/kanban-board-3col.json +1 -1
  129. package/chunks/kanban-page-shell.json +1 -1
  130. package/chunks/labeled-textarea.json +1 -1
  131. package/chunks/linked-record-row.json +1 -1
  132. package/chunks/marketing-hero-cta.json +1 -1
  133. package/chunks/marketing-page-shell.json +1 -1
  134. package/chunks/member-edit-drawer.json +1 -1
  135. package/chunks/metadata-description-list.json +1 -1
  136. package/chunks/onb-completion.json +1 -1
  137. package/chunks/onb-extension-install.json +1 -1
  138. package/chunks/onb-hero-welcome.json +1 -1
  139. package/chunks/onb-import-picker.json +1 -1
  140. package/chunks/onb-mobile-handoff.json +1 -1
  141. package/chunks/onb-notification-prefs.json +1 -1
  142. package/chunks/onb-persona-picker.json +1 -1
  143. package/chunks/onb-provider-tiles.json +1 -1
  144. package/chunks/onb-settings-review.json +1 -1
  145. package/chunks/onb-step-footer.json +1 -1
  146. package/chunks/onb-step-header.json +1 -1
  147. package/chunks/onb-step-progress.json +1 -1
  148. package/chunks/onb-step-shell.json +1 -1
  149. package/chunks/onb-story-pane.json +1 -1
  150. package/chunks/onb-tutorial-steps.json +1 -1
  151. package/chunks/playground-a2ui.json +1 -1
  152. package/chunks/playground-app-shell.json +1 -1
  153. package/chunks/playground-chat.json +1 -1
  154. package/chunks/playground-construct-canvas.json +1 -1
  155. package/chunks/playground-gen-ui.json +1 -1
  156. package/chunks/playground-render-preview.json +1 -1
  157. package/chunks/playground-streams-bridge.json +1 -1
  158. package/chunks/playground-table-toolbar.json +1 -1
  159. package/chunks/reg-address-form.json +1 -1
  160. package/chunks/reg-billing-card.json +1 -1
  161. package/chunks/reg-brand-scrape.json +1 -1
  162. package/chunks/reg-departments-toggle.json +1 -1
  163. package/chunks/reg-extended-profile.json +1 -1
  164. package/chunks/reg-final-done.json +1 -1
  165. package/chunks/reg-helpdesk-grid.json +1 -1
  166. package/chunks/reg-import-picker.json +1 -1
  167. package/chunks/reg-integrations-grid.json +1 -1
  168. package/chunks/reg-invite-form.json +1 -1
  169. package/chunks/reg-legal-entity.json +1 -1
  170. package/chunks/reg-org-chart-review.json +1 -1
  171. package/chunks/reg-profile-identity.json +1 -1
  172. package/chunks/reg-step-footer.json +1 -1
  173. package/chunks/reg-step-header.json +1 -1
  174. package/chunks/reg-step-progress.json +1 -1
  175. package/chunks/reg-step-shell.json +1 -1
  176. package/chunks/reg-story-pane.json +1 -1
  177. package/chunks/reg-success-summary.json +1 -1
  178. package/chunks/reg-team-size.json +1 -1
  179. package/chunks/reg-usecase-picker.json +1 -1
  180. package/chunks/reg-workspace-name.json +1 -1
  181. package/chunks/section-with-stack.json +1 -1
  182. package/chunks/settings-admin-page.json +989 -0
  183. package/chunks/settings-appearance.json +1 -1
  184. package/chunks/settings-billing-plan.json +1 -1
  185. package/chunks/settings-general-form.json +1 -1
  186. package/chunks/settings-integrations.json +1 -1
  187. package/chunks/settings-members-invite.json +1 -1
  188. package/chunks/settings-notifications.json +1 -1
  189. package/chunks/settings-page-shell.json +1 -1
  190. package/chunks/settings-profile-security.json +1 -1
  191. package/chunks/text-card.json +1 -1
  192. package/chunks/user-identity-row.json +1 -1
  193. package/chunks/user-profile-card.json +1 -1
  194. package/chunks/users-table-badge.json +1 -1
  195. package/package.json +3 -8
  196. package/compositions/_schema.json +0 -26
  197. package/compositions/agent/ai-streaming-response.json +0 -62
  198. package/compositions/agent/ai-streaming-response.yaml +0 -32
  199. package/compositions/agent/alert-banner.json +0 -58
  200. package/compositions/agent/alert-banner.yaml +0 -34
  201. package/compositions/agent/chat-interface.json +0 -135
  202. package/compositions/agent/chat-interface.yaml +0 -34
  203. package/compositions/agent/command-palette.json +0 -113
  204. package/compositions/agent/command-palette.yaml +0 -30
  205. package/compositions/agent/empty-state.json +0 -81
  206. package/compositions/agent/empty-state.yaml +0 -35
  207. package/compositions/agent/error-state-retry.json +0 -115
  208. package/compositions/agent/loading-skeleton.json +0 -83
  209. package/compositions/agent/loading-skeleton.yaml +0 -31
  210. package/compositions/agent/notification-preferences.json +0 -415
  211. package/compositions/agent/toast-stack.json +0 -52
  212. package/compositions/agent/toast-stack.yaml +0 -28
  213. package/compositions/data/activity-feed.json +0 -253
  214. package/compositions/data/activity-feed.yaml +0 -43
  215. package/compositions/data/audit-log-viewer.json +0 -516
  216. package/compositions/data/bookmark-list.json +0 -195
  217. package/compositions/data/bookmark-list.yaml +0 -41
  218. package/compositions/data/bulk-action-toolbar.json +0 -146
  219. package/compositions/data/changelog-feed.json +0 -357
  220. package/compositions/data/chart-dashboard.json +0 -111
  221. package/compositions/data/chart-dashboard.yaml +0 -34
  222. package/compositions/data/cohort-retention.json +0 -402
  223. package/compositions/data/column-manager.json +0 -585
  224. package/compositions/data/data-table-paginated.json +0 -107
  225. package/compositions/data/data-table-paginated.yaml +0 -36
  226. package/compositions/data/email-inbox-list.json +0 -255
  227. package/compositions/data/email-inbox-list.yaml +0 -41
  228. package/compositions/data/funnel-analytics.json +0 -432
  229. package/compositions/data/heatmap-calendar.json +0 -235
  230. package/compositions/data/invoice-table.json +0 -115
  231. package/compositions/data/invoice-table.yaml +0 -33
  232. package/compositions/data/kpi-overview.json +0 -198
  233. package/compositions/data/kpi-overview.yaml +0 -42
  234. package/compositions/data/notification-center.json +0 -243
  235. package/compositions/data/notification-center.yaml +0 -41
  236. package/compositions/data/object-inspector.json +0 -473
  237. package/compositions/data/product-specs-card.json +0 -73
  238. package/compositions/data/product-specs-card.yaml +0 -35
  239. package/compositions/data/progress-tracker.json +0 -161
  240. package/compositions/data/progress-tracker.yaml +0 -47
  241. package/compositions/data/review-card.json +0 -101
  242. package/compositions/data/review-card.yaml +0 -34
  243. package/compositions/data/saved-views-filter-bar.json +0 -247
  244. package/compositions/data/shopping-cart-summary.json +0 -180
  245. package/compositions/data/shopping-cart-summary.yaml +0 -43
  246. package/compositions/data/stat-card-dashboard.json +0 -231
  247. package/compositions/data/stat-card-dashboard.yaml +0 -44
  248. package/compositions/data/status-page.json +0 -413
  249. package/compositions/data/virtualized-table.json +0 -281
  250. package/compositions/data/weather-widget.json +0 -84
  251. package/compositions/data/weather-widget.yaml +0 -31
  252. package/compositions/forms/change-password-form.json +0 -154
  253. package/compositions/forms/change-password-form.yaml +0 -44
  254. package/compositions/forms/color-picker-panel.json +0 -95
  255. package/compositions/forms/color-picker-panel.yaml +0 -36
  256. package/compositions/forms/contact-form.json +0 -205
  257. package/compositions/forms/contact-form.yaml +0 -54
  258. package/compositions/forms/credit-card-payment-form.json +0 -168
  259. package/compositions/forms/credit-card-payment-form.yaml +0 -46
  260. package/compositions/forms/data-import-mapper.json +0 -315
  261. package/compositions/forms/data-import-wizard.json +0 -321
  262. package/compositions/forms/date-time-picker-form.json +0 -123
  263. package/compositions/forms/date-time-picker-form.yaml +0 -38
  264. package/compositions/forms/destructive-confirm.json +0 -265
  265. package/compositions/forms/feedback-form.json +0 -123
  266. package/compositions/forms/feedback-form.yaml +0 -41
  267. package/compositions/forms/file-upload-form.json +0 -104
  268. package/compositions/forms/file-upload-form.yaml +0 -37
  269. package/compositions/forms/login-form.json +0 -139
  270. package/compositions/forms/login-form.yaml +0 -43
  271. package/compositions/forms/multi-step-wizard.json +0 -144
  272. package/compositions/forms/multi-step-wizard.yaml +0 -37
  273. package/compositions/forms/newsletter-subscription-form.json +0 -108
  274. package/compositions/forms/newsletter-subscription-form.yaml +0 -40
  275. package/compositions/forms/otp-verification-form.json +0 -110
  276. package/compositions/forms/otp-verification-form.yaml +0 -42
  277. package/compositions/forms/password-reset-form.json +0 -108
  278. package/compositions/forms/password-reset-form.yaml +0 -40
  279. package/compositions/forms/permission-matrix.json +0 -189
  280. package/compositions/forms/profile-edit-form.json +0 -156
  281. package/compositions/forms/profile-edit-form.yaml +0 -46
  282. package/compositions/forms/radio-group-form.json +0 -131
  283. package/compositions/forms/radio-group-form.yaml +0 -39
  284. package/compositions/forms/search-filters.json +0 -122
  285. package/compositions/forms/search-filters.yaml +0 -41
  286. package/compositions/forms/settings-toggles-page.json +0 -223
  287. package/compositions/forms/settings-toggles-page.yaml +0 -43
  288. package/compositions/forms/signup-form.json +0 -164
  289. package/compositions/forms/signup-form.yaml +0 -48
  290. package/compositions/forms/slider-range-form.json +0 -72
  291. package/compositions/forms/slider-range-form.yaml +0 -34
  292. package/compositions/forms/tag-input-form.json +0 -96
  293. package/compositions/forms/tag-input-form.yaml +0 -31
  294. package/compositions/forms/team-members-rbac.json +0 -841
  295. package/compositions/layout/accordion-settings.json +0 -464
  296. package/compositions/layout/avatar-group-display.json +0 -20
  297. package/compositions/layout/avatar-group-display.yaml +0 -30
  298. package/compositions/layout/badge-variants-display.json +0 -128
  299. package/compositions/layout/badge-variants-display.yaml +0 -31
  300. package/compositions/layout/bento-overview.json +0 -406
  301. package/compositions/layout/calendar-month-view.json +0 -275
  302. package/compositions/layout/calendar-month-view.yaml +0 -29
  303. package/compositions/layout/code-block.json +0 -75
  304. package/compositions/layout/code-block.yaml +0 -30
  305. package/compositions/layout/comparison-table.json +0 -120
  306. package/compositions/layout/comparison-table.yaml +0 -32
  307. package/compositions/layout/divider-with-label.json +0 -49
  308. package/compositions/layout/divider-with-label.yaml +0 -29
  309. package/compositions/layout/drawer-panel.json +0 -115
  310. package/compositions/layout/drawer-panel.yaml +0 -34
  311. package/compositions/layout/embed-iframe.json +0 -69
  312. package/compositions/layout/embed-iframe.yaml +0 -31
  313. package/compositions/layout/faq-accordion.json +0 -92
  314. package/compositions/layout/faq-accordion.yaml +0 -32
  315. package/compositions/layout/feature-grid.json +0 -208
  316. package/compositions/layout/feature-grid.yaml +0 -42
  317. package/compositions/layout/footer-nav.json +0 -195
  318. package/compositions/layout/footer-nav.yaml +0 -35
  319. package/compositions/layout/hero-cta.json +0 -80
  320. package/compositions/layout/hero-cta.yaml +0 -35
  321. package/compositions/layout/image-gallery.json +0 -119
  322. package/compositions/layout/image-gallery.yaml +0 -43
  323. package/compositions/layout/image-with-caption.json +0 -61
  324. package/compositions/layout/image-with-caption.yaml +0 -29
  325. package/compositions/layout/kanban-board.json +0 -206
  326. package/compositions/layout/kanban-board.yaml +0 -37
  327. package/compositions/layout/keyboard-shortcuts.json +0 -152
  328. package/compositions/layout/keyboard-shortcuts.yaml +0 -42
  329. package/compositions/layout/markdown-editor-preview.json +0 -166
  330. package/compositions/layout/media-player.json +0 -94
  331. package/compositions/layout/media-player.yaml +0 -30
  332. package/compositions/layout/modal-form.json +0 -107
  333. package/compositions/layout/modal-form.yaml +0 -34
  334. package/compositions/layout/onboarding-checklist.json +0 -101
  335. package/compositions/layout/onboarding-checklist.yaml +0 -31
  336. package/compositions/layout/popover-tooltip.json +0 -83
  337. package/compositions/layout/popover-tooltip.yaml +0 -31
  338. package/compositions/layout/pricing-tiers.json +0 -240
  339. package/compositions/layout/pricing-tiers.yaml +0 -41
  340. package/compositions/layout/product-card.json +0 -108
  341. package/compositions/layout/product-card.yaml +0 -35
  342. package/compositions/layout/sidebar-layout.json +0 -165
  343. package/compositions/layout/sidebar-layout.yaml +0 -39
  344. package/compositions/layout/split-pane-layout.json +0 -20
  345. package/compositions/layout/split-pane-layout.yaml +0 -31
  346. package/compositions/layout/tabs-panel.json +0 -127
  347. package/compositions/layout/tabs-panel.yaml +0 -34
  348. package/compositions/layout/testimonial-grid.json +0 -265
  349. package/compositions/layout/testimonial-grid.yaml +0 -39
  350. package/compositions/layout/three-pane-shell.json +0 -531
  351. package/compositions/layout/toolbar-actions.json +0 -90
  352. package/compositions/layout/toolbar-actions.yaml +0 -29
  353. package/compositions/navigation/breadcrumb-nav.json +0 -18
  354. package/compositions/navigation/breadcrumb-nav.yaml +0 -29
  355. package/compositions/navigation/nav-menu-with-icons.json +0 -130
  356. package/compositions/navigation/nav-menu-with-icons.yaml +0 -39
  357. package/compositions/navigation/pagination-controls.json +0 -44
  358. package/compositions/navigation/pagination-controls.yaml +0 -34
  359. package/compositions/navigation/segmented-control-tabs.json +0 -17
  360. package/compositions/navigation/segmented-control-tabs.yaml +0 -29
  361. package/compositions/navigation/workspace-switcher.json +0 -303
  362. package/compositions/settings/api-keys.json +0 -602
  363. package/compositions/settings/feature-flags.json +0 -486
  364. package/compositions/settings/integrations-gallery.json +0 -927
  365. package/compositions/settings/session-device-mgmt.json +0 -629
  366. package/compositions/settings/usage-quota-meter.json +0 -256
  367. package/compositions/settings/webhooks.json +0 -446
  368. package/patterns/_components.json +0 -3320
  369. package/patterns/_index.json +0 -3322
  370. package/patterns/_schema.json +0 -206
  371. package/patterns/_taxonomy.json +0 -1970
  372. package/patterns/agent/_domain.json +0 -27
  373. package/patterns/agent/alert-banner.json +0 -41
  374. package/patterns/agent/alert-banner.yaml +0 -38
  375. package/patterns/agent/chat-interface.json +0 -205
  376. package/patterns/agent/chat-interface.yaml +0 -58
  377. package/patterns/agent/command-palette.json +0 -169
  378. package/patterns/agent/command-palette.yaml +0 -48
  379. package/patterns/agent/empty-state.json +0 -77
  380. package/patterns/agent/empty-state.yaml +0 -44
  381. package/patterns/agent/error-state.json +0 -67
  382. package/patterns/agent/error-state.yaml +0 -43
  383. package/patterns/agent/loading-skeleton.json +0 -95
  384. package/patterns/agent/loading-skeleton.yaml +0 -41
  385. package/patterns/agent/notifications.json +0 -87
  386. package/patterns/agent/notifications.yaml +0 -41
  387. package/patterns/agent/streaming-response.json +0 -58
  388. package/patterns/agent/streaming-response.yaml +0 -41
  389. package/patterns/agent/toast-notification.json +0 -67
  390. package/patterns/agent/toast-notification.yaml +0 -45
  391. package/patterns/data/_domain.json +0 -35
  392. package/patterns/data/admin-dashboard-with-charts.json +0 -751
  393. package/patterns/data/admin-dashboard-with-charts.yaml +0 -79
  394. package/patterns/data/api-key-table.json +0 -131
  395. package/patterns/data/api-key-table.yaml +0 -43
  396. package/patterns/data/bookmark-list-categories.json +0 -552
  397. package/patterns/data/bookmark-list-categories.yaml +0 -53
  398. package/patterns/data/bookmark-list.json +0 -163
  399. package/patterns/data/bookmark-list.yaml +0 -47
  400. package/patterns/data/chart-card-with-trend-footer.json +0 -102
  401. package/patterns/data/chart-card-with-trend-footer.yaml +0 -56
  402. package/patterns/data/chart-dashboard.json +0 -335
  403. package/patterns/data/chart-dashboard.yaml +0 -48
  404. package/patterns/data/chart-grid-with-kpis.json +0 -314
  405. package/patterns/data/chart-grid-with-kpis.yaml +0 -63
  406. package/patterns/data/chart-with-filter-pills.json +0 -127
  407. package/patterns/data/chart-with-filter-pills.yaml +0 -76
  408. package/patterns/data/dashboard.json +0 -153
  409. package/patterns/data/dashboard.yaml +0 -45
  410. package/patterns/data/data-table-view.json +0 -145
  411. package/patterns/data/data-table-view.yaml +0 -61
  412. package/patterns/data/email-inbox.json +0 -272
  413. package/patterns/data/email-inbox.yaml +0 -48
  414. package/patterns/data/event-calendar-details.json +0 -332
  415. package/patterns/data/event-calendar-details.yaml +0 -57
  416. package/patterns/data/inventory-table.json +0 -119
  417. package/patterns/data/inventory-table.yaml +0 -42
  418. package/patterns/data/leaderboard.json +0 -131
  419. package/patterns/data/leaderboard.yaml +0 -41
  420. package/patterns/data/metrics.json +0 -163
  421. package/patterns/data/metrics.yaml +0 -40
  422. package/patterns/data/notification-center.json +0 -296
  423. package/patterns/data/notification-center.yaml +0 -56
  424. package/patterns/data/onboarding-checklist.json +0 -89
  425. package/patterns/data/onboarding-checklist.yaml +0 -43
  426. package/patterns/data/order-tracking.json +0 -167
  427. package/patterns/data/order-tracking.yaml +0 -48
  428. package/patterns/data/pagination-nav.json +0 -48
  429. package/patterns/data/pagination-nav.yaml +0 -42
  430. package/patterns/data/progress-dashboard.json +0 -183
  431. package/patterns/data/progress-dashboard.yaml +0 -50
  432. package/patterns/data/progress-tracker.json +0 -116
  433. package/patterns/data/progress-tracker.yaml +0 -44
  434. package/patterns/data/restaurant-menu.json +0 -453
  435. package/patterns/data/restaurant-menu.yaml +0 -58
  436. package/patterns/data/stat-cards.json +0 -144
  437. package/patterns/data/stat-cards.yaml +0 -42
  438. package/patterns/data/stat-with-sparkline.json +0 -67
  439. package/patterns/data/stat-with-sparkline.yaml +0 -51
  440. package/patterns/data/team-activity.json +0 -170
  441. package/patterns/data/team-activity.yaml +0 -46
  442. package/patterns/forms/_domain.json +0 -32
  443. package/patterns/forms/auth-signup.json +0 -213
  444. package/patterns/forms/auth-signup.yaml +0 -55
  445. package/patterns/forms/bleed-design-settings.json +0 -193
  446. package/patterns/forms/bleed-design-settings.yaml +0 -57
  447. package/patterns/forms/color-picker-demo.json +0 -52
  448. package/patterns/forms/color-picker-demo.yaml +0 -43
  449. package/patterns/forms/color-picker-panel.json +0 -48
  450. package/patterns/forms/color-picker-panel.yaml +0 -38
  451. package/patterns/forms/color-theme-builder.json +0 -198
  452. package/patterns/forms/color-theme-builder.yaml +0 -55
  453. package/patterns/forms/create-form.json +0 -191
  454. package/patterns/forms/create-form.yaml +0 -55
  455. package/patterns/forms/credit-card-payment.json +0 -282
  456. package/patterns/forms/credit-card-payment.yaml +0 -61
  457. package/patterns/forms/data-import.json +0 -110
  458. package/patterns/forms/data-import.yaml +0 -49
  459. package/patterns/forms/date-picker.json +0 -85
  460. package/patterns/forms/date-picker.yaml +0 -44
  461. package/patterns/forms/date-range-picker.json +0 -155
  462. package/patterns/forms/date-range-picker.yaml +0 -54
  463. package/patterns/forms/file-upload-form.json +0 -151
  464. package/patterns/forms/file-upload-form.yaml +0 -60
  465. package/patterns/forms/file-upload-gallery.json +0 -174
  466. package/patterns/forms/file-upload-gallery.yaml +0 -56
  467. package/patterns/forms/image-upload-preview.json +0 -72
  468. package/patterns/forms/image-upload-preview.yaml +0 -42
  469. package/patterns/forms/login-form.json +0 -205
  470. package/patterns/forms/login-form.yaml +0 -61
  471. package/patterns/forms/modal-dialog-form.json +0 -233
  472. package/patterns/forms/modal-dialog-form.yaml +0 -52
  473. package/patterns/forms/newsletter-subscribe.json +0 -69
  474. package/patterns/forms/newsletter-subscribe.yaml +0 -47
  475. package/patterns/forms/notification-filters.json +0 -296
  476. package/patterns/forms/notification-filters.yaml +0 -80
  477. package/patterns/forms/notification-preferences.json +0 -388
  478. package/patterns/forms/notification-preferences.yaml +0 -66
  479. package/patterns/forms/otp-form.json +0 -89
  480. package/patterns/forms/otp-form.yaml +0 -46
  481. package/patterns/forms/otp-verification.json +0 -127
  482. package/patterns/forms/otp-verification.yaml +0 -52
  483. package/patterns/forms/password-reset.json +0 -206
  484. package/patterns/forms/password-reset.yaml +0 -56
  485. package/patterns/forms/price-range-filter.json +0 -133
  486. package/patterns/forms/price-range-filter.yaml +0 -51
  487. package/patterns/forms/radio-group-selection.json +0 -177
  488. package/patterns/forms/radio-group-selection.yaml +0 -51
  489. package/patterns/forms/radio-group.json +0 -119
  490. package/patterns/forms/radio-group.yaml +0 -50
  491. package/patterns/forms/search-filters.json +0 -201
  492. package/patterns/forms/search-filters.yaml +0 -60
  493. package/patterns/forms/settings-page.json +0 -364
  494. package/patterns/forms/settings-page.yaml +0 -64
  495. package/patterns/forms/slider-range.json +0 -119
  496. package/patterns/forms/slider-range.yaml +0 -45
  497. package/patterns/forms/survey-rating-scales.json +0 -370
  498. package/patterns/forms/survey-rating-scales.yaml +0 -69
  499. package/patterns/forms/tag-input.json +0 -112
  500. package/patterns/forms/tag-input.yaml +0 -47
  501. package/patterns/forms/theme-customizer.json +0 -180
  502. package/patterns/forms/theme-customizer.yaml +0 -53
  503. package/patterns/forms/two-factor-auth.json +0 -249
  504. package/patterns/forms/two-factor-auth.yaml +0 -62
  505. package/patterns/forms/volume-control.json +0 -99
  506. package/patterns/forms/volume-control.yaml +0 -47
  507. package/patterns/forms/wizard-steps.json +0 -153
  508. package/patterns/forms/wizard-steps.yaml +0 -58
  509. package/patterns/layout/_domain.json +0 -29
  510. package/patterns/layout/accordion-settings.json +0 -289
  511. package/patterns/layout/accordion-settings.yaml +0 -55
  512. package/patterns/layout/avatar-group.json +0 -115
  513. package/patterns/layout/avatar-group.yaml +0 -47
  514. package/patterns/layout/badge-showcase.json +0 -206
  515. package/patterns/layout/badge-showcase.yaml +0 -46
  516. package/patterns/layout/calendar-view.json +0 -88
  517. package/patterns/layout/calendar-view.yaml +0 -42
  518. package/patterns/layout/code-block.json +0 -82
  519. package/patterns/layout/code-block.yaml +0 -47
  520. package/patterns/layout/consent-banner.json +0 -89
  521. package/patterns/layout/consent-banner.yaml +0 -50
  522. package/patterns/layout/cta-banner.json +0 -91
  523. package/patterns/layout/cta-banner.yaml +0 -46
  524. package/patterns/layout/divider-label.json +0 -64
  525. package/patterns/layout/divider-label.yaml +0 -42
  526. package/patterns/layout/drawer-panel.json +0 -201
  527. package/patterns/layout/drawer-panel.yaml +0 -54
  528. package/patterns/layout/embed-content.json +0 -84
  529. package/patterns/layout/embed-content.yaml +0 -46
  530. package/patterns/layout/faq-accordion.json +0 -159
  531. package/patterns/layout/faq-accordion.yaml +0 -47
  532. package/patterns/layout/feature-carousel.json +0 -263
  533. package/patterns/layout/feature-carousel.yaml +0 -47
  534. package/patterns/layout/feature-grid.json +0 -171
  535. package/patterns/layout/feature-grid.yaml +0 -45
  536. package/patterns/layout/hero-section.json +0 -101
  537. package/patterns/layout/hero-section.yaml +0 -46
  538. package/patterns/layout/image-caption.json +0 -48
  539. package/patterns/layout/image-caption.yaml +0 -37
  540. package/patterns/layout/image-carousel.json +0 -173
  541. package/patterns/layout/image-carousel.yaml +0 -47
  542. package/patterns/layout/image-gallery.json +0 -128
  543. package/patterns/layout/image-gallery.yaml +0 -45
  544. package/patterns/layout/kanban-board.json +0 -292
  545. package/patterns/layout/kanban-board.yaml +0 -58
  546. package/patterns/layout/kbd-shortcuts.json +0 -178
  547. package/patterns/layout/kbd-shortcuts.yaml +0 -43
  548. package/patterns/layout/markdown-editor.json +0 -126
  549. package/patterns/layout/markdown-editor.yaml +0 -46
  550. package/patterns/layout/music-player.json +0 -107
  551. package/patterns/layout/music-player.yaml +0 -42
  552. package/patterns/layout/pagination-demo.json +0 -55
  553. package/patterns/layout/pagination-demo.yaml +0 -44
  554. package/patterns/layout/pagination-table.json +0 -107
  555. package/patterns/layout/pagination-table.yaml +0 -59
  556. package/patterns/layout/popover-demo.json +0 -71
  557. package/patterns/layout/popover-demo.yaml +0 -46
  558. package/patterns/layout/popover-menu.json +0 -113
  559. package/patterns/layout/popover-menu.yaml +0 -45
  560. package/patterns/layout/pricing-tiers.json +0 -308
  561. package/patterns/layout/pricing-tiers.yaml +0 -52
  562. package/patterns/layout/product-card.json +0 -89
  563. package/patterns/layout/product-card.yaml +0 -46
  564. package/patterns/layout/product-carousel.json +0 -251
  565. package/patterns/layout/product-carousel.yaml +0 -47
  566. package/patterns/layout/social-post.json +0 -119
  567. package/patterns/layout/social-post.yaml +0 -45
  568. package/patterns/layout/split-pane.json +0 -69
  569. package/patterns/layout/split-pane.yaml +0 -41
  570. package/patterns/layout/swiper-carousel.json +0 -97
  571. package/patterns/layout/swiper-carousel.yaml +0 -55
  572. package/patterns/layout/tabs-panels.json +0 -147
  573. package/patterns/layout/tabs-panels.yaml +0 -46
  574. package/patterns/layout/team-carousel.json +0 -332
  575. package/patterns/layout/team-carousel.yaml +0 -50
  576. package/patterns/layout/testimonials-carousel.json +0 -281
  577. package/patterns/layout/testimonials-carousel.yaml +0 -50
  578. package/patterns/layout/testimonials-grid.json +0 -248
  579. package/patterns/layout/testimonials-grid.yaml +0 -46
  580. package/patterns/layout/toolbar-buttons.json +0 -151
  581. package/patterns/layout/toolbar-buttons.yaml +0 -47
  582. package/patterns/layout/tooltip-buttons.json +0 -109
  583. package/patterns/layout/tooltip-buttons.yaml +0 -44
  584. package/patterns/layout/user-profile.json +0 -123
  585. package/patterns/layout/user-profile.yaml +0 -45
  586. package/patterns/layout/video-player.json +0 -95
  587. package/patterns/layout/video-player.yaml +0 -45
  588. package/patterns/layout/weather-widget.json +0 -127
  589. package/patterns/layout/weather-widget.yaml +0 -46
  590. package/patterns/navigation/_domain.json +0 -25
  591. package/patterns/navigation/breadcrumb-nav.json +0 -57
  592. package/patterns/navigation/breadcrumb-nav.yaml +0 -39
  593. package/patterns/navigation/nav-menu-icons.json +0 -71
  594. package/patterns/navigation/nav-menu-icons.yaml +0 -38
  595. package/patterns/navigation/section-subnav.json +0 -80
  596. package/patterns/navigation/segmented-control.json +0 -56
  597. package/patterns/navigation/segmented-control.yaml +0 -40
  598. package/patterns/navigation/sidebar-nav.json +0 -207
  599. package/patterns/navigation/sidebar-nav.yaml +0 -44
  600. package/patterns/settings/settings-page.json +0 -280
  601. package/patterns/settings/settings-page.yaml +0 -51
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"4\" gap=\"4\">\n <card-ui>\n <header>\n <h3>Page Views</h3>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Bounce Rate</h3>\n <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Session Duration</h3>\n <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Conversion</h3>\n <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui>\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\n </card-ui>",
10
10
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
12
12
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<tabs-ui value=\"overview\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n </tabs-ui>",
12
12
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
13
- "captured_at": "2026-05-12T13:16:54.281Z"
13
+ "captured_at": "2026-05-12T19:23:09.661Z"
14
14
  }
@@ -38,7 +38,7 @@
38
38
  "layout": "row"
39
39
  }
40
40
  },
41
- "captured_at": "2026-05-12T13:16:54.281Z",
41
+ "captured_at": "2026-05-12T19:23:09.661Z",
42
42
  "template": [
43
43
  {
44
44
  "id": "text",
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui>\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>",
10
10
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
12
12
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"3\" gap=\"4\">\n <card-ui span=\"2\">\n <header>\n <h3>Traffic</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n <div slot=\"action\">\n <segmented-ui value=\"30d\">\n <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n </segmented-ui>\n </div>\n </header>\n <section>\n <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Acquisition channels</h3>\n <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n </header>\n <section>\n <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui>\n <card-ui>\n <header>\n <h3>Recent Transactions</h3>\n <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n <span slot=\"action\">\n <menu-ui id=\"tx-state-menu\">\n <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n </menu-ui>\n </span>\n </header>\n <section bleed data-tx-surface>\n <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
12
12
  }
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<modal-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Are you sure?</text-ui>\n </span>\n </header>\n <section>\n <col-ui gap=\"3\">\n <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n <field-ui label=\"Resource name\">\n <input-ui placeholder=\"my-resource-123\"></input-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\" justify=\"end\">\n <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n </row-ui>\n </footer>\n</modal-ui>",
10
10
  "source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
12
12
  }
@@ -29,5 +29,5 @@
29
29
  "attrs": {},
30
30
  "html": "<article style=\"display:flex; height:100vh;\">\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"bold\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"list\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Share\" variant=\"outline\" size=\"sm\" icon=\"share\"></button-ui>\n <button-ui text=\"Publish\" variant=\"primary\" size=\"sm\" icon=\"globe\"></button-ui>\n </row-ui>\n </header>\n\n <section style=\"flex:1; display:flex; overflow:hidden;\">\n <section data-chunk-slot=\"editor\" style=\"flex:1; padding:var(--a-space-4); overflow:auto;\">\n <stack-ui gap=\"3\" style=\"max-width:720px; margin:0 auto;\">\n <input-ui placeholder=\"Document title\" size=\"lg\" style=\"font-weight:600;\"></input-ui>\n <textarea-ui placeholder=\"Start writing…\" style=\"min-height:400px; resize:vertical;\"></textarea-ui>\n </stack-ui>\n </section>\n\n <aside data-chunk-slot=\"preview\" style=\"width:360px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto; background:var(--a-bg-subtle);\">\n <stack-ui gap=\"3\">\n <text-ui strong size=\"sm\">Preview</text-ui>\n <card-ui padding=\"md\">\n <text-ui color=\"subtle\">Rendered preview will appear here.</text-ui>\n </card-ui>\n </stack-ui>\n </aside>\n </section>\n </section>\n\n <aside data-chunk-slot=\"metadata\" style=\"width:240px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto;\">\n <stack-ui gap=\"4\">\n <text-ui strong size=\"sm\">Metadata</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Status</label-ui>\n <select-ui>\n <option>Draft</option>\n <option>Review</option>\n <option>Published</option>\n </select-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Tags</label-ui>\n <input-ui placeholder=\"Add tags…\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Author</label-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui size=\"sm\" src=\"/avatar.png\"></avatar-ui>\n <text-ui size=\"sm\">Alex Chen</text-ui>\n </row-ui>\n </stack-ui>\n </stack-ui>\n </aside>\n</article>",
31
31
  "source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
32
- "captured_at": "2026-05-12T13:16:54.281Z"
32
+ "captured_at": "2026-05-12T19:23:09.661Z"
33
33
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-2fa-key\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"key\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Add a security key</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Hardware factors (YubiKey, Titan, built-in TPM) resist phishing and SIM-swap.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"info\"\n icon=\"info\"\n text=\"Your browser will prompt for the key when you click Register. Follow the device's instructions — usually a tap or press.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Key details</text-ui>\n <field-ui label=\"Key name\" hint=\"Pick something you'll recognize later.\">\n <input-ui placeholder=\"e.g. YubiKey 5C adia (desk)\"></input-ui>\n </field-ui>\n <field-ui label=\"Key type\">\n <select-ui value=\"fido2\">\n <option value=\"fido2\">FIDO2 / WebAuthn</option>\n <option value=\"u2f\">U2F (legacy)</option>\n <option value=\"platform\">Platform authenticator (Touch ID, Windows Hello)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Require for every sign-in\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"Allow for step-up (sensitive actions only)\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Registered keys</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">None yet. Registration runs entirely on your device — we only see the public key.</text-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=\"Register key\" icon=\"key\" 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/profile-security/profile-security.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-2fa-sms\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"chat-circle-text\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>SMS authentication</text-ui>\n <badge-ui text=\"Not recommended\" variant=\"warning\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Only use SMS if you have no access to an authenticator app or hardware key.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"warning\"\n icon=\"warning\"\n text=\"SMS codes can be intercepted via SIM-swap attacks. Prefer an authenticator app or hardware key. If you proceed, we'll also require an authenticator as your primary factor.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Phone number</text-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"Country\">\n <select-ui value=\"us\" style=\"flex: 0 0 8rem\">\n <option value=\"us\">🇺🇸 +1</option>\n <option value=\"uk\">🇬🇧 +44</option>\n <option value=\"de\">🇩🇪 +49</option>\n <option value=\"fi\">🇫🇮 +358</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Number\">\n <input-ui placeholder=\"555 123 4567\" grow></input-ui>\n </field-ui>\n </row-ui>\n <button-ui text=\"Send verification code\" variant=\"outline\" icon=\"paper-plane-tilt\" stretch></button-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"6-digit code\" hint=\"Enter the code we just texted you.\">\n <otp-input-ui length=\"6\"></otp-input-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=\"Enable SMS 2FA\" 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/profile-security/profile-security.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-2fa-totp\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"device-mobile\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Authenticator app</text-ui>\n <badge-ui text=\"Enabled\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Enrolled with 1Password · Aug 14, 2025</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"info\"\n icon=\"info\"\n text=\"If you lose access to your authenticator app, use a recovery code to sign in. Generate new codes whenever you suspect old ones were exposed.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Recovery codes</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Store these somewhere only you can access. Each code works once.</text-ui>\n <card-ui>\n <section>\n <grid-ui columns=\"2\" gap=\"2\">\n <code-ui text=\"4F9K-2P1L\"></code-ui>\n <code-ui text=\"XHMN-88RD\"></code-ui>\n <code-ui text=\"PT7Q-VG4C\"></code-ui>\n <code-ui text=\"9B2A-WKE0\"></code-ui>\n <code-ui text=\"Z3YT-HNFR\"></code-ui>\n <code-ui text=\"Q18V-MPCD\"></code-ui>\n </grid-ui>\n </section>\n </card-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Copy all\" variant=\"outline\" size=\"sm\" icon=\"copy\"></button-ui>\n <button-ui text=\"Download .txt\" variant=\"outline\" size=\"sm\" icon=\"download-simple\"></button-ui>\n <button-ui text=\"Regenerate\" variant=\"ghost\" size=\"sm\" icon=\"arrows-clockwise\"></button-ui>\n </row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Change authenticator</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Scan this QR in a new app, then enter a fresh code to swap devices.</text-ui>\n <row-ui gap=\"3\" align=\"center\">\n <avatar-ui icon=\"qr-code\" size=\"xl\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <text-ui strong>Setup key</text-ui>\n <code-ui text=\"JBSWY3DPEHPK3PXP\"></code-ui>\n <text-ui color=\"subtle\" size=\"sm\">Use if your app can't scan QR codes.</text-ui>\n </col-ui>\n </row-ui>\n <field-ui label=\"Confirmation code\" hint=\"Enter the current 6-digit code from your new app.\">\n <input-ui placeholder=\"123 456\"></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 2FA\" 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\" 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/profile-security/profile-security.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-cancel-sub\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Cancel subscription</text-ui>\n <badge-ui text=\"Pro\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Your workspace stays available until May 14, 2026 — the end of your current billing period.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"danger\"\n icon=\"warning\"\n text=\"You'll lose access to Pro features (advanced charts, API exports, priority support) on May 14. Your data is preserved for 90 days after cancellation.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>What happens on May 14</text-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Advanced charts become view-only</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>API key quota drops from 1M to 10K/month</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Priority support downgrades to community</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Workspace, members, and history remain</text-ui></row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Primary reason for cancelling\">\n <select-ui value=\"\">\n <option value=\"\">Select a reason</option>\n <option value=\"too-expensive\">Too expensive</option>\n <option value=\"missing-features\">Missing features I need</option>\n <option value=\"switching\">Switching to another tool</option>\n <option value=\"not-using\">Not using it enough</option>\n <option value=\"temporary\">Taking a break, may return</option>\n <option value=\"other\">Other</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Anything we could do better?\">\n <textarea-ui rows=\"3\" placeholder=\"Optional — but we read every response.\"></textarea-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Type CANCEL to confirm\">\n <input-ui placeholder=\"CANCEL\"></input-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Keep my plan\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Confirm cancellation\" 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/billing/billing.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-change-plan\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"star\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Change plan</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Switch plans anytime. Credits and downgrades prorate to your next invoice.</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=\"Current spend\" value=\"$49\" change=\"this month\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Seats used\" value=\"6 / 8\" change=\"+2 this month\" trend=\"up\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Billing interval\" hint=\"Annual plans ship with two months free.\">\n <select-ui value=\"monthly\">\n <option value=\"monthly\">Monthly</option>\n <option value=\"annual\">Annual · save 17%</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Choose a plan</text-ui>\n <div\n role=\"radiogroup\"\n aria-label=\"Plan\"\n data-plan-picker\n onclick=\"\n const r = event.target.closest('card-ui')?.querySelector('radio-ui');\n r && r.click();\n \"\n >\n <list-ui divider>\n <list-item-ui>\n <card-ui>\n <header>\n <radio-ui slot=\"icon\" name=\"plan\" value=\"pro\" checked></radio-ui>\n <span slot=\"heading\">\n <text-ui strong>Pro · $49/mo</text-ui>\n <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Unlimited conversations, advanced charts, 100 GB storage</text-ui>\n </span>\n </header>\n </card-ui>\n </list-item-ui>\n <list-item-ui>\n <card-ui>\n <header>\n <radio-ui slot=\"icon\" name=\"plan\" value=\"team\"></radio-ui>\n <span slot=\"heading\">\n <text-ui strong>Team · $129/mo</text-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Everything in Pro · SSO, audit log, role-based permissions, 1 TB storage</text-ui>\n </span>\n </header>\n </card-ui>\n </list-item-ui>\n <list-item-ui>\n <card-ui>\n <header>\n <radio-ui slot=\"icon\" name=\"plan\" value=\"enterprise\"></radio-ui>\n <span slot=\"heading\">\n <text-ui strong>Enterprise · custom</text-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Dedicated support, DPA, SCIM, on-prem deployment. Talk to sales.</text-ui>\n </span>\n </header>\n </card-ui>\n </list-item-ui>\n </list-ui>\n </div>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>What's included in every plan</text-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Unlimited workspaces</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Priority email support</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>99.9% uptime SLA</text-ui></row-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer slot=\"footer\">\n <grid-ui>\n <button-ui text=\"Talk to sales\" icon=\"chat-circle\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n <button-ui text=\"Preview invoice\" 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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<drawer-ui id=\"drawer-custom-roles\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"shield-check\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Custom roles</text-ui>\n <badge-ui text=\"Pro\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Define fine-grained permission sets and assign them to members.</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=\"Built-in roles\" value=\"3\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Custom roles\" value=\"2\" change=\"+1 this month\" trend=\"up\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Existing custom roles</text-ui>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow><!-- nested: user-identity-row --></row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui icon=\"chart-line\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Analyst</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Read + export only · 2 members</text-ui>\n </col-ui>\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Create a new role</text-ui>\n <field-ui label=\"Role name\">\n <input-ui placeholder=\"e.g. Contractor\"></input-ui>\n </field-ui>\n <field-ui label=\"Description\">\n <textarea-ui rows=\"2\" placeholder=\"One-line summary shown on member rows\"></textarea-ui>\n </field-ui>\n <field-ui label=\"Start from\" hint=\"Use an existing role as a baseline, then adjust below.\">\n <select-ui value=\"viewer\">\n <option value=\"viewer\">Viewer · read-only</option>\n <option value=\"member\">Member · edit + invite</option>\n <option value=\"admin\">Admin · full access</option>\n <option value=\"blank\">Blank · no permissions</option>\n </select-ui>\n </field-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Content</text-ui>\n <field-ui label=\"View projects and conversations\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Edit own content\" inline>\n <check-ui checked></check-ui>\n </field-ui>\n <field-ui label=\"Edit others' content\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Delete content\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Export to CSV / PDF\" 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>Members</text-ui>\n <field-ui label=\"Invite new members\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Change member roles\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Remove members\" 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>Workspace</text-ui>\n <field-ui label=\"View billing and invoices\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Change billing plan\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Manage API keys\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Manage webhooks\" inline>\n <check-ui></check-ui>\n </field-ui>\n <field-ui label=\"Delete workspace\" inline>\n <check-ui></check-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=\"Create role\" icon=\"plus\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n </grid-ui>\n </footer>\n</drawer-ui>",
15
15
  "source": "apps/saas/app/members/members.contents.html",
16
- "captured_at": "2026-05-12T13:16:54.281Z"
16
+ "captured_at": "2026-05-12T19:23:09.661Z"
17
17
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-data-start\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"database\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Data start</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Switch to live source any time from settings — sample data is non-destructive.</text-ui>\n </section>\n <section>\n <div role=\"radiogroup\" aria-label=\"Data start\">\n <col-ui gap=\"2\">\n <option-card-ui\n name=\"data-start\"\n value=\"sample\"\n checked\n heading=\"Sample data\"\n description=\"Pre-seeded dashboards with realistic AdiaUI demo data. Best for kicking the tires.\"\n ></option-card-ui>\n <option-card-ui\n name=\"data-start\"\n value=\"live\"\n heading=\"Live source\"\n description=\"Stream from your connected GitHub source. We'll backfill 30 days on first sync.\"\n ></option-card-ui>\n <option-card-ui\n name=\"data-start\"\n value=\"empty\"\n heading=\"Empty workspace\"\n description=\"Skip both — start from a blank canvas and build dashboards by hand.\"\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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-delete-account\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Delete account</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Permanently removes your account and all associated data after a 30-day grace period.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"danger\"\n icon=\"warning\"\n text=\"This cannot be undone after 30 days. You'll be signed out immediately, and billing stops at the next cycle.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>What gets deleted</text-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>All conversations and uploaded files</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Workspaces you own (members are notified)</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>API keys, webhooks, and integrations</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Billing history and tax documents</text-ui></row-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Before you go</text-ui>\n <button-ui text=\"Export my data\" variant=\"outline\" icon=\"download-simple\" stretch></button-ui>\n <button-ui text=\"Transfer workspace ownership\" variant=\"outline\" icon=\"user-switch\" stretch></button-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Confirm</text-ui>\n <field-ui label=\"Type your email to confirm\">\n <input-ui placeholder=\"kim@acme.com\"></input-ui>\n </field-ui>\n <field-ui label=\"Type DELETE to confirm\">\n <input-ui placeholder=\"DELETE\"></input-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=\"Delete my account\" icon=\"trash\" 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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-delete-workspace\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Delete workspace</text-ui>\n <badge-ui text=\"adia-ui\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Permanently removes the workspace and all member access. Data is purged after 30 days.</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui variant=\"danger\" icon=\"warning\" text=\"This cannot be undone. All 14 members will lose access immediately.\"></alert-ui>\n <divider-ui></divider-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Members\" value=\"14\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Conversations\" value=\"8,420\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"API keys\" value=\"6\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Storage\" value=\"42 GB\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Before you delete</text-ui>\n <button-ui text=\"Export workspace data\" variant=\"outline\" icon=\"download-simple\" stretch></button-ui>\n <button-ui text=\"Transfer ownership\" variant=\"outline\" icon=\"user-switch\" stretch></button-ui>\n </col-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Confirm</text-ui>\n <field-ui label=\"Type the workspace name to confirm\">\n <input-ui placeholder=\"adia-ui\"></input-ui>\n </field-ui>\n <field-ui label=\"I understand this deletes all members, data, and integrations\" inline>\n <check-ui></check-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=\"Delete workspace\" icon=\"trash\" 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/settings-page/settings-page.contents.html",
14
- "captured_at": "2026-05-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-discord\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"discord-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Discord</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Post notifications to a channel via webhook</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"info\"\n icon=\"info\"\n text=\"Create a webhook in your Discord server (Server Settings → Integrations → Webhooks) and paste the URL below.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Webhook URL\" hint=\"Anyone with this URL can post to the channel. Store it securely.\">\n <input-ui placeholder=\"https://discord.com/api/webhooks/987654321/abc…\"></input-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <field-ui label=\"Server name\">\n <input-ui value=\"Acme Community\" readonly grow></input-ui>\n </field-ui>\n <field-ui label=\"Guild ID\">\n <input-ui value=\"1041998742135308288\" readonly grow></input-ui>\n </field-ui>\n </row-ui>\n <field-ui label=\"Target channel\" hint=\"Auto-discovered from the webhook URL.\">\n <select-ui value=\"deploys\">\n <option value=\"general\">#general (8,420 members)</option>\n <option value=\"announcements\">#announcements (8,420 members)</option>\n <option value=\"deploys\">#deploys (42 members)</option>\n <option value=\"alerts\">#alerts (18 members)</option>\n <option value=\"support\">#support (1,284 members)</option>\n <option value=\"releases\">#releases (8,420 members)</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Post 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 deploy succeeds\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"A deploy fails\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"A release is published\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"An incident is opened\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"Daily summary at 9:00 AM\" 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>Appearance</text-ui>\n <field-ui label=\"Bot display name\">\n <input-ui value=\"Acme\"></input-ui>\n </field-ui>\n <field-ui label=\"Bot avatar URL\">\n <input-ui value=\"https://acme.com/bot-avatar.png\" placeholder=\"https://…\"></input-ui>\n </field-ui>\n <field-ui label=\"Embed style\">\n <select-ui value=\"rich\">\n <option value=\"plain\">Plain text</option>\n <option value=\"rich\">Rich embed (recommended)</option>\n <option value=\"compact\">Compact one-line</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=\"Send test message\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Connect\" 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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<drawer-ui id=\"drawer-figma\" side=\"right\" size=\"md\">\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"figma-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Figma</text-ui>\n </span>\n <span slot=\"action\"></span>\n </header>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Embed designs and sync frames from your team</text-ui>\n </section>\n <section>\n <col-ui gap=\"4\">\n <alert-ui\n variant=\"info\"\n icon=\"info\"\n text=\"Sign in with your Figma account. Acme requests read-only access to files you or your team have published.\"\n ></alert-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Permissions Acme will receive</text-ui>\n <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Read file metadata, pages, and frames</text-ui></row-ui>\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Generate embed URLs for published frames</text-ui></row-ui\n >\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Receive webhook events when files update</text-ui></row-ui\n >\n <row-ui gap=\"2\" align=\"center\"\n ><icon-ui name=\"x-circle\" color=\"subtle\"></icon-ui><text-ui color=\"subtle\">No edit access · no billing or admin scope</text-ui></row-ui\n >\n </col-ui>\n <divider-ui></divider-ui>\n <field-ui label=\"Figma team\" hint=\"Populated after OAuth completes.\">\n <select-ui value=\"design\">\n <option value=\"design\">Acme · Design</option>\n <option value=\"marketing\">Acme · Marketing</option>\n <option value=\"brand\">Acme · Brand</option>\n <option value=\"engineering\">Acme · Engineering (personal)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Project filter\">\n <select-ui value=\"all\">\n <option value=\"all\">All projects in selected team</option>\n <option value=\"published\">Published-only files</option>\n <option value=\"starred\">Starred projects</option>\n </select-ui>\n </field-ui>\n <divider-ui></divider-ui>\n <col-ui gap=\"3\">\n <text-ui strong>Sync behavior</text-ui>\n <field-ui label=\"Auto-sync frames when a file is published\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Refresh thumbnails every 6 hours\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Include prototype interactions\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"Notify on library publishes\" 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=\"Continue to Figma\" 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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "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><!-- nested: icon-text-row --></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>",
15
15
  "source": "apps/saas/app/integrations/integrations.contents.html",
16
- "captured_at": "2026-05-12T13:16:54.281Z"
16
+ "captured_at": "2026-05-12T19:23:09.661Z"
17
17
  }
@@ -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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "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 ><!-- nested: linked-record-row --></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>",
15
15
  "source": "apps/saas/app/integrations/integrations.contents.html",
16
- "captured_at": "2026-05-12T13:16:54.281Z"
16
+ "captured_at": "2026-05-12T19:23:09.661Z"
17
17
  }
@@ -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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
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": "catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
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": "catalog/page-shells/app/editor-page/editor-page.contents.html",
22
- "captured_at": "2026-05-12T13:16:54.281Z"
22
+ "captured_at": "2026-05-12T19:23:09.661Z"
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": "catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
11
- "captured_at": "2026-05-12T13:16:54.281Z"
11
+ "captured_at": "2026-05-12T19:23:09.661Z"
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-12T13:16:54.281Z"
14
+ "captured_at": "2026-05-12T19:23:09.661Z"
15
15
  }
@@ -39,7 +39,7 @@
39
39
  "layout": "card"
40
40
  }
41
41
  },
42
- "captured_at": "2026-05-12T13:16:54.281Z",
42
+ "captured_at": "2026-05-12T19:23:09.661Z",
43
43
  "template": [
44
44
  {
45
45
  "id": "image",