<!DOCTYPE html><html lang="en" data-sentry-component="RootLayout" data-sentry-source-file="layout.tsx"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/990adfb9e450c66f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c17e2f2a11627bf5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b52557125fa02b8a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5633219888ca3dfb.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e2cf26595b2d0207.js"/><script src="/_next/static/chunks/48cec039-22be135a62b8d6c2.js" async=""></script><script src="/_next/static/chunks/52774a7f-ff5697ef55468615.js" async=""></script><script src="/_next/static/chunks/4bd1b696-f3332c982d7284c6.js" async=""></script><script src="/_next/static/chunks/293-aef1162ffd22cc99.js" async=""></script><script src="/_next/static/chunks/main-app-3b46142a4455c0fb.js" async=""></script><script src="/_next/static/chunks/146-f9da1570050a8954.js" async=""></script><script src="/_next/static/chunks/60-96b0bffd3b73b676.js" async=""></script><script src="/_next/static/chunks/119-3a1c512876838c0c.js" async=""></script><script src="/_next/static/chunks/156-75dcb2989f396fd6.js" async=""></script><script src="/_next/static/chunks/app/layout-4f655782333a5e9e.js" async=""></script><script src="/_next/static/chunks/app/not-found-2ec7dea6285045d7.js" async=""></script><script src="/_next/static/chunks/231-9863fed2cf5beadd.js" async=""></script><script src="/_next/static/chunks/app/changelog/layout-9328405a625de157.js" async=""></script><script src="/_next/static/chunks/app/changelog/error-39e8ceadd2e119c6.js" async=""></script><script src="/_next/static/chunks/356-8c2535cb534c708f.js" async=""></script><script src="/_next/static/chunks/225-a88a16284a69ff31.js" async=""></script><script src="/_next/static/chunks/app/changelog/page-e9def8f1dce619d2.js" async=""></script><script src="/_next/static/chunks/app/global-error-432d87b9614164d7.js" async=""></script><link rel="preload" href="https://plausible.io/js/script.js" as="script"/><meta name="next-size-adjust" content=""/><meta name="sentry-trace" content="44480b5def86306f32344533950a7e91-ee3934ad09423cd1-1"/><meta name="baggage" content="sentry-environment=production,sentry-release=a72f7b83a196ab83565e28ccc3092615c3f2cb78,sentry-public_key=c11f58f9dcc1025a77ec56fc35853ee1,sentry-trace_id=44480b5def86306f32344533950a7e91,sentry-transaction=GET%20%2Fchangelog%2F%5Bslug%5D,sentry-sampled=true,sentry-sample_rand=0.24516577738773404,sentry-sample_rate=1"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__variable_d51e15"><div data-is-root-theme="true" data-accent-color="iris" data-gray-color="sand" data-has-background="true" data-panel-background="translucent" data-radius="large" data-scaling="95%" data-sentry-element="Theme" data-sentry-source-file="layout.tsx" class="radix-themes"><style>#nprogress{pointer-events:none}#nprogress .bar{background:#8d5494;position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #8d5494,0 0 5px #8d5494;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#8d5494;border-left-color:#8d5494;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style><div class="font-sans"><header class="bg-white sticky top-0 w-full z-50 py-4" data-sentry-component="Navbar" data-sentry-source-file="navbar.tsx"><div class="lg:max-w-6xl md:max-w-3xl max-w-xl mx-auto px-8 sm:px-6 lg:px-8"><nav class="flex justify-between items-center text-primary flex-wrap"><div title="Sentry error monitoring" class="flex flex-shrink-0 flex-1 items-center mr-auto"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="45" viewBox="0 0 222 66" width="150" data-sentry-element="svg" data-sentry-source-file="wordmarkLogo.tsx" fill="#241c2c" data-sentry-component="SentryWordmarkLogo"><path d="M40 13.26a4.67 4.67 0 00-8 0l-6.58 11.27a32.21 32.21 0 0117.75 26.66h-4.62a27.68 27.68 0 00-15.46-22.72L17 39a15.92 15.92 0 019.23 12.17H15.62a.76.76 0 01-.62-1.11l2.94-5a10.74 10.74 0 00-3.36-1.9l-2.91 5a4.54 4.54 0 001.69 6.24 4.66 4.66 0 002.26.6h14.53a19.4 19.4 0 00-8-17.31l2.31-4A23.87 23.87 0 0134.76 55h12.31a35.88 35.88 0 00-16.41-31.8l4.67-8a.77.77 0 011.05-.27c.53.29 20.29 34.77 20.66 35.17a.76.76 0 01-.68 1.13H51.6q.09 1.91 0 3.81h4.78A4.59 4.59 0 0061 50.43a4.49 4.49 0 00-.62-2.28zm95.32 26.02l-14.76-19.06h-3.68v25.55h3.73V26.19l15.18 19.58h3.26V20.22h-3.73zm-37.17-4.74h13.23v-3.32H98.14v-7.69h14.93v-3.32H94.34v25.56h18.92v-3.32H98.14zM82.59 31.3C77.44 30.06 76 29.08 76 26.7c0-2.14 1.89-3.59 4.71-3.59a12.06 12.06 0 017.07 2.55l2-2.83a14.1 14.1 0 00-9-3c-5.06 0-8.59 3-8.59 7.27 0 4.6 3 6.19 8.46 7.52 4.86 1.12 6.35 2.16 6.35 4.49s-2 3.77-5.09 3.77a12.34 12.34 0 01-8.3-3.26l-2.25 2.69a15.94 15.94 0 0010.42 3.85c5.48 0 9-2.95 9-7.51-.03-3.86-2.31-5.93-8.19-7.35zM206.7 20.22l-7.69 12-7.64-12h-4.46L197 35.67v10.11h3.84V35.55L211 20.22zm-64.63 3.46h8.37v22.1h3.84v-22.1h8.37v-3.46h-20.57zm38.34 12.12c3.86-1.07 6-3.77 6-7.63 0-4.91-3.59-8-9.38-8h-11.36v25.59h3.8v-9.18h6.45l6.48 9.2h4.44l-7-9.82zm-10.95-2.5v-9.7h7.17c3.74 0 5.88 1.77 5.88 4.84s-2.29 4.86-5.84 4.86z" data-sentry-element="path" data-sentry-source-file="wordmarkLogo.tsx"></path></svg></a></div><button class="styles_btn__MGuqZ text-white bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-300 px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center !bg-gray-200 !hover:bg-gray-200 lg:hidden flex" data-sentry-element="Button" data-sentry-source-file="navbar.tsx"><span>Menu</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 16 16" data-sentry-element="svg" data-sentry-source-file="chevron.tsx" class="chevron_chevron__jxjPe chevron_right__iALf5 " data-sentry-component="Chevron"><path fill="currentColor" d="M12.53 5.47a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06L8 8.94l3.47-3.47a.75.75 0 0 1 1.06 0Z" data-sentry-element="path" data-sentry-source-file="chevron.tsx"></path></svg></button><ul class="lg:flex hidden lg:items-center lg:flex-row flex-col basis-full lg:basis-0"><li class="lg:ml-2 relative pt-4 lg:pt-0"><button class="styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start"><span class="">Product</span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="chevron_chevron__jxjPe chevron_right__iALf5 " data-sentry-element="svg" data-sentry-component="Chevron" data-sentry-source-file="chevron.tsx"><path fill="currentColor" d="M12.53 5.47a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06L8 8.94l3.47-3.47a.75.75 0 0 1 1.06 0Z" data-sentry-element="path" data-sentry-source-file="chevron.tsx"></path></svg></button></li><li class="lg:ml-2 relative pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start" href="https://sentry.io/pricing"><span class="">Pricing</span></a></li><li class="lg:ml-2 relative pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start" href="https://docs.sentry.io"><span class="">Docs</span></a></li><li class="lg:ml-2 relative pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start" href="https://blog.sentry.io"><span class="">Blog</span></a></li><li class="lg:ml-2 relative pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start" target="_blank" href="https://sandbox.sentry.io/"><span class="">Sandbox</span></a></li><li class="lg:ml-2 relative pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full !justify-start" href="https://sentry.io/auth/login"><span class="">Go to Sentry</span></a></li><li class="lg:pl-2 lg:ml-2 pt-4 lg:pt-0"><a class="text-primary styles_btn__MGuqZ styles_solid-btn__N_WYd px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full" data-sentry-element="Button" data-sentry-source-file="navbar.tsx" href="https://sentry.io/signup/"><span class="text-white h-4 leading-4">Get Started</span></a></li></ul></nav></div><div class="hero-top-left-down-slope absolute -bottom-[39px] w-full h-10 bg-white"></div></header><div class="bg-gray-100"><!--$--><!--$?--><template id="B:0"></template><div class="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200" data-sentry-component="Loading" data-sentry-source-file="loading.tsx"><div class="col-span-12 md:col-start-3 md:col-span-8"><div class="max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8 mt-16"><article class="bg-white rounded-lg shadow-lg mb-8" data-sentry-component="LoadingArticle" data-sentry-source-file="article.tsx"><div class="p-6"><div class="h-6 bg-gray-200 mb-2 animate-pulse rounded"></div><div class="flex flex-wrap gap-1 py-1"><div class="h-4 bg-gray-200 w-20 animate-pulse rounded"></div></div><div class="prose max-w-none text-gray-700 py-2"><div class="h-4 bg-gray-200 mb-2"></div><div class="h-4 bg-gray-200 mb-2 animate-pulse rounded"></div><div class="h-4 bg-gray-200"></div></div><div class="text-xs leading-6 text-gray-400 animate-pulse rounded"><div class="h-4 bg-gray-200 w-16 animate-pulse rounded"></div></div></div></article></div></div></div><!--/$--><!--/$--></div><div class="w-full mx-auto h-16 relative bg-darkPurple"><div class="footer-top-right-down-slope absolute w-full -top-1 h-10 bg-gray-200"></div></div></div></div><script src="/_next/static/chunks/webpack-e2cf26595b2d0207.js" async=""></script><div hidden id="S:0"><template id="P:1"></template><!--$?--><template id="B:2"></template><!--/$--><!--$?--><template id="B:3"></template><!--/$--></div><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[41402,[\"146\",\"static/chunks/146-f9da1570050a8954.js\",\"60\",\"static/chunks/60-96b0bffd3b73b676.js\",\"119\",\"static/chunks/119-3a1c512876838c0c.js\",\"156\",\"static/chunks/156-75dcb2989f396fd6.js\",\"177\",\"static/chunks/app/layout-4f655782333a5e9e.js\"],\"\"]\n3:I[92760,[\"146\",\"static/chunks/146-f9da1570050a8954.js\",\"60\",\"static/chunks/60-96b0bffd3b73b676.js\",\"119\",\"static/chunks/119-3a1c512876838c0c.js\",\"156\",\"static/chunks/156-75dcb2989f396fd6.js\",\"177\",\"static/chunks/app/layout-4f655782333a5e9e.js\"],\"Theme\"]\n4:I[9766,[],\"\"]\n5:I[98924,[],\"\"]\n6:I[46380,[\"60\",\"static/chunks/60-96b0bffd3b73b676.js\",\"345\",\"static/chunks/app/not-found-2ec7dea6285045d7.js\"],\"default\"]\n7:I[21887,[\"231\",\"static/chunks/231-9863fed2cf5beadd.js\",\"304\",\"static/chunks/app/changelog/layout-9328405a625de157.js\"],\"\"]\n8:I[18841,[\"231\",\"static/chunks/231-9863fed2cf5beadd.js\",\"304\",\"static/chunks/app/changelog/layout-9328405a625de157.js\"],\"Navbar\"]\n9:I[90617,[\"368\",\"static/chunks/app/changelog/error-39e8ceadd2e119c6.js\"],\"default\"]\nb:I[19390,[],\"MetadataBoundary\"]\nd:I[19390,[],\"OutletBoundary\"]\n10:I[15278,[],\"AsyncMetadataOutlet\"]\n12:I[81356,[\"356\",\"static/chunks/356-8c2535cb534c708f.js\",\"225\",\"static/chunks/225-a88a16284a69ff31.js\",\"679\",\"static/chunks/app/changelog/page-e9def8f1dce619d2.js\"],\"Image\"]\n13:I[19390,[],\"ViewportBoundary\"]\n15:I[89090,[\"219\",\"static/chunks/app/global-error-432d87b9614164d7.js\"],\"default\"]\n16:\"$Sreact.suspense\"\n17:I[15278,[],\"AsyncMetadata\"]\n:HL[\"/_next/static/media/b9378c7268e717c1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c22ccc5eb58b83e1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/990adfb9e450c66f.css\",\"style\"]\n:HL[\"/_next/static/css/c17e2f2a11627bf5.css\",\"style\"]\n:HL[\"/_next/static/css/b52557125fa02b8a.css\",\"style\"]\n:HL[\"/_next/static/css/5633219888ca3dfb.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"oNMUk21OzOdVUEjZF2Yo2\",\"p\":\"\",\"c\":[\"\",\"changelog\",\"span-based-metrics\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"changelog\",{\"children\":[[\"slug\",\"span-based-metrics\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/990adfb9e450c66f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c17e2f2a11627bf5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-sentry-component\":\"RootLayout\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{\"async\":true,\"defer\":true,\"data-api\":\"$undefined\",\"data-domain\":\"changelog.sentry.io\",\"data-exclude\":\"$undefined\",\"src\":\"https://plausible.io/js/script.js\",\"integrity\":\"$undefined\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"$L2\",null,{\"id\":\"next-plausible-init\",\"dangerouslySetInnerHTML\":{\"__html\":\"window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }\"},\"nonce\":\"$undefined\"}],\"$undefined\"]}],[\"$\",\"body\",null,{\"className\":\"__variable_d51e15\",\"children\":[\"$\",\"$L3\",null,{\"accentColor\":\"iris\",\"grayColor\":\"sand\",\"radius\":\"large\",\"scaling\":\"95%\",\"data-sentry-element\":\"Theme\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L6\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]]}],{\"children\":[\"changelog\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b52557125fa02b8a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5633219888ca3dfb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[[\"$\",\"$L7\",null,{\"color\":\"#8d5494\",\"data-sentry-element\":\"NextTopLoader\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"div\",null,{\"className\":\"font-sans\",\"children\":[[\"$\",\"$L8\",null,{\"data-sentry-element\":\"Navbar\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-100\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$9\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"div\",null,{\"className\":\"w-full mx-auto h-96 relative bg-darkPurple\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col w-full h-64 lg:max-w-7xl mx-auto px-4 lg:px-8 pt-24 items-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"justify-self-center text-white font-bold text-4xl text-center\",\"children\":\"Not found!\"}],[\"$\",\"a\",null,{\"className\":\"text-gold font-bold text-xl cursor-pointer hover:underline\",\"href\":\"/changelog/\",\"children\":\"Go back home\"}]]}],[\"$\",\"div\",null,{\"className\":\"hero-bottom-left-down-slope absolute bottom-0 w-full h-10 bg-gray-200\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200\"}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"div\",null,{\"className\":\"w-full mx-auto h-16 relative bg-darkPurple\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-top-right-down-slope absolute w-full -top-1 h-10 bg-gray-200\"}]}]]}]]]}],{\"children\":[[\"slug\",\"span-based-metrics\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$La\",[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],null,[\"$\",\"$Ld\",null,{\"children\":[\"$Le\",\"$Lf\",[\"$\",\"$L10\",null,{\"promise\":\"$@11\"}]]}]]}],{},null,false]},[[\"$\",\"div\",\"l\",{\"className\":\"relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200\",\"data-sentry-component\":\"Loading\",\"data-sentry-source-file\":\"loading.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-span-12 md:col-start-3 md:col-span-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8 mt-16\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-white rounded-lg shadow-lg mb-8\",\"data-sentry-component\":\"LoadingArticle\",\"data-sentry-source-file\":\"article.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-6 bg-gray-200 mb-2 animate-pulse rounded\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1 py-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 w-20 animate-pulse rounded\"}]}],[\"$\",\"div\",null,{\"className\":\"prose max-w-none text-gray-700 py-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 mb-2\"}],[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 mb-2 animate-pulse rounded\"}],[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200\"}]]}],[\"$\",\"div\",null,{\"className\":\"text-xs leading-6 text-gray-400 animate-pulse rounded\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 w-16 animate-pulse rounded\"}]}]]}]}]}]}]}],[],[]],false]},[[\"$\",\"$1\",\"l\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full mx-auto h-96 relative bg-darkPurple\",\"data-sentry-component\":\"Header\",\"data-sentry-source-file\":\"header.tsx\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full lg:max-w-7xl mx-auto px-4 lg:px-8 pt-8 grid grid-cols-12 items-center\",\"children\":[[\"$\",\"$L12\",null,{\"className\":\"justify-self-center col-span-10 hidden lg:block animate-fade-in-left\",\"src\":{\"src\":\"/_next/static/media/hero.362adbf9.png\",\"height\":945,\"width\":1558,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAASFBMVEXixKjWigPRvHmtjpCtkobPgwLNig+xfDvZuJbvxqXfwKOrfXuoiI+PYYfaiwNnMCoAAJGKWjm3p5bCo26ebmntmQy5aVvAdyzTZcJCAAAAFHRSTlMBl1TGUFozHXn63pC919cqDoHylBKR6DcAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAMElEQVR4nGNgY2NnYOfmYWbgE2UUYOHk5GJgFOMVYuHgYGJgFRcRZgABdlZBfhADAB64AUSoXc0ZAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":5},\"alt\":\"Sentry Changelog Illustration\",\"height\":273,\"width\":450,\"data-sentry-element\":\"Image\",\"data-sentry-source-file\":\"header.tsx\"}],[\"$\",\"div\",null,{\"className\":\"relative col-span-12 mt-32 lg:absolute lg:w-96 lg:right-1/4 lg:-bottom-2 animate-fade-in-right\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"justify-self-center text-white font-bold text-4xl text-center lg:text-left mb-2\",\"children\":\"Sentry Changelog\"}],[\"$\",\"h2\",null,{\"className\":\"justify-self-center text-gold text-1xl text-center lg:text-left\",\"children\":[\"Follow \",[\"$\",\"a\",null,{\"href\":\"https://twitter.com/SentryChangelog\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"underline underline-offset-2\",\"children\":\"@SentryChangelog\"}],\" to stay up to date on everything from product updates to SDK changes.\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"hero-bottom-left-down-slope absolute -bottom-0.5 w-full h-10 bg-gray-200 border-none\"}]]}],[\"$\",\"div\",null,{\"className\":\"w-full mx-auto grid grid-cols-12 bg-gray-200\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden md:block md:col-span-2 pl-5 pt-10\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl text-primary font-semibold mb-2\",\"children\":\"Categories:\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1 py-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-40 h-8\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1 py-1 mt-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-12 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-20 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-12 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-20 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-16 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-12 h-6\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"col-span-12 md:col-span-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto px-4 pb-4 sm:px-6 md:px-8 mt-28\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-white rounded-lg shadow-lg mb-8\",\"data-sentry-component\":\"LoadingArticle\",\"data-sentry-source-file\":\"article.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-6 bg-gray-200 mb-2 animate-pulse rounded\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1 py-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 w-20 animate-pulse rounded\"}]}],[\"$\",\"div\",null,{\"className\":\"prose max-w-none text-gray-700 py-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 mb-2\"}],[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 mb-2 animate-pulse rounded\"}],[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200\"}]]}],[\"$\",\"div\",null,{\"className\":\"text-xs leading-6 text-gray-400 animate-pulse rounded\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-4 bg-gray-200 w-16 animate-pulse rounded\"}]}]]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"hidden md:block md:col-span-2 pl-5 pt-10\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-1xl text-primary font-semibold mb-2\",\"children\":\"Jump to:\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-40 h-6\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2\"}],[\"$\",\"div\",null,{\"className\":\"bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2\"}]]}]]}]]}],[],[]],false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"KKAx3mmBEsw1D6N_eF7N6\",{\"children\":[[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$15\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b52557125fa02b8a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"c:[\"$\",\"$16\",null,{\"fallback\":null,\"children\":[\"$\",\"$L17\",null,{\"promise\":\"$@18\"}]}]\nf:null\n14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\ne:null\n"])</script><script>self.__next_f.push([1,"19:I[52619,[\"793\",\"static/chunks/app/changelog/%5Bslug%5D/page-29d4f90624b89131.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200\",\"data-sentry-component\":\"ChangelogEntry\",\"data-sentry-source-file\":\"page.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-span-12 md:col-start-3 md:col-span-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex justify-between items-center space-x-4 py-3\",\"children\":[\"$\",\"$L19\",null,{\"href\":\"/changelog/\",\"data-sentry-element\":\"Link\",\"data-sentry-source-file\":\"page.tsx\",\"children\":[\"$\",\"button\",null,{\"className\":\"flex items-center gap-2 px-6 py-3 font-bold text-center text-primary uppercase align-middle transition-all rounded-lg select-none hover:bg-gray-900/10 active:bg-gray-900/20\",\"type\":\"button\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"strokeWidth\":\"2\",\"stroke\":\"currentColor\",\"aria-hidden\":\"true\",\"className\":\"w-4 h-4\",\"data-sentry-element\":\"svg\",\"data-sentry-source-file\":\"page.tsx\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"d\":\"M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18\",\"data-sentry-element\":\"path\",\"data-sentry-source-file\":\"page.tsx\"}]}],\"Back\"]}]}]}],[\"$\",\"article\",null,{\"className\":\"bg-white rounded-lg shadow-lg mb-8 undefined\",\"data-sentry-component\":\"Article\",\"data-sentry-source-file\":\"article.tsx\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-3xl text-primary font-semibold mb-2\",\"children\":\"Trace Explorer with span based metrics available for Early Adopters\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1 py-1\",\"children\":[]}],[\"$\",\"div\",null,{\"className\":\"prose max-w-none text-gray-700 py-2\",\"children\":[\"$\",\"$16\",null,{\"fallback\":\"Loading...\",\"data-sentry-element\":\"Suspense\",\"data-sentry-source-file\":\"page.tsx\",\"children\":\"$L1a\"}]}],[\"$\",\"dl\",null,{\"children\":[\"$\",\"dd\",null,{\"className\":\"text-xs leading-6 text-gray-400\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"January 31, 2025\",\"data-sentry-component\":\"DateComponent\",\"data-sentry-source-file\":\"date.tsx\",\"children\":\"January 31, 2025\"}]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"data-sentry-component\":\"ArticleFooter\",\"data-sentry-source-file\":\"index.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"mb-8 py-5 px-8 rounded-md flex flex-col md:flex-row items-center justify-center flex-wrap gap-2\",\"style\":{\"background\":\"url('/_next/static/media/squiggle.51734ec6.png') 0px 0px / 300px 300px, linear-gradient(315deg, rgb(24, 13, 28) 0.57%, rgb(69, 38, 80) 100%) 0% 0% / cover\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 text-white uppercase text-base\",\"children\":\"Your code is broken. Let's Fix it.\"}],[\"$\",\"$L19\",null,{\"className\":\"text-primary styles_btn__MGuqZ text-white bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-300 px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full md:w-auto justify-center uppercase rounded-3xl !text-white\",\"href\":\"https://sentry.io/signup\",\"data-sentry-element\":\"Button\",\"data-sentry-source-file\":\"index.tsx\",\"children\":\"Get Started\",\"ref\":\"$undefined\"}]]}]}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"18:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Aggregate any span based attribute to track metrics without cardinality constraints\"}],[\"$\",\"meta\",\"2\",{\"name\":\"zd-site-verification\",\"content\":\"ocu6mswx6pke3c6qvozr2e\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://sentry.io/changelog/span-based-metrics/\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Aggregate any span based attribute to track metrics without cardinality constraints\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image\",\"content\":\"https://changelog.sentry.dev/img/hero.png\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"Aggregate any span based attribute to track metrics without cardinality constraints\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:image\",\"content\":\"https://changelog.sentry.dev/img/hero.png\"}],[\"$\",\"link\",\"11\",{\"rel\":\"icon\",\"href\":\"https://changelog.sentry.dev/favicon.ico\"}]],\"error\":null,\"digest\":\"$undefined\"}\n11:{\"metadata\":\"$18:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"1a:[[\"$\",\"p\",null,{\"children\":\"Early Adopter customers now have access to the new Traces UI.\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Head to \",[\"$\",\"strong\",null,{\"children\":\"Explore-\u003eTraces\"}],\" to get started\\r\\n\",[\"$\",\"img\",null,{\"src\":\"https://storage.googleapis.com/sentry-docs-changelog/Kt67nPo-image.png\",\"alt\":\"image.png\"}]]}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"This UX lets you easily filter and search for any span or trace samples while visualizing your preferred metric like avg or p90 of span.duration. You can freely aggregate any numeric span attribute. If you switch to Aggregates you can then group you metrics by any span attribute. Here's an example use case: Track checkout flows with cart_value or payment_method, surface which high-value checkouts are lagging, and triage instantly.\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Read our \",[\"$\",\"a\",null,{\"href\":\"https://docs.sentry.io/product/explore/new-trace-explorer/\",\"children\":\"docs\"}],\" to learn more.\"]}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"If you want access to this feature just go to your Org's General Settings and turn on the Early Adopter flag.\"}]]\n"])</script><title>Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog</title><meta name="description" content="Aggregate any span based attribute to track metrics without cardinality constraints"/><meta name="zd-site-verification" content="ocu6mswx6pke3c6qvozr2e"/><link rel="canonical" href="https://sentry.io/changelog/span-based-metrics/"/><meta property="og:title" content="Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog"/><meta property="og:description" content="Aggregate any span based attribute to track metrics without cardinality constraints"/><meta property="og:image" content="https://changelog.sentry.dev/img/hero.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Trace Explorer with span based metrics available for Early Adopters | Sentry Changelog"/><meta name="twitter:description" content="Aggregate any span based attribute to track metrics without cardinality constraints"/><meta name="twitter:image" content="https://changelog.sentry.dev/img/hero.png"/><link rel="icon" href="https://changelog.sentry.dev/favicon.ico"/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/app/changelog/%5Bslug%5D/page-29d4f90624b89131.js" async=""></script><link rel="preload" as="image" href="https://storage.googleapis.com/sentry-docs-changelog/Kt67nPo-image.png"/><div hidden id="S:1"><div class="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200" data-sentry-component="ChangelogEntry" data-sentry-source-file="page.tsx"><div class="col-span-12 md:col-start-3 md:col-span-8"><div class="max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center space-x-4 py-3"><a data-sentry-element="Link" data-sentry-source-file="page.tsx" href="/changelog/"><button class="flex items-center gap-2 px-6 py-3 font-bold text-center text-primary uppercase align-middle transition-all rounded-lg select-none hover:bg-gray-900/10 active:bg-gray-900/20" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4" data-sentry-element="svg" data-sentry-source-file="page.tsx"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" data-sentry-element="path" data-sentry-source-file="page.tsx"></path></svg>Back</button></a></div><article class="bg-white rounded-lg shadow-lg mb-8 undefined" data-sentry-component="Article" data-sentry-source-file="article.tsx"><div class="p-6"><h3 class="text-3xl text-primary font-semibold mb-2">Trace Explorer with span based metrics available for Early Adopters</h3><div><div class="flex flex-wrap gap-1 py-1"></div><div class="prose max-w-none text-gray-700 py-2"><!--$--><p>Early Adopter customers now have access to the new Traces UI.</p>
<p>Head to <strong>Explore->Traces</strong> to get started
<img src="https://storage.googleapis.com/sentry-docs-changelog/Kt67nPo-image.png" alt="image.png"/></p>
<p>This UX lets you easily filter and search for any span or trace samples while visualizing your preferred metric like avg or p90 of span.duration. You can freely aggregate any numeric span attribute. If you switch to Aggregates you can then group you metrics by any span attribute. Here's an example use case: Track checkout flows with cart_value or payment_method, surface which high-value checkouts are lagging, and triage instantly.</p>
<p>Read our <a href="https://docs.sentry.io/product/explore/new-trace-explorer/">docs</a> to learn more.</p>
<p>If you want access to this feature just go to your Org's General Settings and turn on the Early Adopter flag.</p><!--/$--></div><dl><dd class="text-xs leading-6 text-gray-400"><time dateTime="January 31, 2025" data-sentry-component="DateComponent" data-sentry-source-file="date.tsx">January 31, 2025</time></dd></dl></div></div></article><div data-sentry-component="ArticleFooter" data-sentry-source-file="index.tsx"><div class="mb-8 py-5 px-8 rounded-md flex flex-col md:flex-row items-center justify-center flex-wrap gap-2" style="background:url('/_next/static/media/squiggle.51734ec6.png') 0px 0px / 300px 300px, linear-gradient(315deg, rgb(24, 13, 28) 0.57%, rgb(69, 38, 80) 100%) 0% 0% / cover"><div class="flex-1 text-white uppercase text-base">Your code is broken. Let's Fix it.</div><a class="text-primary styles_btn__MGuqZ text-white bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-300 px-4 py-2 text-sm font-medium duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center w-full md:w-auto justify-center uppercase rounded-3xl !text-white" data-sentry-element="Button" data-sentry-source-file="index.tsx" href="https://sentry.io/signup">Get Started</a></div></div></div></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script><div hidden id="S:2"></div><script>$RC("B:2","S:2")</script><div hidden id="S:3"></div><script>$RC("B:3","S:3")</script></body></html>