@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

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 (452) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/README.md +51 -51
  3. package/catalog-a2ui_0_9.json +313 -15
  4. package/catalog-a2ui_0_9_rules.txt +18 -0
  5. package/chunks/_index.json +791 -36
  6. package/chunks/agent-activity-feed.json +1 -1
  7. package/chunks/agent-canvas-shell.json +1 -1
  8. package/chunks/agent-reasoning-collapsed.json +1 -1
  9. package/chunks/auth-account-deleted-actions.json +1 -1
  10. package/chunks/auth-account-deleted.json +1 -1
  11. package/chunks/auth-card-content.json +1 -1
  12. package/chunks/auth-card-header.json +1 -1
  13. package/chunks/auth-email-entry.json +1 -1
  14. package/chunks/auth-email-verify-confirm.json +1 -1
  15. package/chunks/auth-email-verify.json +1 -1
  16. package/chunks/auth-forbidden-actions.json +1 -1
  17. package/chunks/auth-forbidden.json +1 -1
  18. package/chunks/auth-invite-actions.json +1 -1
  19. package/chunks/auth-invite-team-card.json +1 -1
  20. package/chunks/auth-link-expired-form.json +1 -1
  21. package/chunks/auth-link-expired.json +1 -1
  22. package/chunks/auth-locked-account.json +1 -1
  23. package/chunks/auth-locked-recovery-options.json +1 -1
  24. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  25. package/chunks/auth-mfa-enrollment.json +224 -2
  26. package/chunks/auth-mfa-fallback-actions.json +1 -1
  27. package/chunks/auth-mfa-recovery.json +1 -1
  28. package/chunks/auth-new-password-form.json +1 -1
  29. package/chunks/auth-new-password.json +156 -2
  30. package/chunks/auth-oauth-fallback-actions.json +1 -1
  31. package/chunks/auth-oauth-interstitial.json +1 -1
  32. package/chunks/auth-password-challenge.json +1 -1
  33. package/chunks/auth-password-reset-form.json +1 -1
  34. package/chunks/auth-password-reset.json +151 -1
  35. package/chunks/auth-profile-form.json +1 -1
  36. package/chunks/auth-profile-setup.json +1 -1
  37. package/chunks/auth-reset-sent.json +1 -1
  38. package/chunks/auth-session-expired-actions.json +1 -1
  39. package/chunks/auth-session-expired.json +1 -1
  40. package/chunks/auth-signin-card-email.json +190 -2
  41. package/chunks/auth-signin-card-magic-link.json +119 -2
  42. package/chunks/auth-signin-card-mfa.json +162 -1
  43. package/chunks/auth-signin-card-otp.json +116 -2
  44. package/chunks/auth-signin-card-password.json +202 -2
  45. package/chunks/auth-signin-card-recovery.json +1 -1
  46. package/chunks/auth-signout-actions.json +1 -1
  47. package/chunks/auth-signout.json +1 -1
  48. package/chunks/auth-signup-email-entry.json +1 -1
  49. package/chunks/auth-signup-entry.json +191 -1
  50. package/chunks/auth-signup-social-auths.json +1 -1
  51. package/chunks/auth-signup-verify.json +1 -1
  52. package/chunks/auth-social-auths.json +1 -1
  53. package/chunks/auth-sso-providers.json +1 -1
  54. package/chunks/auth-sso-required.json +1 -1
  55. package/chunks/auth-team-invite.json +1 -1
  56. package/chunks/card-header-with-description.json +12 -0
  57. package/chunks/chat-page-shell.json +1 -1
  58. package/chunks/chat-streaming-surface.json +1 -1
  59. package/chunks/command-palette.json +1 -1
  60. package/chunks/commerce-pricing-tiers.json +1 -1
  61. package/chunks/conversion-funnel-6step.json +1 -1
  62. package/chunks/dashboard-acquisition-panel.json +162 -1
  63. package/chunks/dashboard-admin-page.json +2879 -4
  64. package/chunks/dashboard-audience-kpis.json +1 -1
  65. package/chunks/dashboard-audience-panel.json +488 -1
  66. package/chunks/dashboard-behavior-panel.json +91 -1
  67. package/chunks/dashboard-chart-recent.json +474 -3
  68. package/chunks/dashboard-cohort-retention.json +1 -1
  69. package/chunks/dashboard-conversion-panel.json +196 -1
  70. package/chunks/dashboard-country-list.json +1 -1
  71. package/chunks/dashboard-filter-bar.json +1 -1
  72. package/chunks/dashboard-funnel.json +1 -1
  73. package/chunks/dashboard-kpi-grid.json +1 -1
  74. package/chunks/dashboard-notifications-feed.json +1 -1
  75. package/chunks/dashboard-notifications-panel.json +383 -1
  76. package/chunks/dashboard-overview-panel.json +1363 -1
  77. package/chunks/dashboard-page-header.json +140 -1
  78. package/chunks/dashboard-pages-table.json +1 -1
  79. package/chunks/dashboard-quick-actions.json +1 -1
  80. package/chunks/dashboard-reports-panel.json +97 -1
  81. package/chunks/dashboard-reports-table.json +1 -1
  82. package/chunks/dashboard-spark-cards.json +1 -1
  83. package/chunks/dashboard-storage-card.json +1 -1
  84. package/chunks/dashboard-tabs.json +1 -1
  85. package/chunks/dashboard-team-actions-storage.json +502 -1
  86. package/chunks/dashboard-team-list.json +1 -1
  87. package/chunks/dashboard-traffic-channels.json +1 -1
  88. package/chunks/dashboard-transactions-table.json +1 -1
  89. package/chunks/destructive-confirm-modal.json +1 -1
  90. package/chunks/doc-editor-shell.json +1 -1
  91. package/chunks/drawer-2fa-key.json +1 -1
  92. package/chunks/drawer-2fa-sms.json +1 -1
  93. package/chunks/drawer-2fa-totp.json +1 -1
  94. package/chunks/drawer-cancel-sub.json +1 -1
  95. package/chunks/drawer-change-plan.json +1 -1
  96. package/chunks/drawer-custom-roles.json +5 -3
  97. package/chunks/drawer-data-start.json +1 -1
  98. package/chunks/drawer-delete-account.json +1 -1
  99. package/chunks/drawer-delete-workspace.json +1 -1
  100. package/chunks/drawer-discord.json +1 -1
  101. package/chunks/drawer-figma.json +1 -1
  102. package/chunks/drawer-first-dashboard.json +1 -1
  103. package/chunks/drawer-gcal.json +1 -1
  104. package/chunks/drawer-github.json +5 -3
  105. package/chunks/drawer-invite.json +1 -1
  106. package/chunks/drawer-payment-method.json +1 -1
  107. package/chunks/drawer-report.json +1 -1
  108. package/chunks/drawer-revoke-session.json +1 -1
  109. package/chunks/drawer-role.json +1 -1
  110. package/chunks/drawer-slack.json +1 -1
  111. package/chunks/drawer-smtp.json +5 -3
  112. package/chunks/drawer-source.json +1 -1
  113. package/chunks/drawer-transaction.json +1 -1
  114. package/chunks/editor-code-pane.json +1 -1
  115. package/chunks/editor-page-shell.json +1 -1
  116. package/chunks/editor-preview-pane.json +1 -1
  117. package/chunks/error-404-actions.json +1 -1
  118. package/chunks/error-404.json +161 -3
  119. package/chunks/error-500-actions.json +1 -1
  120. package/chunks/error-500.json +166 -3
  121. package/chunks/error-maintenance-actions.json +1 -1
  122. package/chunks/error-maintenance.json +158 -3
  123. package/chunks/error-page-shell.json +1 -1
  124. package/chunks/footer-primary-only.json +12 -0
  125. package/chunks/form-page-shell.json +1 -1
  126. package/chunks/gallery-page-shell.json +1 -1
  127. package/chunks/icon-text-row.json +16 -0
  128. package/chunks/image-tile.json +12 -0
  129. package/chunks/kanban-board-3col.json +5 -3
  130. package/chunks/kanban-page-shell.json +1 -1
  131. package/chunks/labeled-textarea.json +14 -0
  132. package/chunks/linked-record-row.json +57 -0
  133. package/chunks/marketing-hero-cta.json +1 -1
  134. package/chunks/marketing-page-shell.json +1 -1
  135. package/chunks/member-edit-drawer.json +1 -1
  136. package/chunks/metadata-description-list.json +14 -0
  137. package/chunks/onb-completion.json +1 -1
  138. package/chunks/onb-extension-install.json +1 -1
  139. package/chunks/onb-hero-welcome.json +1 -1
  140. package/chunks/onb-import-picker.json +1 -1
  141. package/chunks/onb-mobile-handoff.json +1 -1
  142. package/chunks/onb-notification-prefs.json +1 -1
  143. package/chunks/onb-persona-picker.json +1 -1
  144. package/chunks/onb-provider-tiles.json +1 -1
  145. package/chunks/onb-settings-review.json +1 -1
  146. package/chunks/onb-step-footer.json +1 -1
  147. package/chunks/onb-step-header.json +1 -1
  148. package/chunks/onb-step-progress.json +1 -1
  149. package/chunks/onb-step-shell.json +249 -1
  150. package/chunks/onb-story-pane.json +1 -1
  151. package/chunks/onb-tutorial-steps.json +1 -1
  152. package/chunks/playground-a2ui.json +1 -1
  153. package/chunks/playground-app-shell.json +1 -1
  154. package/chunks/playground-chat.json +1 -1
  155. package/chunks/playground-construct-canvas.json +1 -1
  156. package/chunks/playground-gen-ui.json +1 -1
  157. package/chunks/playground-render-preview.json +1 -1
  158. package/chunks/playground-streams-bridge.json +1 -1
  159. package/chunks/playground-table-toolbar.json +1 -1
  160. package/chunks/reg-address-form.json +1 -1
  161. package/chunks/reg-billing-card.json +1 -1
  162. package/chunks/reg-brand-scrape.json +1 -1
  163. package/chunks/reg-departments-toggle.json +1 -1
  164. package/chunks/reg-extended-profile.json +1 -1
  165. package/chunks/reg-final-done.json +1 -1
  166. package/chunks/reg-helpdesk-grid.json +1 -1
  167. package/chunks/reg-import-picker.json +1 -1
  168. package/chunks/reg-integrations-grid.json +1 -1
  169. package/chunks/reg-invite-form.json +1 -1
  170. package/chunks/reg-legal-entity.json +1 -1
  171. package/chunks/reg-org-chart-review.json +1 -1
  172. package/chunks/reg-profile-identity.json +1 -1
  173. package/chunks/reg-step-footer.json +1 -1
  174. package/chunks/reg-step-header.json +1 -1
  175. package/chunks/reg-step-progress.json +1 -1
  176. package/chunks/reg-step-shell.json +565 -1
  177. package/chunks/reg-story-pane.json +1 -1
  178. package/chunks/reg-success-summary.json +1 -1
  179. package/chunks/reg-team-size.json +1 -1
  180. package/chunks/reg-usecase-picker.json +1 -1
  181. package/chunks/reg-workspace-name.json +1 -1
  182. package/chunks/section-with-stack.json +12 -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 +154 -3
  187. package/chunks/settings-members-invite.json +5 -3
  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 +14 -0
  192. package/chunks/user-identity-row.json +16 -0
  193. package/chunks/user-profile-card.json +1 -1
  194. package/chunks/users-table-badge.json +1 -1
  195. package/compositions/agent/ai-streaming-response.json +55 -9
  196. package/compositions/agent/alert-banner.json +46 -10
  197. package/compositions/agent/chat-interface.json +15 -7
  198. package/compositions/agent/command-palette.json +2 -2
  199. package/compositions/agent/empty-state.json +70 -11
  200. package/compositions/agent/error-state-retry.json +100 -17
  201. package/compositions/agent/loading-skeleton.json +76 -12
  202. package/compositions/agent/notification-preferences.json +386 -23
  203. package/compositions/agent/toast-stack.json +42 -7
  204. package/compositions/data/activity-feed.json +231 -17
  205. package/compositions/data/audit-log-viewer.json +453 -44
  206. package/compositions/data/bookmark-list.json +188 -16
  207. package/compositions/data/bulk-action-toolbar.json +137 -19
  208. package/compositions/data/changelog-feed.json +296 -30
  209. package/compositions/data/chart-dashboard.json +96 -11
  210. package/compositions/data/cohort-retention.json +392 -40
  211. package/compositions/data/column-manager.json +316 -52
  212. package/compositions/data/data-table-paginated.json +96 -18
  213. package/compositions/data/email-inbox-list.json +224 -13
  214. package/compositions/data/funnel-analytics.json +424 -26
  215. package/compositions/data/heatmap-calendar.json +140 -27
  216. package/compositions/data/invoice-table.json +107 -18
  217. package/compositions/data/kpi-overview.json +187 -17
  218. package/compositions/data/notification-center.json +224 -16
  219. package/compositions/data/object-inspector.json +463 -43
  220. package/compositions/data/product-specs-card.json +66 -12
  221. package/compositions/data/progress-tracker.json +140 -13
  222. package/compositions/data/review-card.json +94 -14
  223. package/compositions/data/saved-views-filter-bar.json +232 -37
  224. package/compositions/data/shopping-cart-summary.json +173 -21
  225. package/compositions/data/stat-card-dashboard.json +219 -18
  226. package/compositions/data/status-page.json +337 -30
  227. package/compositions/data/virtualized-table.json +269 -38
  228. package/compositions/data/weather-widget.json +77 -13
  229. package/compositions/forms/change-password-form.json +123 -16
  230. package/compositions/forms/color-picker-panel.json +85 -11
  231. package/compositions/forms/contact-form.json +127 -17
  232. package/compositions/forms/credit-card-payment-form.json +137 -16
  233. package/compositions/forms/data-import-mapper.json +244 -33
  234. package/compositions/forms/data-import-wizard.json +268 -29
  235. package/compositions/forms/date-time-picker-form.json +114 -13
  236. package/compositions/forms/destructive-confirm.json +206 -21
  237. package/compositions/forms/feedback-form.json +96 -14
  238. package/compositions/forms/file-upload-form.json +82 -11
  239. package/compositions/forms/login-form.json +122 -14
  240. package/compositions/forms/multi-step-wizard.json +133 -15
  241. package/compositions/forms/newsletter-subscription-form.json +83 -12
  242. package/compositions/forms/otp-verification-form.json +88 -13
  243. package/compositions/forms/password-reset-form.json +83 -12
  244. package/compositions/forms/permission-matrix.json +177 -28
  245. package/compositions/forms/profile-edit-form.json +125 -16
  246. package/compositions/forms/radio-group-form.json +110 -15
  247. package/compositions/forms/search-filters.json +112 -13
  248. package/compositions/forms/settings-toggles-page.json +188 -16
  249. package/compositions/forms/signup-form.json +129 -17
  250. package/compositions/forms/slider-range-form.json +65 -10
  251. package/compositions/forms/tag-input-form.json +89 -14
  252. package/compositions/forms/team-members-rbac.json +669 -107
  253. package/compositions/layout/accordion-settings.json +450 -42
  254. package/compositions/layout/badge-variants-display.json +121 -18
  255. package/compositions/layout/bento-overview.json +399 -33
  256. package/compositions/layout/calendar-month-view.json +96 -30
  257. package/compositions/layout/code-block.json +65 -11
  258. package/compositions/layout/comparison-table.json +113 -21
  259. package/compositions/layout/divider-with-label.json +40 -8
  260. package/compositions/layout/drawer-panel.json +105 -12
  261. package/compositions/layout/embed-iframe.json +62 -12
  262. package/compositions/layout/faq-accordion.json +35 -28
  263. package/compositions/layout/feature-grid.json +197 -22
  264. package/compositions/layout/footer-nav.json +188 -23
  265. package/compositions/layout/hero-cta.json +69 -13
  266. package/compositions/layout/image-gallery.json +112 -13
  267. package/compositions/layout/image-with-caption.json +48 -9
  268. package/compositions/layout/kanban-board.json +199 -31
  269. package/compositions/layout/keyboard-shortcuts.json +145 -12
  270. package/compositions/layout/markdown-editor-preview.json +6 -6
  271. package/compositions/layout/media-player.json +85 -13
  272. package/compositions/layout/modal-form.json +97 -12
  273. package/compositions/layout/onboarding-checklist.json +92 -14
  274. package/compositions/layout/popover-tooltip.json +74 -12
  275. package/compositions/layout/pricing-tiers.json +229 -31
  276. package/compositions/layout/product-card.json +97 -17
  277. package/compositions/layout/sidebar-layout.json +157 -16
  278. package/compositions/layout/tabs-panel.json +115 -13
  279. package/compositions/layout/testimonial-grid.json +240 -23
  280. package/compositions/layout/three-pane-shell.json +278 -63
  281. package/compositions/layout/toolbar-actions.json +81 -13
  282. package/compositions/navigation/nav-menu-with-icons.json +119 -14
  283. package/compositions/navigation/pagination-controls.json +2 -2
  284. package/compositions/navigation/workspace-switcher.json +296 -22
  285. package/compositions/settings/api-keys.json +592 -47
  286. package/compositions/settings/feature-flags.json +423 -22
  287. package/compositions/settings/integrations-gallery.json +839 -44
  288. package/compositions/settings/session-device-mgmt.json +619 -42
  289. package/compositions/settings/usage-quota-meter.json +214 -23
  290. package/compositions/settings/webhooks.json +429 -45
  291. package/package.json +2 -4
  292. package/patterns/agent/command-palette.json +1 -1
  293. package/patterns/agent/loading-skeleton.json +0 -6
  294. package/patterns/agent/toast-notification.json +6 -9
  295. package/patterns/data/admin-dashboard-with-charts.json +0 -4
  296. package/patterns/data/api-key-table.json +1 -1
  297. package/patterns/data/bookmark-list-categories.json +537 -128
  298. package/patterns/data/dashboard.json +3 -3
  299. package/patterns/data/data-table-view.json +34 -10
  300. package/patterns/data/email-inbox.json +22 -22
  301. package/patterns/data/event-calendar-details.json +20 -22
  302. package/patterns/data/inventory-table.json +1 -1
  303. package/patterns/data/leaderboard.json +1 -1
  304. package/patterns/data/notification-center.json +57 -25
  305. package/patterns/data/onboarding-checklist.json +10 -35
  306. package/patterns/data/order-tracking.json +8 -8
  307. package/patterns/data/pagination-nav.json +2 -2
  308. package/patterns/data/progress-dashboard.json +4 -16
  309. package/patterns/data/progress-tracker.json +3 -6
  310. package/patterns/data/restaurant-menu.json +241 -59
  311. package/patterns/forms/auth-signup.json +5 -13
  312. package/patterns/forms/bleed-design-settings.json +3 -11
  313. package/patterns/forms/credit-card-payment.json +8 -8
  314. package/patterns/forms/data-import.json +1 -2
  315. package/patterns/forms/login-form.json +4 -12
  316. package/patterns/forms/notification-filters.json +19 -68
  317. package/patterns/forms/notification-preferences.json +125 -39
  318. package/patterns/forms/otp-verification.json +1 -2
  319. package/patterns/forms/password-reset.json +1 -1
  320. package/patterns/forms/radio-group-selection.json +13 -45
  321. package/patterns/forms/radio-group.json +11 -35
  322. package/patterns/forms/survey-rating-scales.json +41 -121
  323. package/patterns/forms/two-factor-auth.json +211 -61
  324. package/patterns/forms/wizard-steps.json +32 -9
  325. package/patterns/layout/accordion-settings.json +63 -119
  326. package/patterns/layout/avatar-group.json +19 -40
  327. package/patterns/layout/badge-showcase.json +51 -89
  328. package/patterns/layout/code-block.json +9 -15
  329. package/patterns/layout/cta-banner.json +9 -17
  330. package/patterns/layout/divider-label.json +6 -10
  331. package/patterns/layout/drawer-panel.json +29 -48
  332. package/patterns/layout/embed-content.json +7 -9
  333. package/patterns/layout/feature-carousel.json +20 -20
  334. package/patterns/layout/feature-grid.json +30 -56
  335. package/patterns/layout/hero-section.json +18 -26
  336. package/patterns/layout/image-carousel.json +12 -12
  337. package/patterns/layout/kbd-shortcuts.json +6 -6
  338. package/patterns/layout/popover-menu.json +23 -27
  339. package/patterns/layout/pricing-tiers.json +50 -96
  340. package/patterns/layout/product-carousel.json +24 -24
  341. package/patterns/layout/tabs-panels.json +29 -55
  342. package/patterns/layout/team-carousel.json +16 -16
  343. package/patterns/layout/testimonials-carousel.json +12 -12
  344. package/patterns/layout/testimonials-grid.json +54 -92
  345. package/patterns/layout/toolbar-buttons.json +42 -70
  346. package/patterns/layout/tooltip-buttons.json +26 -44
  347. package/exemplars/AUDIT-REPORT.md +0 -116
  348. package/exemplars/README.md +0 -49
  349. package/exemplars/_shell.css +0 -88
  350. package/exemplars/blocks-reference.md +0 -409
  351. package/exemplars/index.html +0 -21
  352. package/exemplars/prose/auth-login/auth-login.yaml +0 -38
  353. package/exemplars/prose/auth-login/index.html +0 -542
  354. package/exemplars/prose/cta/README.md +0 -3
  355. package/exemplars/prose/cta/cta.yaml +0 -38
  356. package/exemplars/prose/cta/data.json +0 -6
  357. package/exemplars/prose/cta/index.html +0 -125
  358. package/exemplars/prose/feature-grid/README.md +0 -3
  359. package/exemplars/prose/feature-grid/data.json +0 -13
  360. package/exemplars/prose/feature-grid/feature-grid.yaml +0 -35
  361. package/exemplars/prose/feature-grid/index.html +0 -93
  362. package/exemplars/prose/footer/README.md +0 -3
  363. package/exemplars/prose/footer/data.json +0 -10
  364. package/exemplars/prose/footer/footer.yaml +0 -32
  365. package/exemplars/prose/footer/index.html +0 -109
  366. package/exemplars/prose/hero/README.md +0 -3
  367. package/exemplars/prose/hero/data.json +0 -6
  368. package/exemplars/prose/hero/hero.yaml +0 -38
  369. package/exemplars/prose/hero/index.html +0 -217
  370. package/exemplars/prose/pricing/README.md +0 -3
  371. package/exemplars/prose/pricing/data.json +0 -9
  372. package/exemplars/prose/pricing/index.html +0 -298
  373. package/exemplars/prose/pricing/pricing.yaml +0 -38
  374. package/exemplars/prose/steps/README.md +0 -3
  375. package/exemplars/prose/steps/data.json +0 -31
  376. package/exemplars/prose/steps/index.html +0 -176
  377. package/exemplars/prose/steps/setup.js +0 -12
  378. package/exemplars/prose/steps/steps.yaml +0 -38
  379. package/exemplars/prose/testimonials/README.md +0 -3
  380. package/exemplars/prose/testimonials/data.json +0 -14
  381. package/exemplars/prose/testimonials/index.html +0 -297
  382. package/exemplars/prose/testimonials/testimonials.yaml +0 -33
  383. package/exemplars/ui/auth-login/auth-login.yaml +0 -38
  384. package/exemplars/ui/auth-login/index.html +0 -372
  385. package/fragments/_schema.json +0 -72
  386. package/fragments/action/dual-cta-row.json +0 -29
  387. package/fragments/action/dual-cta-row.yaml +0 -34
  388. package/fragments/action/footer-cancel-save.json +0 -31
  389. package/fragments/action/footer-cancel-save.yaml +0 -34
  390. package/fragments/action/footer-primary-only.json +0 -23
  391. package/fragments/action/footer-primary-only.yaml +0 -26
  392. package/fragments/content/calendar-day-cell.json +0 -29
  393. package/fragments/content/column-config-atom.json +0 -121
  394. package/fragments/content/credential-entry-atom.json +0 -126
  395. package/fragments/content/directory-entry-atom.json +0 -148
  396. package/fragments/content/email-row.json +0 -35
  397. package/fragments/content/email-row.yaml +0 -43
  398. package/fragments/content/faq-item.json +0 -54
  399. package/fragments/content/health-entry-atom.json +0 -85
  400. package/fragments/content/icon-text-row.json +0 -29
  401. package/fragments/content/icon-text-row.yaml +0 -36
  402. package/fragments/content/icon-title-description.json +0 -30
  403. package/fragments/content/icon-title-description.yaml +0 -37
  404. package/fragments/content/image-tile.json +0 -28
  405. package/fragments/content/image-tile.yaml +0 -32
  406. package/fragments/content/incident-row.json +0 -107
  407. package/fragments/content/kbd-shortcut-row.json +0 -29
  408. package/fragments/content/kbd-shortcut-row.yaml +0 -33
  409. package/fragments/content/key-value-row.json +0 -29
  410. package/fragments/content/key-value-row.yaml +0 -36
  411. package/fragments/content/labeled-progress.json +0 -29
  412. package/fragments/content/labeled-progress.yaml +0 -33
  413. package/fragments/content/link-list-column.json +0 -33
  414. package/fragments/content/link-list-column.yaml +0 -41
  415. package/fragments/content/linked-record-row.json +0 -95
  416. package/fragments/content/marketplace-tile-atom.json +0 -147
  417. package/fragments/content/metadata-description-list.json +0 -28
  418. package/fragments/content/metadata-description-list.yaml +0 -36
  419. package/fragments/content/pending-invite-row.json +0 -113
  420. package/fragments/content/release-entry.json +0 -155
  421. package/fragments/content/rollout-entry-atom.json +0 -168
  422. package/fragments/content/signed-in-entry-atom.json +0 -157
  423. package/fragments/content/stage-entry-atom.json +0 -115
  424. package/fragments/content/stat-card.json +0 -31
  425. package/fragments/content/stat-card.yaml +0 -39
  426. package/fragments/content/user-identity-row.json +0 -33
  427. package/fragments/content/user-identity-row.yaml +0 -43
  428. package/fragments/content/user-notification-row.json +0 -35
  429. package/fragments/content/user-notification-row.yaml +0 -50
  430. package/fragments/content/wizard-step-row.json +0 -96
  431. package/fragments/form/labeled-checkbox.json +0 -26
  432. package/fragments/form/labeled-checkbox.yaml +0 -36
  433. package/fragments/form/labeled-input.json +0 -28
  434. package/fragments/form/labeled-input.yaml +0 -38
  435. package/fragments/form/labeled-slider.json +0 -34
  436. package/fragments/form/labeled-slider.yaml +0 -50
  437. package/fragments/form/labeled-textarea.json +0 -28
  438. package/fragments/form/labeled-textarea.yaml +0 -39
  439. package/fragments/form/labeled-toggle.json +0 -29
  440. package/fragments/form/labeled-toggle.yaml +0 -43
  441. package/fragments/layout/card-header-heading.json +0 -35
  442. package/fragments/layout/card-header-heading.yaml +0 -27
  443. package/fragments/layout/card-header-with-badge.json +0 -30
  444. package/fragments/layout/card-header-with-badge.yaml +0 -40
  445. package/fragments/layout/card-header-with-description.json +0 -29
  446. package/fragments/layout/card-header-with-description.yaml +0 -32
  447. package/fragments/layout/pricing-tier-card.json +0 -37
  448. package/fragments/layout/pricing-tier-card.yaml +0 -50
  449. package/fragments/layout/section-with-stack.json +0 -46
  450. package/fragments/layout/section-with-stack.yaml +0 -39
  451. package/fragments/layout/text-card.json +0 -28
  452. package/fragments/layout/text-card.yaml +0 -30
package/chunks/dashboard-admin-page.json CHANGED
@@ -1,18 +1,18 @@
1
1
  {
2
2
  "name": "dashboard-admin-page",
3
- "kind": "block",
3
+ "kind": "page",
4
4
  "primary": "article",
5
5
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
6
6
  "slots": [
7
7
  {
8
8
  "name": "page-header",
9
9
  "tagName": "div",
10
- "html": "<header data-chunk=\"dashboard-page-header\">\n <div>\n <h1>Dashboard</h1>\n <div data-actions>\n <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n </div>\n </div>\n <p>Welcome back. Here's what's happening.</p>\n <tabs-ui value=\"overview\" data-chunk=\"dashboard-tabs\">\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>\n </header>"
10
+ "html": "<header data-chunk=\"dashboard-page-header\"\n data-chunk-kind=\"block\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Dashboard page header band with title, date-range picker, and tab navigation.\"\n data-chunk-keywords=\"dashboard header title date range tabs navigation\"\n data-chunk-related=\"dashboard-admin-page, dashboard-overview-panel\"\n data-chunk-tags-complexity=\"simple\"\n data-chunk-tags-layout=\"header\">\n <div>\n <h1>Dashboard</h1>\n <div data-actions>\n <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n </div>\n </div>\n <p>Welcome back. Here's what's happening.</p>\n <tabs-ui value=\"overview\" data-chunk=\"dashboard-tabs\">\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>\n </header>"
11
11
  },
12
12
  {
13
13
  "name": "page-content",
14
14
  "tagName": "div",
15
- "html": "<section>\n <div data-dashboard-content>\n <div data-tab-panel=\"overview\" data-chunk=\"dashboard-overview-panel\" data-chunk-kind=\"panel\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-kpi-grid\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"5\" gap=\"4\" data-chunk=\"dashboard-chart-recent\">\n <card-ui span=\"3\">\n <header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-spark-cards\">\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>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui data-chunk=\"dashboard-transactions-table\">\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>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-team-actions-storage\">\n <card-ui data-chunk=\"dashboard-team-list\">\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>\n\n <card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-storage-card\">\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>\n </grid-ui>\n </div>\n <!-- /overview -->\n\n <!-- ═══════════════════════ AUDIENCE TAB ═══════════════════════ -->\n <div data-tab-panel=\"audience\" hidden data-chunk=\"dashboard-audience-panel\" data-chunk-kind=\"panel\">\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui data-chunk=\"dashboard-filter-bar\">\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-audience-kpis\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui data-chunk=\"dashboard-country-list\">\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /audience -->\n\n <!-- ═══════════════════════ ACQUISITION TAB ═══════════════════════ -->\n <div data-tab-panel=\"acquisition\" hidden data-chunk=\"dashboard-acquisition-panel\" data-chunk-kind=\"panel\">\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-traffic-channels\">\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>\n </div>\n <!-- /acquisition -->\n\n <!-- ═══════════════════════ BEHAVIOR TAB ═══════════════════════ -->\n <div data-tab-panel=\"behavior\" hidden data-chunk=\"dashboard-behavior-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-pages-table\">\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /behavior -->\n\n <!-- ═══════════════════════ CONVERSION TAB ═══════════════════════ -->\n <div data-tab-panel=\"conversion\" hidden data-chunk=\"dashboard-conversion-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-funnel\">\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <grid-ui data-chunk=\"dashboard-cohort-retention\">\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /conversion -->\n\n <!-- ═══════════════════════ REPORTS TAB ═══════════════════════ -->\n <div data-tab-panel=\"reports\" hidden data-chunk=\"dashboard-reports-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-reports-table\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /reports -->\n\n <!-- ═══════════════════════ NOTIFICATIONS TAB ═══════════════════════ -->\n <div data-tab-panel=\"notifications\" hidden data-chunk=\"dashboard-notifications-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-notifications-feed\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /notifications -->\n </div>\n </section>"
15
+ "html": "<section>\n <div data-dashboard-content>\n <div data-tab-panel=\"overview\" data-chunk=\"dashboard-overview-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Overview analytics panel: KPI grid + recent-activity chart + spark cards + transactions table + team/actions/storage strip.\"\n data-chunk-keywords=\"overview dashboard kpi metrics chart activity sparkline transactions team storage\"\n data-chunk-related=\"dashboard-kpi-grid, dashboard-chart-recent, dashboard-spark-cards, dashboard-team-actions-storage\"\n data-chunk-tags-complexity=\"complex\"\n data-chunk-tags-layout=\"panel\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-kpi-grid\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"5\" gap=\"4\" data-chunk=\"dashboard-chart-recent\"\n data-chunk-kind=\"block\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Recent activity chart band with header (title + caption) and chart-area placeholder.\"\n data-chunk-keywords=\"chart recent activity sparkline timeseries metrics graph trend\"\n data-chunk-related=\"dashboard-spark-cards, dashboard-overview-panel\"\n data-chunk-tags-complexity=\"simple\"\n data-chunk-tags-layout=\"card\">\n <card-ui span=\"3\">\n <header data-chunk=\"card-header-with-description\">\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-spark-cards\">\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>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui data-chunk=\"dashboard-transactions-table\">\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>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-team-actions-storage\"\n data-chunk-kind=\"block\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Three-card strip combining team list + quick actions + storage usage card.\"\n data-chunk-keywords=\"team members quick actions storage usage limits sidebar\"\n data-chunk-related=\"dashboard-team-list, dashboard-quick-actions, dashboard-storage-card\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"row\">\n <card-ui data-chunk=\"dashboard-team-list\">\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>\n\n <card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-storage-card\">\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>\n </grid-ui>\n </div>\n <!-- /overview -->\n\n <!-- ═══════════════════════ AUDIENCE TAB ═══════════════════════ -->\n <div data-tab-panel=\"audience\" hidden data-chunk=\"dashboard-audience-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Audience analytics panel: filter bar + audience KPIs + country breakdown list.\"\n data-chunk-keywords=\"audience analytics demographics countries geography filter kpis\"\n data-chunk-related=\"dashboard-overview-panel, dashboard-acquisition-panel, dashboard-behavior-panel\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"panel\">\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui data-chunk=\"dashboard-filter-bar\">\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-audience-kpis\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui data-chunk=\"dashboard-country-list\">\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /audience -->\n\n <!-- ═══════════════════════ ACQUISITION TAB ═══════════════════════ -->\n <div data-tab-panel=\"acquisition\" hidden data-chunk=\"dashboard-acquisition-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Acquisition analytics panel: traffic channels breakdown.\"\n data-chunk-keywords=\"acquisition traffic channels marketing campaigns source referrals\"\n data-chunk-related=\"dashboard-overview-panel, dashboard-audience-panel, dashboard-conversion-panel\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"panel\">\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-traffic-channels\">\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>\n </div>\n <!-- /acquisition -->\n\n <!-- ═══════════════════════ BEHAVIOR TAB ═══════════════════════ -->\n <div data-tab-panel=\"behavior\" hidden data-chunk=\"dashboard-behavior-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Behavior analytics panel: user behavior metrics and events.\"\n data-chunk-keywords=\"behavior events user interactions engagement actions\"\n data-chunk-related=\"dashboard-overview-panel, dashboard-audience-panel, dashboard-acquisition-panel\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"panel\">\n <grid-ui data-chunk=\"dashboard-pages-table\">\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /behavior -->\n\n <!-- ═══════════════════════ CONVERSION TAB ═══════════════════════ -->\n <div data-tab-panel=\"conversion\" hidden data-chunk=\"dashboard-conversion-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Conversion analytics panel: funnel + goals.\"\n data-chunk-keywords=\"conversion funnel goals checkout signup purchases revenue\"\n data-chunk-related=\"dashboard-acquisition-panel, dashboard-reports-panel\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"panel\">\n <grid-ui data-chunk=\"dashboard-funnel\">\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <grid-ui data-chunk=\"dashboard-cohort-retention\">\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /conversion -->\n\n <!-- ═══════════════════════ REPORTS TAB ═══════════════════════ -->\n <div data-tab-panel=\"reports\" hidden data-chunk=\"dashboard-reports-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Reports panel: saved/scheduled report list.\"\n data-chunk-keywords=\"reports analytics scheduled exports saved insights\"\n data-chunk-related=\"dashboard-overview-panel, dashboard-conversion-panel\"\n data-chunk-tags-complexity=\"moderate\"\n data-chunk-tags-layout=\"panel\">\n <grid-ui data-chunk=\"dashboard-reports-table\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /reports -->\n\n <!-- ═══════════════════════ NOTIFICATIONS TAB ═══════════════════════ -->\n <div data-tab-panel=\"notifications\" hidden data-chunk=\"dashboard-notifications-panel\" data-chunk-kind=\"panel\"\n data-chunk-domain=\"dashboard\"\n data-chunk-description=\"Notifications panel: recent alerts and notifications list.\"\n data-chunk-keywords=\"notifications alerts events feed updates messages\"\n data-chunk-related=\"dashboard-team-actions-storage\"\n data-chunk-tags-complexity=\"simple\"\n data-chunk-tags-layout=\"panel\">\n <grid-ui data-chunk=\"dashboard-notifications-feed\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /notifications -->\n </div>\n </section>"
16
16
  }
17
17
  ],
18
18
  "nested": [
@@ -21,6 +21,7 @@
21
21
  "dashboard-overview-panel",
22
22
  "dashboard-kpi-grid",
23
23
  "dashboard-chart-recent",
24
+ "card-header-with-description",
24
25
  "dashboard-spark-cards",
25
26
  "dashboard-transactions-table",
26
27
  "dashboard-team-actions-storage",
@@ -46,5 +47,2879 @@
46
47
  "attrs": {},
47
48
  "html": "<article>\n <div data-content-header data-chunk-slot=\"page-header\">\n <header><!-- nested: dashboard-page-header --></header>\n </div>\n\n <div data-content-body data-chunk-slot=\"page-content\">\n <section>\n <div data-dashboard-content>\n <div data-tab-panel=\"overview\"><!-- nested: dashboard-overview-panel --></div>\n <!-- /overview -->\n\n <!-- ═══════════════════════ AUDIENCE TAB ═══════════════════════ -->\n <div data-tab-panel=\"audience\" hidden><!-- nested: dashboard-audience-panel --></div>\n <!-- /audience -->\n\n <!-- ═══════════════════════ ACQUISITION TAB ═══════════════════════ -->\n <div data-tab-panel=\"acquisition\" hidden><!-- nested: dashboard-acquisition-panel --></div>\n <!-- /acquisition -->\n\n <!-- ═══════════════════════ BEHAVIOR TAB ═══════════════════════ -->\n <div data-tab-panel=\"behavior\" hidden><!-- nested: dashboard-behavior-panel --></div>\n <!-- /behavior -->\n\n <!-- ═══════════════════════ CONVERSION TAB ═══════════════════════ -->\n <div data-tab-panel=\"conversion\" hidden><!-- nested: dashboard-conversion-panel --></div>\n <!-- /conversion -->\n\n <!-- ═══════════════════════ REPORTS TAB ═══════════════════════ -->\n <div data-tab-panel=\"reports\" hidden><!-- nested: dashboard-reports-panel --></div>\n <!-- /reports -->\n\n <!-- ═══════════════════════ NOTIFICATIONS TAB ═══════════════════════ -->\n <div data-tab-panel=\"notifications\" hidden><!-- nested: dashboard-notifications-panel --></div>\n <!-- /notifications -->\n </div>\n </section>\n </div>\n</article>",
48
49
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
49
- "captured_at": "2026-05-11T18:22:09.722Z"
50
+ "metadata": {
51
+ "domain": "dashboard",
52
+ "description": "Admin dashboard page with tabbed analytics panels (overview, audience, acquisition, behavior, conversion, reports, notifications). Top-level surface for SaaS admin monitoring.",
53
+ "keywords": [
54
+ "admin",
55
+ "dashboard",
56
+ "analytics",
57
+ "overview",
58
+ "metrics",
59
+ "tabs",
60
+ "panels",
61
+ "saas",
62
+ "monitoring"
63
+ ],
64
+ "related": [
65
+ "dashboard-overview-panel",
66
+ "dashboard-audience-panel",
67
+ "dashboard-acquisition-panel",
68
+ "dashboard-behavior-panel"
69
+ ],
70
+ "tags": {
71
+ "complexity": "complex",
72
+ "layout": "page"
73
+ }
74
+ },
75
+ "captured_at": "2026-05-12T13:16:54.281Z",
76
+ "template": [
77
+ {
78
+ "id": "text",
79
+ "component": "Text",
80
+ "variant": "h1",
81
+ "textContent": "Dashboard",
82
+ "data-heading": "section"
83
+ },
84
+ {
85
+ "id": "button",
86
+ "component": "Button"
87
+ },
88
+ {
89
+ "id": "button-2",
90
+ "component": "Button"
91
+ },
92
+ {
93
+ "id": "column",
94
+ "component": "Column",
95
+ "data-actions": "",
96
+ "children": [
97
+ "button",
98
+ "button-2"
99
+ ]
100
+ },
101
+ {
102
+ "id": "header-3",
103
+ "component": "Header",
104
+ "children": [
105
+ "text"
106
+ ]
107
+ },
108
+ {
109
+ "id": "column-2",
110
+ "component": "Column",
111
+ "children": [
112
+ "column"
113
+ ]
114
+ },
115
+ {
116
+ "id": "section",
117
+ "component": "Section",
118
+ "children": [
119
+ "column-2"
120
+ ]
121
+ },
122
+ {
123
+ "id": "card-2",
124
+ "component": "Card",
125
+ "children": [
126
+ "header-3",
127
+ "section"
128
+ ]
129
+ },
130
+ {
131
+ "id": "text-2",
132
+ "component": "Text",
133
+ "variant": "body",
134
+ "textContent": "Welcome back. Here's what's happening."
135
+ },
136
+ {
137
+ "id": "tab",
138
+ "component": "Tab"
139
+ },
140
+ {
141
+ "id": "tab-2",
142
+ "component": "Tab"
143
+ },
144
+ {
145
+ "id": "tab-3",
146
+ "component": "Tab"
147
+ },
148
+ {
149
+ "id": "tab-4",
150
+ "component": "Tab"
151
+ },
152
+ {
153
+ "id": "tab-5",
154
+ "component": "Tab"
155
+ },
156
+ {
157
+ "id": "tab-6",
158
+ "component": "Tab"
159
+ },
160
+ {
161
+ "id": "tab-7",
162
+ "component": "Tab"
163
+ },
164
+ {
165
+ "id": "tabs-2",
166
+ "component": "Tabs",
167
+ "children": [
168
+ "tab",
169
+ "tab-2",
170
+ "tab-3",
171
+ "tab-4",
172
+ "tab-5",
173
+ "tab-6",
174
+ "tab-7"
175
+ ]
176
+ },
177
+ {
178
+ "id": "tabs",
179
+ "component": "Tabs",
180
+ "children": [
181
+ "tabs-2"
182
+ ]
183
+ },
184
+ {
185
+ "id": "header-2",
186
+ "component": "Header",
187
+ "children": [
188
+ "card-2",
189
+ "text-2",
190
+ "tabs"
191
+ ]
192
+ },
193
+ {
194
+ "id": "header",
195
+ "component": "Header",
196
+ "children": [
197
+ "header-2"
198
+ ]
199
+ },
200
+ {
201
+ "id": "card",
202
+ "component": "Card",
203
+ "data-content-header": "",
204
+ "data-chunk-slot": "page-header",
205
+ "children": [
206
+ "header"
207
+ ]
208
+ },
209
+ {
210
+ "id": "stat",
211
+ "component": "Stat"
212
+ },
213
+ {
214
+ "id": "section-3",
215
+ "component": "Section",
216
+ "children": [
217
+ "column-7"
218
+ ]
219
+ },
220
+ {
221
+ "id": "column-7",
222
+ "component": "Column",
223
+ "children": [
224
+ "stat"
225
+ ]
226
+ },
227
+ {
228
+ "id": "card-3",
229
+ "component": "Card",
230
+ "children": [
231
+ "section-3"
232
+ ]
233
+ },
234
+ {
235
+ "id": "stat-2",
236
+ "component": "Stat"
237
+ },
238
+ {
239
+ "id": "section-4",
240
+ "component": "Section",
241
+ "children": [
242
+ "column-8"
243
+ ]
244
+ },
245
+ {
246
+ "id": "column-8",
247
+ "component": "Column",
248
+ "children": [
249
+ "stat-2"
250
+ ]
251
+ },
252
+ {
253
+ "id": "card-4",
254
+ "component": "Card",
255
+ "children": [
256
+ "section-4"
257
+ ]
258
+ },
259
+ {
260
+ "id": "stat-3",
261
+ "component": "Stat"
262
+ },
263
+ {
264
+ "id": "section-5",
265
+ "component": "Section",
266
+ "children": [
267
+ "column-9"
268
+ ]
269
+ },
270
+ {
271
+ "id": "column-9",
272
+ "component": "Column",
273
+ "children": [
274
+ "stat-3"
275
+ ]
276
+ },
277
+ {
278
+ "id": "card-5",
279
+ "component": "Card",
280
+ "children": [
281
+ "section-5"
282
+ ]
283
+ },
284
+ {
285
+ "id": "stat-4",
286
+ "component": "Stat"
287
+ },
288
+ {
289
+ "id": "section-6",
290
+ "component": "Section",
291
+ "children": [
292
+ "column-10"
293
+ ]
294
+ },
295
+ {
296
+ "id": "column-10",
297
+ "component": "Column",
298
+ "children": [
299
+ "stat-4"
300
+ ]
301
+ },
302
+ {
303
+ "id": "card-6",
304
+ "component": "Card",
305
+ "children": [
306
+ "section-6"
307
+ ]
308
+ },
309
+ {
310
+ "id": "grid-2",
311
+ "component": "Grid",
312
+ "gap": "4",
313
+ "children": [
314
+ "card-3",
315
+ "card-4",
316
+ "card-5",
317
+ "card-6"
318
+ ]
319
+ },
320
+ {
321
+ "id": "grid",
322
+ "component": "Grid",
323
+ "gap": "4",
324
+ "children": [
325
+ "grid-2"
326
+ ]
327
+ },
328
+ {
329
+ "id": "text-3",
330
+ "component": "Text",
331
+ "variant": "h3",
332
+ "textContent": "Overview"
333
+ },
334
+ {
335
+ "id": "text-4",
336
+ "component": "Text",
337
+ "textContent": "Monthly revenue for 2026"
338
+ },
339
+ {
340
+ "id": "header-5",
341
+ "component": "Header",
342
+ "children": [
343
+ "text-3",
344
+ "text-4"
345
+ ]
346
+ },
347
+ {
348
+ "id": "header-4",
349
+ "component": "Header",
350
+ "children": [
351
+ "header-5"
352
+ ]
353
+ },
354
+ {
355
+ "id": "dash-overview",
356
+ "component": "Chart"
357
+ },
358
+ {
359
+ "id": "stat-5",
360
+ "component": "Stat"
361
+ },
362
+ {
363
+ "id": "section-8",
364
+ "component": "Section",
365
+ "children": [
366
+ "column-12"
367
+ ]
368
+ },
369
+ {
370
+ "id": "column-12",
371
+ "component": "Column",
372
+ "children": [
373
+ "stat-5"
374
+ ]
375
+ },
376
+ {
377
+ "id": "card-8",
378
+ "component": "Card",
379
+ "children": [
380
+ "section-8"
381
+ ]
382
+ },
383
+ {
384
+ "id": "stat-6",
385
+ "component": "Stat"
386
+ },
387
+ {
388
+ "id": "section-9",
389
+ "component": "Section",
390
+ "children": [
391
+ "column-13"
392
+ ]
393
+ },
394
+ {
395
+ "id": "column-13",
396
+ "component": "Column",
397
+ "children": [
398
+ "stat-6"
399
+ ]
400
+ },
401
+ {
402
+ "id": "card-9",
403
+ "component": "Card",
404
+ "children": [
405
+ "section-9"
406
+ ]
407
+ },
408
+ {
409
+ "id": "grid-5",
410
+ "component": "Grid",
411
+ "gap": "3",
412
+ "children": [
413
+ "card-8",
414
+ "card-9"
415
+ ]
416
+ },
417
+ {
418
+ "id": "column-11",
419
+ "component": "Column",
420
+ "children": [
421
+ "dash-overview",
422
+ "grid-5"
423
+ ]
424
+ },
425
+ {
426
+ "id": "section-7",
427
+ "component": "Section",
428
+ "children": [
429
+ "column-11"
430
+ ]
431
+ },
432
+ {
433
+ "id": "button-3",
434
+ "component": "Button"
435
+ },
436
+ {
437
+ "id": "footer",
438
+ "component": "Footer",
439
+ "children": [
440
+ "button-3"
441
+ ]
442
+ },
443
+ {
444
+ "id": "card-7",
445
+ "component": "Card",
446
+ "children": [
447
+ "header-4",
448
+ "section-7",
449
+ "footer"
450
+ ]
451
+ },
452
+ {
453
+ "id": "text-5",
454
+ "component": "Text",
455
+ "variant": "h3",
456
+ "textContent": "Recent Sales"
457
+ },
458
+ {
459
+ "id": "text-6",
460
+ "component": "Text",
461
+ "textContent": "You made 265 sales this month."
462
+ },
463
+ {
464
+ "id": "header-6",
465
+ "component": "Header",
466
+ "children": [
467
+ "text-5",
468
+ "text-6"
469
+ ]
470
+ },
471
+ {
472
+ "id": "avatar",
473
+ "component": "Avatar"
474
+ },
475
+ {
476
+ "id": "text-7",
477
+ "component": "Text",
478
+ "textContent": "Olivia Martin"
479
+ },
480
+ {
481
+ "id": "text-8",
482
+ "component": "Text",
483
+ "textContent": "+$1,999.00"
484
+ },
485
+ {
486
+ "id": "row-2",
487
+ "component": "Row",
488
+ "children": [
489
+ "text-7",
490
+ "text-8"
491
+ ]
492
+ },
493
+ {
494
+ "id": "text-9",
495
+ "component": "Text",
496
+ "textContent": "olivia.martin@email.com"
497
+ },
498
+ {
499
+ "id": "column-14",
500
+ "component": "Column",
501
+ "gap": "0",
502
+ "children": [
503
+ "row-2",
504
+ "text-9"
505
+ ]
506
+ },
507
+ {
508
+ "id": "row",
509
+ "component": "Row",
510
+ "gap": "2",
511
+ "children": [
512
+ "avatar",
513
+ "column-14"
514
+ ]
515
+ },
516
+ {
517
+ "id": "list-item",
518
+ "component": "ListItem",
519
+ "children": [
520
+ "row"
521
+ ]
522
+ },
523
+ {
524
+ "id": "avatar-2",
525
+ "component": "Avatar"
526
+ },
527
+ {
528
+ "id": "text-10",
529
+ "component": "Text",
530
+ "textContent": "Jackson Lee"
531
+ },
532
+ {
533
+ "id": "text-11",
534
+ "component": "Text",
535
+ "textContent": "+$39.00"
536
+ },
537
+ {
538
+ "id": "row-4",
539
+ "component": "Row",
540
+ "children": [
541
+ "text-10",
542
+ "text-11"
543
+ ]
544
+ },
545
+ {
546
+ "id": "text-12",
547
+ "component": "Text",
548
+ "textContent": "jackson.lee@email.com"
549
+ },
550
+ {
551
+ "id": "column-15",
552
+ "component": "Column",
553
+ "gap": "0",
554
+ "children": [
555
+ "row-4",
556
+ "text-12"
557
+ ]
558
+ },
559
+ {
560
+ "id": "row-3",
561
+ "component": "Row",
562
+ "gap": "2",
563
+ "children": [
564
+ "avatar-2",
565
+ "column-15"
566
+ ]
567
+ },
568
+ {
569
+ "id": "list-item-2",
570
+ "component": "ListItem",
571
+ "children": [
572
+ "row-3"
573
+ ]
574
+ },
575
+ {
576
+ "id": "avatar-3",
577
+ "component": "Avatar"
578
+ },
579
+ {
580
+ "id": "text-13",
581
+ "component": "Text",
582
+ "textContent": "Isabella Nguyen"
583
+ },
584
+ {
585
+ "id": "text-14",
586
+ "component": "Text",
587
+ "textContent": "+$299.00"
588
+ },
589
+ {
590
+ "id": "row-6",
591
+ "component": "Row",
592
+ "children": [
593
+ "text-13",
594
+ "text-14"
595
+ ]
596
+ },
597
+ {
598
+ "id": "text-15",
599
+ "component": "Text",
600
+ "textContent": "isabella.nguyen@email.com"
601
+ },
602
+ {
603
+ "id": "column-16",
604
+ "component": "Column",
605
+ "gap": "0",
606
+ "children": [
607
+ "row-6",
608
+ "text-15"
609
+ ]
610
+ },
611
+ {
612
+ "id": "row-5",
613
+ "component": "Row",
614
+ "gap": "2",
615
+ "children": [
616
+ "avatar-3",
617
+ "column-16"
618
+ ]
619
+ },
620
+ {
621
+ "id": "list-item-3",
622
+ "component": "ListItem",
623
+ "children": [
624
+ "row-5"
625
+ ]
626
+ },
627
+ {
628
+ "id": "avatar-4",
629
+ "component": "Avatar"
630
+ },
631
+ {
632
+ "id": "text-16",
633
+ "component": "Text",
634
+ "textContent": "William Kim"
635
+ },
636
+ {
637
+ "id": "text-17",
638
+ "component": "Text",
639
+ "textContent": "+$99.00"
640
+ },
641
+ {
642
+ "id": "row-8",
643
+ "component": "Row",
644
+ "children": [
645
+ "text-16",
646
+ "text-17"
647
+ ]
648
+ },
649
+ {
650
+ "id": "text-18",
651
+ "component": "Text",
652
+ "textContent": "will@email.com"
653
+ },
654
+ {
655
+ "id": "column-17",
656
+ "component": "Column",
657
+ "gap": "0",
658
+ "children": [
659
+ "row-8",
660
+ "text-18"
661
+ ]
662
+ },
663
+ {
664
+ "id": "row-7",
665
+ "component": "Row",
666
+ "gap": "2",
667
+ "children": [
668
+ "avatar-4",
669
+ "column-17"
670
+ ]
671
+ },
672
+ {
673
+ "id": "list-item-4",
674
+ "component": "ListItem",
675
+ "children": [
676
+ "row-7"
677
+ ]
678
+ },
679
+ {
680
+ "id": "avatar-5",
681
+ "component": "Avatar"
682
+ },
683
+ {
684
+ "id": "text-19",
685
+ "component": "Text",
686
+ "textContent": "Sofia Davis"
687
+ },
688
+ {
689
+ "id": "text-20",
690
+ "component": "Text",
691
+ "textContent": "+$39.00"
692
+ },
693
+ {
694
+ "id": "row-10",
695
+ "component": "Row",
696
+ "children": [
697
+ "text-19",
698
+ "text-20"
699
+ ]
700
+ },
701
+ {
702
+ "id": "text-21",
703
+ "component": "Text",
704
+ "textContent": "sofia.davis@email.com"
705
+ },
706
+ {
707
+ "id": "column-18",
708
+ "component": "Column",
709
+ "gap": "0",
710
+ "children": [
711
+ "row-10",
712
+ "text-21"
713
+ ]
714
+ },
715
+ {
716
+ "id": "row-9",
717
+ "component": "Row",
718
+ "gap": "2",
719
+ "children": [
720
+ "avatar-5",
721
+ "column-18"
722
+ ]
723
+ },
724
+ {
725
+ "id": "list-item-5",
726
+ "component": "ListItem",
727
+ "children": [
728
+ "row-9"
729
+ ]
730
+ },
731
+ {
732
+ "id": "list",
733
+ "component": "List",
734
+ "children": [
735
+ "list-item",
736
+ "list-item-2",
737
+ "list-item-3",
738
+ "list-item-4",
739
+ "list-item-5"
740
+ ]
741
+ },
742
+ {
743
+ "id": "section-10",
744
+ "component": "Section",
745
+ "children": [
746
+ "column-19"
747
+ ]
748
+ },
749
+ {
750
+ "id": "column-19",
751
+ "component": "Column",
752
+ "children": [
753
+ "list"
754
+ ]
755
+ },
756
+ {
757
+ "id": "card-10",
758
+ "component": "Card",
759
+ "children": [
760
+ "header-6",
761
+ "section-10"
762
+ ]
763
+ },
764
+ {
765
+ "id": "grid-4",
766
+ "component": "Grid",
767
+ "gap": "4",
768
+ "children": [
769
+ "card-7",
770
+ "card-10"
771
+ ]
772
+ },
773
+ {
774
+ "id": "grid-3",
775
+ "component": "Grid",
776
+ "gap": "4",
777
+ "children": [
778
+ "grid-4"
779
+ ]
780
+ },
781
+ {
782
+ "id": "text-22",
783
+ "component": "Text",
784
+ "variant": "h3",
785
+ "textContent": "Page Views"
786
+ },
787
+ {
788
+ "id": "text-23",
789
+ "component": "Text",
790
+ "textContent": "84,232"
791
+ },
792
+ {
793
+ "id": "header-7",
794
+ "component": "Header",
795
+ "children": [
796
+ "text-22",
797
+ "text-23"
798
+ ]
799
+ },
800
+ {
801
+ "id": "dash-spark-views",
802
+ "component": "Chart"
803
+ },
804
+ {
805
+ "id": "section-11",
806
+ "component": "Section",
807
+ "children": [
808
+ "column-20"
809
+ ]
810
+ },
811
+ {
812
+ "id": "column-20",
813
+ "component": "Column",
814
+ "children": [
815
+ "dash-spark-views"
816
+ ]
817
+ },
818
+ {
819
+ "id": "card-11",
820
+ "component": "Card",
821
+ "children": [
822
+ "header-7",
823
+ "section-11"
824
+ ]
825
+ },
826
+ {
827
+ "id": "text-24",
828
+ "component": "Text",
829
+ "variant": "h3",
830
+ "textContent": "Bounce Rate"
831
+ },
832
+ {
833
+ "id": "text-25",
834
+ "component": "Text",
835
+ "textContent": "24.3%"
836
+ },
837
+ {
838
+ "id": "header-8",
839
+ "component": "Header",
840
+ "children": [
841
+ "text-24",
842
+ "text-25"
843
+ ]
844
+ },
845
+ {
846
+ "id": "dash-spark-bounce",
847
+ "component": "Chart"
848
+ },
849
+ {
850
+ "id": "section-12",
851
+ "component": "Section",
852
+ "children": [
853
+ "column-21"
854
+ ]
855
+ },
856
+ {
857
+ "id": "column-21",
858
+ "component": "Column",
859
+ "children": [
860
+ "dash-spark-bounce"
861
+ ]
862
+ },
863
+ {
864
+ "id": "card-12",
865
+ "component": "Card",
866
+ "children": [
867
+ "header-8",
868
+ "section-12"
869
+ ]
870
+ },
871
+ {
872
+ "id": "text-26",
873
+ "component": "Text",
874
+ "variant": "h3",
875
+ "textContent": "Session Duration"
876
+ },
877
+ {
878
+ "id": "text-27",
879
+ "component": "Text",
880
+ "textContent": "4m 32s"
881
+ },
882
+ {
883
+ "id": "header-9",
884
+ "component": "Header",
885
+ "children": [
886
+ "text-26",
887
+ "text-27"
888
+ ]
889
+ },
890
+ {
891
+ "id": "dash-spark-duration",
892
+ "component": "Chart"
893
+ },
894
+ {
895
+ "id": "section-13",
896
+ "component": "Section",
897
+ "children": [
898
+ "column-22"
899
+ ]
900
+ },
901
+ {
902
+ "id": "column-22",
903
+ "component": "Column",
904
+ "children": [
905
+ "dash-spark-duration"
906
+ ]
907
+ },
908
+ {
909
+ "id": "card-13",
910
+ "component": "Card",
911
+ "children": [
912
+ "header-9",
913
+ "section-13"
914
+ ]
915
+ },
916
+ {
917
+ "id": "text-28",
918
+ "component": "Text",
919
+ "variant": "h3",
920
+ "textContent": "Conversion"
921
+ },
922
+ {
923
+ "id": "text-29",
924
+ "component": "Text",
925
+ "textContent": "3.2%"
926
+ },
927
+ {
928
+ "id": "header-10",
929
+ "component": "Header",
930
+ "children": [
931
+ "text-28",
932
+ "text-29"
933
+ ]
934
+ },
935
+ {
936
+ "id": "dash-spark-conv",
937
+ "component": "Chart"
938
+ },
939
+ {
940
+ "id": "section-14",
941
+ "component": "Section",
942
+ "children": [
943
+ "column-23"
944
+ ]
945
+ },
946
+ {
947
+ "id": "column-23",
948
+ "component": "Column",
949
+ "children": [
950
+ "dash-spark-conv"
951
+ ]
952
+ },
953
+ {
954
+ "id": "card-14",
955
+ "component": "Card",
956
+ "children": [
957
+ "header-10",
958
+ "section-14"
959
+ ]
960
+ },
961
+ {
962
+ "id": "grid-7",
963
+ "component": "Grid",
964
+ "gap": "4",
965
+ "children": [
966
+ "card-11",
967
+ "card-12",
968
+ "card-13",
969
+ "card-14"
970
+ ]
971
+ },
972
+ {
973
+ "id": "grid-6",
974
+ "component": "Grid",
975
+ "gap": "4",
976
+ "children": [
977
+ "grid-7"
978
+ ]
979
+ },
980
+ {
981
+ "id": "text-30",
982
+ "component": "Text",
983
+ "variant": "h3",
984
+ "textContent": "Recent Transactions"
985
+ },
986
+ {
987
+ "id": "text-31",
988
+ "component": "Text",
989
+ "textContent": "Manage and track recent customer orders"
990
+ },
991
+ {
992
+ "id": "text-32",
993
+ "component": "Text",
994
+ "variant": "body"
995
+ },
996
+ {
997
+ "id": "header-11",
998
+ "component": "Header",
999
+ "children": [
1000
+ "text-30",
1001
+ "text-31",
1002
+ "text-32"
1003
+ ]
1004
+ },
1005
+ {
1006
+ "id": "dash-transactions",
1007
+ "component": "Table"
1008
+ },
1009
+ {
1010
+ "id": "section-15",
1011
+ "component": "Section",
1012
+ "data-tx-surface": "",
1013
+ "children": [
1014
+ "column-24"
1015
+ ]
1016
+ },
1017
+ {
1018
+ "id": "column-24",
1019
+ "component": "Column",
1020
+ "children": [
1021
+ "dash-transactions"
1022
+ ]
1023
+ },
1024
+ {
1025
+ "id": "card-15",
1026
+ "component": "Card",
1027
+ "children": [
1028
+ "header-11",
1029
+ "section-15"
1030
+ ]
1031
+ },
1032
+ {
1033
+ "id": "grid-9",
1034
+ "component": "Grid",
1035
+ "children": [
1036
+ "card-15"
1037
+ ]
1038
+ },
1039
+ {
1040
+ "id": "grid-8",
1041
+ "component": "Grid",
1042
+ "children": [
1043
+ "grid-9"
1044
+ ]
1045
+ },
1046
+ {
1047
+ "id": "text-33",
1048
+ "component": "Text",
1049
+ "variant": "h3",
1050
+ "textContent": "Team Members"
1051
+ },
1052
+ {
1053
+ "id": "text-34",
1054
+ "component": "Text",
1055
+ "textContent": "Your active collaborators"
1056
+ },
1057
+ {
1058
+ "id": "header-12",
1059
+ "component": "Header",
1060
+ "children": [
1061
+ "text-33",
1062
+ "text-34"
1063
+ ]
1064
+ },
1065
+ {
1066
+ "id": "avatar-6",
1067
+ "component": "Avatar"
1068
+ },
1069
+ {
1070
+ "id": "text-35",
1071
+ "component": "Text",
1072
+ "textContent": "Alex Chen"
1073
+ },
1074
+ {
1075
+ "id": "badge",
1076
+ "component": "Badge"
1077
+ },
1078
+ {
1079
+ "id": "row-12",
1080
+ "component": "Row",
1081
+ "gap": "0",
1082
+ "children": [
1083
+ "text-35",
1084
+ "badge"
1085
+ ]
1086
+ },
1087
+ {
1088
+ "id": "text-36",
1089
+ "component": "Text",
1090
+ "textContent": "Engineering Lead"
1091
+ },
1092
+ {
1093
+ "id": "column-25",
1094
+ "component": "Column",
1095
+ "gap": "0",
1096
+ "children": [
1097
+ "row-12",
1098
+ "text-36"
1099
+ ]
1100
+ },
1101
+ {
1102
+ "id": "row-11",
1103
+ "component": "Row",
1104
+ "gap": "2",
1105
+ "children": [
1106
+ "avatar-6",
1107
+ "column-25"
1108
+ ]
1109
+ },
1110
+ {
1111
+ "id": "list-item-6",
1112
+ "component": "ListItem",
1113
+ "children": [
1114
+ "row-11"
1115
+ ]
1116
+ },
1117
+ {
1118
+ "id": "avatar-7",
1119
+ "component": "Avatar"
1120
+ },
1121
+ {
1122
+ "id": "text-37",
1123
+ "component": "Text",
1124
+ "textContent": "Sarah Miller"
1125
+ },
1126
+ {
1127
+ "id": "badge-2",
1128
+ "component": "Badge"
1129
+ },
1130
+ {
1131
+ "id": "row-14",
1132
+ "component": "Row",
1133
+ "gap": "0",
1134
+ "children": [
1135
+ "text-37",
1136
+ "badge-2"
1137
+ ]
1138
+ },
1139
+ {
1140
+ "id": "text-38",
1141
+ "component": "Text",
1142
+ "textContent": "Product Designer"
1143
+ },
1144
+ {
1145
+ "id": "column-26",
1146
+ "component": "Column",
1147
+ "gap": "0",
1148
+ "children": [
1149
+ "row-14",
1150
+ "text-38"
1151
+ ]
1152
+ },
1153
+ {
1154
+ "id": "row-13",
1155
+ "component": "Row",
1156
+ "gap": "2",
1157
+ "children": [
1158
+ "avatar-7",
1159
+ "column-26"
1160
+ ]
1161
+ },
1162
+ {
1163
+ "id": "list-item-7",
1164
+ "component": "ListItem",
1165
+ "children": [
1166
+ "row-13"
1167
+ ]
1168
+ },
1169
+ {
1170
+ "id": "avatar-8",
1171
+ "component": "Avatar"
1172
+ },
1173
+ {
1174
+ "id": "text-39",
1175
+ "component": "Text",
1176
+ "textContent": "James Park"
1177
+ },
1178
+ {
1179
+ "id": "badge-3",
1180
+ "component": "Badge"
1181
+ },
1182
+ {
1183
+ "id": "row-16",
1184
+ "component": "Row",
1185
+ "gap": "0",
1186
+ "children": [
1187
+ "text-39",
1188
+ "badge-3"
1189
+ ]
1190
+ },
1191
+ {
1192
+ "id": "text-40",
1193
+ "component": "Text",
1194
+ "textContent": "Backend Engineer"
1195
+ },
1196
+ {
1197
+ "id": "column-27",
1198
+ "component": "Column",
1199
+ "gap": "0",
1200
+ "children": [
1201
+ "row-16",
1202
+ "text-40"
1203
+ ]
1204
+ },
1205
+ {
1206
+ "id": "row-15",
1207
+ "component": "Row",
1208
+ "gap": "2",
1209
+ "children": [
1210
+ "avatar-8",
1211
+ "column-27"
1212
+ ]
1213
+ },
1214
+ {
1215
+ "id": "list-item-8",
1216
+ "component": "ListItem",
1217
+ "children": [
1218
+ "row-15"
1219
+ ]
1220
+ },
1221
+ {
1222
+ "id": "avatar-9",
1223
+ "component": "Avatar"
1224
+ },
1225
+ {
1226
+ "id": "text-41",
1227
+ "component": "Text",
1228
+ "textContent": "Maria Lopez"
1229
+ },
1230
+ {
1231
+ "id": "badge-4",
1232
+ "component": "Badge"
1233
+ },
1234
+ {
1235
+ "id": "row-18",
1236
+ "component": "Row",
1237
+ "gap": "0",
1238
+ "children": [
1239
+ "text-41",
1240
+ "badge-4"
1241
+ ]
1242
+ },
1243
+ {
1244
+ "id": "text-42",
1245
+ "component": "Text",
1246
+ "textContent": "Data Analyst"
1247
+ },
1248
+ {
1249
+ "id": "column-28",
1250
+ "component": "Column",
1251
+ "gap": "0",
1252
+ "children": [
1253
+ "row-18",
1254
+ "text-42"
1255
+ ]
1256
+ },
1257
+ {
1258
+ "id": "row-17",
1259
+ "component": "Row",
1260
+ "gap": "2",
1261
+ "children": [
1262
+ "avatar-9",
1263
+ "column-28"
1264
+ ]
1265
+ },
1266
+ {
1267
+ "id": "list-item-9",
1268
+ "component": "ListItem",
1269
+ "children": [
1270
+ "row-17"
1271
+ ]
1272
+ },
1273
+ {
1274
+ "id": "list-2",
1275
+ "component": "List",
1276
+ "children": [
1277
+ "list-item-6",
1278
+ "list-item-7",
1279
+ "list-item-8",
1280
+ "list-item-9"
1281
+ ]
1282
+ },
1283
+ {
1284
+ "id": "section-16",
1285
+ "component": "Section",
1286
+ "children": [
1287
+ "column-29"
1288
+ ]
1289
+ },
1290
+ {
1291
+ "id": "column-29",
1292
+ "component": "Column",
1293
+ "children": [
1294
+ "list-2"
1295
+ ]
1296
+ },
1297
+ {
1298
+ "id": "card-17",
1299
+ "component": "Card",
1300
+ "children": [
1301
+ "header-12",
1302
+ "section-16"
1303
+ ]
1304
+ },
1305
+ {
1306
+ "id": "column-30",
1307
+ "component": "Column",
1308
+ "children": [
1309
+ "card-17"
1310
+ ]
1311
+ },
1312
+ {
1313
+ "id": "section-17",
1314
+ "component": "Section",
1315
+ "children": [
1316
+ "column-30"
1317
+ ]
1318
+ },
1319
+ {
1320
+ "id": "card-16",
1321
+ "component": "Card",
1322
+ "children": [
1323
+ "section-17"
1324
+ ]
1325
+ },
1326
+ {
1327
+ "id": "text-43",
1328
+ "component": "Text",
1329
+ "variant": "h3",
1330
+ "textContent": "Quick Actions"
1331
+ },
1332
+ {
1333
+ "id": "header-13",
1334
+ "component": "Header",
1335
+ "children": [
1336
+ "text-43"
1337
+ ]
1338
+ },
1339
+ {
1340
+ "id": "action-item",
1341
+ "component": "ActionItem"
1342
+ },
1343
+ {
1344
+ "id": "action-item-2",
1345
+ "component": "ActionItem"
1346
+ },
1347
+ {
1348
+ "id": "action-item-3",
1349
+ "component": "ActionItem"
1350
+ },
1351
+ {
1352
+ "id": "action-item-4",
1353
+ "component": "ActionItem"
1354
+ },
1355
+ {
1356
+ "id": "action-item-5",
1357
+ "component": "ActionItem"
1358
+ },
1359
+ {
1360
+ "id": "action-item-6",
1361
+ "component": "ActionItem"
1362
+ },
1363
+ {
1364
+ "id": "action-list",
1365
+ "component": "ActionList",
1366
+ "children": [
1367
+ "action-item",
1368
+ "action-item-2",
1369
+ "action-item-3",
1370
+ "action-item-4",
1371
+ "action-item-5",
1372
+ "action-item-6"
1373
+ ]
1374
+ },
1375
+ {
1376
+ "id": "section-18",
1377
+ "component": "Section",
1378
+ "children": [
1379
+ "column-31"
1380
+ ]
1381
+ },
1382
+ {
1383
+ "id": "column-31",
1384
+ "component": "Column",
1385
+ "children": [
1386
+ "action-list"
1387
+ ]
1388
+ },
1389
+ {
1390
+ "id": "card-19",
1391
+ "component": "Card",
1392
+ "children": [
1393
+ "header-13",
1394
+ "section-18"
1395
+ ]
1396
+ },
1397
+ {
1398
+ "id": "column-32",
1399
+ "component": "Column",
1400
+ "children": [
1401
+ "card-19"
1402
+ ]
1403
+ },
1404
+ {
1405
+ "id": "section-19",
1406
+ "component": "Section",
1407
+ "children": [
1408
+ "column-32"
1409
+ ]
1410
+ },
1411
+ {
1412
+ "id": "card-18",
1413
+ "component": "Card",
1414
+ "children": [
1415
+ "section-19"
1416
+ ]
1417
+ },
1418
+ {
1419
+ "id": "text-44",
1420
+ "component": "Text",
1421
+ "variant": "h3",
1422
+ "textContent": "Storage"
1423
+ },
1424
+ {
1425
+ "id": "text-45",
1426
+ "component": "Text",
1427
+ "textContent": "75% of 100 GB used"
1428
+ },
1429
+ {
1430
+ "id": "header-14",
1431
+ "component": "Header",
1432
+ "children": [
1433
+ "text-44",
1434
+ "text-45"
1435
+ ]
1436
+ },
1437
+ {
1438
+ "id": "column-34",
1439
+ "component": "Column"
1440
+ },
1441
+ {
1442
+ "id": "column-35",
1443
+ "component": "Column"
1444
+ },
1445
+ {
1446
+ "id": "column-36",
1447
+ "component": "Column"
1448
+ },
1449
+ {
1450
+ "id": "column-37",
1451
+ "component": "Column"
1452
+ },
1453
+ {
1454
+ "id": "column-33",
1455
+ "component": "Column",
1456
+ "gap": "2",
1457
+ "children": [
1458
+ "column-34",
1459
+ "column-35",
1460
+ "column-36",
1461
+ "column-37"
1462
+ ]
1463
+ },
1464
+ {
1465
+ "id": "section-20",
1466
+ "component": "Section",
1467
+ "children": [
1468
+ "column-33"
1469
+ ]
1470
+ },
1471
+ {
1472
+ "id": "button-4",
1473
+ "component": "Button"
1474
+ },
1475
+ {
1476
+ "id": "footer-2",
1477
+ "component": "Footer",
1478
+ "children": [
1479
+ "button-4"
1480
+ ]
1481
+ },
1482
+ {
1483
+ "id": "card-21",
1484
+ "component": "Card",
1485
+ "children": [
1486
+ "header-14",
1487
+ "section-20",
1488
+ "footer-2"
1489
+ ]
1490
+ },
1491
+ {
1492
+ "id": "column-38",
1493
+ "component": "Column",
1494
+ "children": [
1495
+ "card-21"
1496
+ ]
1497
+ },
1498
+ {
1499
+ "id": "section-21",
1500
+ "component": "Section",
1501
+ "children": [
1502
+ "column-38"
1503
+ ]
1504
+ },
1505
+ {
1506
+ "id": "card-20",
1507
+ "component": "Card",
1508
+ "children": [
1509
+ "section-21"
1510
+ ]
1511
+ },
1512
+ {
1513
+ "id": "grid-11",
1514
+ "component": "Grid",
1515
+ "gap": "4",
1516
+ "children": [
1517
+ "card-16",
1518
+ "card-18",
1519
+ "card-20"
1520
+ ]
1521
+ },
1522
+ {
1523
+ "id": "grid-10",
1524
+ "component": "Grid",
1525
+ "gap": "4",
1526
+ "children": [
1527
+ "grid-11"
1528
+ ]
1529
+ },
1530
+ {
1531
+ "id": "column-6",
1532
+ "component": "Column",
1533
+ "data-tab-panel": "overview",
1534
+ "children": [
1535
+ "grid",
1536
+ "grid-3",
1537
+ "grid-6",
1538
+ "grid-8",
1539
+ "grid-10"
1540
+ ]
1541
+ },
1542
+ {
1543
+ "id": "column-5",
1544
+ "component": "Column",
1545
+ "data-tab-panel": "overview",
1546
+ "children": [
1547
+ "column-6"
1548
+ ]
1549
+ },
1550
+ {
1551
+ "id": "text-46",
1552
+ "component": "Text",
1553
+ "textContent": "Filters:"
1554
+ },
1555
+ {
1556
+ "id": "tag",
1557
+ "component": "Tag"
1558
+ },
1559
+ {
1560
+ "id": "tag-2",
1561
+ "component": "Tag"
1562
+ },
1563
+ {
1564
+ "id": "button-5",
1565
+ "component": "Button",
1566
+ "data-filter-add": ""
1567
+ },
1568
+ {
1569
+ "id": "text-47",
1570
+ "component": "Text",
1571
+ "variant": "body",
1572
+ "data-spacer": ""
1573
+ },
1574
+ {
1575
+ "id": "button-6",
1576
+ "component": "Button",
1577
+ "data-filter-clear": ""
1578
+ },
1579
+ {
1580
+ "id": "row-19",
1581
+ "component": "Row",
1582
+ "gap": "2",
1583
+ "data-filter-bar": "",
1584
+ "children": [
1585
+ "text-46",
1586
+ "tag",
1587
+ "tag-2",
1588
+ "button-5",
1589
+ "text-47",
1590
+ "button-6"
1591
+ ]
1592
+ },
1593
+ {
1594
+ "id": "section-22",
1595
+ "component": "Section",
1596
+ "children": [
1597
+ "column-41"
1598
+ ]
1599
+ },
1600
+ {
1601
+ "id": "column-41",
1602
+ "component": "Column",
1603
+ "children": [
1604
+ "row-19"
1605
+ ]
1606
+ },
1607
+ {
1608
+ "id": "card-22",
1609
+ "component": "Card",
1610
+ "children": [
1611
+ "section-22"
1612
+ ]
1613
+ },
1614
+ {
1615
+ "id": "grid-13",
1616
+ "component": "Grid",
1617
+ "children": [
1618
+ "card-22"
1619
+ ]
1620
+ },
1621
+ {
1622
+ "id": "grid-12",
1623
+ "component": "Grid",
1624
+ "children": [
1625
+ "grid-13"
1626
+ ]
1627
+ },
1628
+ {
1629
+ "id": "stat-7",
1630
+ "component": "Stat"
1631
+ },
1632
+ {
1633
+ "id": "section-23",
1634
+ "component": "Section",
1635
+ "children": [
1636
+ "column-42"
1637
+ ]
1638
+ },
1639
+ {
1640
+ "id": "column-42",
1641
+ "component": "Column",
1642
+ "children": [
1643
+ "stat-7"
1644
+ ]
1645
+ },
1646
+ {
1647
+ "id": "card-23",
1648
+ "component": "Card",
1649
+ "children": [
1650
+ "section-23"
1651
+ ]
1652
+ },
1653
+ {
1654
+ "id": "stat-8",
1655
+ "component": "Stat"
1656
+ },
1657
+ {
1658
+ "id": "section-24",
1659
+ "component": "Section",
1660
+ "children": [
1661
+ "column-43"
1662
+ ]
1663
+ },
1664
+ {
1665
+ "id": "column-43",
1666
+ "component": "Column",
1667
+ "children": [
1668
+ "stat-8"
1669
+ ]
1670
+ },
1671
+ {
1672
+ "id": "card-24",
1673
+ "component": "Card",
1674
+ "children": [
1675
+ "section-24"
1676
+ ]
1677
+ },
1678
+ {
1679
+ "id": "stat-9",
1680
+ "component": "Stat"
1681
+ },
1682
+ {
1683
+ "id": "section-25",
1684
+ "component": "Section",
1685
+ "children": [
1686
+ "column-44"
1687
+ ]
1688
+ },
1689
+ {
1690
+ "id": "column-44",
1691
+ "component": "Column",
1692
+ "children": [
1693
+ "stat-9"
1694
+ ]
1695
+ },
1696
+ {
1697
+ "id": "card-25",
1698
+ "component": "Card",
1699
+ "children": [
1700
+ "section-25"
1701
+ ]
1702
+ },
1703
+ {
1704
+ "id": "stat-10",
1705
+ "component": "Stat"
1706
+ },
1707
+ {
1708
+ "id": "section-26",
1709
+ "component": "Section",
1710
+ "children": [
1711
+ "column-45"
1712
+ ]
1713
+ },
1714
+ {
1715
+ "id": "column-45",
1716
+ "component": "Column",
1717
+ "children": [
1718
+ "stat-10"
1719
+ ]
1720
+ },
1721
+ {
1722
+ "id": "card-26",
1723
+ "component": "Card",
1724
+ "children": [
1725
+ "section-26"
1726
+ ]
1727
+ },
1728
+ {
1729
+ "id": "grid-15",
1730
+ "component": "Grid",
1731
+ "gap": "4",
1732
+ "children": [
1733
+ "card-23",
1734
+ "card-24",
1735
+ "card-25",
1736
+ "card-26"
1737
+ ]
1738
+ },
1739
+ {
1740
+ "id": "grid-14",
1741
+ "component": "Grid",
1742
+ "gap": "4",
1743
+ "children": [
1744
+ "grid-15"
1745
+ ]
1746
+ },
1747
+ {
1748
+ "id": "text-48",
1749
+ "component": "Text",
1750
+ "variant": "h3",
1751
+ "textContent": "Top countries"
1752
+ },
1753
+ {
1754
+ "id": "text-49",
1755
+ "component": "Text",
1756
+ "textContent": "Sessions by geography"
1757
+ },
1758
+ {
1759
+ "id": "header-15",
1760
+ "component": "Header",
1761
+ "children": [
1762
+ "text-48",
1763
+ "text-49"
1764
+ ]
1765
+ },
1766
+ {
1767
+ "id": "text-50",
1768
+ "component": "Text",
1769
+ "textContent": "🇺🇸"
1770
+ },
1771
+ {
1772
+ "id": "text-51",
1773
+ "component": "Text",
1774
+ "textContent": "United States"
1775
+ },
1776
+ {
1777
+ "id": "text-52",
1778
+ "component": "Text",
1779
+ "textContent": "14,320"
1780
+ },
1781
+ {
1782
+ "id": "text-53",
1783
+ "component": "Text",
1784
+ "textContent": "50.4%"
1785
+ },
1786
+ {
1787
+ "id": "row-20",
1788
+ "component": "Row",
1789
+ "gap": "3",
1790
+ "children": [
1791
+ "text-50",
1792
+ "text-51",
1793
+ "text-52",
1794
+ "text-53"
1795
+ ]
1796
+ },
1797
+ {
1798
+ "id": "list-item-10",
1799
+ "component": "ListItem",
1800
+ "children": [
1801
+ "row-20"
1802
+ ]
1803
+ },
1804
+ {
1805
+ "id": "text-54",
1806
+ "component": "Text",
1807
+ "textContent": "🇩🇪"
1808
+ },
1809
+ {
1810
+ "id": "text-55",
1811
+ "component": "Text",
1812
+ "textContent": "Germany"
1813
+ },
1814
+ {
1815
+ "id": "text-56",
1816
+ "component": "Text",
1817
+ "textContent": "3,892"
1818
+ },
1819
+ {
1820
+ "id": "text-57",
1821
+ "component": "Text",
1822
+ "textContent": "13.7%"
1823
+ },
1824
+ {
1825
+ "id": "row-21",
1826
+ "component": "Row",
1827
+ "gap": "3",
1828
+ "children": [
1829
+ "text-54",
1830
+ "text-55",
1831
+ "text-56",
1832
+ "text-57"
1833
+ ]
1834
+ },
1835
+ {
1836
+ "id": "list-item-11",
1837
+ "component": "ListItem",
1838
+ "children": [
1839
+ "row-21"
1840
+ ]
1841
+ },
1842
+ {
1843
+ "id": "text-58",
1844
+ "component": "Text",
1845
+ "textContent": "🇬🇧"
1846
+ },
1847
+ {
1848
+ "id": "text-59",
1849
+ "component": "Text",
1850
+ "textContent": "United Kingdom"
1851
+ },
1852
+ {
1853
+ "id": "text-60",
1854
+ "component": "Text",
1855
+ "textContent": "2,841"
1856
+ },
1857
+ {
1858
+ "id": "text-61",
1859
+ "component": "Text",
1860
+ "textContent": "10.0%"
1861
+ },
1862
+ {
1863
+ "id": "row-22",
1864
+ "component": "Row",
1865
+ "gap": "3",
1866
+ "children": [
1867
+ "text-58",
1868
+ "text-59",
1869
+ "text-60",
1870
+ "text-61"
1871
+ ]
1872
+ },
1873
+ {
1874
+ "id": "list-item-12",
1875
+ "component": "ListItem",
1876
+ "children": [
1877
+ "row-22"
1878
+ ]
1879
+ },
1880
+ {
1881
+ "id": "text-62",
1882
+ "component": "Text",
1883
+ "textContent": "🇯🇵"
1884
+ },
1885
+ {
1886
+ "id": "text-63",
1887
+ "component": "Text",
1888
+ "textContent": "Japan"
1889
+ },
1890
+ {
1891
+ "id": "text-64",
1892
+ "component": "Text",
1893
+ "textContent": "1,920"
1894
+ },
1895
+ {
1896
+ "id": "text-65",
1897
+ "component": "Text",
1898
+ "textContent": "6.8%"
1899
+ },
1900
+ {
1901
+ "id": "row-23",
1902
+ "component": "Row",
1903
+ "gap": "3",
1904
+ "children": [
1905
+ "text-62",
1906
+ "text-63",
1907
+ "text-64",
1908
+ "text-65"
1909
+ ]
1910
+ },
1911
+ {
1912
+ "id": "list-item-13",
1913
+ "component": "ListItem",
1914
+ "children": [
1915
+ "row-23"
1916
+ ]
1917
+ },
1918
+ {
1919
+ "id": "text-66",
1920
+ "component": "Text",
1921
+ "textContent": "🇨🇦"
1922
+ },
1923
+ {
1924
+ "id": "text-67",
1925
+ "component": "Text",
1926
+ "textContent": "Canada"
1927
+ },
1928
+ {
1929
+ "id": "text-68",
1930
+ "component": "Text",
1931
+ "textContent": "1,450"
1932
+ },
1933
+ {
1934
+ "id": "text-69",
1935
+ "component": "Text",
1936
+ "textContent": "5.1%"
1937
+ },
1938
+ {
1939
+ "id": "row-24",
1940
+ "component": "Row",
1941
+ "gap": "3",
1942
+ "children": [
1943
+ "text-66",
1944
+ "text-67",
1945
+ "text-68",
1946
+ "text-69"
1947
+ ]
1948
+ },
1949
+ {
1950
+ "id": "list-item-14",
1951
+ "component": "ListItem",
1952
+ "children": [
1953
+ "row-24"
1954
+ ]
1955
+ },
1956
+ {
1957
+ "id": "list-3",
1958
+ "component": "List",
1959
+ "children": [
1960
+ "list-item-10",
1961
+ "list-item-11",
1962
+ "list-item-12",
1963
+ "list-item-13",
1964
+ "list-item-14"
1965
+ ]
1966
+ },
1967
+ {
1968
+ "id": "section-27",
1969
+ "component": "Section",
1970
+ "children": [
1971
+ "column-46"
1972
+ ]
1973
+ },
1974
+ {
1975
+ "id": "column-46",
1976
+ "component": "Column",
1977
+ "children": [
1978
+ "list-3"
1979
+ ]
1980
+ },
1981
+ {
1982
+ "id": "card-27",
1983
+ "component": "Card",
1984
+ "children": [
1985
+ "header-15",
1986
+ "section-27"
1987
+ ]
1988
+ },
1989
+ {
1990
+ "id": "grid-17",
1991
+ "component": "Grid",
1992
+ "children": [
1993
+ "card-27"
1994
+ ]
1995
+ },
1996
+ {
1997
+ "id": "grid-16",
1998
+ "component": "Grid",
1999
+ "children": [
2000
+ "grid-17"
2001
+ ]
2002
+ },
2003
+ {
2004
+ "id": "column-40",
2005
+ "component": "Column",
2006
+ "data-tab-panel": "audience",
2007
+ "children": [
2008
+ "grid-12",
2009
+ "grid-14",
2010
+ "grid-16"
2011
+ ]
2012
+ },
2013
+ {
2014
+ "id": "column-39",
2015
+ "component": "Column",
2016
+ "data-tab-panel": "audience",
2017
+ "children": [
2018
+ "column-40"
2019
+ ]
2020
+ },
2021
+ {
2022
+ "id": "text-70",
2023
+ "component": "Text",
2024
+ "variant": "h3",
2025
+ "textContent": "Traffic"
2026
+ },
2027
+ {
2028
+ "id": "text-71",
2029
+ "component": "Text",
2030
+ "textContent": "Sessions per day"
2031
+ },
2032
+ {
2033
+ "id": "segment",
2034
+ "component": "Segment"
2035
+ },
2036
+ {
2037
+ "id": "segment-2",
2038
+ "component": "Segment"
2039
+ },
2040
+ {
2041
+ "id": "segment-3",
2042
+ "component": "Segment"
2043
+ },
2044
+ {
2045
+ "id": "segmented-control",
2046
+ "component": "SegmentedControl",
2047
+ "children": [
2048
+ "segment",
2049
+ "segment-2",
2050
+ "segment-3"
2051
+ ]
2052
+ },
2053
+ {
2054
+ "id": "header-16",
2055
+ "component": "Header",
2056
+ "children": [
2057
+ "text-70",
2058
+ "text-71",
2059
+ "segmented-control"
2060
+ ]
2061
+ },
2062
+ {
2063
+ "id": "analytics-traffic",
2064
+ "component": "Chart"
2065
+ },
2066
+ {
2067
+ "id": "section-28",
2068
+ "component": "Section",
2069
+ "children": [
2070
+ "column-50"
2071
+ ]
2072
+ },
2073
+ {
2074
+ "id": "column-50",
2075
+ "component": "Column",
2076
+ "children": [
2077
+ "analytics-traffic"
2078
+ ]
2079
+ },
2080
+ {
2081
+ "id": "card-28",
2082
+ "component": "Card",
2083
+ "children": [
2084
+ "header-16",
2085
+ "section-28"
2086
+ ]
2087
+ },
2088
+ {
2089
+ "id": "text-72",
2090
+ "component": "Text",
2091
+ "variant": "h3",
2092
+ "textContent": "Acquisition channels"
2093
+ },
2094
+ {
2095
+ "id": "text-73",
2096
+ "component": "Text",
2097
+ "textContent": "Where sessions come from"
2098
+ },
2099
+ {
2100
+ "id": "header-17",
2101
+ "component": "Header",
2102
+ "children": [
2103
+ "text-72",
2104
+ "text-73"
2105
+ ]
2106
+ },
2107
+ {
2108
+ "id": "analytics-channels",
2109
+ "component": "Chart"
2110
+ },
2111
+ {
2112
+ "id": "section-29",
2113
+ "component": "Section",
2114
+ "children": [
2115
+ "column-51"
2116
+ ]
2117
+ },
2118
+ {
2119
+ "id": "column-51",
2120
+ "component": "Column",
2121
+ "children": [
2122
+ "analytics-channels"
2123
+ ]
2124
+ },
2125
+ {
2126
+ "id": "card-29",
2127
+ "component": "Card",
2128
+ "children": [
2129
+ "header-17",
2130
+ "section-29"
2131
+ ]
2132
+ },
2133
+ {
2134
+ "id": "grid-19",
2135
+ "component": "Grid",
2136
+ "gap": "4",
2137
+ "children": [
2138
+ "card-28",
2139
+ "card-29"
2140
+ ]
2141
+ },
2142
+ {
2143
+ "id": "grid-18",
2144
+ "component": "Grid",
2145
+ "gap": "4",
2146
+ "children": [
2147
+ "grid-19"
2148
+ ]
2149
+ },
2150
+ {
2151
+ "id": "column-48",
2152
+ "component": "Column",
2153
+ "data-tab-panel": "acquisition",
2154
+ "children": [
2155
+ "grid-18"
2156
+ ]
2157
+ },
2158
+ {
2159
+ "id": "column-47",
2160
+ "component": "Column",
2161
+ "data-tab-panel": "acquisition",
2162
+ "children": [
2163
+ "column-48"
2164
+ ]
2165
+ },
2166
+ {
2167
+ "id": "text-74",
2168
+ "component": "Text",
2169
+ "variant": "h3",
2170
+ "textContent": "Top pages"
2171
+ },
2172
+ {
2173
+ "id": "text-75",
2174
+ "component": "Text",
2175
+ "textContent": "Most-visited routes"
2176
+ },
2177
+ {
2178
+ "id": "header-18",
2179
+ "component": "Header",
2180
+ "children": [
2181
+ "text-74",
2182
+ "text-75"
2183
+ ]
2184
+ },
2185
+ {
2186
+ "id": "analytics-pages",
2187
+ "component": "Table"
2188
+ },
2189
+ {
2190
+ "id": "section-30",
2191
+ "component": "Section",
2192
+ "children": [
2193
+ "column-54"
2194
+ ]
2195
+ },
2196
+ {
2197
+ "id": "column-54",
2198
+ "component": "Column",
2199
+ "children": [
2200
+ "analytics-pages"
2201
+ ]
2202
+ },
2203
+ {
2204
+ "id": "card-30",
2205
+ "component": "Card",
2206
+ "children": [
2207
+ "header-18",
2208
+ "section-30"
2209
+ ]
2210
+ },
2211
+ {
2212
+ "id": "grid-21",
2213
+ "component": "Grid",
2214
+ "children": [
2215
+ "card-30"
2216
+ ]
2217
+ },
2218
+ {
2219
+ "id": "grid-20",
2220
+ "component": "Grid",
2221
+ "children": [
2222
+ "grid-21"
2223
+ ]
2224
+ },
2225
+ {
2226
+ "id": "column-53",
2227
+ "component": "Column",
2228
+ "data-tab-panel": "behavior",
2229
+ "children": [
2230
+ "grid-20"
2231
+ ]
2232
+ },
2233
+ {
2234
+ "id": "column-52",
2235
+ "component": "Column",
2236
+ "data-tab-panel": "behavior",
2237
+ "children": [
2238
+ "column-53"
2239
+ ]
2240
+ },
2241
+ {
2242
+ "id": "text-76",
2243
+ "component": "Text",
2244
+ "variant": "h3",
2245
+ "textContent": "Conversion funnel"
2246
+ },
2247
+ {
2248
+ "id": "text-77",
2249
+ "component": "Text",
2250
+ "textContent": "Visit → Sign up → Activate → Convert"
2251
+ },
2252
+ {
2253
+ "id": "header-19",
2254
+ "component": "Header",
2255
+ "children": [
2256
+ "text-76",
2257
+ "text-77"
2258
+ ]
2259
+ },
2260
+ {
2261
+ "id": "text-78",
2262
+ "component": "Text",
2263
+ "textContent": "Visited landing page"
2264
+ },
2265
+ {
2266
+ "id": "text-79",
2267
+ "component": "Text",
2268
+ "textContent": "28,432 visitors"
2269
+ },
2270
+ {
2271
+ "id": "column-58",
2272
+ "component": "Column",
2273
+ "gap": "0",
2274
+ "children": [
2275
+ "text-78",
2276
+ "text-79"
2277
+ ]
2278
+ },
2279
+ {
2280
+ "id": "text-80",
2281
+ "component": "Text",
2282
+ "textContent": "100%"
2283
+ },
2284
+ {
2285
+ "id": "row-25",
2286
+ "component": "Row",
2287
+ "gap": "3",
2288
+ "children": [
2289
+ "column-58",
2290
+ "text-80"
2291
+ ]
2292
+ },
2293
+ {
2294
+ "id": "column-59",
2295
+ "component": "Column"
2296
+ },
2297
+ {
2298
+ "id": "column-60",
2299
+ "component": "Column"
2300
+ },
2301
+ {
2302
+ "id": "column-61",
2303
+ "component": "Column"
2304
+ },
2305
+ {
2306
+ "id": "column-57",
2307
+ "component": "Column",
2308
+ "gap": "3",
2309
+ "children": [
2310
+ "row-25",
2311
+ "column-59",
2312
+ "column-60",
2313
+ "column-61"
2314
+ ]
2315
+ },
2316
+ {
2317
+ "id": "section-31",
2318
+ "component": "Section",
2319
+ "children": [
2320
+ "column-57"
2321
+ ]
2322
+ },
2323
+ {
2324
+ "id": "card-31",
2325
+ "component": "Card",
2326
+ "children": [
2327
+ "header-19",
2328
+ "section-31"
2329
+ ]
2330
+ },
2331
+ {
2332
+ "id": "grid-23",
2333
+ "component": "Grid",
2334
+ "children": [
2335
+ "card-31"
2336
+ ]
2337
+ },
2338
+ {
2339
+ "id": "grid-22",
2340
+ "component": "Grid",
2341
+ "children": [
2342
+ "grid-23"
2343
+ ]
2344
+ },
2345
+ {
2346
+ "id": "text-81",
2347
+ "component": "Text",
2348
+ "variant": "h3",
2349
+ "textContent": "Retention by signup week"
2350
+ },
2351
+ {
2352
+ "id": "text-82",
2353
+ "component": "Text",
2354
+ "textContent": "% of users still active in week N"
2355
+ },
2356
+ {
2357
+ "id": "header-20",
2358
+ "component": "Header",
2359
+ "children": [
2360
+ "text-81",
2361
+ "text-82"
2362
+ ]
2363
+ },
2364
+ {
2365
+ "id": "analytics-cohort",
2366
+ "component": "Table"
2367
+ },
2368
+ {
2369
+ "id": "section-32",
2370
+ "component": "Section",
2371
+ "children": [
2372
+ "column-62"
2373
+ ]
2374
+ },
2375
+ {
2376
+ "id": "column-62",
2377
+ "component": "Column",
2378
+ "children": [
2379
+ "analytics-cohort"
2380
+ ]
2381
+ },
2382
+ {
2383
+ "id": "card-32",
2384
+ "component": "Card",
2385
+ "children": [
2386
+ "header-20",
2387
+ "section-32"
2388
+ ]
2389
+ },
2390
+ {
2391
+ "id": "grid-25",
2392
+ "component": "Grid",
2393
+ "children": [
2394
+ "card-32"
2395
+ ]
2396
+ },
2397
+ {
2398
+ "id": "grid-24",
2399
+ "component": "Grid",
2400
+ "children": [
2401
+ "grid-25"
2402
+ ]
2403
+ },
2404
+ {
2405
+ "id": "column-56",
2406
+ "component": "Column",
2407
+ "data-tab-panel": "conversion",
2408
+ "children": [
2409
+ "grid-22",
2410
+ "grid-24"
2411
+ ]
2412
+ },
2413
+ {
2414
+ "id": "column-55",
2415
+ "component": "Column",
2416
+ "data-tab-panel": "conversion",
2417
+ "children": [
2418
+ "column-56"
2419
+ ]
2420
+ },
2421
+ {
2422
+ "id": "text-83",
2423
+ "component": "Text",
2424
+ "variant": "body",
2425
+ "textContent": "Reports"
2426
+ },
2427
+ {
2428
+ "id": "text-84",
2429
+ "component": "Text",
2430
+ "variant": "body",
2431
+ "textContent": "Scheduled reports by category"
2432
+ },
2433
+ {
2434
+ "id": "text-85",
2435
+ "component": "Text",
2436
+ "variant": "body"
2437
+ },
2438
+ {
2439
+ "id": "header-21",
2440
+ "component": "Header",
2441
+ "children": [
2442
+ "text-83",
2443
+ "text-84",
2444
+ "text-85"
2445
+ ]
2446
+ },
2447
+ {
2448
+ "id": "dash-reports-table",
2449
+ "component": "Table"
2450
+ },
2451
+ {
2452
+ "id": "section-33",
2453
+ "component": "Section",
2454
+ "children": [
2455
+ "column-65"
2456
+ ]
2457
+ },
2458
+ {
2459
+ "id": "column-65",
2460
+ "component": "Column",
2461
+ "children": [
2462
+ "dash-reports-table"
2463
+ ]
2464
+ },
2465
+ {
2466
+ "id": "card-33",
2467
+ "component": "Card",
2468
+ "children": [
2469
+ "header-21",
2470
+ "section-33"
2471
+ ]
2472
+ },
2473
+ {
2474
+ "id": "grid-27",
2475
+ "component": "Grid",
2476
+ "children": [
2477
+ "card-33"
2478
+ ]
2479
+ },
2480
+ {
2481
+ "id": "grid-26",
2482
+ "component": "Grid",
2483
+ "children": [
2484
+ "grid-27"
2485
+ ]
2486
+ },
2487
+ {
2488
+ "id": "column-64",
2489
+ "component": "Column",
2490
+ "data-tab-panel": "reports",
2491
+ "children": [
2492
+ "grid-26"
2493
+ ]
2494
+ },
2495
+ {
2496
+ "id": "column-63",
2497
+ "component": "Column",
2498
+ "data-tab-panel": "reports",
2499
+ "children": [
2500
+ "column-64"
2501
+ ]
2502
+ },
2503
+ {
2504
+ "id": "text-86",
2505
+ "component": "Text",
2506
+ "variant": "body",
2507
+ "textContent": "Notifications"
2508
+ },
2509
+ {
2510
+ "id": "text-87",
2511
+ "component": "Text",
2512
+ "variant": "body",
2513
+ "textContent": "System and team activity"
2514
+ },
2515
+ {
2516
+ "id": "text-88",
2517
+ "component": "Text",
2518
+ "variant": "body"
2519
+ },
2520
+ {
2521
+ "id": "header-22",
2522
+ "component": "Header",
2523
+ "children": [
2524
+ "text-86",
2525
+ "text-87",
2526
+ "text-88"
2527
+ ]
2528
+ },
2529
+ {
2530
+ "id": "avatar-10",
2531
+ "component": "Avatar"
2532
+ },
2533
+ {
2534
+ "id": "text-89",
2535
+ "component": "Text",
2536
+ "textContent": "Deployment completed"
2537
+ },
2538
+ {
2539
+ "id": "text-90",
2540
+ "component": "Text",
2541
+ "textContent": "2m ago"
2542
+ },
2543
+ {
2544
+ "id": "row-27",
2545
+ "component": "Row",
2546
+ "gap": "2",
2547
+ "children": [
2548
+ "text-89",
2549
+ "text-90"
2550
+ ]
2551
+ },
2552
+ {
2553
+ "id": "text-91",
2554
+ "component": "Text",
2555
+ "textContent": "Production deploy v2.14.0 succeeded. 12 files changed."
2556
+ },
2557
+ {
2558
+ "id": "column-68",
2559
+ "component": "Column",
2560
+ "gap": "0",
2561
+ "children": [
2562
+ "row-27",
2563
+ "text-91"
2564
+ ]
2565
+ },
2566
+ {
2567
+ "id": "badge-5",
2568
+ "component": "Badge"
2569
+ },
2570
+ {
2571
+ "id": "row-26",
2572
+ "component": "Row",
2573
+ "gap": "2",
2574
+ "children": [
2575
+ "avatar-10",
2576
+ "column-68",
2577
+ "badge-5"
2578
+ ]
2579
+ },
2580
+ {
2581
+ "id": "list-item-15",
2582
+ "component": "ListItem",
2583
+ "children": [
2584
+ "row-26"
2585
+ ]
2586
+ },
2587
+ {
2588
+ "id": "avatar-11",
2589
+ "component": "Avatar"
2590
+ },
2591
+ {
2592
+ "id": "text-92",
2593
+ "component": "Text",
2594
+ "textContent": "Alex Chen mentioned you"
2595
+ },
2596
+ {
2597
+ "id": "text-93",
2598
+ "component": "Text",
2599
+ "textContent": "18m ago"
2600
+ },
2601
+ {
2602
+ "id": "row-29",
2603
+ "component": "Row",
2604
+ "gap": "2",
2605
+ "children": [
2606
+ "text-92",
2607
+ "text-93"
2608
+ ]
2609
+ },
2610
+ {
2611
+ "id": "text-94",
2612
+ "component": "Text",
2613
+ "textContent": "\"@you can you take a look at the Safari issue?\""
2614
+ },
2615
+ {
2616
+ "id": "column-69",
2617
+ "component": "Column",
2618
+ "gap": "0",
2619
+ "children": [
2620
+ "row-29",
2621
+ "text-94"
2622
+ ]
2623
+ },
2624
+ {
2625
+ "id": "badge-6",
2626
+ "component": "Badge"
2627
+ },
2628
+ {
2629
+ "id": "row-28",
2630
+ "component": "Row",
2631
+ "gap": "2",
2632
+ "children": [
2633
+ "avatar-11",
2634
+ "column-69",
2635
+ "badge-6"
2636
+ ]
2637
+ },
2638
+ {
2639
+ "id": "list-item-16",
2640
+ "component": "ListItem",
2641
+ "children": [
2642
+ "row-28"
2643
+ ]
2644
+ },
2645
+ {
2646
+ "id": "avatar-12",
2647
+ "component": "Avatar"
2648
+ },
2649
+ {
2650
+ "id": "text-95",
2651
+ "component": "Text",
2652
+ "textContent": "Usage threshold reached"
2653
+ },
2654
+ {
2655
+ "id": "text-96",
2656
+ "component": "Text",
2657
+ "textContent": "2h ago"
2658
+ },
2659
+ {
2660
+ "id": "row-31",
2661
+ "component": "Row",
2662
+ "gap": "2",
2663
+ "children": [
2664
+ "text-95",
2665
+ "text-96"
2666
+ ]
2667
+ },
2668
+ {
2669
+ "id": "text-97",
2670
+ "component": "Text",
2671
+ "textContent": "API calls at 85% of monthly quota. Consider upgrading your plan."
2672
+ },
2673
+ {
2674
+ "id": "column-70",
2675
+ "component": "Column",
2676
+ "gap": "0",
2677
+ "children": [
2678
+ "row-31",
2679
+ "text-97"
2680
+ ]
2681
+ },
2682
+ {
2683
+ "id": "badge-7",
2684
+ "component": "Badge"
2685
+ },
2686
+ {
2687
+ "id": "row-30",
2688
+ "component": "Row",
2689
+ "gap": "2",
2690
+ "children": [
2691
+ "avatar-12",
2692
+ "column-70",
2693
+ "badge-7"
2694
+ ]
2695
+ },
2696
+ {
2697
+ "id": "list-item-17",
2698
+ "component": "ListItem",
2699
+ "children": [
2700
+ "row-30"
2701
+ ]
2702
+ },
2703
+ {
2704
+ "id": "avatar-13",
2705
+ "component": "Avatar"
2706
+ },
2707
+ {
2708
+ "id": "text-98",
2709
+ "component": "Text",
2710
+ "textContent": "Sarah Miller invited you"
2711
+ },
2712
+ {
2713
+ "id": "text-99",
2714
+ "component": "Text",
2715
+ "textContent": "Yesterday"
2716
+ },
2717
+ {
2718
+ "id": "row-33",
2719
+ "component": "Row",
2720
+ "gap": "2",
2721
+ "children": [
2722
+ "text-98",
2723
+ "text-99"
2724
+ ]
2725
+ },
2726
+ {
2727
+ "id": "text-100",
2728
+ "component": "Text",
2729
+ "textContent": "You were added to the \"Brand refresh\" workspace."
2730
+ },
2731
+ {
2732
+ "id": "column-71",
2733
+ "component": "Column",
2734
+ "gap": "0",
2735
+ "children": [
2736
+ "row-33",
2737
+ "text-100"
2738
+ ]
2739
+ },
2740
+ {
2741
+ "id": "row-32",
2742
+ "component": "Row",
2743
+ "gap": "2",
2744
+ "children": [
2745
+ "avatar-13",
2746
+ "column-71"
2747
+ ]
2748
+ },
2749
+ {
2750
+ "id": "list-item-18",
2751
+ "component": "ListItem",
2752
+ "children": [
2753
+ "row-32"
2754
+ ]
2755
+ },
2756
+ {
2757
+ "id": "avatar-14",
2758
+ "component": "Avatar"
2759
+ },
2760
+ {
2761
+ "id": "text-101",
2762
+ "component": "Text",
2763
+ "textContent": "API key rotated"
2764
+ },
2765
+ {
2766
+ "id": "text-102",
2767
+ "component": "Text",
2768
+ "textContent": "2 days ago"
2769
+ },
2770
+ {
2771
+ "id": "row-35",
2772
+ "component": "Row",
2773
+ "gap": "2",
2774
+ "children": [
2775
+ "text-101",
2776
+ "text-102"
2777
+ ]
2778
+ },
2779
+ {
2780
+ "id": "text-103",
2781
+ "component": "Text",
2782
+ "textContent": "Your production API key was rotated. Old key is revoked."
2783
+ },
2784
+ {
2785
+ "id": "column-72",
2786
+ "component": "Column",
2787
+ "gap": "0",
2788
+ "children": [
2789
+ "row-35",
2790
+ "text-103"
2791
+ ]
2792
+ },
2793
+ {
2794
+ "id": "row-34",
2795
+ "component": "Row",
2796
+ "gap": "2",
2797
+ "children": [
2798
+ "avatar-14",
2799
+ "column-72"
2800
+ ]
2801
+ },
2802
+ {
2803
+ "id": "list-item-19",
2804
+ "component": "ListItem",
2805
+ "children": [
2806
+ "row-34"
2807
+ ]
2808
+ },
2809
+ {
2810
+ "id": "list-4",
2811
+ "component": "List",
2812
+ "children": [
2813
+ "list-item-15",
2814
+ "list-item-16",
2815
+ "list-item-17",
2816
+ "list-item-18",
2817
+ "list-item-19"
2818
+ ]
2819
+ },
2820
+ {
2821
+ "id": "section-34",
2822
+ "component": "Section",
2823
+ "children": [
2824
+ "column-73"
2825
+ ]
2826
+ },
2827
+ {
2828
+ "id": "column-73",
2829
+ "component": "Column",
2830
+ "children": [
2831
+ "list-4"
2832
+ ]
2833
+ },
2834
+ {
2835
+ "id": "card-34",
2836
+ "component": "Card",
2837
+ "children": [
2838
+ "header-22",
2839
+ "section-34"
2840
+ ]
2841
+ },
2842
+ {
2843
+ "id": "grid-29",
2844
+ "component": "Grid",
2845
+ "children": [
2846
+ "card-34"
2847
+ ]
2848
+ },
2849
+ {
2850
+ "id": "grid-28",
2851
+ "component": "Grid",
2852
+ "children": [
2853
+ "grid-29"
2854
+ ]
2855
+ },
2856
+ {
2857
+ "id": "column-67",
2858
+ "component": "Column",
2859
+ "data-tab-panel": "notifications",
2860
+ "children": [
2861
+ "grid-28"
2862
+ ]
2863
+ },
2864
+ {
2865
+ "id": "column-66",
2866
+ "component": "Column",
2867
+ "data-tab-panel": "notifications",
2868
+ "children": [
2869
+ "column-67"
2870
+ ]
2871
+ },
2872
+ {
2873
+ "id": "column-4",
2874
+ "component": "Column",
2875
+ "data-dashboard-content": "",
2876
+ "children": [
2877
+ "column-5",
2878
+ "column-39",
2879
+ "column-47",
2880
+ "column-52",
2881
+ "column-55",
2882
+ "column-63",
2883
+ "column-66"
2884
+ ]
2885
+ },
2886
+ {
2887
+ "id": "section-2",
2888
+ "component": "Section",
2889
+ "children": [
2890
+ "column-4"
2891
+ ]
2892
+ },
2893
+ {
2894
+ "id": "column-3",
2895
+ "component": "Column",
2896
+ "data-content-body": "",
2897
+ "data-chunk-slot": "page-content",
2898
+ "children": [
2899
+ "section-2"
2900
+ ]
2901
+ },
2902
+ {
2903
+ "id": "column-74",
2904
+ "component": "Column",
2905
+ "children": [
2906
+ "card",
2907
+ "column-3"
2908
+ ]
2909
+ },
2910
+ {
2911
+ "id": "section-35",
2912
+ "component": "Section",
2913
+ "children": [
2914
+ "column-74"
2915
+ ]
2916
+ },
2917
+ {
2918
+ "id": "root",
2919
+ "component": "Card",
2920
+ "children": [
2921
+ "section-35"
2922
+ ]
2923
+ }
2924
+ ]
50
2925
  }