@karan171996/metricflow 0.10.0 → 0.11.1

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 (173) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build/chunks/[turbopack-node]_transforms_postcss_ts_1gfkiq9._.js +1 -1
  3. package/.next/build/chunks/{node_modules__pnpm_0x15692._.js → node_modules__pnpm_1x2anb_._.js} +3 -3
  4. package/.next/build-manifest.json +6 -6
  5. package/.next/fallback-build-manifest.json +3 -3
  6. package/.next/next-server.js.nft.json +1 -1
  7. package/.next/prerender-manifest.json +5 -5
  8. package/.next/server/app/_global-error/page/build-manifest.json +3 -3
  9. package/.next/server/app/_global-error/page.js.nft.json +1 -1
  10. package/.next/server/app/_global-error/page_client-reference-manifest.js +1 -1
  11. package/.next/server/app/_global-error.html +1 -1
  12. package/.next/server/app/_global-error.rsc +7 -7
  13. package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +6 -6
  14. package/.next/server/app/_global-error.segments/_full.segment.rsc +7 -7
  15. package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
  16. package/.next/server/app/_not-found/page/build-manifest.json +3 -3
  17. package/.next/server/app/_not-found/page.js +1 -1
  18. package/.next/server/app/_not-found/page.js.nft.json +1 -1
  19. package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  20. package/.next/server/app/_not-found.html +2 -2
  21. package/.next/server/app/_not-found.rsc +18 -18
  22. package/.next/server/app/_not-found.segments/_full.segment.rsc +18 -18
  23. package/.next/server/app/_not-found.segments/_index.segment.rsc +12 -12
  24. package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +7 -7
  25. package/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
  26. package/.next/server/app/api/analyze/route.js +2 -2
  27. package/.next/server/app/api/analyze/route.js.nft.json +1 -1
  28. package/.next/server/app/api/connect/route.js +2 -2
  29. package/.next/server/app/api/connect/route.js.nft.json +1 -1
  30. package/.next/server/app/api/health/route.js.nft.json +1 -1
  31. package/.next/server/app/api/metrics/route.js +2 -2
  32. package/.next/server/app/api/metrics/route.js.nft.json +1 -1
  33. package/.next/server/app/api/settings/route.js +1 -1
  34. package/.next/server/app/api/settings/route.js.nft.json +1 -1
  35. package/.next/server/app/api/setup/ai/route.js +2 -2
  36. package/.next/server/app/api/setup/ai/route.js.nft.json +1 -1
  37. package/.next/server/app/api/setup/route.js +2 -2
  38. package/.next/server/app/api/setup/route.js.nft.json +1 -1
  39. package/.next/server/app/api/timings/route.js +2 -2
  40. package/.next/server/app/api/timings/route.js.nft.json +1 -1
  41. package/.next/server/app/connect/page/build-manifest.json +3 -3
  42. package/.next/server/app/connect/page.js +1 -1
  43. package/.next/server/app/connect/page.js.nft.json +1 -1
  44. package/.next/server/app/connect/page_client-reference-manifest.js +1 -1
  45. package/.next/server/app/connect.html +4 -4
  46. package/.next/server/app/connect.rsc +20 -20
  47. package/.next/server/app/connect.segments/_full.segment.rsc +20 -20
  48. package/.next/server/app/connect.segments/_index.segment.rsc +12 -12
  49. package/.next/server/app/connect.segments/_tree.segment.rsc +2 -2
  50. package/.next/server/app/connect.segments/connect/__PAGE__.segment.rsc +12 -12
  51. package/.next/server/app/index.html +2 -2
  52. package/.next/server/app/index.rsc +21 -21
  53. package/.next/server/app/index.segments/__PAGE__.segment.rsc +7 -7
  54. package/.next/server/app/index.segments/_full.segment.rsc +21 -21
  55. package/.next/server/app/index.segments/_index.segment.rsc +12 -12
  56. package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
  57. package/.next/server/app/page/build-manifest.json +3 -3
  58. package/.next/server/app/page.js +1 -1
  59. package/.next/server/app/page.js.nft.json +1 -1
  60. package/.next/server/app/page_client-reference-manifest.js +1 -1
  61. package/.next/server/app/performance/[slug]/page/build-manifest.json +3 -3
  62. package/.next/server/app/performance/[slug]/page.js +3 -3
  63. package/.next/server/app/performance/[slug]/page.js.nft.json +1 -1
  64. package/.next/server/app/performance/[slug]/page_client-reference-manifest.js +1 -1
  65. package/.next/server/app/performance/page/build-manifest.json +3 -3
  66. package/.next/server/app/performance/page.js +1 -1
  67. package/.next/server/app/performance/page.js.nft.json +1 -1
  68. package/.next/server/app/performance/page_client-reference-manifest.js +1 -1
  69. package/.next/server/app/performance.html +2 -2
  70. package/.next/server/app/performance.rsc +22 -22
  71. package/.next/server/app/performance.segments/_full.segment.rsc +22 -22
  72. package/.next/server/app/performance.segments/_index.segment.rsc +12 -12
  73. package/.next/server/app/performance.segments/_tree.segment.rsc +2 -2
  74. package/.next/server/app/performance.segments/performance/__PAGE__.segment.rsc +15 -15
  75. package/.next/server/app/settings/page/build-manifest.json +3 -3
  76. package/.next/server/app/settings/page.js +2 -2
  77. package/.next/server/app/settings/page.js.nft.json +1 -1
  78. package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
  79. package/.next/server/app/setup/page/build-manifest.json +3 -3
  80. package/.next/server/app/setup/page.js +1 -1
  81. package/.next/server/app/setup/page.js.nft.json +1 -1
  82. package/.next/server/app/setup/page_client-reference-manifest.js +1 -1
  83. package/.next/server/app/setup.html +2 -2
  84. package/.next/server/app/setup.rsc +21 -21
  85. package/.next/server/app/setup.segments/_full.segment.rsc +21 -21
  86. package/.next/server/app/setup.segments/_index.segment.rsc +12 -12
  87. package/.next/server/app/setup.segments/_tree.segment.rsc +2 -2
  88. package/.next/server/app/setup.segments/setup/__PAGE__.segment.rsc +13 -13
  89. package/.next/server/app/tools/[tool]/page/build-manifest.json +3 -3
  90. package/.next/server/app/tools/[tool]/page.js +2 -2
  91. package/.next/server/app/tools/[tool]/page.js.nft.json +1 -1
  92. package/.next/server/app/tools/[tool]/page_client-reference-manifest.js +1 -1
  93. package/.next/server/chunks/{[root-of-the-server]__1rx5s6r._.js → [root-of-the-server]__0086g9z._.js} +2 -2
  94. package/.next/server/chunks/[root-of-the-server]__05mqvyo._.js +1 -1
  95. package/.next/server/chunks/{[root-of-the-server]__17ksca-._.js → [root-of-the-server]__0dv0ig6._.js} +2 -2
  96. package/.next/server/chunks/[root-of-the-server]__0fkj1-q._.js +1 -1
  97. package/.next/server/chunks/{[root-of-the-server]__1naf7j4._.js → [root-of-the-server]__0ui-otz._.js} +2 -2
  98. package/.next/server/chunks/{[root-of-the-server]__0pil1g6._.js → [root-of-the-server]__0urnrab._.js} +2 -2
  99. package/.next/server/chunks/{[root-of-the-server]__1f_fo0j._.js → [root-of-the-server]__0wkeqwu._.js} +2 -2
  100. package/.next/server/chunks/{[root-of-the-server]__0o2ceqr._.js → [root-of-the-server]__0xy2rkf._.js} +2 -2
  101. package/.next/server/chunks/node_modules__pnpm_1qoj6e0._.js +8 -0
  102. package/.next/server/chunks/ssr/0hs5_cn_dist_index_1l1fs8y.js +3 -0
  103. package/.next/server/chunks/ssr/0x0c_next_dist_03da18h._.js +2 -2
  104. package/.next/server/chunks/ssr/0x0c_next_dist_0lkq344._.js +1 -1
  105. package/.next/server/chunks/ssr/0x0c_next_dist_1icgwks._.js +1 -1
  106. package/.next/server/chunks/ssr/0x0c_next_dist_client_components_1z4ahr3._.js +1 -1
  107. package/.next/server/chunks/ssr/[root-of-the-server]__0kik87u._.js +3 -0
  108. package/.next/server/chunks/ssr/[root-of-the-server]__0tikq3c._.js +1 -1
  109. package/.next/server/chunks/ssr/[root-of-the-server]__1jyq1xk._.js +3 -0
  110. package/.next/server/chunks/ssr/{_1my0v50._.js → _03vzzge._.js} +2 -2
  111. package/.next/server/chunks/ssr/_05t4klq._.js +151 -0
  112. package/.next/server/chunks/ssr/_0_8ffmk._.js +3 -0
  113. package/.next/server/chunks/ssr/_0aid3rp._.js +23 -0
  114. package/.next/server/chunks/ssr/_0n2v1-f._.js +3 -0
  115. package/.next/server/chunks/ssr/_0ovnhv_._.js +3 -0
  116. package/.next/server/chunks/ssr/_0r3_nx1._.js +3 -0
  117. package/.next/server/chunks/ssr/{_0cq6qjs._.js → _1-c62g-._.js} +2 -2
  118. package/.next/server/chunks/ssr/_13m9nev._.js +1 -1
  119. package/.next/server/chunks/ssr/_15jjw6y._.js +6 -0
  120. package/.next/server/chunks/ssr/_1m21xmc._.js +3 -0
  121. package/.next/server/chunks/ssr/_1op3e_1._.js +3 -0
  122. package/.next/server/chunks/ssr/_1u-atbb._.js +3 -0
  123. package/.next/server/chunks/ssr/{_0bxxvzb._.js → _1vj5488._.js} +2 -2
  124. package/.next/server/chunks/ssr/components_1_8btz1._.js +1 -1
  125. package/.next/server/chunks/ssr/node_modules__pnpm_1nkgz3w._.js +3 -0
  126. package/.next/server/middleware-build-manifest.js +6 -6
  127. package/.next/server/pages/404.html +2 -2
  128. package/.next/server/pages/500.html +1 -1
  129. package/.next/static/chunks/{04gu7yw10i4rc.js → 08mon8yjj189v.js} +1 -1
  130. package/.next/static/chunks/0_gj-5u7ifqf4.js +1 -0
  131. package/.next/static/chunks/0qyqgoivxmfa9.js +1 -0
  132. package/.next/static/chunks/{2k11j1snr6r1u.js → 0vpb-2i9p8zhe.js} +1 -1
  133. package/.next/static/chunks/0y_7csdv76zje.js +1 -0
  134. package/.next/static/chunks/1-e3y5w9yuttx.js +1 -0
  135. package/.next/static/chunks/1yf_zdc606yo0.js +4 -0
  136. package/.next/static/chunks/{3mkpnj4abn9jb.js → 2-_lp05t5zcjb.js} +1 -1
  137. package/.next/static/chunks/{3fmhqgzb47j23.js → 21q5shbghrpvd.js} +1 -1
  138. package/.next/static/chunks/24b86benpq6o_.css +1 -0
  139. package/.next/static/chunks/{2dpz7gbtyu5go.js → 287u55qyslbe_.js} +1 -1
  140. package/.next/static/chunks/{2pf7wdwyhi6ks.js → 2ez5lwfhls4_u.js} +1 -1
  141. package/.next/static/chunks/{1habrj18124lo.js → 2gp4docstg2a8.js} +1 -1
  142. package/.next/static/chunks/{2a13xlyo2-he7.js → 3u-yh5wnxswb0.js} +1 -1
  143. package/.next/static/chunks/{44rowux-iee-x.js → 3vpvl6gwhuz4w.js} +1 -1
  144. package/.next/static/chunks/{turbopack-00gi3z1duuih6.js → turbopack-2-umre2j9nu7o.js} +1 -1
  145. package/.next/trace +1 -1
  146. package/.next/trace-build +1 -1
  147. package/README.md +9 -0
  148. package/bin/cli.mjs +5 -2
  149. package/package.json +15 -15
  150. package/.next/server/chunks/node_modules__pnpm_0qgcly_._.js +0 -8
  151. package/.next/server/chunks/ssr/0f2__cn_dist_index_1jh2egc.js +0 -3
  152. package/.next/server/chunks/ssr/[root-of-the-server]__1jr0qvs._.js +0 -3
  153. package/.next/server/chunks/ssr/[root-of-the-server]__1xhr2zy._.js +0 -3
  154. package/.next/server/chunks/ssr/_02_o-ya._.js +0 -6
  155. package/.next/server/chunks/ssr/_045bvlq._.js +0 -3
  156. package/.next/server/chunks/ssr/_0htqt7_._.js +0 -23
  157. package/.next/server/chunks/ssr/_0loqsig._.js +0 -3
  158. package/.next/server/chunks/ssr/_0un641_._.js +0 -3
  159. package/.next/server/chunks/ssr/_0x78uxx._.js +0 -3
  160. package/.next/server/chunks/ssr/_1e2kw7_._.js +0 -3
  161. package/.next/server/chunks/ssr/_1t-coe_._.js +0 -151
  162. package/.next/server/chunks/ssr/_1te3xjw._.js +0 -3
  163. package/.next/server/chunks/ssr/_1yayvr-._.js +0 -3
  164. package/.next/server/chunks/ssr/node_modules__pnpm_0o-aqpb._.js +0 -3
  165. package/.next/static/chunks/2gixnay4u3hoe.js +0 -4
  166. package/.next/static/chunks/2r1mqyk-y9ywu.js +0 -1
  167. package/.next/static/chunks/2sh7680ti_qkv.js +0 -1
  168. package/.next/static/chunks/32qkw4q4c_gv1.css +0 -1
  169. package/.next/static/chunks/32w6d6b9f9xks.js +0 -1
  170. package/.next/static/chunks/3zxdkbf-vu5l4.js +0 -1
  171. /package/.next/static/{xbaKdc39wmsvYFMLT0pcf → Yv5DeofpLN8HP7dgDqauX}/_buildManifest.js +0 -0
  172. /package/.next/static/{xbaKdc39wmsvYFMLT0pcf → Yv5DeofpLN8HP7dgDqauX}/_clientMiddlewareManifest.js +0 -0
  173. /package/.next/static/{xbaKdc39wmsvYFMLT0pcf → Yv5DeofpLN8HP7dgDqauX}/_ssgManifest.js +0 -0
package/.next/server/app/connect.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html lang="en" class="dark h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/32qkw4q4c_gv1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/42z_0gfabqpr_.js"/><script src="/_next/static/chunks/44rowux-iee-x.js" async=""></script><script src="/_next/static/chunks/3fmhqgzb47j23.js" async=""></script><script src="/_next/static/chunks/turbopack-00gi3z1duuih6.js" async=""></script><script src="/_next/static/chunks/2dpz7gbtyu5go.js" async=""></script><script src="/_next/static/chunks/2k11j1snr6r1u.js" async=""></script><script src="/_next/static/chunks/2sh7680ti_qkv.js" async=""></script><script src="/_next/static/chunks/1habrj18124lo.js" async=""></script><title>MetricFlow</title><meta name="description" content="Local performance dashboard for your site: New Relic metrics and Sentry errors per page."/><link rel="icon" href="/icon.svg?icon.23mz8iwcatff2.svg" sizes="any" type="image/svg+xml"/><script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><!--$?--><template id="B:0"></template><div data-slot="sidebar-wrapper" style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar"><div data-slot="sidebar" class="flex flex-col w-[70px] border-r border-[#2d3748] bg-[#131518] text-white sticky top-0 h-screen overflow-y-auto [&amp;::-webkit-scrollbar]:hidden"><div data-slot="sidebar-header" data-sidebar="header" class="flex-col gap-2 p-2 flex items-center justify-center py-4"><div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></div></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar min-h-0 flex-1 overflow-auto group-data-[collapsible=icon]:overflow-hidden flex flex-col items-center justify-start gap-4 pt-6"><div class="flex w-full flex-col items-center gap-3"><span class="text-[9px] font-medium uppercase tracking-wider text-gray-500">Overview</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_fdmevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard !h-5 !w-5" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_flmevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/performance"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column lucide-bar-chart-2 !h-5 !w-5" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg></a></li></ul></div><div class="flex w-full flex-col items-center gap-3"><div class="h-px w-8 bg-[#2d3748]"></div><span class="text-[9px] font-medium uppercase tracking-wider text-gray-500">Tools</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><div data-slot="skeleton" class="animate-pulse rounded-md h-10 w-10 bg-[#2d3748]"></div></ul></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex flex-col items-center gap-4 pb-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_1vevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings !h-5 !w-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li></ul></div></div><main data-slot="sidebar-inset" class="relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 bg-dash-surface"><div class="fixed top-0 left-0 right-0 z-50 h-[3px]"><div class="h-full bg-gradient-to-r from-[#3ee0a1] via-[#06b6d4] to-[#8b5cf6] animate-[shimmer_1.5s_ease-in-out_infinite] bg-[length:200%_100%]"></div></div><header class="flex h-16 shrink-0 items-center gap-2 border-b border-gray-800 bg-[#0f1419] px-4 md:px-6"><div class="hidden md:block flex flex-col gap-0.5"><h1 class="title-enter text-base md:text-lg font-semibold text-white tracking-tight line-clamp-1">MetricFlow</h1><p class="hidden sm:block text-xs text-gray-400">Loading…</p></div><button class="md:hidden flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black hover:bg-[#3ee0a1]/90 transition-colors"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></button><div class="flex-1"></div><div class="flex items-center gap-2 md:gap-4"><button class="relative flex h-9 w-9 items-center justify-center rounded-full bg-[#1a202c] text-gray-400 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell h-5 w-5" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute right-2 top-2 h-2 w-2 rounded-full bg-red-500 ring-2 ring-[#0f1419]"></span></button></div></header><div class="mx-auto flex w-full max-w-[1600px] flex-1 flex-col p-6 md:p-8"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full bg-dash-card"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="skeleton" class="animate-pulse h-6 w-28 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-64 max-w-full rounded-full bg-dash-border"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div></div></div><div class="mt-6"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-3"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-5 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-32 rounded-md"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-44 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex flex-col gap-3"><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div></div></div></div></div><div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div></div><div class="mt-6 grid gap-6 md:grid-cols-3"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div></div><div class="mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-center justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-36 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-7 w-28 rounded-full"></div></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="h-[200px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div><div class="flex justify-between mt-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-48 rounded-md"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-3 mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-12 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-16 rounded-full"></div></div><div class="h-[80px] w-full rounded-lg overflow-hidden mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div><div class="grid grid-cols-2 gap-3"><div class="flex flex-col gap-1"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-24 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-16 rounded-md"></div></div><div class="flex flex-col gap-1"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-24 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-16 rounded-md"></div></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-40 rounded-md"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:60%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:68%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:76%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:84%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:92%"></div></div></div></div></div></div></div></main></div><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/42z_0gfabqpr_.js" id="_R_" async=""></script><div hidden id="S:0"><div data-slot="sidebar-wrapper" style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar"><div data-slot="sidebar" class="flex flex-col w-[70px] border-r border-[#2d3748] bg-[#131518] text-white sticky top-0 h-screen overflow-y-auto [&amp;::-webkit-scrollbar]:hidden"><div data-slot="sidebar-header" data-sidebar="header" class="flex-col gap-2 p-2 flex items-center justify-center py-4"><div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></div></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar min-h-0 flex-1 overflow-auto group-data-[collapsible=icon]:overflow-hidden flex flex-col items-center justify-start gap-4 pt-6"><div class="flex w-full flex-col items-center gap-3"><span class="text-[9px] font-medium uppercase tracking-wider text-gray-500">Overview</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_urclfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard !h-5 !w-5" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_vbclfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/performance"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column lucide-bar-chart-2 !h-5 !w-5" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg></a></li></ul></div><div class="flex w-full flex-col items-center gap-3"><div class="h-px w-8 bg-[#2d3748]"></div><span class="text-[9px] font-medium uppercase tracking-wider text-gray-500">Tools</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><div data-slot="skeleton" class="animate-pulse rounded-md h-10 w-10 bg-[#2d3748]"></div></ul></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex flex-col items-center gap-4 pb-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_3ulfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings !h-5 !w-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li></ul></div></div><main data-slot="sidebar-inset" class="relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 bg-dash-surface"><header class="flex h-16 shrink-0 items-center gap-2 border-b border-gray-800 bg-[#0f1419] px-4 md:px-6"><div class="hidden md:block flex flex-col gap-0.5"><h1 class="title-enter text-base md:text-lg font-semibold text-white tracking-tight line-clamp-1">MetricFlow</h1><p class="hidden sm:block text-xs text-gray-400">Loading…</p></div><button class="md:hidden flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black hover:bg-[#3ee0a1]/90 transition-colors"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></button><div class="flex-1"></div><div class="flex items-center gap-2 md:gap-4"><button class="relative flex h-9 w-9 items-center justify-center rounded-full bg-[#1a202c] text-gray-400 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell h-5 w-5" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute right-2 top-2 h-2 w-2 rounded-full bg-red-500 ring-2 ring-[#0f1419]"></span></button></div></header><div class="flex flex-1 flex-col p-6 md:p-8 max-w-[1600px] mx-auto w-full"><h1 class="title-enter text-2xl font-bold text-white tracking-tight mb-2">Connect your app</h1><p class="text-sm text-gray-400 mb-6">Add one call to your site so its metrics and errors show up here.</p><div class="flex flex-col gap-6 max-w-3xl"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Connection</div><div data-slot="card-description" class="text-sm text-gray-400">Each link in the chain from your site to this dashboard. Fix the first ✗.</div></div><div data-slot="card-content" class="px-(--card-spacing)" aria-live="polite"><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Keys for reading</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Browser app in New Relic</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Browser key</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Your site sending data</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Events received (last 5 minutes)</div><div data-slot="card-description" class="text-sm text-gray-400">Updates every few seconds. All rows empty? Check this is the account your site sends to.</div></div><div data-slot="card-content" class="px-(--card-spacing)" aria-live="polite"><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Browser agent (page views)</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Custom events (send / test event)</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Sentry errors</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Two different New Relic keys</div><div data-slot="card-description" class="text-sm text-gray-400"><strong class="text-gray-200">User API key</strong> (set on Setup): lets this dashboard <em>read</em> your data.<!-- --> <strong class="text-gray-200">Ingest - License key</strong> (below): lets a script <em>send</em> events. Only the Insert key is used by the test button. The Browser agent snippet uses a third key, the <strong class="text-gray-200">Ingest - Browser</strong> key. Dashboards for US New Relic accounts only.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><div class="flex flex-col gap-1.5"><label for="insert-key" class="text-sm font-medium text-gray-300">Insert key · sends test events</label><p id="insert-key-help" class="text-xs text-gray-400">Only needed for the test button and custom events. Different from the User key. Create it as type &quot;Ingest - License&quot;.</p><div class="flex items-center gap-2"><input id="insert-key" type="password" data-slot="input" aria-describedby="insert-key-help" autoComplete="off" spellCheck="false" placeholder="Ingest - License key" class="h-8 w-full min-w-0 rounded-lg border px-2.5 py-1 transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 bg-[#0f1419] border-[#2d3748] text-gray-200 font-mono text-xs" value=""/><button type="button" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Save</button></div></div><div class="flex items-center gap-4"><button type="button" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Send test event</button><span class="text-sm text-gray-400">Add an Insert key first</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-content" class="p-4 text-sm text-[#f87171] border-l-2 border-[#f87171]"><strong>Snippet 1 runs in the browser, so its key is public.</strong> Use the <strong>Ingest - Browser</strong> key (starts <span class="font-mono">NRJS-</span>), never your <span class="font-mono">NRAK-</span> User key from Setup - that one would hand every visitor full read/write access to your account. The application ID is also not your account ID.</div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">1. Add MetricFlow to your site</div><div data-slot="card-description" class="text-sm text-gray-400">One install and one call. It sends page views, load timing, Core Web Vitals and JavaScript errors to the tools you connected. You do not install a New Relic or Sentry package yourself.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><pre tabindex="0" aria-label="Code snippet 1" class="overflow-x-auto rounded-md border border-[#2d3748] bg-[#0f1419] p-3 text-xs text-gray-300">// npm i @karan171996/metricflow
1
+ <!DOCTYPE html><html lang="en" class="dark h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/24b86benpq6o_.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/42z_0gfabqpr_.js"/><script src="/_next/static/chunks/3vpvl6gwhuz4w.js" async=""></script><script src="/_next/static/chunks/21q5shbghrpvd.js" async=""></script><script src="/_next/static/chunks/turbopack-2-umre2j9nu7o.js" async=""></script><script src="/_next/static/chunks/287u55qyslbe_.js" async=""></script><script src="/_next/static/chunks/0vpb-2i9p8zhe.js" async=""></script><script src="/_next/static/chunks/0y_7csdv76zje.js" async=""></script><script src="/_next/static/chunks/2gp4docstg2a8.js" async=""></script><title>MetricFlow</title><meta name="description" content="Local performance dashboard for your site: New Relic metrics and Sentry errors per page."/><link rel="icon" href="/icon.svg?icon.23mz8iwcatff2.svg" sizes="any" type="image/svg+xml"/><script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><!--$?--><template id="B:0"></template><div data-slot="sidebar-wrapper" style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar"><div data-slot="sidebar" class="flex flex-col w-[70px] border-r border-[#2d3748] bg-[#131518] text-white sticky top-0 h-screen overflow-y-auto [&amp;::-webkit-scrollbar]:hidden"><div data-slot="sidebar-header" data-sidebar="header" class="flex-col gap-2 p-2 flex items-center justify-center py-4"><div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></div></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar min-h-0 flex-1 overflow-auto group-data-[collapsible=icon]:overflow-hidden flex flex-col items-center justify-start gap-4 pt-6"><div class="flex w-full flex-col items-center gap-3"><span class="text-[11px] font-medium uppercase tracking-wider text-dash-muted">Overview</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_fdmevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Dashboard" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard !h-5 !w-5" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_flmevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Performance" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/performance"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column lucide-bar-chart-2 !h-5 !w-5" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg></a></li></ul></div><div class="flex w-full flex-col items-center gap-3"><div class="h-px w-8 bg-[#2d3748]"></div><span class="text-[11px] font-medium uppercase tracking-wider text-dash-muted">Tools</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><div data-slot="skeleton" class="animate-pulse rounded-md h-10 w-10 bg-[#2d3748]"></div></ul></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex flex-col items-center gap-4 pb-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_1vevb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Settings" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings !h-5 !w-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li></ul></div></div><main data-slot="sidebar-inset" class="relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 bg-dash-surface"><div class="fixed top-0 left-0 right-0 z-50 h-[3px]"><div class="h-full bg-gradient-to-r from-[#3ee0a1] via-[#06b6d4] to-[#8b5cf6] animate-[shimmer_1.5s_ease-in-out_infinite] bg-[length:200%_100%]"></div></div><header class="flex h-16 shrink-0 items-center gap-2 border-b border-gray-800 bg-[#0f1419] px-4 md:px-6"><div class="flex min-w-0 flex-col gap-0.5"><h1 class="title-enter text-base md:text-lg font-semibold text-white tracking-tight line-clamp-1">MetricFlow</h1><p class="line-clamp-2 text-xs text-gray-400">Loading…</p></div><button aria-label="Open navigation menu" class="md:hidden flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black hover:bg-[#3ee0a1]/90 transition-colors"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></button><div class="flex-1"></div></header><div class="mx-auto flex w-full max-w-[1600px] flex-1 flex-col p-6 md:p-8"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full bg-dash-card"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="skeleton" class="animate-pulse h-6 w-28 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-64 max-w-full rounded-full bg-dash-border"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div><div class="flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12"><div data-slot="skeleton" class="animate-pulse h-4 flex-1 rounded-md bg-dash-border"></div><div data-slot="skeleton" class="animate-pulse h-4 w-20 rounded-md bg-dash-border"></div></div></div></div><div class="mt-6"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-3"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-5 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-32 rounded-md"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-44 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex flex-col gap-3"><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div><div class="flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5"></div><div class="flex-1 space-y-2"><div class="flex items-center gap-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-20 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-12 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-full rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full"></div></div></div></div></div></div></div><div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-content" class="p-6"><div class="flex items-center justify-between mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-28 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-36 rounded-full"></div></div></div></div><div class="mt-6 grid gap-6 md:grid-cols-3"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-start justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-16 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-24 rounded-full"></div></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-2 mt-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-8 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-4 w-14 rounded-full"></div></div><div class="mt-4 h-[80px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div></div></div></div><div class="mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div class="flex items-center justify-between"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-36 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-7 w-28 rounded-full"></div></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="h-[200px] w-full rounded-lg overflow-hidden"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div><div class="flex justify-between mt-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-8 rounded-full"></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-48 rounded-md"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex items-baseline gap-3 mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-12 w-20 rounded-md"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-16 rounded-full"></div></div><div class="h-[80px] w-full rounded-lg overflow-hidden mb-4"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-full w-full rounded-lg"></div></div><div class="grid grid-cols-2 gap-3"><div class="flex flex-col gap-1"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-24 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-16 rounded-md"></div></div><div class="flex flex-col gap-1"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-24 rounded-full"></div><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-6 w-16 rounded-md"></div></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-5 w-40 rounded-md"></div></div><div data-slot="card-content" class="px-(--card-spacing)"><div class="flex flex-col gap-3"><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:60%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:68%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:76%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:84%"></div></div><div class="flex items-center gap-3"><div data-slot="skeleton" class="animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0"></div><div data-slot="skeleton" class="animate-pulse h-5 rounded-md bg-[#2d3748]" style="width:92%"></div></div></div></div></div></div></div></main></div><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/42z_0gfabqpr_.js" id="_R_" async=""></script><div hidden id="S:0"><div data-slot="sidebar-wrapper" style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar"><div data-slot="sidebar" class="flex flex-col w-[70px] border-r border-[#2d3748] bg-[#131518] text-white sticky top-0 h-screen overflow-y-auto [&amp;::-webkit-scrollbar]:hidden"><div data-slot="sidebar-header" data-sidebar="header" class="flex-col gap-2 p-2 flex items-center justify-center py-4"><div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></div></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar min-h-0 flex-1 overflow-auto group-data-[collapsible=icon]:overflow-hidden flex flex-col items-center justify-start gap-4 pt-6"><div class="flex w-full flex-col items-center gap-3"><span class="text-[11px] font-medium uppercase tracking-wider text-dash-muted">Overview</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_urclfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Dashboard" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard !h-5 !w-5" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_vbclfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Performance" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/performance"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column lucide-bar-chart-2 !h-5 !w-5" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg></a></li></ul></div><div class="flex w-full flex-col items-center gap-3"><div class="h-px w-8 bg-[#2d3748]"></div><span class="text-[11px] font-medium uppercase tracking-wider text-dash-muted">Tools</span><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><div data-slot="skeleton" class="animate-pulse rounded-md h-10 w-10 bg-[#2d3748]"></div></ul></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex flex-col items-center gap-4 pb-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="w-full min-w-0 flex flex-col items-center gap-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_3ulfivb_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-label="Settings" class="peer/menu-button group/menu-button flex items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate text-sm h-10 w-10 justify-center rounded-lg text-gray-400 hover:bg-white/10 hover:text-white" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings !h-5 !w-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li></ul></div></div><main data-slot="sidebar-inset" class="relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 bg-dash-surface"><header class="flex h-16 shrink-0 items-center gap-2 border-b border-gray-800 bg-[#0f1419] px-4 md:px-6"><div class="flex min-w-0 flex-col gap-0.5"><h1 class="title-enter text-base md:text-lg font-semibold text-white tracking-tight line-clamp-1">MetricFlow</h1><p class="line-clamp-2 text-xs text-gray-400">Loading…</p></div><button aria-label="Open navigation menu" class="md:hidden flex h-10 w-10 items-center justify-center rounded-lg bg-[#3ee0a1] text-black hover:bg-[#3ee0a1]/90 transition-colors"><svg viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><path d="M6 23 11 9l5 10 5-10 5 14"></path></svg></button><div class="flex-1"></div></header><div class="flex flex-1 flex-col p-6 md:p-8 max-w-[1600px] mx-auto w-full"><h1 class="title-enter text-2xl font-bold text-white tracking-tight mb-2">Connect your app</h1><p class="text-sm text-gray-400 mb-6">Add one call to your site so its metrics and errors show up here.</p><div class="flex flex-col gap-6 max-w-3xl"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Connection</h3><div data-slot="card-description" class="text-sm text-gray-400">Each link in the chain from your site to this dashboard. Fix the first ✗.</div></div><div data-slot="card-content" class="px-(--card-spacing)" aria-live="polite"><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Keys for reading</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Browser app in New Relic</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Browser key</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div><div class="flex items-start gap-3 border-b border-[#2d3748] py-2 last:border-0"><span class="font-mono text-sm text-gray-400" aria-hidden="true">…</span><span class="sr-only">checking</span><span class="text-sm text-gray-300 w-56 shrink-0">Your site sending data</span><span class="min-w-0 text-sm text-gray-400">Checking…</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Events received (last 5 minutes)</h3><div data-slot="card-description" class="text-sm text-gray-400">Updates every few seconds. All rows empty? Check this is the account your site sends to.</div></div><div data-slot="card-content" class="px-(--card-spacing)" aria-live="polite"><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Browser agent (page views)</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Custom events (send / test event)</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div><div class="flex items-center justify-between gap-4 border-b border-[#2d3748] py-2 last:border-0"><span class="text-sm text-gray-300 shrink-0">Sentry errors</span><span class="min-w-0 break-words text-right text-sm text-gray-400">Checking…</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">Two different New Relic keys</h3><div data-slot="card-description" class="text-sm text-gray-400"><strong class="text-gray-200">User API key</strong> (set on Setup): lets this dashboard <em>read</em> your data.<!-- --> <strong class="text-gray-200">Ingest - License key</strong> (below): lets a script <em>send</em> events. Only the Insert key is used by the test button. The Browser agent snippet uses a third key, the <strong class="text-gray-200">Ingest - Browser</strong> key. Dashboards for US New Relic accounts only.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><div class="flex flex-col gap-1.5"><label for="insert-key" class="text-sm font-medium text-gray-300">Insert key · sends test events</label><p id="insert-key-help" class="text-xs text-gray-400">Only needed for the test button and custom events. Different from the User key. Create it as type &quot;Ingest - License&quot;.</p><div class="flex items-center gap-2"><input id="insert-key" type="password" data-slot="input" aria-describedby="insert-key-help" autoComplete="off" spellCheck="false" placeholder="Ingest - License key" class="h-8 w-full min-w-0 rounded-lg border px-2.5 py-1 transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 bg-[#0f1419] border-[#2d3748] text-gray-200 font-mono text-xs" value=""/><button type="button" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Save</button></div></div><div class="flex items-center gap-4"><button type="button" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Send test event</button><span class="text-sm text-gray-400">Add an Insert key first</span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-content" class="p-4 text-sm text-[#f87171] border-l-2 border-[#f87171]"><strong>Snippet 1 runs in the browser, so its key is public.</strong> Use the <strong>Ingest - Browser</strong> key (starts <span class="font-mono">NRJS-</span>), never your <span class="font-mono">NRAK-</span> User key from Setup - that one would hand every visitor full read/write access to your account. The application ID is also not your account ID.</div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">1. Add MetricFlow to your site</h3><div data-slot="card-description" class="text-sm text-gray-400">One install and one call. It sends page views, load timing, Core Web Vitals and JavaScript errors to the tools you connected. You do not install a New Relic or Sentry package yourself.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><pre tabindex="0" aria-label="Code snippet 1" class="overflow-x-auto rounded-md border border-[#2d3748] bg-[#0f1419] p-3 text-xs text-gray-300">// npm i @karan171996/metricflow
2
2
  // Call init once, when your site starts. In Next.js put this in instrumentation-client.ts.
3
3
  // If your site already runs its own Sentry, call init after it.
4
4
  import { init } from &#x27;@karan171996/metricflow/browser&#x27;;
@@ -12,8 +12,8 @@ init({
12
12
  sentry: {
13
13
  dsn: &#x27;https://00000000000000000000000000000000@o0.ingest.sentry.io/0&#x27;, // replace: Sentry &gt; Project settings &gt; Client Keys (DSN)
14
14
  },
15
- });</pre><div class="flex items-center gap-3"><button type="button" tabindex="0" data-slot="button" aria-label="Copy snippet 1: Add MetricFlow to your site" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Copy</button><span aria-live="polite" class="text-sm text-[#3ee0a1]"></span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">2. Send your own numbers (optional)</div><div data-slot="card-description" class="text-sm text-gray-400">Record a custom event from anywhere in your site after init. New Relic only.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><pre tabindex="0" aria-label="Code snippet 2" class="overflow-x-auto rounded-md border border-[#2d3748] bg-[#0f1419] p-3 text-xs text-gray-300">// Records a MetricFlowEvent in New Relic. Does nothing before init, and nothing for Sentry.
15
+ });</pre><div class="flex items-center gap-3"><button type="button" tabindex="0" data-slot="button" aria-label="Copy snippet 1: Add MetricFlow to your site" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Copy</button><span aria-live="polite" class="text-sm text-[#3ee0a1]"></span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">2. Send your own numbers (optional)</h3><div data-slot="card-description" class="text-sm text-gray-400">Record a custom event from anywhere in your site after init. New Relic only.</div></div><div data-slot="card-content" class="px-(--card-spacing) flex flex-col gap-3"><pre tabindex="0" aria-label="Code snippet 2" class="overflow-x-auto rounded-md border border-[#2d3748] bg-[#0f1419] p-3 text-xs text-gray-300">// Records a MetricFlowEvent in New Relic. Does nothing before init, and nothing for Sentry.
16
16
  import { send } from &#x27;@karan171996/metricflow/browser&#x27;;
17
17
 
18
- send(&#x27;checkout_step&#x27;, 2, { step: &#x27;payment&#x27; });</pre><div class="flex items-center gap-3"><button type="button" tabindex="0" data-slot="button" aria-label="Copy snippet 2: Send your own numbers (optional)" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Copy</button><span aria-live="polite" class="text-sm text-[#3ee0a1]"></span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><div data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">3<!-- -->. Verify</div><div data-slot="card-description" class="text-sm text-gray-400">Reload your site, then watch &quot;Events received&quot; above turn green. Use Send test event to check the custom-event path.</div></div></div></div></div></main></div><!--$--><!--/$--></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
19
- $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:I[46495,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"LoadingBoundaryProvider\"]\n2:I[11522,[\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"/_next/static/chunks/2k11j1snr6r1u.js\",\"/_next/static/chunks/2sh7680ti_qkv.js\"],\"SidebarProvider\"]\n3:I[67097,[\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"/_next/static/chunks/2k11j1snr6r1u.js\",\"/_next/static/chunks/2sh7680ti_qkv.js\"],\"AppSidebar\"]\n4:I[11522,[\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"/_next/static/chunks/2k11j1snr6r1u.js\",\"/_next/static/chunks/2sh7680ti_qkv.js\"],\"SidebarInset\"]\n5:I[17792,[\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"/_next/static/chunks/2k11j1snr6r1u.js\",\"/_next/static/chunks/2sh7680ti_qkv.js\"],\"Header\"]\n12:I[3020,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/32qkw4q4c_gv1.css\",\"style\"]\n10:X\n0:{\"P\":null,\"c\":[\"\",\"connect\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"connect\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4628],[[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"$L2\",\"l\",{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"className\":\"bg-dash-surface\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fixed top-0 left-0 right-0 z-50 h-[3px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full bg-gradient-to-r from-[#3ee0a1] via-[#06b6d4] to-[#8b5cf6] animate-[shimmer_1.5s_ease-in-out_infinite] bg-[length:200%_100%]\"}]}],[\"$\",\"$L5\",null,{}],[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full max-w-[1600px] flex-1 flex-col p-6 md:p-8\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full bg-dash-card\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-6 w-28 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-64 max-w-full rounded-full bg-dash-border\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"5\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$L6\",\"$L7\"]}]}],\"$L8\",\"$L9\",\"$La\"]}]]}]]}],[],[\"$Lb\",\"$Lc\"]],\"children\":\"$Ld\"}],{\"children\":[\"$Le\",{\"children\":[\"$Lf\",{},null,false,null]},null,false,\"$10\"]},null,false,null],\"$L11\",false]],\"m\":\"$undefined\",\"G\":[\"$12\",[\"$L13\"]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"xbaKdc39wmsvYFMLT0pcf\"}\n1a:\"$Sreact.fragment\"\n1b:I[46495,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"default\"]\n1c:I[90434,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"default\"]\n1d:I[29821,[\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"/_next/static/chunks/2k11j1snr6r1u.js\",\"/_next/static/chunks/2sh7680ti_qkv.js\"],\"ConnectPage\"]\n1e:I[43120,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"OutletBoundary\"]\n1f:\"$Sreact.suspense\"\n21:I[43120,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"ViewportBoundary\"]\n23:I[43120,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"MetadataBoundary\"]\n6:[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-5 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-32 rounded-md\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-44 rounded-full mt-2\"}]]}]\n7:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}]]}]}]\n8:[\"$\",\"div\",null,{\"className\":\"mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",\"0\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"1\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"2\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"3\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":\"$L14\"}]]}]\n9:[\"$\",\"div\",null,{\"className\":\"mt-6 grid gap-6 md:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$L15\",\"$L16\"]}]]}]\na:[\"$\",\"div\",null,{\"className\":\"mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-36 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-7 w-28 rounded-full\"}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-[200px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}],[\"$\",\"div\",null,{\"className\":\"flex justify-between mt-3\",\"children\":[[\"$\",\"div\",\"0\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"1\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"2\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"3\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"4\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"5\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}]]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-48 rounded-md\"}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-3 mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-12 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-16 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-[80px] w-full rounded-lg overflow-hidden mb-4\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3\",\"children\":[\"$L17\",\"$L18\"]}]]}]]}],\"$L19\"]}]\nb:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1habrj18124lo.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2sh7680ti_qkv.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"$1a\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/32qkw4q4c_gv1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2dpz7gbtyu5go.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L1b\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1c\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\ne:[\"$\",\"$1a\",\"c\",{\"children\":[null,[\"$\",\"$L1b\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1c\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1a\",\"c\",{\"children\":[[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"className\":\"bg-dash-surface\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col p-6 md:p-8 max-w-[1600px] mx-auto w-full\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"title-enter text-2xl font-bold text-white tracking-tight mb-2\",\"children\":\"Connect your app\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-400 mb-6\",\"children\":\"Add one call to your site so its metrics and errors show up here.\"}],[\"$\",\"$L1d\",null,{}]]}]]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2k11j1snr6r1u.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2sh7680ti_qkv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$1f\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@20\"}]}]]}]\n11:[\"$\",\"$1a\",\"h\",{\"children\":[null,[\"$\",\"$L21\",null,{\"children\":\"$L22\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$1f\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L24\"}]}]}],null]}]\n13:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/32qkw4q4c_gv1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n10:C\n14:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]\n15:[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}]\n16:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]\n17:[\"$\",\"div\",\"0\",{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-24 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-16 rounded-md\"}]]}]\n18:[\"$\",\"div\",\"1\",{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-24 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-16 rounded-md\"}]]}]\n19:[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-40 rounded-md\"}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"60%\"}}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"68%\"}}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"76%\"}}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"84%\"}}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"92%\"}}]]}]]}]}]]}]\n22:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n25:I[27499,[\"/_next/static/chunks/2dpz7gbtyu5go.js\"],\"IconMark\"]\n20:null\n24:[[\"$\",\"title\",\"0\",{\"children\":\"MetricFlow\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Local performance dashboard for your site: New Relic metrics and Sentry errors per page.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.23mz8iwcatff2.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L25\",\"3\",{}]]\n"])</script></body></html>
18
+ send(&#x27;checkout_step&#x27;, 2, { step: &#x27;payment&#x27; });</pre><div class="flex items-center gap-3"><button type="button" tabindex="0" data-slot="button" aria-label="Copy snippet 2: Send your own numbers (optional)" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2">Copy</button><span aria-live="polite" class="text-sm text-[#3ee0a1]"></span></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl border-[#2d3748] bg-[#1a202c] shadow-md"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)"><h3 data-slot="card-title" class="title-enter font-heading group-data-[size=sm]/card:text-sm text-base font-bold text-white">3<!-- -->. Verify</h3><div data-slot="card-description" class="text-sm text-gray-400">Reload your site, then watch &quot;Events received&quot; above turn green. Use Send test event to check the custom-event path.</div></div></div></div></div></main></div><!--$--><!--/$--></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
19
+ $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:I[46495,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"LoadingBoundaryProvider\"]\n2:I[11522,[\"/_next/static/chunks/287u55qyslbe_.js\",\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"/_next/static/chunks/0y_7csdv76zje.js\"],\"SidebarProvider\"]\n3:I[67097,[\"/_next/static/chunks/287u55qyslbe_.js\",\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"/_next/static/chunks/0y_7csdv76zje.js\"],\"AppSidebar\"]\n4:I[11522,[\"/_next/static/chunks/287u55qyslbe_.js\",\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"/_next/static/chunks/0y_7csdv76zje.js\"],\"SidebarInset\"]\n5:I[17792,[\"/_next/static/chunks/287u55qyslbe_.js\",\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"/_next/static/chunks/0y_7csdv76zje.js\"],\"Header\"]\n12:I[3020,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/24b86benpq6o_.css\",\"style\"]\n10:X\n0:{\"P\":null,\"c\":[\"\",\"connect\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"connect\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4628],[[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"$L2\",\"l\",{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"className\":\"bg-dash-surface\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fixed top-0 left-0 right-0 z-50 h-[3px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full bg-gradient-to-r from-[#3ee0a1] via-[#06b6d4] to-[#8b5cf6] animate-[shimmer_1.5s_ease-in-out_infinite] bg-[length:200%_100%]\"}]}],[\"$\",\"$L5\",null,{}],[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full max-w-[1600px] flex-1 flex-col p-6 md:p-8\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full bg-dash-card\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-6 w-28 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-64 max-w-full rounded-full bg-dash-border\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}],[\"$\",\"div\",\"5\",{\"className\":\"flex h-14 items-center gap-4 border-b border-dash-border px-3 last:border-b-0 lg:h-12\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 flex-1 rounded-md bg-dash-border\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-4 w-20 rounded-md bg-dash-border\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$L6\",\"$L7\"]}]}],\"$L8\",\"$L9\",\"$La\"]}]]}]]}],[],[\"$Lb\",\"$Lc\"]],\"children\":\"$Ld\"}],{\"children\":[\"$Le\",{\"children\":[\"$Lf\",{},null,false,null]},null,false,\"$10\"]},null,false,null],\"$L11\",false]],\"m\":\"$undefined\",\"G\":[\"$12\",[\"$L13\"]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Yv5DeofpLN8HP7dgDqauX\"}\n1a:\"$Sreact.fragment\"\n1b:I[46495,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"default\"]\n1c:I[90434,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"default\"]\n1d:I[29821,[\"/_next/static/chunks/287u55qyslbe_.js\",\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"/_next/static/chunks/0y_7csdv76zje.js\"],\"ConnectPage\"]\n1e:I[43120,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"OutletBoundary\"]\n1f:\"$Sreact.suspense\"\n21:I[43120,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"ViewportBoundary\"]\n23:I[43120,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"MetadataBoundary\"]\n6:[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-5 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-32 rounded-md\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-44 rounded-full mt-2\"}]]}]\n7:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex items-start gap-3 rounded-lg border border-[#2d3748] bg-[#0f1419] p-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-4 rounded-full flex-shrink-0 mt-0.5\"}],[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-20 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-12 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-full rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-4/5 rounded-full\"}]]}]]}]]}]}]\n8:[\"$\",\"div\",null,{\"className\":\"mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",\"0\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"1\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"2\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]}],[\"$\",\"div\",\"3\",{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":\"$L14\"}]]}]\n9:[\"$\",\"div\",null,{\"className\":\"mt-6 grid gap-6 md:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[\"$L15\",\"$L16\"]}]]}]\na:[\"$\",\"div\",null,{\"className\":\"mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-36 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-7 w-28 rounded-full\"}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-[200px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}],[\"$\",\"div\",null,{\"className\":\"flex justify-between mt-3\",\"children\":[[\"$\",\"div\",\"0\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"1\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"2\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"3\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"4\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}],[\"$\",\"div\",\"5\",{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-8 rounded-full\"}]]}]]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-48 rounded-md\"}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-3 mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-12 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-16 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"h-[80px] w-full rounded-lg overflow-hidden mb-4\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3\",\"children\":[\"$L17\",\"$L18\"]}]]}]]}],\"$L19\"]}]\nb:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2gp4docstg2a8.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0y_7csdv76zje.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"$1a\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/24b86benpq6o_.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/287u55qyslbe_.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L1b\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1c\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\ne:[\"$\",\"$1a\",\"c\",{\"children\":[null,[\"$\",\"$L1b\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1c\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1a\",\"c\",{\"children\":[[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"className\":\"bg-dash-surface\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col p-6 md:p-8 max-w-[1600px] mx-auto w-full\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"title-enter text-2xl font-bold text-white tracking-tight mb-2\",\"children\":\"Connect your app\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-gray-400 mb-6\",\"children\":\"Add one call to your site so its metrics and errors show up here.\"}],[\"$\",\"$L1d\",null,{}]]}]]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0vpb-2i9p8zhe.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0y_7csdv76zje.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$1f\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@20\"}]}]]}]\n11:[\"$\",\"$1a\",\"h\",{\"children\":[null,[\"$\",\"$L21\",null,{\"children\":\"$L22\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$1f\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L24\"}]}]}],null]}]\n13:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/24b86benpq6o_.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n10:C\n14:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-28 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-8 rounded-lg\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md mb-2\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-36 rounded-full\"}]]}]\n15:[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start justify-between\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-16 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-24 rounded-full\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-32 rounded-full mt-2\"}]]}]\n16:[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2 mt-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-8 w-20 rounded-md\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-4 w-14 rounded-full\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-[80px] w-full rounded-lg overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-full w-full rounded-lg\"}]}]]}]\n17:[\"$\",\"div\",\"0\",{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-24 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-16 rounded-md\"}]]}]\n18:[\"$\",\"div\",\"1\",{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-24 rounded-full\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-6 w-16 rounded-md\"}]]}]\n19:[\"$\",\"div\",null,{\"data-slot\":\"card\",\"data-size\":\"default\",\"className\":\"group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[\u003eimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl w-full rounded-xl border-[#2d3748] bg-[#1a202c] shadow-[0_4px_6px_rgba(0,0,0,0.3)]\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing) pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-5 w-40 rounded-md\"}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-(--card-spacing)\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"60%\"}}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"68%\"}}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"76%\"}}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"84%\"}}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse bg-[#2d3748] h-3 w-16 rounded-full flex-shrink-0\"}],[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"animate-pulse h-5 rounded-md bg-[#2d3748]\",\"style\":{\"width\":\"92%\"}}]]}]]}]}]]}]\n22:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n25:I[27499,[\"/_next/static/chunks/287u55qyslbe_.js\"],\"IconMark\"]\n20:null\n24:[[\"$\",\"title\",\"0\",{\"children\":\"MetricFlow\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Local performance dashboard for your site: New Relic metrics and Sentry errors per page.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.23mz8iwcatff2.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L25\",\"3\",{}]]\n"])</script></body></html>