diff --git a/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png b/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png index e61d16294100e..662caa4a4ed3c 100644 Binary files a/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png and b/frontend/__snapshots__/lemon-ui-object-tags--default--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--default--light.png b/frontend/__snapshots__/lemon-ui-object-tags--default--light.png index 839f3d634608c..9f6a94ef3afcb 100644 Binary files a/frontend/__snapshots__/lemon-ui-object-tags--default--light.png and b/frontend/__snapshots__/lemon-ui-object-tags--default--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png b/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png index e61d16294100e..662caa4a4ed3c 100644 Binary files a/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png and b/frontend/__snapshots__/lemon-ui-object-tags--static-only--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png b/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png index 839f3d634608c..9f6a94ef3afcb 100644 Binary files a/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png and b/frontend/__snapshots__/lemon-ui-object-tags--static-only--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png index 82064897d3f69..283d1e3f61830 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--light.png b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png index 1dc09999312b1..40c9afd95e6c8 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit--light.png and b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--dark.png b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png index d2a14520e4899..82c4b7959eece 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--show--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--light.png b/frontend/__snapshots__/scenes-app-dashboards--show--light.png index a34b434fc65f1..fdf07b6e4d7d4 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--show--light.png and b/frontend/__snapshots__/scenes-app-dashboards--show--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png index c1e5b77d4d107..18ae9fbac5073 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png index b07e6cd19481d..c1ad448c203d4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png index a6fa732ac07b3..ed79a8ffc35be 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png index 475c97602ea17..08221c025c05e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png index d6b7eb401f2d2..898ee7d6972c6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png index 344f72c3deef4..5d3519f8510bd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png index 324355d0243e7..2d889eaebaad8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png index 7b67b19f852de..f685d5fdcd57b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png index 342604e30b9da..a7abb6deac04a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png index 6fc5f450fcf0c..da73e9953e3d4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png index 6d92b76f76832..f7c90252ad997 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png index b9399d595b1e6..b01a9c715db0b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png index 1c8d0e37c4c3b..552b1cc230d8b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png index beb778892dc98..89c4311bab843 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png index 55ca04bf91a1e..193c7a0ebe5d2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png index 8ebee9031d744..9435b852c5b33 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png index 8f746a8691900..bfc7b7039b733 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png index 073fd1cfd9b4d..01175a00378de 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png index d533e0d8f9f33..65b756d4e3946 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png index 291f8b46aeaa7..3dfd7b3329dbe 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png index a3ee2db3746af..3cdab056f6700 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png index 94a5ee02ec4d8..3df56f35c3df6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png index b34882ace11cc..1bad8c5ef4626 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png index 4edbfeac60e82..07dcfb0f5e1b5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png index 91df9b9fac8c8..6c8a324485759 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png index 30356fcd5833c..a22d4ede7149f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png index 81cd081f132ea..e2a7ed91382f5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png index 5d7dcfb5ab37e..f2d358a697662 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png index de7854b8a268c..80f8493bc6a24 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png index 450f4df2e5086..ef6b0b4a98541 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png index 4f3aaff555e73..3c919decf29f9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png index 2caada3e5f0aa..a101a38376c8e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png index 59c4fad04bb91..2f6e67d98068e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png index 07b63f63955a0..42801464867f6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png index 221765aaf0f35..464412702fe58 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png index 2eef62fcbf80c..c8060c6bd5e10 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png index cfacc6abdac7d..5c715a7d6ac48 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png index 32d5c490f4f9d..46ec7fde588be 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png index d14b3f0256a8d..4180d60b6ce99 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png index 2ed59b8746a73..c496baab7ad7a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png index 5a8dd279c4098..39d9e63d46baf 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png index 2e7597327dd95..831baea1f8de6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png index f07390be2bde5..6e42c5ba1e2d8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png index 43b1e9d375df0..5393d1d2557f7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png index e4f2f16fb20cb..1b8dd8b0ddf7b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png index 5ef12b9284334..859cba87c73d9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png index 63239ee7e9c1b..e2850a4828a79 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png index bc480012967fe..ce9ce3316de0e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png index c2205fd24f21f..df0b79703d1e8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png index 343f290a38007..cc03810dfb20b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png index b135cdf4f2584..67485cf0c82ed 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png index 75dc1b74b89ae..04106a85ae748 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png index c287ce9981c4b..0bf87f440b144 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png index ab96b0d690b72..53337f3ec0d85 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png index 095df26be5723..97f4d7296788d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png index 9fac34d754133..06f7c5b7dfbde 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png index 1d3656b3a5bd0..4e97fe697a2e2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark.png b/frontend/__snapshots__/scenes-app-insights--retention--dark.png index 4a801af96d9b0..d8d478591799b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png index f1fc459eba99f..74b0b54cd5dd1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light.png b/frontend/__snapshots__/scenes-app-insights--retention--light.png index a75bd54e0950f..ff319537f6f2c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--light.png and b/frontend/__snapshots__/scenes-app-insights--retention--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png index 71e3cc7e3c604..4869feaa9c339 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png index b460693a7da72..850125af2ae13 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png index 3425daa2f70cd..efd80817bc424 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png index 98058d17564f1..03b16ce0539ff 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png index c950df2fccc84..000a29d1b50a2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png index 85bd4ba1299cd..b5b3bcfceca23 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png index 89166c108bf90..a20bacdc9fe08 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png index c8ae397ec27b7..865d9a4d4509e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png index c68cbd4afaa7b..f67bdb261ad27 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png index 150fd74f16754..cb4907dfd51b0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png index ad6cef32c6170..a5d89dbf57700 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png index 8085a27d8023e..8e1b2d254f6cc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png index 61800a5178819..b7e8d05958358 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png index df722305efb91..9c9a479d898b4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png index f91c35b86b9ff..7abf205d8c916 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png index 1dbf923425ea8..1203f24b34fa4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--light.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png index b3c2aac2663cb..eb546cdb16922 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png index 500aabe4c16dd..9aeca19a9bf84 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png index 2b971daa6d8aa..11f2ba827ba1c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png index f9e2e405fe7ab..021b156b43031 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png index 10e93eb96253f..89139649ef0ac 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png index bd3c7e1549aa7..d503cca4067e7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png index 93f142ec40ae1..e8917d170fd3b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png index c352a3908352f..1f81eabf5d221 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png index cf5224a59778e..ca7efbbe11aab 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png index a04aae289117c..084d41ce1d490 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png index ff453db17bf37..1b0ee0c7ba064 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png index f3085d20e0068..012f898182367 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png index ea551ce1871bc..41b82bb9e4c05 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png index e5c15d7544b35..e4c83729cb71f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png index 040acb83aada0..d1c71a6a4be05 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png index d02f59b5f8fa3..6f840dcaf0927 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png index d8b7f4302ecc5..515214396e3b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png index 6bc88b267618e..df2af7ed28ff3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png index 54841d9d9100c..0d957613dc1b2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png index 6a10ad5f29d45..2acdf3b021c83 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png index 58976ace56c88..03887fd7548bc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png index 3b6bffcf39545..7ff367cdb787e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png index c5f141b1b8006..bec4ad1a25c51 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png index 610558f3a2460..69d1fb0636c4c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png index 94114ce6c61dd..1e43d1decb858 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png index ba5f22f1beb31..da35a326caef8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png index 42f19c4a3cb47..666838aa2cc05 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png index 4276a46ee16c5..59607dd6f89cb 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png index f15a52e0adeb7..83b14050d3e06 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png index c63bec3bce157..f8fd4f19a0682 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png index efc991b09979b..5aa1db6133722 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png index bd7561034d2b6..8e2ed72763c6d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png index 7eda5ccb5ec8f..47dd4b81a93d9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png index 031416c77e653..b0124523780c9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png index cb3392ec04d8c..d01bcdf89cf00 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png index 96ee57257d5db..5fbcdea00365b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png index 8feb2359430a9..842c40ddae72d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png index d7d677174c299..c7319d7e4994b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png index 6c114d2dcf7e2..3c492c0ed8a85 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png index bc10b68bedf26..ac6b1e8b26158 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png index e3c0cc38e3b89..fabf25a4572fe 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png index baa8e7ea49e2b..034be0a513480 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png index ef7a9ad1c1be8..f400b19e610d7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png index c2ab9bccaae43..b365d35f28ccd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png index f6c83a9e6c855..fe1e64d7aa3c9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png index 1d7e811296376..a44b43f384ce4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png index bd0e45b8b0482..aa6b50d1dc019 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png index 103c6119e6fb2..562d98e76ca54 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png index 0eca753e0e5ec..4e3986e97b562 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png index e66bf8127b45e..403bd5b10e861 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png index 510a8dc275620..c1b84444db8a5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png index 75e6fc454d1b5..8323088dfe34d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png index f38bf21ef7b6d..3aeeb1aea3c39 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png index b2e536fbcd2cf..e0066e6da6339 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png index 65a7ac5706d71..62571bd3918ff 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png index ae4a95821a685..7dba7435337e1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png index 6201aaebc5215..ad1e44200b244 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png index 41867cf6a6b80..04cd3dc5bdcac 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png index ceccdc382d5b8..9e23d70c95fc3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png index 62dc995e19f1a..378e1850dcde3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png index e340d81d1f8c2..f9c6eb3ff268c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png index 49f15db151fe5..01c9cce15d989 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png index 68be94f6d4ef6..96b3c42b34ec3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png index 37435edcf41e0..f95ccf018003c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png index d3e3584d60626..3da7237633215 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png index 13b69809623a4..e94bc713d30b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-number--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png index 3865f1779c08c..b1e818b562943 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number--light.png b/frontend/__snapshots__/scenes-app-insights--trends-number--light.png index aadd4b30de7c2..3febb73161797 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-number--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png index 14efd5f9f86b0..09a17a9a93067 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png index 74f50856efffc..265676973303e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png index 99635342d272f..90fd466e262bd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png index 952078581e68a..f054ff01b235e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png index cd6254877d0b8..7b35caf319158 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png index ddc2d37c7e36d..5c43b0b7c3c28 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png index 7dca33a85db97..a7c307dba053d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png index e740ff6a1484f..1efd5be1b2ae9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png index 5e82a4947c36b..5551ddf0365b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png index 9c030431b6af9..21c801c56c437 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png index 791fc935067f4..0ecd84398adef 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png index 4bac63a642c38..52bea43719fe8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png index 1fb56f38f495c..6ed455636a940 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png index e4e23a2d8c764..bd5c4160cb7b2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png index 03ef62763c14f..6fc56b710feff 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png index 7316fb7aa2f1e..dc1e3ff60a7e2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png index 62ffdcc681fda..a594df8568528 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png index 1bac4390b7b2c..67a600bc0f8c2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png index 292cd9aff882f..eccb2e2d79e7c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png index cfd3e4447a7cd..08c4f8a5ffe57 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png index 1523b84cc86e1..42f89e427f48a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png index 256d49c9cec1a..0f7324491183f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png index 780c2c6bb3cbc..577ee6ff2090b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png index ef943248640ba..e52c427e8fa45 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png index 79ed05ea7060d..f2df4251f0522 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png index 34e8789a71a76..83b56a568d513 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-table--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png index d0698ff1baead..6fb3f3525fd51 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table--light.png index 256fa3ae0d038..8e0aff7dd6d6c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-table--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png index bac3e3e4f6bb2..e194ab253e417 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png index 145770cc15f8e..605303202393d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png index 46250b92543bf..03bea65c39968 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png index 2c2465a3a6e68..f773c9455be1a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png index a24f6138139ca..41e0f17560d06 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png index ba7351d0470e8..d2b52dde9f53d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png index 0663ea14afe27..27cf4a6a7691b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png index 74ee2a99f91ef..7e255055cb7da 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png index c488cb571ccc9..70f8037252a22 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png index 93dbea178b4cf..3f7c25439d68e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png index b8a21d2a9f0ab..f824918975e46 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png index 964c47e56fe9c..84e2daee26dad 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png index 5de2e423d0629..b13ef130302ba 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png index 12cbf79a1da02..0b92a4695c347 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png index 8e9963ad0d2f1..475fb57d30887 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png index 6cc7d1415ca9f..f1f44a147e653 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png index 81f3e6d9575c9..7f7df03500b41 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png index 171fce4079b13..a72045ed0e0d2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png index 326566f647cce..ba7677d8985e7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png index 34c18fb26c207..76b2777310824 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png index 976663635232c..ca74fe3405da4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png index 67b0af12b8809..e517ca5983ac5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png index 42b5f935da567..32751486b9b47 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png index c7176cd1facc8..f78f2ce660323 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png index bd1f122c8871b..0e91644f6b76f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png index b1a9e60f7d5bd..5e228c0526bf4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png index 2282f2e9ba1ed..d3bf1de473e3c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png index c1b8261c6a5ee..853d0ff9fc6da 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png index e4fe660022c5c..6c4475f511905 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png index 6d797ca38775f..c4c7776be7068 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png index 6da7cc669599e..f3f4ed1f02c78 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png index 3d70062a5daa8..2811910f5eb0e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png index 2cc6079eb8e50..304a8aeecc7b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png index 348137ecb0667..35b9c5c7e633f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png index 6455ad387b355..db97b3b27fb7b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png index 5633ed07bf6ec..e01bc8d8fbb67 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png index 096b9c3d2c470..91060a62160dd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png index 27b6116cdf403..bee303222c5a7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png index 190adb8ca1bab..d58cf0fd3328e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png index fa7329243ef24..af291ed3a8cf7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png index 2f8a18cd1672a..6956af922c4f4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png index 104a4d9515fe1..2b8a188c9cb73 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png index 3bfa65b4ca644..86a3d3a143744 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png index db3a5409f56f8..8573136dab603 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png index 8021dc17b83cf..6de71e8639708 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png index 38f0075dc863c..538c778edd0e6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png index a263e85ed12a1..5b81501215144 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png index 9ee425570133f..6b402787cd353 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png index a06887fdeb143..30382a3ae33cd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png index 82855571e93c1..6a3903bcfb483 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png index 7c9894110c558..0e99d3c6d72b1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png index 8e15b103248ed..1463dff432569 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png index b18027d829d02..88b3893c80447 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png index 98d9bb1cbc018..d3d815c971945 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png index 6c6fca9793b3f..4f2bc2e28400a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png index a587c3dcab707..d0c3943ec9f1a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png differ diff --git a/frontend/src/lib/components/ActivityLog/activityLogLogic.insight.test.tsx b/frontend/src/lib/components/ActivityLog/activityLogLogic.insight.test.tsx index 1e675ee213c1a..768be5e88137e 100644 --- a/frontend/src/lib/components/ActivityLog/activityLogLogic.insight.test.tsx +++ b/frontend/src/lib/components/ActivityLog/activityLogLogic.insight.test.tsx @@ -329,7 +329,7 @@ describe('the activity log logic', () => { const actual = logic.values.humanizedActivity expect(render(<>{actual[0].description}).container).toHaveTextContent( - 'peter added tags 4 5 , and removed tags 2 3 on test insight' + 'peter added tags 45, and removed tags 23 on test insight' ) }) diff --git a/frontend/src/lib/components/CloseButton.tsx b/frontend/src/lib/components/CloseButton.tsx deleted file mode 100644 index abd6ca7d2ef77..0000000000000 --- a/frontend/src/lib/components/CloseButton.tsx +++ /dev/null @@ -1,12 +0,0 @@ -// eslint-disable-next-line no-restricted-imports -import { CloseOutlined } from '@ant-design/icons' - -// TODO: Remove, but de-ant PropertyFilterButton and SelectGradientOverflow first -export function CloseButton(props: Record): JSX.Element { - return ( - /* eslint-disable-next-line react/forbid-dom-props */ - - - - ) -} diff --git a/frontend/src/lib/components/DefinitionPopover/DefinitionPopoverContents.tsx b/frontend/src/lib/components/DefinitionPopover/DefinitionPopoverContents.tsx index 8be1a72543f44..0a2d183a71806 100644 --- a/frontend/src/lib/components/DefinitionPopover/DefinitionPopoverContents.tsx +++ b/frontend/src/lib/components/DefinitionPopover/DefinitionPopoverContents.tsx @@ -404,7 +404,7 @@ function DefinitionEdit(): JSX.Element { setLocalDefinition({ tags })} + onChange={(tags) => setLocalDefinition({ tags })} saving={false} /> diff --git a/frontend/src/lib/components/ObjectTags/ObjectTags.tsx b/frontend/src/lib/components/ObjectTags/ObjectTags.tsx index b58b4a2caa33e..d11e9a4615138 100644 --- a/frontend/src/lib/components/ObjectTags/ObjectTags.tsx +++ b/frontend/src/lib/components/ObjectTags/ObjectTags.tsx @@ -1,18 +1,13 @@ -// eslint-disable-next-line no-restricted-imports -import { CloseOutlined, SyncOutlined } from '@ant-design/icons' -import { IconPlus } from '@posthog/icons' -import { LemonTag, LemonTagType } from '@posthog/lemon-ui' -import { Select } from 'antd' +import { IconPencil, IconPlus } from '@posthog/icons' +import { LemonInputSelect, LemonTag, LemonTagType } from '@posthog/lemon-ui' import clsx from 'clsx' import { useActions, useValues } from 'kea' import { objectTagsLogic } from 'lib/components/ObjectTags/objectTagsLogic' -import { Spinner } from 'lib/lemon-ui/Spinner/Spinner' import { colorForString } from 'lib/utils' import { CSSProperties, useMemo } from 'react' import { AvailableFeature } from '~/types' -import { SelectGradientOverflow } from '../SelectGradientOverflow' import { upgradeModalLogic } from '../UpgradeModal/upgradeModalLogic' interface ObjectTagsPropsBase { @@ -34,7 +29,7 @@ export type ObjectTagsProps = | (ObjectTagsPropsBase & { /** Tags CAN be added or removed.*/ staticOnly?: false - onChange?: (tag: string, tags?: string[], id?: string) => void + onChange?: (tags: string[]) => void /** List of all tags that already exist. */ tagsAvailable?: string[] /** Whether this field should be gated behind a "paywall". */ }) @@ -55,15 +50,14 @@ export function ObjectTags({ tagsAvailable, style = {}, staticOnly = false, - id, // For pages that allow multiple object tags className, 'data-attr': dataAttr, }: ObjectTagsProps): JSX.Element { const objectTagId = useMemo(() => uniqueMemoizedIndex++, []) - const logic = objectTagsLogic({ id: objectTagId, onChange, tags }) + const logic = objectTagsLogic({ id: objectTagId, onChange }) const { guardAvailableFeature } = useValues(upgradeModalLogic) - const { addingNewTag, cleanedNewTag, deletedTags } = useValues(logic) - const { setAddingNewTag, setNewTag, handleDelete, handleAdd } = useActions(logic) + const { editingTags } = useValues(logic) + const { setEditingTags, setTags } = useActions(logic) /** Displaying nothing is confusing, so in case of empty static tags we use a dash as a placeholder */ const showPlaceholder = staticOnly && !tags?.length @@ -77,99 +71,60 @@ export function ObjectTags({ }) } + const hasTags = tagsAvailable && tagsAvailable.length > 0 + return ( - // eslint-disable-next-line react/forbid-dom-props -
- {showPlaceholder - ? '—' - : tags - .filter((t) => !!t) - .map((tag, index) => { - return ( - - {tag}{' '} - {!staticOnly && - onChange && - (deletedTags.includes(tag) ? ( - - ) : ( - - onGuardClick(() => { - handleDelete(tag) - }) - } - /> - ))} - - ) - })} - {saving && } - {!staticOnly && onChange && saving !== undefined && ( - - - onGuardClick(() => { - setAddingNewTag(true) - }) - } - data-attr="button-add-tag" - icon={} - className="border border-dashed" - style={{ - display: addingNewTag ? 'none' : 'inline-flex', - }} - > - Add tag - - {addingNewTag && ( - setAddingNewTag(false)} - data-attr="new-tag-input" - autoFocus - allowClear - autoClearSearchValue - defaultOpen - showSearch - style={{ width: 160 }} - onChange={(changedValue) => handleAdd(changedValue)} - loading={saving} - onSearch={setNewTag} - placeholder='try "official"' - > - {cleanedNewTag ? ( - - {cleanedNewTag} - - ) : ( - (!tagsAvailable || !tagsAvailable.length) && ( - - Type to add a new tag - - ) - )} - {tagsAvailable && - tagsAvailable.map((tag) => ( - - {tag} - - ))} - +
+ {editingTags ? ( + ({ key: t, label: t }))} + onChange={setTags} + onBlur={() => setEditingTags(false)} + loading={saving} + data-attr="new-tag-input" + placeholder='try "official"' + autoFocus + /> + ) : ( + <> + {showPlaceholder + ? '—' + : tags + .filter((t) => !!t) + .map((tag, index) => { + return ( + + {tag} + + ) + })} + {!staticOnly && onChange && saving !== undefined && ( + + + onGuardClick(() => { + setEditingTags(true) + }) + } + data-attr="button-add-tag" + icon={hasTags ? : } + className="border border-dashed" + size="small" + > + {hasTags ? 'Edit tags' : 'Add tag'} + + )} - + )}
) diff --git a/frontend/src/lib/components/ObjectTags/objectTagsLogic.test.ts b/frontend/src/lib/components/ObjectTags/objectTagsLogic.test.ts index 4564a203301c0..5a4b0eebba7aa 100644 --- a/frontend/src/lib/components/ObjectTags/objectTagsLogic.test.ts +++ b/frontend/src/lib/components/ObjectTags/objectTagsLogic.test.ts @@ -12,68 +12,38 @@ describe('objectTagsLogic', () => { props = { id: 1, onChange: jest.fn(), - tags: ['a', 'b', 'c'], } logic = objectTagsLogic(props) + logic.actions.setTags(['a', 'b', 'c']) logic.mount() }) describe('local tags state', () => { it('initialization', async () => { await expectLogic(logic).toMatchValues({ - tags: ['a', 'b', 'c'], - addingNewTag: false, - newTag: '', - deletedTags: [], + editingTags: false, }) }) - it('handle adding a new tag', async () => { + it('cleans new tags', async () => { await expectLogic(logic, async () => { - logic.actions.setNewTag('Nigh') - logic.actions.handleAdd('Nightly') + logic.actions.setEditingTags(true) + logic.actions.setTags(['a', 'b', 'c', 'Nightly']) + }).toMatchValues({ + editingTags: true, }) - .toDispatchActions(['setNewTag']) - .toMatchValues({ - newTag: 'Nigh', - cleanedNewTag: 'nigh', //user only needs to type part of the tag to find it in a list - }) - .toDispatchActions(['handleAdd', logic.actionCreators.setTags(['a', 'b', 'c', 'nightly'])]) - .toMatchValues({ - tags: ['a', 'b', 'c', 'nightly'], - addingNewTag: false, - newTag: '', - }) // @ts-expect-error const mockedOnChange = props.onChange?.mock expect(mockedOnChange.calls.length).toBe(1) - expect(mockedOnChange.calls[0][0]).toBe('nightly') - expect(mockedOnChange.calls[0][1]).toEqual(['a', 'b', 'c', 'nightly']) + expect(mockedOnChange.calls[0][0]).toEqual(['a', 'b', 'c', 'nightly']) }) - it('noop on duplicate tag', async () => { + it('removes duplicate tags', async () => { await expectLogic(logic, async () => { - logic.actions.handleAdd('a') + logic.actions.setTags(['a', 'nightly', 'b', 'c', 'nightly']) }) - .toDispatchActions(['handleAdd']) - .toNotHaveDispatchedActions(['setTags']) - .toMatchValues({ - tags: ['a', 'b', 'c'], - }) - // @ts-expect-error - expect(props.onChange?.mock.calls.length).toBe(0) - }) - it('handle deleting a tag', async () => { - await expectLogic(logic, async () => { - logic.actions.handleDelete('a') - }) - .toDispatchActions(['handleDelete', logic.actionCreators.setTags(['b', 'c'])]) - .toMatchValues({ - tags: ['b', 'c'], - }) // @ts-expect-error const mockedOnChange = props.onChange?.mock expect(mockedOnChange.calls.length).toBe(1) - expect(mockedOnChange.calls[0][0]).toBe('a') - expect(mockedOnChange.calls[0][1]).toEqual(['b', 'c']) + expect(mockedOnChange.calls[0][0]).toEqual(['a', 'nightly', 'b', 'c']) }) }) }) diff --git a/frontend/src/lib/components/ObjectTags/objectTagsLogic.ts b/frontend/src/lib/components/ObjectTags/objectTagsLogic.ts index 53420e846ad24..40893bb61c92f 100644 --- a/frontend/src/lib/components/ObjectTags/objectTagsLogic.ts +++ b/frontend/src/lib/components/ObjectTags/objectTagsLogic.ts @@ -1,13 +1,11 @@ -import equal from 'fast-deep-equal' -import { actions, kea, key, listeners, path, props, propsChanged, reducers, selectors } from 'kea' -import { lemonToast } from 'lib/lemon-ui/LemonToast/LemonToast' +import { actions, kea, key, listeners, path, props, reducers } from 'kea' +import { uniqueBy } from 'lib/utils' import type { objectTagsLogicType } from './objectTagsLogicType' export interface ObjectTagsLogicProps { id: number - onChange?: (tag: string, tags: string[]) => void - tags: string[] + onChange?: (tags: string[]) => void } function cleanTag(tag?: string): string { @@ -21,66 +19,20 @@ export const objectTagsLogic = kea([ key((props) => props.id), actions({ setTags: (tags: string[]) => ({ tags }), - setAddingNewTag: (addingNewTag: boolean) => ({ addingNewTag }), - setNewTag: (newTag: string) => ({ newTag }), - handleDelete: (tag: string) => ({ tag }), - handleAdd: (addedTag: string) => ({ addedTag }), + setEditingTags: (editingTags: boolean) => ({ editingTags }), }), - reducers(({ props }) => ({ - tags: [ - props.tags, - { - setTags: (_, { tags }) => tags, - }, - ], - addingNewTag: [ + reducers(() => ({ + editingTags: [ false, { - setAddingNewTag: (_, { addingNewTag }) => addingNewTag, - setTags: () => false, - }, - ], - newTag: [ - '', - { - setNewTag: (_, { newTag }) => newTag, - setTags: () => '', - }, - ], - deletedTags: [ - [], - { - handleDelete: (state, { tag }) => [...state, tag], + setEditingTags: (_, { editingTags }) => editingTags, }, ], })), - selectors({ - cleanedNewTag: [(s) => [s.newTag], (newTag) => cleanTag(newTag)], - }), - listeners(({ values, props, actions }) => ({ - handleDelete: async ({ tag }) => { - const newTags = values.tags.filter((_t) => _t !== tag) - props.onChange?.(tag, newTags) - - // Update local state so that frontend is not blocked by server requests - actions.setTags(newTags) - }, - handleAdd: async ({ addedTag }) => { - const cleanedAddedTag = cleanTag(addedTag) - if (values.tags?.includes(cleanedAddedTag)) { - lemonToast.error(`Tag "${cleanedAddedTag}" already is in the list`) - return - } - const newTags = [...(values.tags || []), cleanedAddedTag] - props.onChange?.(cleanedAddedTag, newTags) - - // Update local state so that frontend is not blocked by server requests - actions.setTags(newTags) + listeners(({ props }) => ({ + setTags: ({ tags }) => { + const nextTags = uniqueBy(tags.map(cleanTag), (i) => i) + props.onChange?.(nextTags) }, })), - propsChanged(({ actions, props }, oldProps) => { - if (!equal(props.tags, oldProps.tags)) { - actions.setTags(props.tags) - } - }), ]) diff --git a/frontend/src/lib/components/PropertyFilters/PropertyFilters.tsx b/frontend/src/lib/components/PropertyFilters/PropertyFilters.tsx index e9bc8ff5c1222..7537468bae9f4 100644 --- a/frontend/src/lib/components/PropertyFilters/PropertyFilters.tsx +++ b/frontend/src/lib/components/PropertyFilters/PropertyFilters.tsx @@ -121,10 +121,6 @@ export function PropertyFilters({ disablePopover={disablePopover || orFiltering} addText={addText} hasRowOperator={hasRowOperator} - selectProps={{ - delayBeforeAutoOpen: 150, - placement: pageKey === 'insight-filters' ? 'bottomLeft' : undefined, - }} propertyAllowList={propertyAllowList} taxonomicFilterOptionsFromProp={taxonomicFilterOptionsFromProp} allowRelativeDateOptions={allowRelativeDateOptions} diff --git a/frontend/src/lib/components/PropertyFilters/types.ts b/frontend/src/lib/components/PropertyFilters/types.ts index 7f97322656c58..d29e0811a2f7b 100644 --- a/frontend/src/lib/components/PropertyFilters/types.ts +++ b/frontend/src/lib/components/PropertyFilters/types.ts @@ -1,5 +1,4 @@ import { propertyFilterLogic } from 'lib/components/PropertyFilters/propertyFilterLogic' -import { SelectGradientOverflowProps } from 'lib/components/SelectGradientOverflow' import { TaxonomicFilterGroup, TaxonomicFilterGroupType, @@ -36,7 +35,6 @@ export interface TaxonomicPropertyFilterLogicProps extends PropertyFilterBasePro export interface PropertyFilterInternalProps { pageKey?: string index: number - selectProps: Partial onComplete: () => void disablePopover: boolean taxonomicGroupTypes?: TaxonomicFilterGroupType[] diff --git a/frontend/src/lib/components/SelectGradientOverflow.scss b/frontend/src/lib/components/SelectGradientOverflow.scss deleted file mode 100644 index 344855c6dd49d..0000000000000 --- a/frontend/src/lib/components/SelectGradientOverflow.scss +++ /dev/null @@ -1,49 +0,0 @@ -@import '../../styles/mixins'; - -.ant-select-dropdown { - .scrollable-above::after { - top: 0; - bottom: unset; - background: linear-gradient(to bottom, rgb(255 255 255 / 100%), rgb(255 255 255 / 0%)); - - @extend %mixin-gradient-overlay; - } - - .scrollable-below::after { - @extend %mixin-gradient-overlay; - } -} - -.ant-select-selection-overflow-item { - .ant-tag { - display: flex; - flex: 0 0 auto; - align-items: center; - padding: 0 4px 0 8px; - margin: 1px 4px 1px 0; - overflow: hidden; - font-size: inherit; - line-height: inherit; - user-select: none; - background: #f5f5f5; - border: 1px solid #f0f0f0; - - .label { - overflow: hidden; - text-overflow: ellipsis; - } - - .btn-close { - margin-left: 4px; - font-size: 10px; - - .anticon-close { - color: rgb(0 0 0 / 45%); - - & :hover { - color: rgb(0 0 0 / 75%); - } - } - } - } -} diff --git a/frontend/src/lib/components/SelectGradientOverflow.tsx b/frontend/src/lib/components/SelectGradientOverflow.tsx deleted file mode 100644 index bbbcd2239cbaf..0000000000000 --- a/frontend/src/lib/components/SelectGradientOverflow.tsx +++ /dev/null @@ -1,177 +0,0 @@ -import './SelectGradientOverflow.scss' - -// eslint-disable-next-line no-restricted-imports -import { LoadingOutlined } from '@ant-design/icons' -import { LemonTag } from '@posthog/lemon-ui' -import { ConfigProvider, Empty, Select } from 'antd' -import { RefSelectProps, SelectProps } from 'antd/lib/select' -import { useValues } from 'kea' -import { Tooltip } from 'lib/lemon-ui/Tooltip' -import { ANTD_TOOLTIP_PLACEMENTS, toString } from 'lib/utils' -import { ReactElement, RefObject, useEffect, useRef, useState } from 'react' - -import { propertyDefinitionsModel } from '~/models/propertyDefinitionsModel' - -import { CloseButton } from './CloseButton' - -interface DropdownGradientRendererProps { - updateScrollGradient: () => void - innerRef: RefObject - menu: ReactElement -} - -function DropdownGradientRenderer({ - updateScrollGradient, - innerRef, - menu, -}: DropdownGradientRendererProps): JSX.Element { - useEffect(() => { - updateScrollGradient() - }) - return
{menu}
-} - -type CustomTagProps = Parameters['tagRender'], undefined>>[0] - -export type SelectGradientOverflowProps = SelectProps & { - delayBeforeAutoOpen?: number - dropdownMatchSelectWidth?: boolean | number - placement?: 'bottomLeft' | 'topLeft' // Dropdown placement (undefined = auto). See API at https://ant.design/components/dropdown - handleBlur?: () => void - propertyKey?: string -} - -/** - * Ant Design Select extended with a gradient overlay to indicate a scrollable list. - */ -export function SelectGradientOverflow({ - autoFocus = false, - defaultOpen = false, - delayBeforeAutoOpen, - dropdownMatchSelectWidth = true, - handleBlur = () => {}, - placement, - propertyKey, - ...props -}: SelectGradientOverflowProps): JSX.Element { - const selectRef: React.RefObject | null = useRef(null) - const containerRef: React.RefObject = useRef(null) - const dropdownRef = useRef(null) - const [isOpen, setOpen] = useState(false) - const { formatPropertyValueForDisplay } = useValues(propertyDefinitionsModel) - - /** - * Ant Design Tag with custom styling in .scss to match default style - */ - function CustomTag({ label, onClose, value }: CustomTagProps): JSX.Element { - // if this component is displaying a list of PropertyFilterValues it needs to format them for display - if (typeof label === 'string' && propertyKey) { - label = formatPropertyValueForDisplay(propertyKey, label) - } - return ( - - - {label} - - - - ) - } - - const updateScrollGradient = (): void => { - const dropdown = dropdownRef.current - if (!dropdown) { - return - } - const holder: HTMLDivElement | null = dropdown.querySelector('.rc-virtual-list-holder') - if (!holder) { - return - } - if (holder.scrollTop > 0) { - dropdown.classList.add('scrollable-above') - } else { - dropdown.classList.remove('scrollable-above') - } - if (holder.scrollHeight > holder.scrollTop + holder.offsetHeight) { - holder.classList.add('scrollable-below') - } else { - holder.classList.remove('scrollable-below') - } - } - - const onFocus: React.FocusEventHandler = (e) => { - props.onFocus?.(e) - setTimeout(() => setOpen(true), delayBeforeAutoOpen || 0) - } - - const onBlur: React.FocusEventHandler = (e) => { - props.onBlur?.(e) - if (isOpen) { - setOpen(false) - handleBlur() - } - } - - useEffect(() => { - if (autoFocus || defaultOpen) { - selectRef.current?.focus() - } - }, [autoFocus, defaultOpen]) - - const outsideClickListener = (event: any): void => { - if (!containerRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target) && isOpen) { - selectRef.current?.blur() - } - } - document.addEventListener('click', outsideClickListener) - - return ( -
- {/* - This config provider is used to configure the empty data state on the wrapped - ANT select component - */} - { - if (props.loading) { - return ( -
- -
Loading data
-
- ) - } else { - return ( -
- -
- ) - } - }} - > - -
-
- ) -} diff --git a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss index 934cdaeb36254..f66e8cba409bf 100644 --- a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss +++ b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss @@ -58,6 +58,16 @@ transition: color 200ms ease; } + &.LemonInput--xsmall { + --lemon-input-height: 1.5rem; + + padding: 0.125rem 0.25rem; + + .LemonIcon { + font-size: 1rem; + } + } + &.LemonInput--small { --lemon-input-height: 2rem; diff --git a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx index f65b8bb7b9ef1..9b4e1793ea2e4 100644 --- a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx +++ b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx @@ -8,7 +8,7 @@ import React, { useRef, useState } from 'react' interface LemonInputPropsBase extends Pick< - // NOTE: We explicitly pick rather than omit to ensure thes components aren't used incorrectly + // NOTE: We explicitly pick rather than omit to ensure these components aren't used incorrectly React.InputHTMLAttributes, | 'className' | 'onFocus' @@ -42,7 +42,7 @@ interface LemonInputPropsBase /** Special case - show a transparent background rather than white */ transparentBackground?: boolean /** Size of the element. Default: `'medium'`. */ - size?: 'small' | 'medium' + size?: 'xsmall' | 'small' | 'medium' onPressEnter?: (event: React.KeyboardEvent) => void 'data-attr'?: string 'aria-label'?: string diff --git a/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx b/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx index 86869bbf9bb4d..396fcde329372 100644 --- a/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx +++ b/frontend/src/lib/lemon-ui/LemonInputSelect/LemonInputSelect.tsx @@ -9,7 +9,7 @@ import { KeyboardShortcut } from '~/layout/navigation-3000/components/KeyboardSh import { LemonButton } from '../LemonButton' import { LemonDropdown } from '../LemonDropdown' -import { LemonInput } from '../LemonInput' +import { LemonInput, LemonInputProps } from '../LemonInput' import { PopoverReferenceContext } from '../Popover' export interface LemonInputSelectOption { @@ -18,7 +18,11 @@ export interface LemonInputSelectOption { labelComponent?: React.ReactNode } -export type LemonInputSelectProps = { +export type LemonInputSelectProps = Pick< + // NOTE: We explicitly pick rather than omit to ensure these components aren't used incorrectly + LemonInputProps, + 'autoFocus' +> & { options?: LemonInputSelectOption[] value?: string[] | null disabled?: boolean @@ -28,6 +32,7 @@ export type LemonInputSelectProps = { mode: 'multiple' | 'single' allowCustomValues?: boolean onChange?: (newValue: string[]) => void + onBlur?: () => void onInputChange?: (newValue: string) => void 'data-attr'?: string } @@ -39,10 +44,12 @@ export function LemonInputSelect({ loading, onChange, onInputChange, + onBlur, mode, disabled, disableFiltering = false, allowCustomValues = false, + autoFocus = false, ...props }: LemonInputSelectProps): JSX.Element { const [showPopover, setShowPopover] = useState(false) @@ -171,6 +178,7 @@ export function LemonInputSelect({ setInputValue('') } setShowPopover(false) + onBlur?.() }, 100) } @@ -215,6 +223,7 @@ export function LemonInputSelect({ } const snack = ( _onActionItem(value)} onClick={allowCustomValues ? () => _onActionItem(value) : undefined} @@ -321,6 +330,7 @@ export function LemonInputSelect({ onChange={setInputValue} onKeyDown={_onKeyDown} disabled={disabled} + autoFocus={autoFocus} />
diff --git a/frontend/src/lib/utils.tsx b/frontend/src/lib/utils.tsx index 0b3a50735fcc7..ab32f34b314f3 100644 --- a/frontend/src/lib/utils.tsx +++ b/frontend/src/lib/utils.tsx @@ -3,7 +3,6 @@ import equal from 'fast-deep-equal' import { tagColors } from 'lib/colors' import { WEBHOOK_SERVICES } from 'lib/constants' import { dayjs } from 'lib/dayjs' -import { AlignType } from 'rc-trigger/lib/interface' import { CSSProperties } from 'react' import { @@ -27,43 +26,6 @@ import { getAppContext } from './utils/getAppContext' * Preferably create a dedicated file in utils/.. */ -export const ANTD_TOOLTIP_PLACEMENTS: Record = { - // `@yiminghe/dom-align` objects - // https://github.com/react-component/select/blob/dade915d81069b8d3b3b5679bb9daee7e992faba/src/SelectTrigger.jsx#L11-L28 - bottomLeft: { - points: ['tl', 'bl'], - offset: [0, 4], - overflow: { - adjustX: 0, - adjustY: 0, - }, - }, - bottomRight: { - points: ['tr', 'br'], - offset: [0, 4], - overflow: { - adjustX: 0, - adjustY: 0, - }, - }, - topLeft: { - points: ['bl', 'tl'], - offset: [0, -4], - overflow: { - adjustX: 0, - adjustY: 0, - }, - }, - horizontalPreferRight: { - points: ['cl', 'cr'], - offset: [4, 0], - overflow: { - adjustX: true, - adjustY: false, - }, - }, -} - export function uuid(): string { return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => ( diff --git a/frontend/src/scenes/actions/ActionEdit.tsx b/frontend/src/scenes/actions/ActionEdit.tsx index 40623d01883fc..c8d86aca18dcb 100644 --- a/frontend/src/scenes/actions/ActionEdit.tsx +++ b/frontend/src/scenes/actions/ActionEdit.tsx @@ -102,7 +102,7 @@ export function ActionEdit({ action: loadedAction, id }: ActionEditLogicProps): {({ value, onChange }) => ( onChange(newTags)} + onChange={(tags) => onChange(tags)} className="action-tags" saving={actionLoading} tagsAvailable={tags.filter((tag) => !action.tags?.includes(tag))} diff --git a/frontend/src/scenes/dashboard/DashboardHeader.tsx b/frontend/src/scenes/dashboard/DashboardHeader.tsx index 4c15d085d0317..07ecd4efce628 100644 --- a/frontend/src/scenes/dashboard/DashboardHeader.tsx +++ b/frontend/src/scenes/dashboard/DashboardHeader.tsx @@ -328,7 +328,7 @@ export function DashboardHeader(): JSX.Element | null { {canEditDashboard ? ( triggerDashboardUpdate({ tags })} + onChange={(tags) => triggerDashboardUpdate({ tags })} saving={dashboardLoading} tagsAvailable={tags.filter((tag) => !dashboard.tags?.includes(tag))} className="mt-2" diff --git a/frontend/src/scenes/data-management/definition/DefinitionEdit.tsx b/frontend/src/scenes/data-management/definition/DefinitionEdit.tsx index 0024158a62b24..b2198239839d6 100644 --- a/frontend/src/scenes/data-management/definition/DefinitionEdit.tsx +++ b/frontend/src/scenes/data-management/definition/DefinitionEdit.tsx @@ -93,7 +93,7 @@ export function DefinitionEdit(props: DefinitionLogicProps = {}): JSX.Element { className="definition-tags" saving={definitionLoading || tagsLoading} tags={value || []} - onChange={(_, tags) => onChange(tags)} + onChange={(tags) => onChange(tags)} style={{ marginBottom: 4 }} tagsAvailable={tags} /> diff --git a/frontend/src/scenes/feature-flags/FeatureFlag.tsx b/frontend/src/scenes/feature-flags/FeatureFlag.tsx index f99e578887799..61ebd51c745b1 100644 --- a/frontend/src/scenes/feature-flags/FeatureFlag.tsx +++ b/frontend/src/scenes/feature-flags/FeatureFlag.tsx @@ -346,7 +346,7 @@ export function FeatureFlag({ id }: { id?: string } = {}): JSX.Element { onChange(tags)} + onChange={(tags) => onChange(tags)} tagsAvailable={tags.filter( (tag) => !featureFlag.tags?.includes(tag) )} @@ -492,7 +492,7 @@ export function FeatureFlag({ id }: { id?: string } = {}): JSX.Element { {featureFlag.can_edit ? ( { + onChange={(tags) => { // TODO: Use an existing function instead of this new one for updates triggerFeatureFlagUpdate({ tags }) }} diff --git a/frontend/src/scenes/insights/InsightPageHeader.tsx b/frontend/src/scenes/insights/InsightPageHeader.tsx index db86d4d10ccd5..5c859d3c6478c 100644 --- a/frontend/src/scenes/insights/InsightPageHeader.tsx +++ b/frontend/src/scenes/insights/InsightPageHeader.tsx @@ -297,7 +297,7 @@ export function InsightPageHeader({ insightLogicProps }: { insightLogicProps: In setInsightMetadata({ tags: tags ?? [] })} + onChange={(tags) => setInsightMetadata({ tags: tags ?? [] })} tagsAvailable={tags} className="mt-2" data-attr="insight-tags" diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss index 1eece277c80c7..b0188572c656d 100644 --- a/frontend/src/styles/global.scss +++ b/frontend/src/styles/global.scss @@ -268,10 +268,6 @@ input::-ms-clear { // Button styles -.btn-close { - color: var(--muted); -} - .info-indicator { margin-left: 4px; color: var(--primary-alt) !important; @@ -289,16 +285,6 @@ input::-ms-clear { line-height: 0; } -.btn-lg-2x { - font-size: 1.5rem !important; - line-height: 1 !important; - - svg { - width: 1.5rem !important; - height: 1.5rem !important; - } -} - // Graph series glyph .graph-series-glyph {