diff --git a/package-lock.json b/package-lock.json
index c477d46ab..4b4a936bc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,8 +29,8 @@
         "react": "^19.2.7",
         "react-dom": "^19.2.7",
         "react-redux": "^9.3.0",
-        "react-router": "^7.17.0",
-        "react-virtuoso": "^4.18.7",
+        "react-router": "^7.18.1",
+        "react-virtuoso": "^4.18.10",
         "stream-browserify": "^3.0.0",
         "taskcluster-client-web": "^87.1.3",
         "taskcluster-lib-scopes": "^11.0.0",
@@ -44,10 +44,10 @@
         "@babel/preset-react": "^7.29.7",
         "@babel/preset-typescript": "^7.29.7",
         "@babel/runtime": "^7.29.7",
-        "@eslint/js": "^9.39.4",
+        "@eslint/js": "^9.39.5",
         "@fetch-mock/jest": "^0.2.20",
         "@jest/types": "^30.4.1",
-        "@swc/core": "^1.15.40",
+        "@swc/core": "^1.15.43",
         "@swc/jest": "^0.2.39",
         "@testing-library/dom": "^10.4.1",
         "@testing-library/jest-dom": "^6.9.1",
@@ -56,8 +56,8 @@
         "@types/jest": "^30.0.0",
         "@types/jest-axe": "^3.5.9",
         "@types/material-ui": "^0.21.18",
-        "@types/node": "^25.9.1",
-        "@types/react": "^19.2.15",
+        "@types/node": "^25.9.5",
+        "@types/react": "^19.2.17",
         "@types/react-dom": "^19.2.3",
         "babel-loader": "^10.1.1",
         "babel-preset-jest": "^30.4.0",
@@ -65,15 +65,15 @@
         "copy-webpack-plugin": "^13.0.1",
         "core-js": "^3.49.0",
         "css-loader": "^7.1.4",
-        "eslint": "^9.39.4",
+        "eslint": "^9.39.5",
         "eslint-config-prettier": "^10.1.8",
         "eslint-import-resolver-typescript": "^4.4.5",
         "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-jest": "^29.15.2",
+        "eslint-plugin-jest": "^29.15.4",
         "eslint-plugin-jest-dom": "^5.5.0",
         "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-testing-library": "^7.16.2",
-        "globals": "^17.6.0",
+        "globals": "^17.7.0",
         "history": "^5.3.0",
         "html-webpack-plugin": "^5.6.7",
         "jest": "^30.4.2",
@@ -87,13 +87,13 @@
         "regenerator-runtime": "^0.14.1",
         "style-loader": "^4.0.0",
         "ts-jest": "^29.4.11",
-        "ts-loader": "^9.6.0",
+        "ts-loader": "^9.6.2",
         "ts-node": "^10.9.2",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.60.0",
-        "webpack": "^5.107.2",
+        "typescript-eslint": "^8.62.1",
+        "webpack": "^5.108.4",
         "webpack-cli": "^6.0.1",
-        "webpack-dev-server": "^5.2.4",
+        "webpack-dev-server": "^5.2.6",
         "webpack-merge": "^6.0.1"
       },
       "engines": {
@@ -2394,9 +2394,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.14.0",
@@ -2405,7 +2405,7 @@
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
+        "js-yaml": "^4.3.0",
         "minimatch": "^3.1.5",
         "strip-json-comments": "^3.1.1"
       },
@@ -2435,10 +2435,20 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2447,9 +2457,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3938,14 +3948,14 @@
       "license": "MIT"
     },
     "node_modules/@swc/core": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.40.tgz",
-      "integrity": "sha512-2kwzJikRvgtNAG7MwVZY2vEzZjTxKIq5jXOihuSV/8U+Hej8Va22t65aKnJZs3P+NwojZvR8Mf8kyM7O+V8sQg==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.43.tgz",
+      "integrity": "sha512-1CuKjFkPxIgGdeHVuNbkxmBxkcbdc08u0aiI43pFq6yY1tTVKmXT9hFEooyyKs/sJ3xf1GPHyEwTtk9Xl8dvQw==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "@swc/counter": "^0.1.3",
-        "@swc/types": "^0.1.26"
+        "@swc/types": "^0.1.27"
       },
       "engines": {
         "node": ">=10"
@@ -3955,18 +3965,18 @@
         "url": "https://opencollective.com/swc"
       },
       "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.15.40",
-        "@swc/core-darwin-x64": "1.15.40",
-        "@swc/core-linux-arm-gnueabihf": "1.15.40",
-        "@swc/core-linux-arm64-gnu": "1.15.40",
-        "@swc/core-linux-arm64-musl": "1.15.40",
-        "@swc/core-linux-ppc64-gnu": "1.15.40",
-        "@swc/core-linux-s390x-gnu": "1.15.40",
-        "@swc/core-linux-x64-gnu": "1.15.40",
-        "@swc/core-linux-x64-musl": "1.15.40",
-        "@swc/core-win32-arm64-msvc": "1.15.40",
-        "@swc/core-win32-ia32-msvc": "1.15.40",
-        "@swc/core-win32-x64-msvc": "1.15.40"
+        "@swc/core-darwin-arm64": "1.15.43",
+        "@swc/core-darwin-x64": "1.15.43",
+        "@swc/core-linux-arm-gnueabihf": "1.15.43",
+        "@swc/core-linux-arm64-gnu": "1.15.43",
+        "@swc/core-linux-arm64-musl": "1.15.43",
+        "@swc/core-linux-ppc64-gnu": "1.15.43",
+        "@swc/core-linux-s390x-gnu": "1.15.43",
+        "@swc/core-linux-x64-gnu": "1.15.43",
+        "@swc/core-linux-x64-musl": "1.15.43",
+        "@swc/core-win32-arm64-msvc": "1.15.43",
+        "@swc/core-win32-ia32-msvc": "1.15.43",
+        "@swc/core-win32-x64-msvc": "1.15.43"
       },
       "peerDependencies": {
         "@swc/helpers": ">=0.5.17"
@@ -3978,9 +3988,9 @@
       }
     },
     "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.40.tgz",
-      "integrity": "sha512-PaYyclfmQ++77D8ityYvmmVzHv9aG8ROwt2GfG6/ccloy4Hgf80qtOnzb9VYvPsUT7Ty1uhuDRhv3XYpf62qhQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.43.tgz",
+      "integrity": "sha512-v1aVuvXdo/BHxJzco9V2xpHrvwWmhfS8t6gziY5wJxd+Z2h8AeJRnAwPD8itCDaGXVBwJ/CaKfxEzTkG0Va0OA==",
       "cpu": [
         "arm64"
       ],
@@ -3994,9 +4004,9 @@
       }
     },
     "node_modules/@swc/core-darwin-x64": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.40.tgz",
-      "integrity": "sha512-HbbPzvfLBUXjIB1Ezks+//lNUjmLjfyd63XSwprJgrZaXYdm70kohXPJUWdqKZozolFxbPaO+xtBaiUp6BoueA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.43.tgz",
+      "integrity": "sha512-lp3d4Lamc8dt5huYdGLSR+9hLxmfr1jb0l+4XXG2zPqZwYWRN9R0U2qYoTrggiU2RWW0oV9VbWM3kBnqIc2kdQ==",
       "cpu": [
         "x64"
       ],
@@ -4010,9 +4020,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.40.tgz",
-      "integrity": "sha512-SlRZsCjOCPR2LvFs0Ri/Xrx/5o5TCt8vl4gW6mX1hEZOG0a625RxzRHpHdAQNGykmAN/7IeaFAJG+QnNmxlHcA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.43.tgz",
+      "integrity": "sha512-JWTQQELtsG5GgphDrr/XqqmM2pDN3cZqbMS0Mrg+iTiXL3F74sn/S2IyYE/5u4h2KLkTf9qQ7dXyxsbx7YzkeA==",
       "cpu": [
         "arm"
       ],
@@ -4026,9 +4036,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.40.tgz",
-      "integrity": "sha512-Q8byxJt2fh8CR3EUX6snBpy47AoBVm+In/+Z3rjDHMjC38ZvR9/gtUUNCT0tfrn4EdVsO8/QPi59nxrxvqxvBQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.43.tgz",
+      "integrity": "sha512-B4otJRdPWIsmiSBf0uG7Z/+vMWmkufjz5MmYxubwKuZazDW14Zd3symga1N62QR4RT+kEFeHEgsXfZGyn/w0hw==",
       "cpu": [
         "arm64"
       ],
@@ -4042,9 +4052,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.40.tgz",
-      "integrity": "sha512-4z0MgHU+7M0pZDqBN1El7mFXDI1SBwinfcUkAyA4v8QrhOIUOZltySt2aStQLZGrdXVXM4Y4ylfiTC04ED+MoQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.43.tgz",
+      "integrity": "sha512-6zB6OnpViBxYy4tgY3v2i6AZY9fwkcHZ032UOwtwUuW1d19sdT07qF0kZe6/3UR1tUaK6jjg2rmVcUIBCEYVjQ==",
       "cpu": [
         "arm64"
       ],
@@ -4058,9 +4068,9 @@
       }
     },
     "node_modules/@swc/core-linux-ppc64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.40.tgz",
-      "integrity": "sha512-fLI4iUgeSZu0eRWUXwe6YzPFx9gHbFiPkl8Rp3mJfP8OpNR3nTQCGPvHdDh9xniW7mVvgMY4ni7A4VzqI1KrpA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.43.tgz",
+      "integrity": "sha512-coxE1ZWdB3uSDVNoEtYNrRi/1epvckZx9cTJ8ICUxTMTxGk+yvQ/Twacp3ruZSaMPGCriUjP86C37VhaT6nyRg==",
       "cpu": [
         "ppc64"
       ],
@@ -4074,9 +4084,9 @@
       }
     },
     "node_modules/@swc/core-linux-s390x-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.40.tgz",
-      "integrity": "sha512-YqeKMAb7d4nQSGMJQ454IlaCENpzcDqhvBE9+CPfdnYpnUXxd+BSrB6Xk0YjW8UyoEhUj4p6quATCxbsp6J3jg==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.43.tgz",
+      "integrity": "sha512-lXfLhs+LpBsD5inuYx+YDH5WsPPBQ95KPUiy8P5wq9ob9xKDZFqwNfU2QW6bGO8NqRO/H9JQomTSt5Yyh+FGfA==",
       "cpu": [
         "s390x"
       ],
@@ -4090,9 +4100,9 @@
       }
     },
     "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.40.tgz",
-      "integrity": "sha512-7HOuS1iGcme/j/TuL1TfmmLGiMQrjv/GmjyZeydl00FKPtpGXEldwqfI56xgd1YzrzoB2svWjxbGGyQ0TEASxg==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.43.tgz",
+      "integrity": "sha512-07XnKwTmKy8TGOZG3D9fRnLWGynxPjwQnZLVmBFbo6F+7vHYzBIOuwXEhemrChBWb6yDNZsVCcMWCPX6FDD2xg==",
       "cpu": [
         "x64"
       ],
@@ -4106,9 +4116,9 @@
       }
     },
     "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.40.tgz",
-      "integrity": "sha512-h4kZYHc7dpc9P9u4brRJaS8Pl7tPVHAeiLSzw7T5RfIJgAoSdaCMKzI/2Uay9gFhaw8uyCDl0L5q37r0EpAfIA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.43.tgz",
+      "integrity": "sha512-TJc+bsSIaBh+hZvZ5GRtW/K1bw66TJ9vsUwvVIsZdiWxU5ObLwZvfcnZ3UpgVfMnFibRes9uriJrQNBHEEogRQ==",
       "cpu": [
         "x64"
       ],
@@ -4122,9 +4132,9 @@
       }
     },
     "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.40.tgz",
-      "integrity": "sha512-+mQgKZXSj6mV38Zh05QaxSjUDmGP/R2JWlXZTDLSPkDzHU6p3GxN9eeSf5dfyDVU86946fmCvSzyl/ucImx8+A==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.43.tgz",
+      "integrity": "sha512-jfd7s2/bUQYkOHLs+LWQNKZdmDa8+sufKLllhpWAhVQ2GDCwsHe3vR/j+OSiItZNtkzFuaawa3+SAKz9y5gYfw==",
       "cpu": [
         "arm64"
       ],
@@ -4138,9 +4148,9 @@
       }
     },
     "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.40.tgz",
-      "integrity": "sha512-yvwdPLGd25mcj/mNatjNQ0lZujtQD6psH3v9PNmMb+fSzjbNG8KIDxjFWrcV+fsFVLOkyOmdJsFmX7NAFjVyPw==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.43.tgz",
+      "integrity": "sha512-rLAE8JvucqEW1ZGohxPQrQWPBQeJG4+ypKbWfdlU/qmKScvCkxf9/Jxnzki1dkUQCQ7P5Enp13RlvqOlvx/32g==",
       "cpu": [
         "ia32"
       ],
@@ -4154,9 +4164,9 @@
       }
     },
     "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.40.tgz",
-      "integrity": "sha512-OXtKsLU1bVtInzzDEAY2sYiF/rl4tvAnLLLpuMp3HzAOQZ5A+i69AKDhA1YLQTaMAqO3vzyYNVAYVRMPtSYD4w==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.43.tgz",
+      "integrity": "sha512-h8MLDHZcfIukwQWj03rIJZx1I0E81AYj2X7J/nGErG4nz+QAv6G1Z+peotvinL3lqpbo32tLYSMFo32/ySzxKg==",
       "cpu": [
         "x64"
       ],
@@ -4194,9 +4204,9 @@
       }
     },
     "node_modules/@swc/types": {
-      "version": "0.1.26",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.26.tgz",
-      "integrity": "sha512-lyMwd7WGgG79RS7EERZV3T8wMdmPq3xwyg+1nmAM64kIhx5yl+juO2PYIHb7vTiPgPCj8LYjsNV2T5wiQHUEaw==",
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.27.tgz",
+      "integrity": "sha512-K6h3iUlqeM946U4sXFYeahefR1YBbXJvko+hv8WS8/0BNJ4OHiHRywMnQUJCqkR7Y9+hqQ1TvEpiKqUhz7NEFg==",
       "dev": true,
       "dependencies": {
         "@swc/counter": "^0.1.3"
@@ -4654,9 +4664,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.9.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.1.tgz",
-      "integrity": "sha512-xfrlY7UD5rMJk3ZVJP8BNzS28J36YJg+xp+LPXV1TdWxr8uMH5A860QNxYDGQe/ylDSgjxE52Q9VnO7p75tJxg==",
+      "version": "25.9.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.5.tgz",
+      "integrity": "sha512-OScDchr2fwuUmWdf4kZ9h7PcJiYDVInhJizG/biAq3cAvqwYktuy/TYGGdZNMtNTFUP7rnb0NU4TUdm82kt4Rg==",
       "dev": true,
       "dependencies": {
         "undici-types": ">=7.24.0 <7.24.7"
@@ -4685,9 +4695,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "19.2.15",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.15.tgz",
-      "integrity": "sha512-eRwcGNHve+E8qtEQSSRl6urh+rFop4v8gm6O8rGv25CodbvFdLjA1vVQ1KkiFE0w0UPOnb8tDiFKL5lp0rtY5Q==",
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -4816,16 +4826,16 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.60.0.tgz",
-      "integrity": "sha512-QYb/sa74/s7OKMbACMjrYnGspj9Hs5YI5aaffSL65UfeBUzVzBJfVo3oWSpbzPurvm7yaCCo2Lk7lVj610HqKw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.62.1.tgz",
+      "integrity": "sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/type-utils": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/type-utils": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.5.0"
@@ -4838,7 +4848,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.60.0",
+        "@typescript-eslint/parser": "^8.62.1",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.1.0"
       }
@@ -4854,15 +4864,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.60.0.tgz",
-      "integrity": "sha512-fcqpj/MyK4sxDPcbe7STNPbpQL4RLZOPWuaTmwZYuc+hJKzRf58yRxfhqGpc6PIq9ZyfSBpfHgmUHmHs0KwHwg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.62.1.tgz",
+      "integrity": "sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -4878,13 +4888,13 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.60.0.tgz",
-      "integrity": "sha512-aZu74NNKJeUWqCjDddzdiKaS82dgYgV/vmf+Ui3ZdZejmgfXR/q+pRumgobnQ2cCJTgGTWp4ypiwsuofFubavg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.62.1.tgz",
+      "integrity": "sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.60.0",
-        "@typescript-eslint/types": "^8.60.0",
+        "@typescript-eslint/tsconfig-utils": "^8.62.1",
+        "@typescript-eslint/types": "^8.62.1",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -4899,13 +4909,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.60.0.tgz",
-      "integrity": "sha512-pFzqhllJMs+jghLQWzV00ds39xLzuyqPSev5pd8f4Ir0rtKR3ZLUB4/4dhjOFighWb9larvtfJvqL+4yKDI3Xw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.62.1.tgz",
+      "integrity": "sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0"
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4916,9 +4926,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.60.0.tgz",
-      "integrity": "sha512-BZPR3RGYlAXnly6ymAxfkVn5rCbZzQNou0rxv3GfWZ8cTQp+hhVd73khbGLAd8k1TlAPLISH337M+tAgAnaJDQ==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.62.1.tgz",
+      "integrity": "sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4932,14 +4942,14 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.60.0.tgz",
-      "integrity": "sha512-SX46wEUtitCpq7AN38HkUU/+zvUpdKf7ephtWAFgckH8O7PQIyL5gvrhQgBLuEYgLfuKWOVvWVskMbuFHAz5xg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.62.1.tgz",
+      "integrity": "sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.5.0"
       },
@@ -4956,9 +4966,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.60.0.tgz",
-      "integrity": "sha512-AsE7x2XaAK+CVbeih0Fvbn+r1qHxtpLDJ3XUuFcIinT318T90yHMJC+Zgv+jUuDjQQd06HKwxnDu6sz1IcTilA==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.62.1.tgz",
+      "integrity": "sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4969,15 +4979,15 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.60.0.tgz",
-      "integrity": "sha512-3AcZNBGMClm6CXDyo8kYvVGT/sx29sS0oBsIb9oZI2gunA4Vm2M3YHzRLPvsUBBsl+yB5FPtltq7gGH0iTlp9g==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.62.1.tgz",
+      "integrity": "sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/project-service": "8.60.0",
-        "@typescript-eslint/tsconfig-utils": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/project-service": "8.62.1",
+        "@typescript-eslint/tsconfig-utils": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -5005,9 +5015,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz",
+      "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==",
       "dev": true,
       "dependencies": {
         "balanced-match": "^4.0.2"
@@ -5032,15 +5042,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.60.0.tgz",
-      "integrity": "sha512-HtXuPfrHTyBDkameWpl+vJb1Uevu2tznAyahM1Oc4AENidCLTPiZDWIo4GfcxNdC/RcfGcadzzkqbRG87dUrQA==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.62.1.tgz",
+      "integrity": "sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0"
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -5055,12 +5065,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.60.0.tgz",
-      "integrity": "sha512-9WI52t8ZGLVGrPMBet25yAftqY/n95+zmoUUtJBBQTKDSKUu7OsPTroT2op7U9JatkoRccL0YkWDNMFfC4Sjxg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.62.1.tgz",
+      "integrity": "sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.60.0",
+        "@typescript-eslint/types": "8.62.1",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -5637,9 +5647,9 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
       "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
@@ -8096,9 +8106,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
@@ -8106,8 +8116,8 @@
         "@eslint/config-array": "^0.21.2",
         "@eslint/config-helpers": "^0.4.2",
         "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
         "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -8341,9 +8351,9 @@
       }
     },
     "node_modules/eslint-plugin-jest": {
-      "version": "29.15.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.15.2.tgz",
-      "integrity": "sha512-kEN4r9RZl1xcsb4arGq89LrcVdOUFII/JSCwtTPJyv16mDwmPrcuEQwpxqZHeINvcsd7oK5O/rhdGlxFRaZwvQ==",
+      "version": "29.15.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.15.4.tgz",
+      "integrity": "sha512-6ln5i9Nkrb27X4w91ZPt/xHDsVQnvxTS2ntgq6r32u+8gymdUrp88TdcBXSveZW0Dl+M5v2H6K75kJhMvUGhjg==",
       "dev": true,
       "dependencies": {
         "@typescript-eslint/utils": "^8.0.0"
@@ -9337,9 +9347,9 @@
       "dev": true
     },
     "node_modules/globals": {
-      "version": "17.6.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-17.6.0.tgz",
-      "integrity": "sha512-sepffkT8stwnIYbsMBpoCHJuJM5l98FUF2AnE07hfvE0m/qp3R586hw4jF4uadbhvg1ooIdzuu7CsfD2jzCaNA==",
+      "version": "17.7.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.7.0.tgz",
+      "integrity": "sha512-Czmyns5dUsq4seFBR/Kdydhmo8y9kC79hiSkPn0YcGtNnYWnrgt0vjrSjx9tspoDGWm2CMarffRuLjM4xUz8xg==",
       "dev": true,
       "engines": {
         "node": ">=18"
@@ -12049,14 +12059,13 @@
       }
     },
     "node_modules/launch-editor": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.10.0.tgz",
-      "integrity": "sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==",
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.14.1.tgz",
+      "integrity": "sha512-QWBrQsMpH7gPr965dsKD/3cKWiNoTjpATQf++Xq63N6sKRGMwlVXz41O1IZTMfZQgBctD/K5Zt06+/I6pP6+HA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "picocolors": "^1.0.0",
-        "shell-quote": "^1.8.1"
+        "picocolors": "^1.1.1",
+        "shell-quote": "^1.8.4"
       }
     },
     "node_modules/leven": {
@@ -12430,6 +12439,95 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/minimizer-webpack-plugin": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/minimizer-webpack-plugin/-/minimizer-webpack-plugin-5.6.1.tgz",
+      "integrity": "sha512-DoeAZz8Q1C1znwsUzej1fdoi4jCf7/+Em27ouLqfK/+3m8G+D7yDhUwrc3CNhjSzGUN1kn7Iv4sWmjflQHenpw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@minify-html/node": {
+          "optional": true
+        },
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/css": {
+          "optional": true
+        },
+        "@swc/html": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "cssnano": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "html-minifier-terser": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/minimizer-webpack-plugin/node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/minimizer-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
     "node_modules/minipass": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
@@ -13823,9 +13921,9 @@
       }
     },
     "node_modules/react-router": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.17.0.tgz",
-      "integrity": "sha512-FDELK7rTMlCHO5+reyXsPlmfr7N1F91lPHsWYfMEGQm/KQ+F4JFM8jGoeQDmDvdTs93Fw9aSilH+uKRb4/jXvQ==",
+      "version": "7.18.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.18.1.tgz",
+      "integrity": "sha512-GDLgg3i3uM0aeJO3Fm+TCS+sDQ7gu12T6x0qdTEzcwqEfleci7JwugVNIF3U//0FWKnJT7ptG+20B2jfDqnZAg==",
       "dependencies": {
         "cookie": "^1.0.1",
         "set-cookie-parser": "^2.6.0"
@@ -13869,9 +13967,9 @@
       }
     },
     "node_modules/react-virtuoso": {
-      "version": "4.18.7",
-      "resolved": "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.18.7.tgz",
-      "integrity": "sha512-xNF5zDGEEIMB7cKwcen/pLig0YDf6OnfFrVgKFa7sHPf9fRem0CaLshyObbBcP88jzn0enavL39EgplgdyT21g==",
+      "version": "4.18.10",
+      "resolved": "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.18.10.tgz",
+      "integrity": "sha512-P6GIZ7kWAPOYB2H16yRQNgy+VF9pJOuTFw1EUc1EAtCj5WxVSAF1Sql3x3fbLwaLeBFsiPnu+3U9o6sIOyTdFw==",
       "peerDependencies": {
         "react": ">=16 || >=17 || >= 18 || >= 19",
         "react-dom": ">=16 || >=17 || >= 18 || >=19"
@@ -14693,10 +14791,13 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
-      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.10.0.tgz",
+      "integrity": "sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -15310,95 +15411,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.6.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.1.tgz",
-      "integrity": "sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^4.3.0",
-        "terser": "^5.31.1"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@minify-html/node": {
-          "optional": true
-        },
-        "@swc/core": {
-          "optional": true
-        },
-        "@swc/css": {
-          "optional": true
-        },
-        "@swc/html": {
-          "optional": true
-        },
-        "clean-css": {
-          "optional": true
-        },
-        "cssnano": {
-          "optional": true
-        },
-        "csso": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "html-minifier-terser": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
     "node_modules/terser/node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -15702,15 +15714,13 @@
       }
     },
     "node_modules/ts-loader": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.6.0.tgz",
-      "integrity": "sha512-dsJO0S+T7grTDWTc4a0nTygXGjKncVUpx8Y+af8EvI/D5WgTJby5UEk5eoMCB9EcLQmnvitqh99MqtjtHgAwFQ==",
+      "version": "9.6.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.6.2.tgz",
+      "integrity": "sha512-R4iuczmtgxvtuI556s+hTZ6/7Ee03VCAk/l/M8LY1OAsUgB7YydsCxkgq9D9pKRaD7GJqUi2u8fp9zZP/ufjKA==",
       "dev": true,
       "dependencies": {
         "chalk": "^4.1.0",
-        "enhanced-resolve": "^5.0.0",
-        "micromatch": "^4.0.0",
-        "semver": "^7.3.4",
+        "picomatch": "^4.0.0",
         "source-map": "^0.7.4"
       },
       "engines": {
@@ -15727,6 +15737,18 @@
         }
       }
     },
+    "node_modules/ts-loader/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/ts-loader/node_modules/source-map": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
@@ -16013,15 +16035,15 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.60.0.tgz",
-      "integrity": "sha512-9f65qWLZdAW9m1JaxBDUHcqRUfL8bkxxXL7XxEfI+F09q56PkBvIfCjLF3yInsDM/BBmwkqmCQdCZe/RYlIWEw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.62.1.tgz",
+      "integrity": "sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.60.0",
-        "@typescript-eslint/parser": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0"
+        "@typescript-eslint/eslint-plugin": "8.62.1",
+        "@typescript-eslint/parser": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -16334,12 +16356,11 @@
       }
     },
     "node_modules/watchpack": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
-      "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.2.tgz",
+      "integrity": "sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==",
       "dev": true,
       "dependencies": {
-        "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
       },
       "engines": {
@@ -16365,9 +16386,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.107.2",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.107.2.tgz",
-      "integrity": "sha512-v7RhXaJbpMlV0D7hC7lb2EbnxkoeUqf9qhKr6lozx3Q48pmFrqqNRmZFUEGmi7pSwm6fCQ2H1IjvCkHqdpVdjQ==",
+      "version": "5.108.4",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.108.4.tgz",
+      "integrity": "sha512-yur8LyJoeiWh47dErD+Ok7vlbmDsJ3UbbRPAoxbGJ54WpE2y5yVo5G/inUzujnYgw3tPmBRdn+G7PoxXaYC33w==",
       "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.8",
@@ -16379,19 +16400,18 @@
         "acorn-import-phases": "^1.0.3",
         "browserslist": "^4.28.1",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.22.0",
+        "enhanced-resolve": "^5.22.2",
         "es-module-lexer": "^2.1.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.2.11",
         "loader-runner": "^4.3.2",
         "mime-db": "^1.54.0",
+        "minimizer-webpack-plugin": "^5.6.1",
         "neo-async": "^2.6.2",
         "schema-utils": "^4.3.3",
         "tapable": "^2.3.0",
-        "terser-webpack-plugin": "^5.5.0",
-        "watchpack": "^2.5.1",
+        "watchpack": "^2.5.2",
         "webpack-sources": "^3.5.0"
       },
       "bin": {
@@ -16494,9 +16514,9 @@
       }
     },
     "node_modules/webpack-dev-server": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.4.tgz",
-      "integrity": "sha512-GqDPGZN9bRqKBTkp4aWkobDDHMsrXKoGSdOH56smIri8qR0JG8gfL8/v/f/OZR3/OKXjG8uwJbFVhKm/FNU/UA==",
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.6.tgz",
+      "integrity": "sha512-HNLRmamRvVavZQ+avceZifmv8hmdUjg43t6MI4SqJDwFdW7RPQwH5vzGhDRZSX59SgfbeHhLnq3g+uooWo7pVw==",
       "dev": true,
       "dependencies": {
         "@types/bonjour": "^3.5.13",
@@ -16517,7 +16537,7 @@
         "graceful-fs": "^4.2.6",
         "http-proxy-middleware": "^2.0.9",
         "ipaddr.js": "^2.1.0",
-        "launch-editor": "^2.6.1",
+        "launch-editor": "^2.14.1",
         "open": "^10.0.3",
         "p-retry": "^6.2.0",
         "schema-utils": "^4.2.0",
@@ -18776,9 +18796,9 @@
       }
     },
     "@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
       "dev": true,
       "requires": {
         "ajv": "^6.14.0",
@@ -18787,7 +18807,7 @@
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
+        "js-yaml": "^4.3.0",
         "minimatch": "^3.1.5",
         "strip-json-comments": "^3.1.1"
       },
@@ -18805,9 +18825,9 @@
           "dev": true
         },
         "js-yaml": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-          "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+          "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
           "dev": true,
           "requires": {
             "argparse": "^2.0.1"
@@ -18816,9 +18836,9 @@
       }
     },
     "@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
       "dev": true
     },
     "@eslint/object-schema": {
@@ -19873,108 +19893,108 @@
       "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g=="
     },
     "@swc/core": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.40.tgz",
-      "integrity": "sha512-2kwzJikRvgtNAG7MwVZY2vEzZjTxKIq5jXOihuSV/8U+Hej8Va22t65aKnJZs3P+NwojZvR8Mf8kyM7O+V8sQg==",
-      "dev": true,
-      "requires": {
-        "@swc/core-darwin-arm64": "1.15.40",
-        "@swc/core-darwin-x64": "1.15.40",
-        "@swc/core-linux-arm-gnueabihf": "1.15.40",
-        "@swc/core-linux-arm64-gnu": "1.15.40",
-        "@swc/core-linux-arm64-musl": "1.15.40",
-        "@swc/core-linux-ppc64-gnu": "1.15.40",
-        "@swc/core-linux-s390x-gnu": "1.15.40",
-        "@swc/core-linux-x64-gnu": "1.15.40",
-        "@swc/core-linux-x64-musl": "1.15.40",
-        "@swc/core-win32-arm64-msvc": "1.15.40",
-        "@swc/core-win32-ia32-msvc": "1.15.40",
-        "@swc/core-win32-x64-msvc": "1.15.40",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.43.tgz",
+      "integrity": "sha512-1CuKjFkPxIgGdeHVuNbkxmBxkcbdc08u0aiI43pFq6yY1tTVKmXT9hFEooyyKs/sJ3xf1GPHyEwTtk9Xl8dvQw==",
+      "dev": true,
+      "requires": {
+        "@swc/core-darwin-arm64": "1.15.43",
+        "@swc/core-darwin-x64": "1.15.43",
+        "@swc/core-linux-arm-gnueabihf": "1.15.43",
+        "@swc/core-linux-arm64-gnu": "1.15.43",
+        "@swc/core-linux-arm64-musl": "1.15.43",
+        "@swc/core-linux-ppc64-gnu": "1.15.43",
+        "@swc/core-linux-s390x-gnu": "1.15.43",
+        "@swc/core-linux-x64-gnu": "1.15.43",
+        "@swc/core-linux-x64-musl": "1.15.43",
+        "@swc/core-win32-arm64-msvc": "1.15.43",
+        "@swc/core-win32-ia32-msvc": "1.15.43",
+        "@swc/core-win32-x64-msvc": "1.15.43",
         "@swc/counter": "^0.1.3",
-        "@swc/types": "^0.1.26"
+        "@swc/types": "^0.1.27"
       }
     },
     "@swc/core-darwin-arm64": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.40.tgz",
-      "integrity": "sha512-PaYyclfmQ++77D8ityYvmmVzHv9aG8ROwt2GfG6/ccloy4Hgf80qtOnzb9VYvPsUT7Ty1uhuDRhv3XYpf62qhQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.43.tgz",
+      "integrity": "sha512-v1aVuvXdo/BHxJzco9V2xpHrvwWmhfS8t6gziY5wJxd+Z2h8AeJRnAwPD8itCDaGXVBwJ/CaKfxEzTkG0Va0OA==",
       "dev": true,
       "optional": true
     },
     "@swc/core-darwin-x64": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.40.tgz",
-      "integrity": "sha512-HbbPzvfLBUXjIB1Ezks+//lNUjmLjfyd63XSwprJgrZaXYdm70kohXPJUWdqKZozolFxbPaO+xtBaiUp6BoueA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.43.tgz",
+      "integrity": "sha512-lp3d4Lamc8dt5huYdGLSR+9hLxmfr1jb0l+4XXG2zPqZwYWRN9R0U2qYoTrggiU2RWW0oV9VbWM3kBnqIc2kdQ==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-arm-gnueabihf": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.40.tgz",
-      "integrity": "sha512-SlRZsCjOCPR2LvFs0Ri/Xrx/5o5TCt8vl4gW6mX1hEZOG0a625RxzRHpHdAQNGykmAN/7IeaFAJG+QnNmxlHcA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.43.tgz",
+      "integrity": "sha512-JWTQQELtsG5GgphDrr/XqqmM2pDN3cZqbMS0Mrg+iTiXL3F74sn/S2IyYE/5u4h2KLkTf9qQ7dXyxsbx7YzkeA==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-arm64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.40.tgz",
-      "integrity": "sha512-Q8byxJt2fh8CR3EUX6snBpy47AoBVm+In/+Z3rjDHMjC38ZvR9/gtUUNCT0tfrn4EdVsO8/QPi59nxrxvqxvBQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.43.tgz",
+      "integrity": "sha512-B4otJRdPWIsmiSBf0uG7Z/+vMWmkufjz5MmYxubwKuZazDW14Zd3symga1N62QR4RT+kEFeHEgsXfZGyn/w0hw==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-arm64-musl": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.40.tgz",
-      "integrity": "sha512-4z0MgHU+7M0pZDqBN1El7mFXDI1SBwinfcUkAyA4v8QrhOIUOZltySt2aStQLZGrdXVXM4Y4ylfiTC04ED+MoQ==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.43.tgz",
+      "integrity": "sha512-6zB6OnpViBxYy4tgY3v2i6AZY9fwkcHZ032UOwtwUuW1d19sdT07qF0kZe6/3UR1tUaK6jjg2rmVcUIBCEYVjQ==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-ppc64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.40.tgz",
-      "integrity": "sha512-fLI4iUgeSZu0eRWUXwe6YzPFx9gHbFiPkl8Rp3mJfP8OpNR3nTQCGPvHdDh9xniW7mVvgMY4ni7A4VzqI1KrpA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.43.tgz",
+      "integrity": "sha512-coxE1ZWdB3uSDVNoEtYNrRi/1epvckZx9cTJ8ICUxTMTxGk+yvQ/Twacp3ruZSaMPGCriUjP86C37VhaT6nyRg==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-s390x-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.40.tgz",
-      "integrity": "sha512-YqeKMAb7d4nQSGMJQ454IlaCENpzcDqhvBE9+CPfdnYpnUXxd+BSrB6Xk0YjW8UyoEhUj4p6quATCxbsp6J3jg==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.43.tgz",
+      "integrity": "sha512-lXfLhs+LpBsD5inuYx+YDH5WsPPBQ95KPUiy8P5wq9ob9xKDZFqwNfU2QW6bGO8NqRO/H9JQomTSt5Yyh+FGfA==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-x64-gnu": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.40.tgz",
-      "integrity": "sha512-7HOuS1iGcme/j/TuL1TfmmLGiMQrjv/GmjyZeydl00FKPtpGXEldwqfI56xgd1YzrzoB2svWjxbGGyQ0TEASxg==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.43.tgz",
+      "integrity": "sha512-07XnKwTmKy8TGOZG3D9fRnLWGynxPjwQnZLVmBFbo6F+7vHYzBIOuwXEhemrChBWb6yDNZsVCcMWCPX6FDD2xg==",
       "dev": true,
       "optional": true
     },
     "@swc/core-linux-x64-musl": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.40.tgz",
-      "integrity": "sha512-h4kZYHc7dpc9P9u4brRJaS8Pl7tPVHAeiLSzw7T5RfIJgAoSdaCMKzI/2Uay9gFhaw8uyCDl0L5q37r0EpAfIA==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.43.tgz",
+      "integrity": "sha512-TJc+bsSIaBh+hZvZ5GRtW/K1bw66TJ9vsUwvVIsZdiWxU5ObLwZvfcnZ3UpgVfMnFibRes9uriJrQNBHEEogRQ==",
       "dev": true,
       "optional": true
     },
     "@swc/core-win32-arm64-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.40.tgz",
-      "integrity": "sha512-+mQgKZXSj6mV38Zh05QaxSjUDmGP/R2JWlXZTDLSPkDzHU6p3GxN9eeSf5dfyDVU86946fmCvSzyl/ucImx8+A==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.43.tgz",
+      "integrity": "sha512-jfd7s2/bUQYkOHLs+LWQNKZdmDa8+sufKLllhpWAhVQ2GDCwsHe3vR/j+OSiItZNtkzFuaawa3+SAKz9y5gYfw==",
       "dev": true,
       "optional": true
     },
     "@swc/core-win32-ia32-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.40.tgz",
-      "integrity": "sha512-yvwdPLGd25mcj/mNatjNQ0lZujtQD6psH3v9PNmMb+fSzjbNG8KIDxjFWrcV+fsFVLOkyOmdJsFmX7NAFjVyPw==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.43.tgz",
+      "integrity": "sha512-rLAE8JvucqEW1ZGohxPQrQWPBQeJG4+ypKbWfdlU/qmKScvCkxf9/Jxnzki1dkUQCQ7P5Enp13RlvqOlvx/32g==",
       "dev": true,
       "optional": true
     },
     "@swc/core-win32-x64-msvc": {
-      "version": "1.15.40",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.40.tgz",
-      "integrity": "sha512-OXtKsLU1bVtInzzDEAY2sYiF/rl4tvAnLLLpuMp3HzAOQZ5A+i69AKDhA1YLQTaMAqO3vzyYNVAYVRMPtSYD4w==",
+      "version": "1.15.43",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.43.tgz",
+      "integrity": "sha512-h8MLDHZcfIukwQWj03rIJZx1I0E81AYj2X7J/nGErG4nz+QAv6G1Z+peotvinL3lqpbo32tLYSMFo32/ySzxKg==",
       "dev": true,
       "optional": true
     },
@@ -19996,9 +20016,9 @@
       }
     },
     "@swc/types": {
-      "version": "0.1.26",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.26.tgz",
-      "integrity": "sha512-lyMwd7WGgG79RS7EERZV3T8wMdmPq3xwyg+1nmAM64kIhx5yl+juO2PYIHb7vTiPgPCj8LYjsNV2T5wiQHUEaw==",
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.27.tgz",
+      "integrity": "sha512-K6h3iUlqeM946U4sXFYeahefR1YBbXJvko+hv8WS8/0BNJ4OHiHRywMnQUJCqkR7Y9+hqQ1TvEpiKqUhz7NEFg==",
       "dev": true,
       "requires": {
         "@swc/counter": "^0.1.3"
@@ -20391,9 +20411,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "25.9.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.1.tgz",
-      "integrity": "sha512-xfrlY7UD5rMJk3ZVJP8BNzS28J36YJg+xp+LPXV1TdWxr8uMH5A860QNxYDGQe/ylDSgjxE52Q9VnO7p75tJxg==",
+      "version": "25.9.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.5.tgz",
+      "integrity": "sha512-OScDchr2fwuUmWdf4kZ9h7PcJiYDVInhJizG/biAq3cAvqwYktuy/TYGGdZNMtNTFUP7rnb0NU4TUdm82kt4Rg==",
       "dev": true,
       "requires": {
         "undici-types": ">=7.24.0 <7.24.7"
@@ -20422,9 +20442,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "19.2.15",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.15.tgz",
-      "integrity": "sha512-eRwcGNHve+E8qtEQSSRl6urh+rFop4v8gm6O8rGv25CodbvFdLjA1vVQ1KkiFE0w0UPOnb8tDiFKL5lp0rtY5Q==",
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
       "requires": {
         "csstype": "^3.2.2"
       }
@@ -20538,16 +20558,16 @@
       "dev": true
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.60.0.tgz",
-      "integrity": "sha512-QYb/sa74/s7OKMbACMjrYnGspj9Hs5YI5aaffSL65UfeBUzVzBJfVo3oWSpbzPurvm7yaCCo2Lk7lVj610HqKw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.62.1.tgz",
+      "integrity": "sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==",
       "dev": true,
       "requires": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/type-utils": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/type-utils": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.5.0"
@@ -20562,75 +20582,75 @@
       }
     },
     "@typescript-eslint/parser": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.60.0.tgz",
-      "integrity": "sha512-fcqpj/MyK4sxDPcbe7STNPbpQL4RLZOPWuaTmwZYuc+hJKzRf58yRxfhqGpc6PIq9ZyfSBpfHgmUHmHs0KwHwg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.62.1.tgz",
+      "integrity": "sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "debug": "^4.4.3"
       }
     },
     "@typescript-eslint/project-service": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.60.0.tgz",
-      "integrity": "sha512-aZu74NNKJeUWqCjDddzdiKaS82dgYgV/vmf+Ui3ZdZejmgfXR/q+pRumgobnQ2cCJTgGTWp4ypiwsuofFubavg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.62.1.tgz",
+      "integrity": "sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/tsconfig-utils": "^8.60.0",
-        "@typescript-eslint/types": "^8.60.0",
+        "@typescript-eslint/tsconfig-utils": "^8.62.1",
+        "@typescript-eslint/types": "^8.62.1",
         "debug": "^4.4.3"
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.60.0.tgz",
-      "integrity": "sha512-pFzqhllJMs+jghLQWzV00ds39xLzuyqPSev5pd8f4Ir0rtKR3ZLUB4/4dhjOFighWb9larvtfJvqL+4yKDI3Xw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.62.1.tgz",
+      "integrity": "sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0"
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1"
       }
     },
     "@typescript-eslint/tsconfig-utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.60.0.tgz",
-      "integrity": "sha512-BZPR3RGYlAXnly6ymAxfkVn5rCbZzQNou0rxv3GfWZ8cTQp+hhVd73khbGLAd8k1TlAPLISH337M+tAgAnaJDQ==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.62.1.tgz",
+      "integrity": "sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==",
       "dev": true,
       "requires": {}
     },
     "@typescript-eslint/type-utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.60.0.tgz",
-      "integrity": "sha512-SX46wEUtitCpq7AN38HkUU/+zvUpdKf7ephtWAFgckH8O7PQIyL5gvrhQgBLuEYgLfuKWOVvWVskMbuFHAz5xg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.62.1.tgz",
+      "integrity": "sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.5.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.60.0.tgz",
-      "integrity": "sha512-AsE7x2XaAK+CVbeih0Fvbn+r1qHxtpLDJ3XUuFcIinT318T90yHMJC+Zgv+jUuDjQQd06HKwxnDu6sz1IcTilA==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.62.1.tgz",
+      "integrity": "sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.60.0.tgz",
-      "integrity": "sha512-3AcZNBGMClm6CXDyo8kYvVGT/sx29sS0oBsIb9oZI2gunA4Vm2M3YHzRLPvsUBBsl+yB5FPtltq7gGH0iTlp9g==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.62.1.tgz",
+      "integrity": "sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/project-service": "8.60.0",
-        "@typescript-eslint/tsconfig-utils": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/visitor-keys": "8.60.0",
+        "@typescript-eslint/project-service": "8.62.1",
+        "@typescript-eslint/tsconfig-utils": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/visitor-keys": "8.62.1",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -20645,9 +20665,9 @@
           "dev": true
         },
         "brace-expansion": {
-          "version": "5.0.6",
-          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-          "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+          "version": "5.0.7",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz",
+          "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==",
           "dev": true,
           "requires": {
             "balanced-match": "^4.0.2"
@@ -20665,24 +20685,24 @@
       }
     },
     "@typescript-eslint/utils": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.60.0.tgz",
-      "integrity": "sha512-HtXuPfrHTyBDkameWpl+vJb1Uevu2tznAyahM1Oc4AENidCLTPiZDWIo4GfcxNdC/RcfGcadzzkqbRG87dUrQA==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.62.1.tgz",
+      "integrity": "sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==",
       "dev": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.60.0",
-        "@typescript-eslint/types": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0"
+        "@typescript-eslint/scope-manager": "8.62.1",
+        "@typescript-eslint/types": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1"
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.60.0.tgz",
-      "integrity": "sha512-9WI52t8ZGLVGrPMBet25yAftqY/n95+zmoUUtJBBQTKDSKUu7OsPTroT2op7U9JatkoRccL0YkWDNMFfC4Sjxg==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.62.1.tgz",
+      "integrity": "sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "8.60.0",
+        "@typescript-eslint/types": "8.62.1",
         "eslint-visitor-keys": "^5.0.0"
       },
       "dependencies": {
@@ -21052,9 +21072,9 @@
       "dev": true
     },
     "ajv": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
-      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
       "dev": true,
       "requires": {
         "fast-deep-equal": "^3.1.1",
@@ -22822,9 +22842,9 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
     },
     "eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
       "dev": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.8.0",
@@ -22832,8 +22852,8 @@
         "@eslint/config-array": "^0.21.2",
         "@eslint/config-helpers": "^0.4.2",
         "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
         "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -23037,9 +23057,9 @@
       }
     },
     "eslint-plugin-jest": {
-      "version": "29.15.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.15.2.tgz",
-      "integrity": "sha512-kEN4r9RZl1xcsb4arGq89LrcVdOUFII/JSCwtTPJyv16mDwmPrcuEQwpxqZHeINvcsd7oK5O/rhdGlxFRaZwvQ==",
+      "version": "29.15.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-29.15.4.tgz",
+      "integrity": "sha512-6ln5i9Nkrb27X4w91ZPt/xHDsVQnvxTS2ntgq6r32u+8gymdUrp88TdcBXSveZW0Dl+M5v2H6K75kJhMvUGhjg==",
       "dev": true,
       "requires": {
         "@typescript-eslint/utils": "^8.0.0"
@@ -23660,9 +23680,9 @@
       "dev": true
     },
     "globals": {
-      "version": "17.6.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-17.6.0.tgz",
-      "integrity": "sha512-sepffkT8stwnIYbsMBpoCHJuJM5l98FUF2AnE07hfvE0m/qp3R586hw4jF4uadbhvg1ooIdzuu7CsfD2jzCaNA==",
+      "version": "17.7.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.7.0.tgz",
+      "integrity": "sha512-Czmyns5dUsq4seFBR/Kdydhmo8y9kC79hiSkPn0YcGtNnYWnrgt0vjrSjx9tspoDGWm2CMarffRuLjM4xUz8xg==",
       "dev": true
     },
     "globalthis": {
@@ -25568,13 +25588,13 @@
       "dev": true
     },
     "launch-editor": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.10.0.tgz",
-      "integrity": "sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==",
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.14.1.tgz",
+      "integrity": "sha512-QWBrQsMpH7gPr965dsKD/3cKWiNoTjpATQf++Xq63N6sKRGMwlVXz41O1IZTMfZQgBctD/K5Zt06+/I6pP6+HA==",
       "dev": true,
       "requires": {
-        "picocolors": "^1.0.0",
-        "shell-quote": "^1.8.1"
+        "picocolors": "^1.1.1",
+        "shell-quote": "^1.8.4"
       }
     },
     "leven": {
@@ -25848,6 +25868,40 @@
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "dev": true
     },
+    "minimizer-webpack-plugin": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/minimizer-webpack-plugin/-/minimizer-webpack-plugin-5.6.1.tgz",
+      "integrity": "sha512-DoeAZz8Q1C1znwsUzej1fdoi4jCf7/+Em27ouLqfK/+3m8G+D7yDhUwrc3CNhjSzGUN1kn7Iv4sWmjflQHenpw==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "terser": "^5.31.1"
+      },
+      "dependencies": {
+        "jest-worker": {
+          "version": "27.5.1",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+          "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+          "dev": true,
+          "requires": {
+            "@types/node": "*",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "minipass": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
@@ -26811,9 +26865,9 @@
       "dev": true
     },
     "react-router": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.17.0.tgz",
-      "integrity": "sha512-FDELK7rTMlCHO5+reyXsPlmfr7N1F91lPHsWYfMEGQm/KQ+F4JFM8jGoeQDmDvdTs93Fw9aSilH+uKRb4/jXvQ==",
+      "version": "7.18.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.18.1.tgz",
+      "integrity": "sha512-GDLgg3i3uM0aeJO3Fm+TCS+sDQ7gu12T6x0qdTEzcwqEfleci7JwugVNIF3U//0FWKnJT7ptG+20B2jfDqnZAg==",
       "requires": {
         "cookie": "^1.0.1",
         "set-cookie-parser": "^2.6.0"
@@ -26838,9 +26892,9 @@
       }
     },
     "react-virtuoso": {
-      "version": "4.18.7",
-      "resolved": "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.18.7.tgz",
-      "integrity": "sha512-xNF5zDGEEIMB7cKwcen/pLig0YDf6OnfFrVgKFa7sHPf9fRem0CaLshyObbBcP88jzn0enavL39EgplgdyT21g==",
+      "version": "4.18.10",
+      "resolved": "https://registry.npmjs.org/react-virtuoso/-/react-virtuoso-4.18.10.tgz",
+      "integrity": "sha512-P6GIZ7kWAPOYB2H16yRQNgy+VF9pJOuTFw1EUc1EAtCj5WxVSAF1Sql3x3fbLwaLeBFsiPnu+3U9o6sIOyTdFw==",
       "requires": {}
     },
     "read-package-json-fast": {
@@ -27465,9 +27519,9 @@
       "dev": true
     },
     "shell-quote": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
-      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.10.0.tgz",
+      "integrity": "sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==",
       "dev": true
     },
     "side-channel": {
@@ -27918,40 +27972,6 @@
         }
       }
     },
-    "terser-webpack-plugin": {
-      "version": "5.6.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.1.tgz",
-      "integrity": "sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==",
-      "dev": true,
-      "requires": {
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^4.3.0",
-        "terser": "^5.31.1"
-      },
-      "dependencies": {
-        "jest-worker": {
-          "version": "27.5.1",
-          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-          "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-          "dev": true,
-          "requires": {
-            "@types/node": "*",
-            "merge-stream": "^2.0.0",
-            "supports-color": "^8.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "8.1.1",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "test-exclude": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
@@ -28116,18 +28136,22 @@
       }
     },
     "ts-loader": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.6.0.tgz",
-      "integrity": "sha512-dsJO0S+T7grTDWTc4a0nTygXGjKncVUpx8Y+af8EvI/D5WgTJby5UEk5eoMCB9EcLQmnvitqh99MqtjtHgAwFQ==",
+      "version": "9.6.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.6.2.tgz",
+      "integrity": "sha512-R4iuczmtgxvtuI556s+hTZ6/7Ee03VCAk/l/M8LY1OAsUgB7YydsCxkgq9D9pKRaD7GJqUi2u8fp9zZP/ufjKA==",
       "dev": true,
       "requires": {
         "chalk": "^4.1.0",
-        "enhanced-resolve": "^5.0.0",
-        "micromatch": "^4.0.0",
-        "semver": "^7.3.4",
+        "picomatch": "^4.0.0",
         "source-map": "^0.7.4"
       },
       "dependencies": {
+        "picomatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+          "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+          "dev": true
+        },
         "source-map": {
           "version": "0.7.4",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
@@ -28328,15 +28352,15 @@
       "dev": true
     },
     "typescript-eslint": {
-      "version": "8.60.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.60.0.tgz",
-      "integrity": "sha512-9f65qWLZdAW9m1JaxBDUHcqRUfL8bkxxXL7XxEfI+F09q56PkBvIfCjLF3yInsDM/BBmwkqmCQdCZe/RYlIWEw==",
+      "version": "8.62.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.62.1.tgz",
+      "integrity": "sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/eslint-plugin": "8.60.0",
-        "@typescript-eslint/parser": "8.60.0",
-        "@typescript-eslint/typescript-estree": "8.60.0",
-        "@typescript-eslint/utils": "8.60.0"
+        "@typescript-eslint/eslint-plugin": "8.62.1",
+        "@typescript-eslint/parser": "8.62.1",
+        "@typescript-eslint/typescript-estree": "8.62.1",
+        "@typescript-eslint/utils": "8.62.1"
       }
     },
     "typestyle": {
@@ -28566,12 +28590,11 @@
       }
     },
     "watchpack": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
-      "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.2.tgz",
+      "integrity": "sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==",
       "dev": true,
       "requires": {
-        "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
       }
     },
@@ -28591,9 +28614,9 @@
       "dev": true
     },
     "webpack": {
-      "version": "5.107.2",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.107.2.tgz",
-      "integrity": "sha512-v7RhXaJbpMlV0D7hC7lb2EbnxkoeUqf9qhKr6lozx3Q48pmFrqqNRmZFUEGmi7pSwm6fCQ2H1IjvCkHqdpVdjQ==",
+      "version": "5.108.4",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.108.4.tgz",
+      "integrity": "sha512-yur8LyJoeiWh47dErD+Ok7vlbmDsJ3UbbRPAoxbGJ54WpE2y5yVo5G/inUzujnYgw3tPmBRdn+G7PoxXaYC33w==",
       "dev": true,
       "requires": {
         "@types/estree": "^1.0.8",
@@ -28605,19 +28628,18 @@
         "acorn-import-phases": "^1.0.3",
         "browserslist": "^4.28.1",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.22.0",
+        "enhanced-resolve": "^5.22.2",
         "es-module-lexer": "^2.1.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.2.11",
         "loader-runner": "^4.3.2",
         "mime-db": "^1.54.0",
+        "minimizer-webpack-plugin": "^5.6.1",
         "neo-async": "^2.6.2",
         "schema-utils": "^4.3.3",
         "tapable": "^2.3.0",
-        "terser-webpack-plugin": "^5.5.0",
-        "watchpack": "^2.5.1",
+        "watchpack": "^2.5.2",
         "webpack-sources": "^3.5.0"
       },
       "dependencies": {
@@ -28673,9 +28695,9 @@
       }
     },
     "webpack-dev-server": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.4.tgz",
-      "integrity": "sha512-GqDPGZN9bRqKBTkp4aWkobDDHMsrXKoGSdOH56smIri8qR0JG8gfL8/v/f/OZR3/OKXjG8uwJbFVhKm/FNU/UA==",
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.6.tgz",
+      "integrity": "sha512-HNLRmamRvVavZQ+avceZifmv8hmdUjg43t6MI4SqJDwFdW7RPQwH5vzGhDRZSX59SgfbeHhLnq3g+uooWo7pVw==",
       "dev": true,
       "requires": {
         "@types/bonjour": "^3.5.13",
@@ -28696,7 +28718,7 @@
         "graceful-fs": "^4.2.6",
         "http-proxy-middleware": "^2.0.9",
         "ipaddr.js": "^2.1.0",
-        "launch-editor": "^2.6.1",
+        "launch-editor": "^2.14.1",
         "open": "^10.0.3",
         "p-retry": "^6.2.0",
         "schema-utils": "^4.2.0",
diff --git a/package.json b/package.json
index f22893bcb..cb29b4e3f 100644
--- a/package.json
+++ b/package.json
@@ -36,8 +36,8 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-redux": "^9.3.0",
-    "react-router": "^7.17.0",
-    "react-virtuoso": "^4.18.7",
+    "react-router": "^7.18.1",
+    "react-virtuoso": "^4.18.10",
     "stream-browserify": "^3.0.0",
     "taskcluster-client-web": "^87.1.3",
     "taskcluster-lib-scopes": "^11.0.0",
@@ -86,10 +86,10 @@
     "@babel/preset-react": "^7.29.7",
     "@babel/preset-typescript": "^7.29.7",
     "@babel/runtime": "^7.29.7",
-    "@eslint/js": "^9.39.4",
+    "@eslint/js": "^9.39.5",
     "@fetch-mock/jest": "^0.2.20",
     "@jest/types": "^30.4.1",
-    "@swc/core": "^1.15.40",
+    "@swc/core": "^1.15.43",
     "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -98,8 +98,8 @@
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
     "@types/material-ui": "^0.21.18",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.5",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "babel-loader": "^10.1.1",
     "babel-preset-jest": "^30.4.0",
@@ -107,15 +107,15 @@
     "copy-webpack-plugin": "^13.0.1",
     "core-js": "^3.49.0",
     "css-loader": "^7.1.4",
-    "eslint": "^9.39.4",
+    "eslint": "^9.39.5",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.5",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^29.15.2",
+    "eslint-plugin-jest": "^29.15.4",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-testing-library": "^7.16.2",
-    "globals": "^17.6.0",
+    "globals": "^17.7.0",
     "history": "^5.3.0",
     "html-webpack-plugin": "^5.6.7",
     "jest": "^30.4.2",
@@ -129,13 +129,13 @@
     "regenerator-runtime": "^0.14.1",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.4.11",
-    "ts-loader": "^9.6.0",
+    "ts-loader": "^9.6.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.60.0",
-    "webpack": "^5.107.2",
+    "typescript-eslint": "^8.62.1",
+    "webpack": "^5.108.4",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.4",
+    "webpack-dev-server": "^5.2.6",
     "webpack-merge": "^6.0.1"
   }
 }
diff --git a/src/__tests__/CompareResults/CommonGraph.test.tsx b/src/__tests__/CompareResults/CommonGraph.test.tsx
index c0f4421ee..3eaad12b5 100644
--- a/src/__tests__/CompareResults/CommonGraph.test.tsx
+++ b/src/__tests__/CompareResults/CommonGraph.test.tsx
@@ -88,7 +88,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -136,7 +139,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -173,7 +179,12 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={true}
+        // A numeric bandwidth so the mock's "throw on numeric" branch fires,
+        // exercising safeKde's fallback to the 'silverman' literal.
+        sharedBw={1.0}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -206,7 +217,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2, 3]}
         newValues={[]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -253,7 +267,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -279,7 +296,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -325,7 +345,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -365,7 +388,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit={null}
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -405,7 +431,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -449,7 +478,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -483,7 +515,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
@@ -520,7 +555,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={onVtChange}
         showModes={true}
@@ -552,7 +590,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={false}
@@ -577,7 +618,10 @@ describe('CommonGraph', () => {
         baseValues={[1, 2]}
         newValues={[3, 4]}
         unit='ms'
-        isSubtest={false}
+        sharedBw={undefined}
+        bwMultiplier={1.0}
+        onBwMultiplierChange={jest.fn()}
+        isLargeBw={false}
         vt={0.5}
         onVtChange={jest.fn()}
         showModes={true}
diff --git a/src/__tests__/CompareResults/KdeModesPanel.test.tsx b/src/__tests__/CompareResults/KdeModesPanel.test.tsx
new file mode 100644
index 000000000..982584473
--- /dev/null
+++ b/src/__tests__/CompareResults/KdeModesPanel.test.tsx
@@ -0,0 +1,191 @@
+import KdeModesPanel from '../../components/CompareResults/KdeModesPanel';
+import { fftkde } from '../../utils/kde.js';
+import { render, screen } from '../utils/test-utils';
+
+// Build a deterministic synthetic KDE curve (sum of Gaussian bumps on a uniform
+// grid) so we can drive fitModesFromKde without relying on the real fftkde.
+// fftkde is auto-mocked in setupTests; each test overrides it per-call.
+function gaussianCurve(
+  grid: { lo: number; hi: number; n: number },
+  bumps: Array<{ mu: number; sigma: number; weight: number }>,
+) {
+  const { lo, hi, n } = grid;
+  const x = new Array<number>(n);
+  const y = new Array<number>(n);
+  for (let i = 0; i < n; i++) {
+    const xi = lo + ((hi - lo) * i) / (n - 1);
+    let yi = 0;
+    for (const { mu, sigma, weight } of bumps) {
+      yi +=
+        (weight * Math.exp(-((xi - mu) ** 2) / (2 * sigma ** 2))) /
+        (sigma * Math.sqrt(2 * Math.PI));
+    }
+    x[i] = xi;
+    y[i] = yi;
+  }
+  return { x, y, bandwidth: 1 };
+}
+
+function mockKdePerSeries(
+  baseCurve: ReturnType<typeof gaussianCurve>,
+  newCurve: ReturnType<typeof gaussianCurve>,
+) {
+  // safeKde calls fftkde once per side. Subsequent fallback calls (silverman)
+  // only happen if the first throws — our mocks succeed, so two calls cover it.
+  (fftkde as jest.Mock)
+    .mockImplementationOnce(() => baseCurve)
+    .mockImplementationOnce(() => newCurve);
+}
+
+describe('KdeModesPanel', () => {
+  it('renders nothing when neither side is multimodal', () => {
+    const curve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 50, sigma: 5, weight: 1 },
+    ]);
+    mockKdePerSeries(curve, curve);
+
+    const { container } = render(
+      <KdeModesPanel
+        baseValues={[48, 50, 51, 49, 50]}
+        newValues={[49, 51, 50, 50, 49]}
+        unit='ms'
+        vt={0.5}
+        showModes={true}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('renders verdict + matched-mode rows for a bimodal comparison', () => {
+    const baseCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    const newCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    mockKdePerSeries(baseCurve, newCurve);
+
+    render(
+      <KdeModesPanel
+        baseValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        newValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        unit='ms'
+        vt={0.5}
+        showModes={true}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+
+    expect(screen.getByText(/2 modes base · 2 modes new/)).toBeInTheDocument();
+    expect(screen.getByText('Mode A')).toBeInTheDocument();
+    expect(screen.getByText('Mode B')).toBeInTheDocument();
+    expect(screen.getAllByText(/better path/).length).toBeGreaterThan(0);
+    expect(screen.getAllByText(/worse path/).length).toBeGreaterThan(0);
+  });
+
+  it('flags an unmatched new mode as a new path', () => {
+    const baseCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+    ]);
+    const newCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    mockKdePerSeries(baseCurve, newCurve);
+
+    render(
+      <KdeModesPanel
+        baseValues={[18, 19, 20, 21, 22, 18, 19, 20, 21, 22]}
+        newValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        unit='ms'
+        vt={0.5}
+        showModes={true}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+
+    expect(screen.getByText(/new path — these runs/)).toBeInTheDocument();
+  });
+
+  it('flags an unmatched base mode as gone', () => {
+    const baseCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    const newCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+    ]);
+    mockKdePerSeries(baseCurve, newCurve);
+
+    render(
+      <KdeModesPanel
+        baseValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        newValues={[18, 19, 20, 21, 22, 18, 19, 20, 21, 22]}
+        unit='ms'
+        vt={0.5}
+        showModes={true}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+
+    expect(screen.getByText(/gone — these runs/)).toBeInTheDocument();
+  });
+
+  it('renders nothing when showModes is false (matches the chart’s mode-overlay toggle)', () => {
+    const baseCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    const newCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    mockKdePerSeries(baseCurve, newCurve);
+
+    const { container } = render(
+      <KdeModesPanel
+        baseValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        newValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 22]}
+        unit='ms'
+        vt={0.5}
+        showModes={false}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('falls back to "samples/iter" when unit is null', () => {
+    const baseCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    const newCurve = gaussianCurve({ lo: 0, hi: 100, n: 1024 }, [
+      { mu: 20, sigma: 3, weight: 1 },
+      { mu: 80, sigma: 3, weight: 1 },
+    ]);
+    mockKdePerSeries(baseCurve, newCurve);
+
+    render(
+      <KdeModesPanel
+        baseValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        newValues={[18, 19, 20, 21, 22, 78, 79, 80, 81, 82]}
+        unit={null}
+        vt={0.5}
+        showModes={true}
+        sharedBw={undefined}
+        lowerIsBetter={true}
+      />,
+    );
+
+    expect(screen.getAllByText(/samples\/iter/).length).toBeGreaterThan(0);
+  });
+});
diff --git a/src/__tests__/CompareResults/ResultsTable.test.tsx b/src/__tests__/CompareResults/ResultsTable.test.tsx
index ed2fabc33..c663ada1d 100644
--- a/src/__tests__/CompareResults/ResultsTable.test.tsx
+++ b/src/__tests__/CompareResults/ResultsTable.test.tsx
@@ -57,8 +57,14 @@ function summarizeVisibleRows(testVersion?: TestVersion) {
     const optionsElements = Array.from(
       titleElement.nextElementSibling!.children,
     );
+    // The "better direction" indicator is asserted separately (and via
+    // snapshots); strip it here so the data-focused expectations stay stable.
+    const titleClone = titleElement.cloneNode(true) as HTMLElement;
+    titleClone
+      .querySelector('[data-testid="better-direction-indicator"]')
+      ?.remove();
     const title = [
-      titleElement.textContent,
+      titleClone.textContent,
       ...optionsElements.map((element) => element.textContent),
     ].join(' ');
     result.push(title);
diff --git a/src/__tests__/CompareResults/ResultsView.test.tsx b/src/__tests__/CompareResults/ResultsView.test.tsx
index b44764071..9d6bb7f31 100644
--- a/src/__tests__/CompareResults/ResultsView.test.tsx
+++ b/src/__tests__/CompareResults/ResultsView.test.tsx
@@ -158,6 +158,7 @@ describe('Results View', () => {
       option_name: 'opt',
       suite: 'allyr',
       test: '3DGraphics-WebGL',
+      lower_is_better: true,
     };
 
     renderWithRoute(<TestHeader result={revisionHeader} withRevision={true} />);
@@ -176,6 +177,7 @@ describe('Results View', () => {
       option_name: 'opt',
       suite: 'idle-bg',
       test: '3DGraphics-WebGL',
+      lower_is_better: true,
     };
 
     renderWithRoute(<TestHeader result={revisionHeader} withRevision={true} />);
@@ -184,6 +186,35 @@ describe('Results View', () => {
     expect(linkToSuite).not.toBeInTheDocument();
   });
 
+  it('Should show the better-direction label based on lower_is_better', async () => {
+    const baseHeader = {
+      extra_options: 'e10s fission stylo webgl-ipc webrender',
+      framework_id: 1 as Framework['id'],
+      new_repository_name: 'mozilla-central' as Repository['name'],
+      new_rev: 'a998c42399a8fcea623690bf65bef49de20535b4',
+      option_name: 'opt',
+      suite: 'allyr',
+      test: '3DGraphics-WebGL',
+    };
+
+    const { unmount } = renderWithRoute(
+      <TestHeader
+        result={{ ...baseHeader, lower_is_better: true }}
+        withRevision={true}
+      />,
+    );
+    expect(await screen.findByText('Lower is better')).toBeInTheDocument();
+    unmount();
+
+    renderWithRoute(
+      <TestHeader
+        result={{ ...baseHeader, lower_is_better: false }}
+        withRevision={true}
+      />,
+    );
+    expect(await screen.findByText('Higher is better')).toBeInTheDocument();
+  });
+
   it('Should display Base, New and Common graphs with tooltips', async () => {
     const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
 
diff --git a/src/__tests__/CompareResults/RevisionRowExpandable.test.tsx b/src/__tests__/CompareResults/RevisionRowExpandable.test.tsx
index 53e061568..542c0a22a 100644
--- a/src/__tests__/CompareResults/RevisionRowExpandable.test.tsx
+++ b/src/__tests__/CompareResults/RevisionRowExpandable.test.tsx
@@ -62,67 +62,6 @@ describe('RevisionRowExpandable for student-t testVersion', () => {
 });
 
 describe('RevisionRowExpandable for mann-whitney-u testVersion', () => {
-  it('should display ModeInterpretation for mann-whitney-u', async () => {
-    const { mockMannWhitneyResultData } = getTestData();
-
-    renderWithRoute(
-      <RevisionRowExpandable
-        result={mockMannWhitneyResultData}
-        testVersion='mann-whitney-u'
-        id={'666'}
-      />,
-    );
-
-    const modeStartHeader = await screen.findByText(/Mode Start/);
-    const modeEndHeader = await screen.findByText(/Mode End/);
-    const medianShiftHeader = await screen.findByText(/Median Shift/);
-    expect(modeStartHeader).toBeInTheDocument();
-    expect(modeEndHeader).toBeInTheDocument();
-    expect(medianShiftHeader).toBeInTheDocument();
-
-    const modeStart = await screen.findByText(/465883.93/);
-    const modeEnd = await screen.findByText(/465892.07/);
-    expect(modeStart).toBeInTheDocument();
-    expect(modeEnd).toBeInTheDocument();
-
-    const modeInterpretation = await screen.findByText(
-      /Base and New revisions are unimodal/,
-    );
-    expect(modeInterpretation).toBeInTheDocument();
-  });
-
-  it('should render N/A values for MannWhitneyResultsItem with empty result.silverman_kde.modes list. for mann-whitney-u', async () => {
-    const { mockMannWhitneyResultData } = getTestData();
-
-    const noModes = {
-      ...mockMannWhitneyResultData,
-      silverman_kde: {
-        ...(mockMannWhitneyResultData['silverman_kde'] ?? {}),
-        base_locations: [465888.0],
-        new_locations: [465888.0, 235888.2],
-        modes: [],
-      },
-    };
-    renderWithRoute(
-      <RevisionRowExpandable
-        result={noModes}
-        testVersion='mann-whitney-u'
-        id={'666'}
-      />,
-    );
-
-    const modeStartHeader = await screen.findByText(/Mode Start/);
-    const modeEndHeader = await screen.findByText(/Mode End/);
-    const medianShiftHeader = await screen.findByText(/Median Shift/);
-    expect(modeStartHeader).toBeInTheDocument();
-    expect(modeEndHeader).toBeInTheDocument();
-    expect(medianShiftHeader).toBeInTheDocument();
-    const modeInterpretation = await screen.findByText(
-      /Cannot calculate shift/,
-    );
-    expect(modeInterpretation).toBeInTheDocument();
-  });
-
   it('should display warnings', async () => {
     const { mockMannWhitneyResultData } = getTestData();
 
diff --git a/src/__tests__/CompareResults/SubtestsResultsView.test.tsx b/src/__tests__/CompareResults/SubtestsResultsView.test.tsx
index 7df2a8e96..87e1b9081 100644
--- a/src/__tests__/CompareResults/SubtestsResultsView.test.tsx
+++ b/src/__tests__/CompareResults/SubtestsResultsView.test.tsx
@@ -94,6 +94,25 @@ describe('SubtestsResultsView Component Tests', () => {
     expect(document.body).toMatchSnapshot();
   });
 
+  it('Should show the better-direction label once in the subtests header', async () => {
+    const { subtestsResult } = getTestData();
+    setup({
+      element: (
+        <SubtestsResultsView title={Strings.metaData.pageTitle.subtests} />
+      ),
+      route: '/subtests-compare-results/',
+      search:
+        '?baseRev=f49863193c13c1def4db2dd3ea9c5d6bd9d517a7&baseRepo=mozilla-central&newRev=2cb6128d7dca8c9a9266b3505d64d55ac1bcc8a8&newRepo=mozilla-central&framework=1&baseParentSignature=4774487&newParentSignature=4774487',
+      subtestsResult,
+    });
+
+    // The mock data is `lower_is_better: true`, and direction is a property of
+    // the parent suite, so the label is shown once in the header rather than
+    // repeated on every subtest row.
+    const labels = await screen.findAllByText('Lower is better');
+    expect(labels).toHaveLength(1);
+  });
+
   it('should render the subtests results view with mann-whitney-u testVersions in url', async () => {
     const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
     const { subtestsMannWhitneyResult } = getTestData();
diff --git a/src/__tests__/CompareResults/__snapshots__/OverTimeResultsView.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/OverTimeResultsView.test.tsx.snap
index 067598ccd..dbd059e14 100644
--- a/src/__tests__/CompareResults/__snapshots__/OverTimeResultsView.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/OverTimeResultsView.test.tsx.snap
@@ -651,7 +651,7 @@ exports[`Results View The table should match snapshot and other elements should
               class="revision-header fh103jg"
             >
               <div
-                class="f195ysgj"
+                class="fnf9lyn"
               >
                 <strong>
                   <a
@@ -701,6 +701,12 @@ exports[`Results View The table should match snapshot and other elements should
                     </button>
                   </span>
                 </div>
+                <span
+                  class="MuiBox-root css-1bi5h41"
+                  data-testid="better-direction-indicator"
+                >
+                  Lower is better
+                </span>
               </div>
               <div
                 class="MuiBox-root css-56tgmi"
diff --git a/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
index 0d2635750..95b362d3d 100644
--- a/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/ResultsTable.test.tsx.snap
@@ -1624,7 +1624,7 @@ exports[`Results Table Should match snapshot 1`] = `
                           class="revision-header fh103jg"
                         >
                           <div
-                            class="f195ysgj"
+                            class="fnf9lyn"
                           >
                             <strong>
                               <a
@@ -1674,6 +1674,12 @@ exports[`Results Table Should match snapshot 1`] = `
                                 </button>
                               </span>
                             </div>
+                            <span
+                              class="MuiBox-root css-1bi5h41"
+                              data-testid="better-direction-indicator"
+                            >
+                              Lower is better
+                            </span>
                           </div>
                           <div
                             class="MuiBox-root css-56tgmi"
@@ -2321,7 +2327,7 @@ exports[`Results Table Should match snapshot 1`] = `
                           class="revision-header fh103jg"
                         >
                           <div
-                            class="f195ysgj"
+                            class="fnf9lyn"
                           >
                             <strong>
                               <a
@@ -2371,6 +2377,12 @@ exports[`Results Table Should match snapshot 1`] = `
                                 </button>
                               </span>
                             </div>
+                            <span
+                              class="MuiBox-root css-1bi5h41"
+                              data-testid="better-direction-indicator"
+                            >
+                              Lower is better
+                            </span>
                           </div>
                           <div
                             class="MuiBox-root css-56tgmi"
@@ -4495,7 +4507,7 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
                           class="revision-header fh103jg"
                         >
                           <div
-                            class="f195ysgj"
+                            class="fnf9lyn"
                           >
                             <strong>
                               <a
@@ -4545,6 +4557,12 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
                                 </button>
                               </span>
                             </div>
+                            <span
+                              class="MuiBox-root css-1bi5h41"
+                              data-testid="better-direction-indicator"
+                            >
+                              Lower is better
+                            </span>
                           </div>
                           <div
                             class="MuiBox-root css-56tgmi"
@@ -5231,7 +5249,7 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
                           class="revision-header fh103jg"
                         >
                           <div
-                            class="f195ysgj"
+                            class="fnf9lyn"
                           >
                             <strong>
                               <a
@@ -5281,6 +5299,12 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
                                 </button>
                               </span>
                             </div>
+                            <span
+                              class="MuiBox-root css-1bi5h41"
+                              data-testid="better-direction-indicator"
+                            >
+                              Lower is better
+                            </span>
                           </div>
                           <div
                             class="MuiBox-root css-56tgmi"
@@ -6021,7 +6045,7 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
     class="revision-header fh103jg"
   >
     <div
-      class="f195ysgj"
+      class="fnf9lyn"
     >
       <strong>
         <a
@@ -6035,6 +6059,12 @@ exports[`Results Table for MannWhitneyResultsItem for mann-whitney-u testVersion
         </a>
          dhtml.html
       </strong>
+      <span
+        class="MuiBox-root css-1bi5h41"
+        data-testid="better-direction-indicator"
+      >
+        Lower is better
+      </span>
     </div>
     <div
       class="MuiBox-root css-56tgmi"
@@ -6580,7 +6610,7 @@ exports[`Results Table should render different blocks when rendering several rev
     class="revision-header fh103jg"
   >
     <div
-      class="f195ysgj"
+      class="fnf9lyn"
     >
       <strong>
         <a
@@ -6594,6 +6624,12 @@ exports[`Results Table should render different blocks when rendering several rev
         </a>
          dhtml.html
       </strong>
+      <span
+        class="MuiBox-root css-1bi5h41"
+        data-testid="better-direction-indicator"
+      >
+        Lower is better
+      </span>
     </div>
     <div
       class="MuiBox-root css-56tgmi"
diff --git a/src/__tests__/CompareResults/__snapshots__/ResultsView.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/ResultsView.test.tsx.snap
index 9cfc4d2db..ae8cf9fbc 100644
--- a/src/__tests__/CompareResults/__snapshots__/ResultsView.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/ResultsView.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Results View Should display Base, New and Common graphs with replicates
 <section
   aria-label="Revision Row Details"
   class="MuiBox-root css-13s8wtg"
-  id="_r_c4_"
+  id="_r_c8_"
 >
   <div
     class="MuiStack-root css-1714cpj-MuiStack-root"
@@ -34,13 +34,13 @@ exports[`Results View Should display Base, New and Common graphs with replicates
             class="MuiBox-root css-1ntc4s6"
           >
             <span
-              class="MuiTypography-root MuiTypography-body2 css-ftpr4e-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body2 css-1w162xa-MuiTypography-root"
             >
               Valley depth threshold
               <svg
                 aria-hidden="true"
                 aria-label="A valley between two peaks must be shallower than this fraction of the shorter peak to count as a mode boundary. Higher = more splits detected."
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-86dkbz-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1qpfuiz-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="InfoOutlinedIcon"
                 focusable="false"
@@ -84,7 +84,7 @@ exports[`Results View Should display Base, New and Common graphs with replicates
               </span>
             </span>
             <span
-              class="MuiTypography-root MuiTypography-body2 css-19x59xu-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body2 css-1fb5ptc-MuiTypography-root"
             >
               50
               %
@@ -549,7 +549,7 @@ exports[`Results View Should display Base, New and Common graphs with tooltips 1
 <section
   aria-label="Revision Row Details"
   class="MuiBox-root css-13s8wtg"
-  id="_r_ag_"
+  id="_r_ak_"
 >
   <div
     class="MuiStack-root css-1714cpj-MuiStack-root"
@@ -579,13 +579,13 @@ exports[`Results View Should display Base, New and Common graphs with tooltips 1
             class="MuiBox-root css-1ntc4s6"
           >
             <span
-              class="MuiTypography-root MuiTypography-body2 css-ftpr4e-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body2 css-1w162xa-MuiTypography-root"
             >
               Valley depth threshold
               <svg
                 aria-hidden="true"
                 aria-label="A valley between two peaks must be shallower than this fraction of the shorter peak to count as a mode boundary. Higher = more splits detected."
-                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-86dkbz-MuiSvgIcon-root"
+                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1qpfuiz-MuiSvgIcon-root"
                 data-mui-internal-clone-element="true"
                 data-testid="InfoOutlinedIcon"
                 focusable="false"
@@ -629,7 +629,7 @@ exports[`Results View Should display Base, New and Common graphs with tooltips 1
               </span>
             </span>
             <span
-              class="MuiTypography-root MuiTypography-body2 css-19x59xu-MuiTypography-root"
+              class="MuiTypography-root MuiTypography-body2 css-1fb5ptc-MuiTypography-root"
             >
               50
               %
@@ -1806,7 +1806,7 @@ exports[`Results View The table should match snapshot and other elements should
               class="revision-header fh103jg"
             >
               <div
-                class="f195ysgj"
+                class="fnf9lyn"
               >
                 <strong>
                   <a
@@ -1856,6 +1856,12 @@ exports[`Results View The table should match snapshot and other elements should
                     </button>
                   </span>
                 </div>
+                <span
+                  class="MuiBox-root css-1bi5h41"
+                  data-testid="better-direction-indicator"
+                >
+                  Lower is better
+                </span>
               </div>
               <div
                 class="MuiBox-root css-56tgmi"
diff --git a/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap b/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
index 68db532a2..18f8b99f1 100644
--- a/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
+++ b/src/__tests__/CompareResults/__snapshots__/SubtestsResultsView.test.tsx.snap
@@ -621,6 +621,12 @@ exports[`SubtestsResultsView Component Tests should render the subtests results
                       a11yr
                     </a>
                   </strong>
+                  <span
+                    class="MuiBox-root css-1bi5h41"
+                    data-testid="better-direction-indicator"
+                  >
+                    Lower is better
+                  </span>
                    |
                    Base (mozilla-central) 
                   <a
@@ -2534,6 +2540,12 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                       a11yr
                     </a>
                   </strong>
+                  <span
+                    class="MuiBox-root css-1bi5h41"
+                    data-testid="better-direction-indicator"
+                  >
+                    Lower is better
+                  </span>
                    |
                    Base (mozilla-central) Last day 
                    - New (mozilla-central) 
@@ -2643,7 +2655,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                           aria-invalid="false"
                           aria-label="Search by title"
                           class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-3v3un6-MuiInputBase-input-MuiOutlinedInput-input"
-                          id="_r_r9_"
+                          id="_r_sl_"
                           placeholder="Filter results"
                           type="search"
                           value=""
@@ -3153,7 +3165,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_rf_"
+                    aria-controls="_r_sr_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -3329,7 +3341,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_ri_"
+                    aria-controls="_r_su_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -3492,7 +3504,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_rl_"
+                    aria-controls="_r_t1_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -3655,7 +3667,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_ro_"
+                    aria-controls="_r_t4_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -3818,7 +3830,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_rr_"
+                    aria-controls="_r_t7_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -4130,6 +4142,12 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                       a11yr
                     </a>
                   </strong>
+                  <span
+                    class="MuiBox-root css-1bi5h41"
+                    data-testid="better-direction-indicator"
+                  >
+                    Lower is better
+                  </span>
                    |
                    Base (mozilla-central) Last day 
                    - New (mozilla-central) 
@@ -4239,7 +4257,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                           aria-invalid="false"
                           aria-label="Search by title"
                           class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-3v3un6-MuiInputBase-input-MuiOutlinedInput-input"
-                          id="_r_og_"
+                          id="_r_ps_"
                           placeholder="Filter results"
                           type="search"
                           value=""
@@ -4749,7 +4767,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_om_"
+                    aria-controls="_r_q2_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -4925,7 +4943,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_op_"
+                    aria-controls="_r_q5_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -5088,7 +5106,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_os_"
+                    aria-controls="_r_q8_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -5251,7 +5269,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_ov_"
+                    aria-controls="_r_qb_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -5414,7 +5432,7 @@ exports[`SubtestsViewCompareOverTime Component Tests in mann-whitney-u testVersi
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_p2_"
+                    aria-controls="_r_qe_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -5726,6 +5744,12 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                       a11yr
                     </a>
                   </strong>
+                  <span
+                    class="MuiBox-root css-1bi5h41"
+                    data-testid="better-direction-indicator"
+                  >
+                    Lower is better
+                  </span>
                    |
                    Base (mozilla-central) Last day 
                    - New (mozilla-central) 
@@ -5835,7 +5859,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                           aria-invalid="false"
                           aria-label="Search by title"
                           class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-3v3un6-MuiInputBase-input-MuiOutlinedInput-input"
-                          id="_r_eq_"
+                          id="_r_g6_"
                           placeholder="Filter results"
                           type="search"
                           value=""
@@ -6345,7 +6369,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_f0_"
+                    aria-controls="_r_gc_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -6521,7 +6545,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_f3_"
+                    aria-controls="_r_gf_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -6684,7 +6708,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_f6_"
+                    aria-controls="_r_gi_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -6847,7 +6871,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_f9_"
+                    aria-controls="_r_gl_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -7010,7 +7034,7 @@ exports[`SubtestsViewCompareOverTime Component Tests renders over-time view when
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_fc_"
+                    aria-controls="_r_go_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -7322,6 +7346,12 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                       a11yr
                     </a>
                   </strong>
+                  <span
+                    class="MuiBox-root css-1bi5h41"
+                    data-testid="better-direction-indicator"
+                  >
+                    Lower is better
+                  </span>
                    |
                    Base (mozilla-central) Last day 
                    - New (mozilla-central) 
@@ -7431,7 +7461,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                           aria-invalid="false"
                           aria-label="Search by title"
                           class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-3v3un6-MuiInputBase-input-MuiOutlinedInput-input"
-                          id="_r_c1_"
+                          id="_r_dd_"
                           placeholder="Filter results"
                           type="search"
                           value=""
@@ -7939,7 +7969,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_c7_"
+                    aria-controls="_r_dj_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -8087,7 +8117,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_ca_"
+                    aria-controls="_r_dm_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -8235,7 +8265,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_cd_"
+                    aria-controls="_r_dp_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -8383,7 +8413,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_cg_"
+                    aria-controls="_r_ds_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
@@ -8531,7 +8561,7 @@ exports[`SubtestsViewCompareOverTime Component Tests should render the subtests
                   role="cell"
                 >
                   <button
-                    aria-controls="_r_cj_"
+                    aria-controls="_r_dv_"
                     aria-expanded="false"
                     class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeSmall css-1pgb59k-MuiButtonBase-root-MuiIconButton-root"
                     tabindex="0"
diff --git a/src/__tests__/Search/SearchAutoSelect.test.tsx b/src/__tests__/Search/SearchAutoSelect.test.tsx
new file mode 100644
index 000000000..17a67f624
--- /dev/null
+++ b/src/__tests__/Search/SearchAutoSelect.test.tsx
@@ -0,0 +1,102 @@
+import fetchMock from '@fetch-mock/jest';
+import userEvent from '@testing-library/user-event';
+
+import { loader } from '../../components/Search/loader';
+import SearchView from '../../components/Search/SearchView';
+import { Strings } from '../../resources/Strings';
+import { screen, renderWithRouter } from '../utils/test-utils';
+
+async function renderSearchViewComponent() {
+  renderWithRouter(<SearchView title={Strings.metaData.pageTitle.search} />, {
+    loader,
+  });
+  const title = 'Compare with a base';
+  await screen.findByRole('heading', { name: title });
+}
+
+describe('Hash Auto-selection', () => {
+  beforeEach(() => {
+    // fetchMock.reset();
+  });
+
+  it('auto-selects partial hash', async () => {
+    expect.hasAssertions();
+    const mockHash = 'abcdef123456';
+    const mockResult = {
+      id: 1,
+      revision: mockHash,
+      author: 'Test Author',
+      desc: 'Test Description',
+      push_timestamp: 1715694240,
+      repository_id: 4,
+      revisions: [
+        {
+          comments: 'Test Comments',
+        },
+      ],
+    };
+
+    fetchMock.get('glob:https://treeherder.mozilla.org/api/project/*/push/*', {
+      results: [mockResult],
+    });
+
+    const user = userEvent.setup({ delay: null });
+    await renderSearchViewComponent();
+
+    const placeholder =
+      Strings.components.searchDefault.base.collapsed.base.inputPlaceholder;
+    const searchInputs = screen.getAllByPlaceholderText(placeholder);
+    const searchInput = searchInputs[1]; // Base search input
+
+    await user.click(searchInput);
+    await user.keyboard(mockHash);
+
+    // Wait for the results to be fetched and displayed
+    await screen.findAllByText(mockHash);
+
+    const selectedHash = await screen.findAllByText(mockHash.slice(0, 12)); // Selected items use truncated hash
+    expect(selectedHash.length).toBeGreaterThan(0);
+  });
+
+  it('auto-selects full hash and keeps dropdown open', async () => {
+    expect.hasAssertions();
+    const fullHash = 'a'.repeat(40);
+    const mockResult = {
+      id: 2,
+      revision: fullHash,
+      author: 'Test Author',
+      desc: 'Test Description',
+      push_timestamp: 1715694240,
+      repository: 'try',
+      repository_id: 4,
+      revisions: [
+        {
+          comments: 'Test Comments',
+        },
+      ],
+    };
+
+    fetchMock.get('glob:https://treeherder.mozilla.org/api/project/*/push/*', {
+      results: [mockResult],
+    });
+
+    const user = userEvent.setup({ delay: null });
+    await renderSearchViewComponent();
+
+    const placeholder =
+      Strings.components.searchDefault.base.collapsed.base.inputPlaceholder;
+    const searchInputs = screen.getAllByPlaceholderText(placeholder);
+    const searchInput = searchInputs[1]; // Base search input
+
+    await user.click(searchInput);
+    await user.paste(fullHash);
+
+    // Wait for the result to be auto-selected
+    await screen.findAllByText(fullHash.slice(0, 12));
+
+    // Verify dropdown is open by checking for the full hash in the options
+    const options = await screen.findAllByTestId('autocomplete-option');
+    expect(options).toHaveLength(1);
+    expect(options[0]).toHaveTextContent(fullHash.slice(0, 12));
+  });
+});
diff --git a/src/__tests__/Search/__snapshots__/SearchView.test.tsx.snap b/src/__tests__/Search/__snapshots__/SearchView.test.tsx.snap
index 5f89daa4e..1cc8d6f1a 100644
--- a/src/__tests__/Search/__snapshots__/SearchView.test.tsx.snap
+++ b/src/__tests__/Search/__snapshots__/SearchView.test.tsx.snap
@@ -1434,7 +1434,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_em_"
+                    id="_r_et_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -1851,7 +1851,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_e2_"
+                    id="_r_e9_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -2038,7 +2038,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_e7_"
+                    id="_r_ee_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -2611,7 +2611,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_fn_"
+                    id="_r_fu_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -3028,7 +3028,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_f3_"
+                    id="_r_fa_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -3215,7 +3215,7 @@ exports[`With search parameters both search components are populated as expected
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_f8_"
+                    id="_r_ff_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -3788,7 +3788,7 @@ exports[`With search parameters displays the default value for framework if the
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_hj_"
+                    id="_r_hq_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -4205,7 +4205,7 @@ exports[`With search parameters displays the default value for framework if the
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_gv_"
+                    id="_r_h6_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -4392,7 +4392,7 @@ exports[`With search parameters displays the default value for framework if the
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_h4_"
+                    id="_r_hb_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -4965,7 +4965,7 @@ exports[`With search parameters displays the default values if some values are b
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_gl_"
+                    id="_r_gs_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -5242,7 +5242,7 @@ exports[`With search parameters displays the default values if some values are b
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_g4_"
+                    id="_r_gb_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
@@ -5429,7 +5429,7 @@ exports[`With search parameters displays the default values if some values are b
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9wexq8-MuiInputBase-input-MuiOutlinedInput-input"
-                    id="_r_g9_"
+                    id="_r_gg_"
                     placeholder="Search by revision ID or author email"
                     role="combobox"
                     spellcheck="false"
diff --git a/src/common/testVersions/mannWhitney.tsx b/src/common/testVersions/mannWhitney.tsx
index 536e514d8..742855fd4 100644
--- a/src/common/testVersions/mannWhitney.tsx
+++ b/src/common/testVersions/mannWhitney.tsx
@@ -6,7 +6,6 @@ import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 
 import { MannWhitneyCompareMetrics } from '../../components/CompareResults/MannWhitneyCompareMetrics';
-import { ModeInterpretation } from '../../components/CompareResults/ModeInterpretation';
 import PValCliffsDeltaComp from '../../components/CompareResults/PValCliffsDeltaComp';
 import { StatisticsWarnings } from '../../components/CompareResults/StatisticsWarnings';
 import { FontSize } from '../../styles';
@@ -36,40 +35,35 @@ import {
 
 const tooltipCliffsDelta = (
   <span>
+    Cliff&apos;s Delta (CD) shows how different the New and Base results are. A
+    score near 0 means little difference. A score above 0.47 or below -0.47
+    means a large difference. A negative score means New values are usually
+    higher. See the{' '}
     <a
-      href='https://en.wikipedia.org/wiki/Effect_size#Effect_size_for_ordinal_data'
+      href='https://firefox-source-docs.mozilla.org/testing/perfdocs/perfcompare.html#cliffs-delta'
       target='_blank'
       rel='noreferrer'
     >
-      Cliff&apos;s Delta
+      documentation
     </a>{' '}
-    quantifies the magnitude of the difference between Base and New values.
-    Anything beyond ±0.47 is considered a large difference while anything below
-    ±0.15 is negligible. A negative value means a New value is consistently
-    larger than a Base value.
+    for more information on how to interpret the Cliff’s Delta score.
   </span>
 );
 
 const tooltipEffectSize = (
   <span>
+    The Common Language Effect Size (CLES) shows the chance that a New value is
+    lower than a Base value. A score near 50% means New and Base are about
+    equally likely to be higher. The farther the score is from 50%, the clearer
+    the difference. See the{' '}
     <a
-      href='https://en.wikipedia.org/wiki/Probability_of_superiority'
+      href='https://firefox-source-docs.mozilla.org/testing/perfdocs/perfcompare.html#cliffs-delta'
       target='_blank'
       rel='noreferrer'
     >
-      The Common Language Effect Size (CLES)
+      documentation
     </a>{' '}
-    is a percentage, from 0% to 100%, providing a clearer indication of how
-    large or meaningful the change is. An improvement or regression being shown
-    here means that the effect size is meaningful. If the effect size is close
-    to 50%, the distributions are probably identical, if not, they probably
-    differ. The sign of the Cliff&apos;s delta is also important, as it
-    indicates the direction of the change. If shifted to the left, it&apos;s
-    negative; to the right, it&apos;s positive. Pair this with higher is better
-    or lower is better to understand whether the change is an improvement or
-    regression. For example, given a Cliff&apos;s delta of 0.54 and CLES of 77%,
-    there&apos;s a 77% chance a value from new is lower than a value from old
-    (lower is better).
+    for more information on how to interpret the CLES score.
   </span>
 );
 
@@ -466,7 +460,6 @@ export const mannWhitneyStrategy = {
         {confidenceInterval && (
           <Alert severity='info'>{confidenceInterval}</Alert>
         )}
-        <ModeInterpretation result={mwResult} />
       </>
     );
   },
diff --git a/src/components/CompareResults/BetterDirectionIndicator.tsx b/src/components/CompareResults/BetterDirectionIndicator.tsx
new file mode 100644
index 000000000..efde80375
--- /dev/null
+++ b/src/components/CompareResults/BetterDirectionIndicator.tsx
@@ -0,0 +1,40 @@
+import Box from '@mui/material/Box';
+
+import { Strings } from '../../resources/Strings';
+import { FontSizeRaw, Spacing } from '../../styles';
+
+interface BetterDirectionIndicatorProps {
+  lowerIsBetter: boolean | null | undefined;
+}
+
+// The direction comes from the result's
+// `lower_is_better` field. When that field is unknown (it can be null for
+// Mann-Whitney results), we render nothing rather than a misleading label.
+function BetterDirectionIndicator({
+  lowerIsBetter,
+}: BetterDirectionIndicatorProps) {
+  if (lowerIsBetter === null || lowerIsBetter === undefined) {
+    return null;
+  }
+
+  const label = lowerIsBetter
+    ? Strings.components.betterDirection.lower
+    : Strings.components.betterDirection.higher;
+
+  return (
+    <Box
+      component='span'
+      data-testid='better-direction-indicator'
+      sx={{
+        color: 'text.secondary',
+        fontSize: FontSizeRaw.Normal.fontSize,
+        whiteSpace: 'nowrap',
+        marginInline: `${Spacing.xSmall}px`,
+      }}
+    >
+      {label}
+    </Box>
+  );
+}
+
+export default BetterDirectionIndicator;
diff --git a/src/components/CompareResults/CommonGraph.tsx b/src/components/CompareResults/CommonGraph.tsx
index f539ad3d3..0bbb2a027 100644
--- a/src/components/CompareResults/CommonGraph.tsx
+++ b/src/components/CompareResults/CommonGraph.tsx
@@ -13,13 +13,11 @@ import { useAppSelector } from '../../hooks/app';
 import { Colors } from '../../styles/Colors';
 import { getDisplayScale } from '../../utils/format';
 import {
-  areaFracs,
-  assignLetters,
-  fftkde,
-  fitModesFromKde,
-  improvedSheatherJones,
-  silvermansRule,
-} from '../../utils/kde.js';
+  computeModeInfo,
+  KDE_GRID_POINTS,
+  safeKde,
+  type ModeInfo,
+} from '../../utils/kdeAnalysis';
 
 // This computes the min, max from a list of numbers.
 function computeStatisticsForRuns(data: number[]) {
@@ -49,11 +47,6 @@ function computeMax(a?: number, b?: number) {
   return Math.max(a, b);
 }
 
-// Show the smoothing slider when the bandwidth exceeds half the data range —
-// at that point the KDE curve is genuinely flat and the user may want to dial
-// it down to see structure.
-const LARGE_BW_RATIO = 0.5;
-const KDE_GRID_POINTS = 1024;
 const LABEL_ROW_PX = 16; // vertical space per stagger level
 const KDE_TOP_BASE = 28;
 const KDE_HEIGHT = 155;
@@ -61,31 +54,15 @@ const SCATTER_TOP_BASE = 250;
 const SCATTER_HEIGHT = 50;
 const CHART_HEIGHT_BASE = 340;
 
+// Axis/grid line greys, shared across both grids and the tooltip crosshair.
+const AXIS_LINE_COLOR = '#999';
+const SPLIT_LINE_COLOR = '#eee';
+
 // Valley-depth threshold bounds for the mode-detection slider.
 const VT_MIN = 0.1;
 const VT_MAX = 0.99;
 const VT_STEP = 0.01;
 
-// Per-series mode summary, suitable both for chart overlays and the blurb.
-type ModeInfo = {
-  peakLocs: number[];
-  fracs: number[];
-  letters: string[];
-};
-
-function computeModeInfo(x: number[], y: number[], vt: number): ModeInfo {
-  if (!x.length || !y.length) {
-    return { peakLocs: [], fracs: [], letters: [] };
-  }
-  const { peakLocs, boundaries } = fitModesFromKde(x, y, vt);
-  if (!peakLocs.length) {
-    return { peakLocs: [], fracs: [], letters: [] };
-  }
-  const fracs = areaFracs(x, y, boundaries);
-  const letters = assignLetters(peakLocs);
-  return { peakLocs, fracs, letters };
-}
-
 // Stagger levels (0, 1, 2 …) for peak labels: peaks closer than ~13% of the
 // x-span get bumped to different levels so their labels don't overlap. Ported
 // from kde-widget.js's allPeaks.level pass; we use a fixed 13% threshold
@@ -113,51 +90,6 @@ function assignStaggerLevels(peaks: PeakRef[], xSpan: number): void {
   }
 }
 
-function quantileSorted(sorted: number[], q: number): number {
-  const pos = (sorted.length - 1) * q;
-  const base = Math.floor(pos);
-  const rest = pos - base;
-  if (sorted[base + 1] !== undefined) {
-    return sorted[base] + rest * (sorted[base + 1] - sorted[base]);
-  }
-  return sorted[base];
-}
-
-// Silverman-Jones bandwidth approximation — produces a wider (smoother) kernel
-// than ISJ, which works better for the small sample counts typical of top-level
-// aggregated results.
-function approximateSJBandwidth(sorted: number[]): number {
-  const n = sorted.length;
-  if (n < 2) return sorted[0] * 0.0015;
-  const q25 = quantileSorted(sorted, 0.25);
-  const q75 = quantileSorted(sorted, 0.75);
-  const iqr = q75 - q25;
-  const mean = sorted.reduce((a, b) => a + b, 0) / n;
-  const std = Math.sqrt(
-    sorted.reduce((sum, x) => sum + Math.pow(x - mean, 2), 0) / n,
-  );
-  const sigma = Math.min(std, iqr / 1.34);
-  if (sigma <= 0) return Math.abs(mean) * 0.001 || 1;
-  return 0.9 * sigma * Math.pow(n, -1 / 5);
-}
-
-// ISJ bandwidth selection can fail to converge on tiny or degenerate samples
-// (few unique values, near-identical numbers). Fall back to Silverman's rule
-// in that case — coarser, but it never fails.
-// When bw is provided it is passed straight through to fftkde.
-function safeKde(values: number[], bw?: number) {
-  if (values.length < 2) return null;
-  try {
-    return fftkde(values, bw ?? 'ISJ', undefined, KDE_GRID_POINTS);
-  } catch {
-    try {
-      return fftkde(values, 'silverman', undefined, KDE_GRID_POINTS);
-    } catch {
-      return null;
-    }
-  }
-}
-
 // Linearly resample a uniform-grid KDE curve onto an arbitrary target x array.
 // Outside the source range we return 0: each KDE's grid is padded so its
 // density has already tapered to ≈0 at the edges.
@@ -190,7 +122,10 @@ function CommonGraph({
   baseValues,
   newValues,
   unit,
-  isSubtest,
+  sharedBw,
+  bwMultiplier,
+  onBwMultiplierChange,
+  isLargeBw,
   vt,
   onVtChange,
   showModes,
@@ -200,38 +135,9 @@ function CommonGraph({
   const chartInstanceRef = useRef<ECharts | null>(null);
   // ECharts renders into its own DOM/canvas and reads its colors from the
   // option object — it doesn't inherit from MUI's ThemeProvider or CSS vars.
-  // So we pull the current mode from the Redux theme slice and pass concrete
-  // hex values into the chart option below.
   const themeMode = useAppSelector((state) => state.theme.mode);
-
-  const rawBandwidths = useMemo(() => {
-    const computeBw = (values: number[]) => {
-      if (values.length < 2) return undefined;
-      if (!isSubtest) {
-        return approximateSJBandwidth([...values].sort((a, b) => a - b));
-      }
-      try {
-        return improvedSheatherJones(values);
-      } catch {
-        return silvermansRule(values);
-      }
-    };
-    return { base: computeBw(baseValues), new: computeBw(newValues) };
-  }, [baseValues, newValues, isSubtest]);
-
-  const isLargeBw = useMemo(() => {
-    const allValues = [...baseValues, ...newValues];
-    if (allValues.length < 2) return false;
-    const lo = Math.min(...allValues);
-    const hi = Math.max(...allValues);
-    const range = hi - lo;
-    if (range === 0) return false;
-    const bw = Math.max(rawBandwidths?.base ?? 0, rawBandwidths?.new ?? 0);
-    return bw / range > LARGE_BW_RATIO;
-  }, [baseValues, newValues, rawBandwidths]);
-
-  const [bwMultiplier, setBwMultiplier] = useState(1.0);
-  useEffect(() => setBwMultiplier(1.0), [baseValues, newValues]);
+  const textColor =
+    themeMode === 'dark' ? Colors.PrimaryTextDark : Colors.PrimaryText;
 
   // Local mirror of vt that drives the slider thumb + percentage during drag.
   // We only push the value up to the parent (via onVtChange) when the user
@@ -252,10 +158,6 @@ function CommonGraph({
     const statsForBase = computeStatisticsForRuns(baseValues);
     const statsForNew = computeStatisticsForRuns(newValues);
 
-    const sharedBw = rawBandwidths
-      ? Math.max(rawBandwidths.base ?? 0, rawBandwidths.new ?? 0) * bwMultiplier
-      : undefined;
-
     const bKde = safeKde(baseValues, sharedBw);
     const nKde = safeKde(newValues, sharedBw);
 
@@ -335,7 +237,7 @@ function CommonGraph({
       min,
       max,
     };
-  }, [baseValues, newValues, isSubtest, rawBandwidths, bwMultiplier]);
+  }, [baseValues, newValues, sharedBw]);
 
   // Mode detection (peaks, area fractions, label assignment, stagger levels)
   // lives in its own memo so it only re-runs when the threshold or the
@@ -346,12 +248,12 @@ function CommonGraph({
   const modes = useMemo(() => {
     const { bKde, nKde, sharedX, baseY, newY, min, max } = analysis;
 
-    const baseModes = bKde
+    const baseModes: ModeInfo = bKde
       ? computeModeInfo(sharedX, baseY, localVt)
-      : { peakLocs: [], fracs: [], letters: [] };
-    const newModes = nKde
+      : { peakLocs: [], boundaries: [], fracs: [], letters: [] };
+    const newModes: ModeInfo = nKde
       ? computeModeInfo(sharedX, newY, localVt)
-      : { peakLocs: [], fracs: [], letters: [] };
+      : { peakLocs: [], boundaries: [], fracs: [], letters: [] };
 
     // Assign vertical stagger levels across all peaks so labels don't collide.
     const allPeaks: PeakRef[] = [];
@@ -374,8 +276,6 @@ function CommonGraph({
   }, [analysis, localVt]);
 
   const option: EChartsOption = useMemo(() => {
-    const textColor =
-      themeMode === 'dark' ? Colors.PrimaryTextDark : Colors.PrimaryText;
     const {
       baseRunsDensity,
       newRunsDensity,
@@ -467,8 +367,8 @@ function CommonGraph({
           nameGap: 30,
           nameTextStyle: { fontSize: 13, fontWeight: 'bold', color: textColor },
           axisLabel: { formatter: tickFormatter, color: textColor },
-          splitLine: { show: true, lineStyle: { color: '#eee' } },
-          axisLine: { show: true, lineStyle: { color: '#999' } },
+          splitLine: { show: true, lineStyle: { color: SPLIT_LINE_COLOR } },
+          axisLine: { show: true, lineStyle: { color: AXIS_LINE_COLOR } },
         },
         {
           gridIndex: 1,
@@ -477,7 +377,7 @@ function CommonGraph({
           max,
           axisLabel: { show: false },
           splitLine: { show: false },
-          axisLine: { show: true, lineStyle: { color: '#999' } },
+          axisLine: { show: true, lineStyle: { color: AXIS_LINE_COLOR } },
           axisTick: { show: false },
         },
       ],
@@ -486,8 +386,8 @@ function CommonGraph({
           gridIndex: 0,
           type: 'value',
           min: 0,
-          splitLine: { show: true, lineStyle: { color: '#eee' } },
-          axisLine: { show: true, lineStyle: { color: '#999' } },
+          splitLine: { show: true, lineStyle: { color: SPLIT_LINE_COLOR } },
+          axisLine: { show: true, lineStyle: { color: AXIS_LINE_COLOR } },
           axisTick: { show: false },
           axisLabel: { show: true, color: textColor, fontSize: 12 },
         },
@@ -498,7 +398,7 @@ function CommonGraph({
           max: 1.5,
           interval: 1,
           axisTick: { show: false },
-          axisLine: { show: true, lineStyle: { color: '#999' } },
+          axisLine: { show: true, lineStyle: { color: AXIS_LINE_COLOR } },
           axisLabel: {
             color: textColor,
             fontSize: 12,
@@ -532,7 +432,11 @@ function CommonGraph({
       ],
       tooltip: {
         trigger: 'axis',
-        axisPointer: { type: 'line', snap: true, lineStyle: { color: '#999' } },
+        axisPointer: {
+          type: 'line',
+          snap: true,
+          lineStyle: { color: AXIS_LINE_COLOR },
+        },
         padding: 10,
         formatter: (params) => {
           const items = Array.isArray(params) ? params : [params];
@@ -568,12 +472,11 @@ function CommonGraph({
       },
       legend: {
         data: ['Base', 'New'],
-        // Sit below the centered x-axis unit label, between the KDE grid and
-        // the scatter strip, with a small gap above and below.
-        top: 232,
+        top: 240,
         left: 'center',
         itemHeight: 10,
         itemWidth: 30,
+        textStyle: { color: textColor },
       },
       series: [
         {
@@ -608,7 +511,7 @@ function CommonGraph({
           data: baseScatterData,
           symbol: 'triangle',
           symbolSize,
-          itemStyle: { color: Colors.ChartBase, opacity: 0.6 },
+          itemStyle: { color: Colors.ChartBase },
           emphasis: { focus: 'none' },
           // Horizontal baseline through the Base row (y = 1) for a visual anchor.
           markLine: {
@@ -626,7 +529,6 @@ function CommonGraph({
               color: Colors.ChartBase,
               type: 'solid',
               width: 1,
-              opacity: 0.5,
             },
           },
         },
@@ -638,7 +540,7 @@ function CommonGraph({
           data: newScatterData,
           symbol: 'triangle',
           symbolSize,
-          itemStyle: { color: Colors.ChartNew, opacity: 0.6 },
+          itemStyle: { color: Colors.ChartNew },
           emphasis: { focus: 'none' },
           // Horizontal baseline through the New row (y = 0) for a visual anchor.
           markLine: {
@@ -656,7 +558,6 @@ function CommonGraph({
               color: Colors.ChartNew,
               type: 'solid',
               width: 1,
-              opacity: 0.5,
             },
           },
         },
@@ -703,7 +604,7 @@ function CommonGraph({
         <Typography
           variant='body2'
           sx={{
-            color: '#000',
+            color: 'text.primary',
             whiteSpace: 'nowrap',
             display: 'flex',
             alignItems: 'center',
@@ -716,7 +617,10 @@ function CommonGraph({
           >
             <InfoIcon
               fontSize='small'
-              sx={{ color: '#000', cursor: 'help', mx: 0.5 }}
+              sx={{
+                cursor: 'help',
+                mx: 0.5,
+              }}
             />
           </Tooltip>
           :
@@ -743,7 +647,11 @@ function CommonGraph({
         />
         <Typography
           variant='body2'
-          sx={{ color: '#555', minWidth: 36, textAlign: 'right' }}
+          sx={{
+            color: 'text.secondary',
+            minWidth: 36,
+            textAlign: 'right',
+          }}
         >
           {Math.round(localVt * 100)}%
         </Typography>
@@ -779,7 +687,7 @@ function CommonGraph({
             max={1.5}
             step={0.05}
             value={bwMultiplier}
-            onChange={(_, v) => setBwMultiplier(v)}
+            onChange={(_, v) => onBwMultiplierChange(v)}
             valueLabelDisplay='auto'
             valueLabelFormat={(v) => `${v.toFixed(2)}×`}
           />
@@ -793,7 +701,13 @@ interface CommonGraphProps {
   baseValues: number[];
   newValues: number[];
   unit: string | null;
-  isSubtest: boolean;
+  sharedBw: number | undefined;
+  bwMultiplier: number;
+  onBwMultiplierChange: (value: number) => void;
+  // True when the raw (unscaled) bandwidth exceeds half the data range —
+  // surfaces the smoothing slider. Stays true while the user dials the
+  // multiplier down so the slider doesn't vanish under them.
+  isLargeBw: boolean;
   vt: number;
   onVtChange: (value: number) => void;
   showModes: boolean;
diff --git a/src/components/CompareResults/KdeModesPanel.tsx b/src/components/CompareResults/KdeModesPanel.tsx
new file mode 100644
index 000000000..1ac151467
--- /dev/null
+++ b/src/components/CompareResults/KdeModesPanel.tsx
@@ -0,0 +1,489 @@
+import { useMemo } from 'react';
+
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+import { useAppSelector } from '../../hooks/app';
+import { Colors } from '../../styles/Colors';
+import { bootstrapMedianDiffCI } from '../../utils/bootstrap-ci';
+import { matchModes, splitByMode } from '../../utils/kde.js';
+import {
+  computeModeInfo,
+  safeKde,
+  type ModeInfo,
+} from '../../utils/kdeAnalysis';
+
+const PALETTE = {
+  light: {
+    ok: Colors.IconLightSuccess,
+    bad: Colors.IconLightError,
+    mixed: Colors.ModesPanelMixed,
+    muted: Colors.TextMuted, // neutral verdict / "no reliable change" arrow
+    subtle: Colors.TextSubtle, // captions: 95% CI brackets, mode-count line
+  },
+  dark: {
+    ok: Colors.ModesPanelSuccessDark,
+    bad: Colors.ModesPanelRegressionDark,
+    mixed: Colors.ModesPanelMixedDark,
+    muted: Colors.SecondaryTextDark,
+    subtle: Colors.TertiaryTextDark,
+  },
+} as const;
+
+type Palette = (typeof PALETTE)[keyof typeof PALETTE];
+
+type Verdict = {
+  text: string;
+  kind: 'improvement' | 'regression' | 'mixed' | 'neutral';
+};
+
+// Significance test ported from kde-widget.js: CI sits entirely on one side
+// AND isn't the degenerate [0, 0] interval.
+function isSignificant(ciLow: number, ciHigh: number): boolean {
+  return (
+    (ciHigh <= 0 && (ciLow < 0 || ciHigh < 0)) ||
+    (ciLow >= 0 && (ciLow > 0 || ciHigh > 0))
+  );
+}
+
+// better / mid / worse path label by letter rank.
+// Rank uses location order (A = lowest x, last letter = highest x). Whether
+// that's "better" or "worse" depends on the metric: time/memory are lower-is-
+// better, throughput/score are higher-is-better.
+function pathLabel(
+  letter: string,
+  totalModes: number,
+  lowerIsBetter: boolean,
+): string | null {
+  const rank = letter.charCodeAt(0) - 65;
+  if (totalModes <= 1) return null;
+  const betterEnd = lowerIsBetter ? 0 : totalModes - 1;
+  const worseEnd = lowerIsBetter ? totalModes - 1 : 0;
+  if (rank === betterEnd) return 'better path';
+  if (rank === worseEnd) return 'worse path';
+  return 'mid path';
+}
+
+function fmtVal(v: number): string {
+  const a = Math.abs(v);
+  return a < 10 ? v.toFixed(2) : a < 100 ? v.toFixed(1) : v.toFixed(0);
+}
+
+const sign = (n: number) => (n >= 0 ? '+' : '');
+
+type PairResult = {
+  baseIdx: number;
+  newIdx: number;
+  ci: { medianDiff: number; ciLow: number; ciHigh: number } | null;
+  sig: boolean;
+};
+
+// Pre-resolved "nearest peer on the other side" + improved/regressed flag for
+// each unmatched mode. Computed once during blurb assembly so the JSX rows
+// don't have to .reduce() over peak locations on every parent re-render.
+type UnmatchedRow = {
+  modeIdx: number;
+  improved: boolean;
+};
+
+type Blurb = {
+  pairs: PairResult[];
+  improvements: PairResult[];
+  regressions: PairResult[];
+  unmatchedBase: UnmatchedRow[]; // base modes with no new pair
+  unmatchedNew: UnmatchedRow[]; // new modes with no base pair
+  baseModes: ModeInfo;
+  newModes: ModeInfo;
+};
+
+function computeBlurb(
+  baseValues: number[],
+  newValues: number[],
+  vt: number,
+  sharedBw: number | undefined,
+  lowerIsBetter: boolean,
+): Blurb | null {
+  const bKde = safeKde(baseValues, sharedBw);
+  const nKde = safeKde(newValues, sharedBw);
+  if (!bKde || !nKde) return null;
+  const bModes = computeModeInfo(bKde.x, bKde.y, vt);
+  const nModes = computeModeInfo(nKde.x, nKde.y, vt);
+  if (!bModes.peakLocs.length || !nModes.peakLocs.length) return null;
+
+  // Single-mode-on-both-sides: the Δ-median alert already covers it.
+  if (bModes.peakLocs.length === 1 && nModes.peakLocs.length === 1) return null;
+
+  const m = matchModes(
+    bModes.peakLocs,
+    bModes.fracs,
+    nModes.peakLocs,
+    nModes.fracs,
+  );
+
+  const baseSplits = splitByMode(baseValues, bModes.boundaries);
+  const newSplits = splitByMode(newValues, nModes.boundaries);
+
+  const pairs: PairResult[] = m.pairs.map(([baseIdx, newIdx]) => {
+    const left = baseSplits[baseIdx] ?? [];
+    const right = newSplits[newIdx] ?? [];
+    const ci =
+      left.length >= 2 && right.length >= 2
+        ? bootstrapMedianDiffCI(left, right)
+        : null;
+    const sig = ci ? isSignificant(ci.ciLow, ci.ciHigh) : false;
+    return { baseIdx, newIdx, ci, sig };
+  });
+
+  // Pre-resolve each unmatched mode's nearest peer on the other side and
+  // whether the move counts as an improvement. "Improved" depends on the
+  // metric direction: for lower-is-better, moving to a smaller value is
+  // better; for higher-is-better it flips.
+  const isImproved = (movedTo: number, movedFrom: number) =>
+    lowerIsBetter ? movedTo < movedFrom : movedTo > movedFrom;
+
+  const ub: UnmatchedRow[] = m.ub.map((modeIdx) => {
+    const baseLoc = bModes.peakLocs[modeIdx];
+    const nearestNew = nModes.peakLocs.reduce((a, b) =>
+      Math.abs(b - baseLoc) < Math.abs(a - baseLoc) ? b : a,
+    );
+    return { modeIdx, improved: isImproved(nearestNew, baseLoc) };
+  });
+  const un: UnmatchedRow[] = m.un.map((modeIdx) => {
+    const newLoc = nModes.peakLocs[modeIdx];
+    const nearestBase = bModes.peakLocs.reduce((a, b) =>
+      Math.abs(b - newLoc) < Math.abs(a - newLoc) ? b : a,
+    );
+    return { modeIdx, improved: isImproved(newLoc, nearestBase) };
+  });
+
+  // Pair improvement/regression also depends on the metric direction.
+  const isPairImprovement = (p: PairResult) =>
+    p.sig &&
+    !!p.ci &&
+    (lowerIsBetter ? p.ci.medianDiff < 0 : p.ci.medianDiff > 0);
+  const isPairRegression = (p: PairResult) =>
+    p.sig &&
+    !!p.ci &&
+    (lowerIsBetter ? p.ci.medianDiff > 0 : p.ci.medianDiff < 0);
+
+  return {
+    pairs,
+    improvements: pairs.filter(isPairImprovement),
+    regressions: pairs.filter(isPairRegression),
+    unmatchedBase: ub,
+    unmatchedNew: un,
+    baseModes: bModes,
+    newModes: nModes,
+  };
+}
+
+// Returns the verdict's semantic kind + text. The caller maps `kind` to a
+// theme-aware color so this function stays pure (and stable across renders).
+// Phrasing is metric-direction-aware: a new path appearing at the worse end
+// (highest x for lower-is-better, lowest x for higher-is-better) counts as a
+// regression signal.
+function verdict(blurb: Blurb, lowerIsBetter: boolean): Verdict {
+  const sigCount = blurb.pairs.filter((p) => p.sig).length;
+  if (
+    blurb.unmatchedBase.length === 0 &&
+    blurb.unmatchedNew.length === 0 &&
+    sigCount === 0
+  ) {
+    return { text: 'No reliable change in any mode', kind: 'neutral' };
+  }
+
+  const bN = blurb.baseModes.peakLocs.length;
+  const nN = blurb.newModes.peakLocs.length;
+  const betterEnd = (n: number) => (lowerIsBetter ? 0 : n - 1);
+  const worseEnd = (n: number) => (lowerIsBetter ? n - 1 : 0);
+
+  // A new path appearing at the worse end of the new distribution leans
+  // regression; a base path on the better end going missing also leans
+  // regression. A base path on the worse end going missing leans improvement.
+  const newWorsePaths = blurb.unmatchedNew.filter(
+    (r) => r.modeIdx === worseEnd(nN),
+  ).length;
+  const lostBetterPaths = blurb.unmatchedBase.filter(
+    (r) => r.modeIdx === betterEnd(bN) && bN > 1,
+  ).length;
+  const elimWorsePaths = blurb.unmatchedBase.filter(
+    (r) => r.modeIdx === worseEnd(bN),
+  ).length;
+
+  if (
+    blurb.regressions.length === 0 &&
+    newWorsePaths === 0 &&
+    lostBetterPaths === 0 &&
+    (blurb.improvements.length > 0 || elimWorsePaths > 0)
+  ) {
+    return { text: 'Overall improvement', kind: 'improvement' };
+  }
+  if (
+    blurb.improvements.length === 0 &&
+    elimWorsePaths === 0 &&
+    (blurb.regressions.length > 0 || newWorsePaths > 0 || lostBetterPaths > 0)
+  ) {
+    return { text: 'Overall regression', kind: 'regression' };
+  }
+  return { text: '⚠ Mixed results', kind: 'mixed' };
+}
+
+function colorForKind(kind: Verdict['kind'], palette: Palette): string {
+  switch (kind) {
+    case 'improvement':
+      return palette.ok;
+    case 'regression':
+      return palette.bad;
+    case 'mixed':
+      return palette.mixed;
+    default:
+      return palette.muted;
+  }
+}
+
+type CiLineProps = {
+  ci: { medianDiff: number; ciLow: number; ciHigh: number } | null;
+  sig: boolean;
+  baseLoc: number;
+  unit: string;
+  palette: Palette;
+  lowerIsBetter: boolean;
+};
+
+function CiLine({
+  ci,
+  sig,
+  baseLoc,
+  unit,
+  palette,
+  lowerIsBetter,
+}: CiLineProps) {
+  if (!ci) return <Box sx={{ color: palette.subtle }}>no CI available</Box>;
+  // "Improvement" means the value moved in the metric's preferred direction.
+  // Arrows describe raw direction-of-change (▼ for lower, ▲ for higher); the
+  // word interprets that direction against `lowerIsBetter`.
+  const wentDown = ci.medianDiff < 0;
+  const isImprovement = sig && (lowerIsBetter ? wentDown : !wentDown);
+  const isRegression = sig && (lowerIsBetter ? !wentDown : wentDown);
+  const color = isImprovement
+    ? palette.ok
+    : isRegression
+      ? palette.bad
+      : palette.muted;
+  const arrow = !sig
+    ? 'no reliable change'
+    : isImprovement
+      ? `${wentDown ? '▼' : '▲'} improvement`
+      : `${wentDown ? '▼' : '▲'} regression`;
+  const pct = baseLoc > 0 ? (ci.medianDiff / baseLoc) * 100 : 0;
+  return (
+    <Box>
+      <Box component='span' sx={{ color, fontWeight: sig ? 'bold' : 'normal' }}>
+        {arrow}
+      </Box>
+      {'  '}
+      {sign(ci.medianDiff)}
+      {fmtVal(ci.medianDiff)} {unit}
+      {sig && baseLoc > 0 ? (
+        <Box component='span' sx={{ color }}>
+          {' '}
+          ({sign(pct)}
+          {pct.toFixed(1)}%)
+        </Box>
+      ) : null}
+      <Box component='span' sx={{ color: palette.subtle }}>
+        {'  '}95% CI [{sign(ci.ciLow)}
+        {fmtVal(ci.ciLow)}, {sign(ci.ciHigh)}
+        {fmtVal(ci.ciHigh)}]
+      </Box>
+    </Box>
+  );
+}
+
+type KdeModesPanelProps = {
+  baseValues: number[];
+  newValues: number[];
+  unit: string | null;
+  sharedBw: number | undefined;
+  vt: number;
+  showModes: boolean;
+  // True when smaller values are preferred (e.g. latency, memory). False for
+  // throughput/score-style metrics. Drives improvement/regression wording so
+  // the blurb doesn't presuppose timing.
+  lowerIsBetter: boolean;
+};
+
+function KdeModesPanel({
+  baseValues,
+  newValues,
+  unit,
+  sharedBw,
+  vt,
+  showModes,
+  lowerIsBetter,
+}: KdeModesPanelProps) {
+  // ECharts-equivalent reasoning: MUI's ThemeProvider sets the Box background
+  // for us, but the inline text colors for the success/regression signals
+  // aren't part of the MUI theme, so we resolve them by hand from the Redux
+  // theme slice and pick the appropriate pale-vs-saturated variant.
+  const themeMode = useAppSelector((state) => state.theme.mode);
+  const palette = themeMode === 'dark' ? PALETTE.dark : PALETTE.light;
+
+  const blurb = useMemo(
+    () =>
+      showModes
+        ? computeBlurb(baseValues, newValues, vt, sharedBw, lowerIsBetter)
+        : null,
+    [baseValues, newValues, vt, showModes, sharedBw, lowerIsBetter],
+  );
+
+  // Cheap derivations that nonetheless re-execute on every parent re-render
+  // (e.g. theme switch) unless memoized. Keys only on the inputs that actually
+  // affect the result; `unit`, `blurb`, `palette`, and `lowerIsBetter` are the
+  // only relevant ones.
+  const derived = useMemo(() => {
+    if (!blurb) return null;
+    const baseCount = blurb.baseModes.peakLocs.length;
+    const newCount = blurb.newModes.peakLocs.length;
+    const v = verdict(blurb, lowerIsBetter);
+    return {
+      v,
+      verdictColor: colorForKind(v.kind, palette),
+      unitLabel: unit ?? 'samples/iter',
+      baseCount,
+      newCount,
+      modeStr:
+        `${baseCount === 1 ? '1 mode' : `${baseCount} modes`} base · ` +
+        `${newCount === 1 ? '1 mode' : `${newCount} modes`} new`,
+    };
+  }, [blurb, unit, palette, lowerIsBetter]);
+
+  if (!blurb || !derived) return null;
+
+  const { pairs, unmatchedBase, unmatchedNew, baseModes, newModes } = blurb;
+  const { v, verdictColor, unitLabel, baseCount, newCount, modeStr } = derived;
+
+  return (
+    <Box
+      aria-label='Mode-by-mode breakdown'
+      sx={{
+        backgroundColor: 'manWhitneyComps.background',
+        padding: 1.5,
+        borderRadius: 1,
+      }}
+    >
+      <Box sx={{ display: 'flex', alignItems: 'baseline', gap: 1 }}>
+        <Typography
+          variant='subtitle1'
+          sx={{ color: verdictColor, fontWeight: 'bold' }}
+        >
+          {v.text}
+        </Typography>
+        <Typography variant='caption' sx={{ color: palette.subtle }}>
+          {modeStr}
+        </Typography>
+      </Box>
+
+      {pairs.map((r) => {
+        const letter = baseModes.letters[r.baseIdx];
+        const baseLoc = baseModes.peakLocs[r.baseIdx];
+        const baseFrac = baseModes.fracs[r.baseIdx];
+        const newFrac = newModes.fracs[r.newIdx];
+        const fracDelta = newFrac - baseFrac;
+        const path = pathLabel(letter, baseCount, lowerIsBetter);
+        const fracStr =
+          Math.abs(fracDelta) >= 0.03
+            ? `${Math.round(baseFrac * 100)}% → ${Math.round(newFrac * 100)}%`
+            : `${Math.round(baseFrac * 100)}% of runs`;
+        return (
+          <Box key={`pair-${r.baseIdx}-${r.newIdx}`} sx={{ mt: 1 }}>
+            <Box>
+              <Box component='b'>Mode {letter}</Box>
+              {path ? (
+                <Box component='span' sx={{ color: palette.subtle }}>
+                  {' '}
+                  {path}
+                </Box>
+              ) : null}{' '}
+              ~{fmtVal(baseLoc)} {unitLabel} {fracStr}
+            </Box>
+            <CiLine
+              ci={r.ci}
+              sig={r.sig}
+              baseLoc={baseLoc}
+              unit={unitLabel}
+              palette={palette}
+              lowerIsBetter={lowerIsBetter}
+            />
+          </Box>
+        );
+      })}
+
+      {unmatchedBase.map(({ modeIdx, improved }) => {
+        const letter = baseModes.letters[modeIdx];
+        const baseLoc = baseModes.peakLocs[modeIdx];
+        const frac = baseModes.fracs[modeIdx];
+        const path = pathLabel(letter, baseCount, lowerIsBetter);
+        return (
+          <Box key={`ub-${modeIdx}`} sx={{ mt: 1 }}>
+            <Box>
+              <Box component='b'>Mode {letter}</Box>
+              {path ? (
+                <Box component='span' sx={{ color: palette.subtle }}>
+                  {' '}
+                  {path}
+                </Box>
+              ) : null}{' '}
+              ~{fmtVal(baseLoc)} {unitLabel} {Math.round(frac * 100)}% of base
+              runs
+            </Box>
+            <Box
+              sx={{
+                color: improved ? palette.ok : palette.bad,
+                fontWeight: 'bold',
+              }}
+            >
+              {improved
+                ? '✓ gone — these runs merged into a better path'
+                : '⚠ gone — these runs merged into a worse path'}
+            </Box>
+          </Box>
+        );
+      })}
+
+      {unmatchedNew.map(({ modeIdx, improved }) => {
+        const letter = newModes.letters[modeIdx];
+        const newLoc = newModes.peakLocs[modeIdx];
+        const frac = newModes.fracs[modeIdx];
+        const path = pathLabel(letter, newCount, lowerIsBetter);
+        return (
+          <Box key={`un-${modeIdx}`} sx={{ mt: 1 }}>
+            <Box>
+              <Box component='b'>Mode {letter}</Box>
+              {path ? (
+                <Box component='span' sx={{ color: palette.subtle }}>
+                  {' '}
+                  {path}
+                </Box>
+              ) : null}{' '}
+              ~{fmtVal(newLoc)} {unitLabel} {Math.round(frac * 100)}% of new
+              runs
+            </Box>
+            <Box
+              sx={{
+                color: improved ? palette.ok : palette.bad,
+                fontWeight: 'bold',
+              }}
+            >
+              {improved
+                ? '✓ new path — these runs improved versus the nearest base mode'
+                : '⚠ new path — these runs regressed versus the nearest base mode'}
+            </Box>
+          </Box>
+        );
+      })}
+    </Box>
+  );
+}
+
+export default KdeModesPanel;
diff --git a/src/components/CompareResults/ModeInterpretation.tsx b/src/components/CompareResults/ModeInterpretation.tsx
deleted file mode 100644
index 59f08bf62..000000000
--- a/src/components/CompareResults/ModeInterpretation.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Box } from '@mui/material';
-
-import { MannWhitneyResultsItem } from '../../types/state';
-
-export const ModeInterpretation = ({
-  result,
-}: {
-  result: MannWhitneyResultsItem;
-}) => {
-  if (!result || !result.silverman_kde) {
-    return null;
-  }
-
-  const kdeModes = result.silverman_kde.modes ?? [];
-  if (kdeModes.length === 0) {
-    kdeModes.push({
-      mode_name: 'N/A',
-      mode_start: 'N/A',
-      mode_end: 'N/A',
-      shift: null,
-      shift_summary: 'Cannot calculate shift',
-    });
-  }
-
-  return (
-    <Box
-      sx={{
-        backgroundColor: 'manWhitneyComps.background',
-        display: 'block',
-        alignItems: 'center',
-        marginLeft: 1,
-        marginBottom: '16px',
-        borderRadius: '5px',
-        flexGrow: 1,
-      }}
-    >
-      <table>
-        <thead>
-          <tr style={{ textAlign: 'left' }}>
-            <th style={{ padding: 2, verticalAlign: 'top', paddingRight: 12 }}>
-              Mode Start{' '}
-            </th>
-            <th style={{ padding: 2, verticalAlign: 'top', paddingRight: 12 }}>
-              Mode End{' '}
-            </th>
-            <th style={{ padding: 2, verticalAlign: 'top', paddingRight: 12 }}>
-              Median Shift
-            </th>
-            <th style={{ padding: 2, verticalAlign: 'top' }}>Interpretation</th>
-          </tr>
-        </thead>
-        <tbody>
-          {kdeModes?.map(
-            ({ mode_start, mode_end, shift, shift_summary, mode_name }) => (
-              <tr style={{ textAlign: 'left' }} key={mode_name}>
-                <td style={{ padding: 2, paddingRight: 16 }}>{mode_start}</td>
-                <td style={{ padding: 2, paddingRight: 16 }}>{mode_end}</td>
-                <td style={{ padding: 2, paddingRight: 16 }}>
-                  {shift ?? 'N/A'}
-                </td>
-                <td style={{ padding: 2 }}>{shift_summary ?? 'N/A'}</td>
-              </tr>
-            ),
-          )}
-        </tbody>
-      </table>
-    </Box>
-  );
-};
diff --git a/src/components/CompareResults/RevisionRowExpandable.tsx b/src/components/CompareResults/RevisionRowExpandable.tsx
index 2eae31d82..efaf2afa4 100644
--- a/src/components/CompareResults/RevisionRowExpandable.tsx
+++ b/src/components/CompareResults/RevisionRowExpandable.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
@@ -6,11 +6,18 @@ import Grid from '@mui/material/Grid';
 import Stack from '@mui/material/Stack';
 
 import CommonGraph from './CommonGraph';
+import KdeModesPanel from './KdeModesPanel';
 import { getStrategy } from '../../common/testVersions';
 import { Strings } from '../../resources/Strings';
 import { Spacing } from '../../styles';
 import type { CombinedResultsItemType } from '../../types/state';
 import { TestVersion } from '../../types/types';
+import { bandwidthFor } from '../../utils/kdeAnalysis';
+
+// Show the smoothing slider when the bandwidth exceeds half the data range —
+// at that point the KDE curve is genuinely flat and the user may want to dial
+// it down to see structure.
+const LARGE_BW_RATIO = 0.5;
 
 const { singleRun } = Strings.components.expandableRow;
 
@@ -47,6 +54,31 @@ function RevisionRowExpandable(props: RevisionRowExpandableProps) {
   const newValues =
     newRunsReplicates && newRunsReplicates.length ? newRunsReplicates : newRuns;
 
+  const isSubtest = result.base_parent_signature !== null;
+
+  // The chart's smoothing slider and the blurb's mode detection
+  // see the same effective KDE bandwidth.
+  const [bwMultiplier, setBwMultiplier] = useState(1.0);
+  useEffect(() => setBwMultiplier(1.0), [baseValues, newValues]);
+
+  const { sharedBw, isLargeBw } = useMemo(() => {
+    const baseBw = bandwidthFor(baseValues, isSubtest) ?? 0;
+    const newBw = bandwidthFor(newValues, isSubtest) ?? 0;
+    const rawSharedBw = Math.max(baseBw, newBw);
+    const sharedBwOut =
+      rawSharedBw > 0 ? rawSharedBw * bwMultiplier : undefined;
+    // `isLargeBw` keys on the UNSCALED bandwidth so the slider stays visible
+    // even after the user dials the multiplier down — otherwise it would
+    // vanish out from under them.
+    const allValues = [...baseValues, ...newValues];
+    let isLargeBwOut = false;
+    if (allValues.length >= 2 && rawSharedBw > 0) {
+      const range = Math.max(...allValues) - Math.min(...allValues);
+      if (range > 0) isLargeBwOut = rawSharedBw / range > LARGE_BW_RATIO;
+    }
+    return { sharedBw: sharedBwOut, isLargeBw: isLargeBwOut };
+  }, [baseValues, newValues, isSubtest, bwMultiplier]);
+
   return (
     <Box
       component='section'
@@ -78,7 +110,10 @@ function RevisionRowExpandable(props: RevisionRowExpandableProps) {
                   baseValues={baseValues}
                   newValues={newValues}
                   unit={baseUnit || newUnit}
-                  isSubtest={result.base_parent_signature !== null}
+                  sharedBw={sharedBw}
+                  bwMultiplier={bwMultiplier}
+                  onBwMultiplierChange={setBwMultiplier}
+                  isLargeBw={isLargeBw}
                   vt={vt}
                   onVtChange={setVt}
                   showModes={showModes}
@@ -106,6 +141,15 @@ function RevisionRowExpandable(props: RevisionRowExpandableProps) {
                 ({lowerIsBetter ? 'lower' : 'higher'} is better)
               </Box>
               {strategy.renderExpandedRight(result)}
+              <KdeModesPanel
+                baseValues={baseValues}
+                newValues={newValues}
+                unit={baseUnit || newUnit}
+                sharedBw={sharedBw}
+                vt={vt}
+                showModes={showModes}
+                lowerIsBetter={lowerIsBetter ?? true}
+              />
             </div>
           </Grid>
         </Grid>
diff --git a/src/components/CompareResults/SubtestsResults/SubtestsResultsMain.tsx b/src/components/CompareResults/SubtestsResults/SubtestsResultsMain.tsx
index 3916725a4..1a9c9dd5b 100644
--- a/src/components/CompareResults/SubtestsResults/SubtestsResultsMain.tsx
+++ b/src/components/CompareResults/SubtestsResults/SubtestsResultsMain.tsx
@@ -62,6 +62,7 @@ function SubtestsResultsHeader({
     base_parent_signature: loadedResults[0].base_parent_signature,
     new_parent_signature: loadedResults[0].base_parent_signature,
     platform: loadedResults[0].platform,
+    lower_is_better: loadedResults[0].lower_is_better,
   };
 
   return (
diff --git a/src/components/CompareResults/SubtestsResults/SubtestsRevisionHeader.tsx b/src/components/CompareResults/SubtestsResults/SubtestsRevisionHeader.tsx
index 179aeef31..20c4ba624 100644
--- a/src/components/CompareResults/SubtestsResults/SubtestsRevisionHeader.tsx
+++ b/src/components/CompareResults/SubtestsResults/SubtestsRevisionHeader.tsx
@@ -31,6 +31,7 @@ import {
 import AndroidIcon from '../../Shared/Icons/AndroidIcon';
 import LinuxIcon from '../../Shared/Icons/LinuxIcon';
 import WindowsIcon from '../../Shared/Icons/WindowsIcon';
+import BetterDirectionIndicator from '../BetterDirectionIndicator';
 import { LoaderReturnValue as OvertimeLoaderReturnValue } from '../subtestsOverTimeLoader';
 
 const styles = {
@@ -158,7 +159,8 @@ function SubtestsRevisionHeader(props: SubtestsRevisionHeaderProps) {
   return (
     <div className={styles.revisionHeader}>
       <div className={styles.typography}>
-        <strong>{getSuite(header, docsURL, isLinkSupported)}</strong> |
+        <strong>{getSuite(header, docsURL, isLinkSupported)}</strong>
+        <BetterDirectionIndicator lowerIsBetter={header.lower_is_better} /> |
         {baseInfo}
         {getRevLink(header.new_rev, header.new_repo, '- New')} | {framework} |{' '}
         <Tooltip
diff --git a/src/components/CompareResults/TestHeader.tsx b/src/components/CompareResults/TestHeader.tsx
index a1b69ccd4..aa361c9e5 100644
--- a/src/components/CompareResults/TestHeader.tsx
+++ b/src/components/CompareResults/TestHeader.tsx
@@ -1,10 +1,11 @@
 import { Box, Link } from '@mui/material';
 import { style } from 'typestyle';
 
+import BetterDirectionIndicator from './BetterDirectionIndicator';
 import LinkToRevision from './LinkToRevision';
 import { Strings } from '../../resources/Strings';
 import { Colors, Spacing } from '../../styles';
-import type { CompareResultsItem } from '../../types/state';
+import type { CombinedResultsItemType } from '../../types/state';
 import { getDocsURL } from '../../utils/helpers';
 
 const styles = {
@@ -54,12 +55,13 @@ const styles = {
     flexWrap: 'wrap',
     fontFamily: 'SF Pro',
     display: 'flex',
+    alignItems: 'baseline',
     gap: '4px',
   }),
 };
 
 type HeaderProperties = Pick<
-  CompareResultsItem,
+  CombinedResultsItemType,
   | 'extra_options'
   | 'framework_id'
   | 'option_name'
@@ -67,6 +69,7 @@ type HeaderProperties = Pick<
   | 'test'
   | 'new_repository_name'
   | 'new_rev'
+  | 'lower_is_better'
 >;
 
 function createTitle(
@@ -117,6 +120,7 @@ export default function TestHeader(props: TestHeaderProps) {
             <LinkToRevision result={result} />
           </>
         )}
+        <BetterDirectionIndicator lowerIsBetter={result.lower_is_better} />
       </div>
       <Box
         sx={{
diff --git a/src/components/Search/SearchInputAndResults.tsx b/src/components/Search/SearchInputAndResults.tsx
index 2d723bd24..90844316d 100644
--- a/src/components/Search/SearchInputAndResults.tsx
+++ b/src/components/Search/SearchInputAndResults.tsx
@@ -54,6 +54,18 @@ export default function SearchInputAndResults({
     null as null | Changeset[],
   );
   const [searchError, setSearchError] = useState(null as null | string);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+
+  const displayedRevisionsRef = useRef(displayedRevisions);
+  const onSearchResultsToggleRef = useRef(onSearchResultsToggle);
+
+  useEffect(() => {
+    displayedRevisionsRef.current = displayedRevisions;
+  }, [displayedRevisions]);
+
+  useEffect(() => {
+    onSearchResultsToggleRef.current = onSearchResultsToggle;
+  }, [onSearchResultsToggle]);
 
   // The last used searchTerm is kept in a ref, so that it's possible to use it
   // in an effect when the repository prop changes. It's not stored in a state
@@ -199,6 +211,39 @@ export default function SearchInputAndResults({
         // Let's ignore the result then.
         if (results.length) {
           setRecentRevisions(results);
+
+          const isFullHash = searchTerm.length === 40;
+          const isPartialHash =
+            searchTerm.length >= 4 && /^[0-9a-fA-F]+$/.test(searchTerm);
+
+          if (results.length === 1 && (isPartialHash || isFullHash)) {
+            const result = results[0];
+            const isAlreadySelected = displayedRevisionsRef.current.some(
+              (rev) => rev.id === result.id,
+            );
+            if (!isAlreadySelected) {
+              onSearchResultsToggleRef.current(result);
+            }
+            if (isFullHash) {
+              setIsDropdownOpen(true);
+            }
+          } else if (results.length > 1 && (isPartialHash || isFullHash)) {
+            // Check if there's an exact match in results
+            const exactMatch = results.find(
+              (rev) => rev.revision === searchTerm,
+            );
+            if (exactMatch) {
+              const isAlreadySelected = displayedRevisionsRef.current.some(
+                (rev) => rev.id === exactMatch.id,
+              );
+              if (!isAlreadySelected) {
+                onSearchResultsToggleRef.current(exactMatch);
+              }
+              if (isFullHash) {
+                setIsDropdownOpen(true);
+              }
+            }
+          }
         } else {
           setSearchError('No results found');
           setRecentRevisions(null);
@@ -271,12 +316,20 @@ export default function SearchInputAndResults({
         multiple={listItemComponent !== 'radio'}
         disableCloseOnSelect={listItemComponent !== 'radio'}
         filterOptions={(options) => options}
-        onInputChange={(_, value) => onValueChange(value)}
+        onInputChange={(_, value) => {
+          onValueChange(value);
+          if (value === '') {
+            setIsDropdownOpen(false);
+          }
+        }}
         onChange={(_, value, _reason, details) => {
           if (details?.option) {
             onSearchResultsToggle(details.option);
           }
         }}
+        open={isDropdownOpen}
+        onOpen={() => setIsDropdownOpen(true)}
+        onClose={() => setIsDropdownOpen(false)}
         renderInput={renderInput}
         renderOption={renderOption}
         loading={recentRevisions?.length === 0}
diff --git a/src/resources/Strings.tsx b/src/resources/Strings.tsx
index ee70c0db8..171e628af 100644
--- a/src/resources/Strings.tsx
+++ b/src/resources/Strings.tsx
@@ -128,6 +128,10 @@ export const Strings = {
         suiteLink: 'Link to suite documentation  ',
       },
     },
+    betterDirection: {
+      lower: 'Lower is better',
+      higher: 'Higher is better',
+    },
     expandableRow: {
       title: {
         expand: 'expand this row',
diff --git a/src/styles/Colors.ts b/src/styles/Colors.ts
index f4145f73b..6ab618bb9 100644
--- a/src/styles/Colors.ts
+++ b/src/styles/Colors.ts
@@ -23,6 +23,8 @@ export enum Colors {
   //Text colors light theme
   PrimaryText = '#15141A',
   SecondaryText = '#5B5B66',
+  TextMuted = '#555',
+  TextSubtle = '#888',
   InvertedText = '#FBFBFE',
   LinkText = '#0060df',
   TextDisabled = '#15141a 40%',
@@ -31,6 +33,7 @@ export enum Colors {
   //Text colors dark theme
   PrimaryTextDark = '#FBFBFE',
   SecondaryTextDark = '#cfcfd8',
+  TertiaryTextDark = '#9b9ba8',
   InvertedTextDark = '#15141a',
   LinkTextDark = '#00ddff',
   TextDisabledDark = '#fbfbfe',
@@ -101,6 +104,12 @@ export enum Colors {
   IconDarkSuccess = '#4DBC87',
   IconDarkError = '#F37F98',
 
+  //Modes panel colors
+  ModesPanelMixed = '#a60',
+  ModesPanelSuccessDark = '#E3FFF3',
+  ModesPanelRegressionDark = '#FFDFE7',
+  ModesPanelMixedDark = '#FFFFCC',
+
   // Colors for the base and new charts
   // Note that they need to be using the hash notation so that they work in all
   // places they're used
diff --git a/src/theme/components.js b/src/theme/components.js
index 049549536..3cc65c572 100644
--- a/src/theme/components.js
+++ b/src/theme/components.js
@@ -1,6 +1,13 @@
 import { green, red } from '@mui/material/colors';
 
-import { Spacing, FontsRaw, FontSizeRaw, TooltipRaw, Select } from '../styles';
+import {
+  Spacing,
+  FontsRaw,
+  FontSizeRaw,
+  TooltipRaw,
+  Select,
+  Colors,
+} from '../styles';
 import android from './img/android.svg';
 import high from './img/high.svg';
 import linux from './img/linux.svg';
@@ -237,8 +244,12 @@ const components = {
   MuiTooltip: {
     styleOverrides: {
       tooltip: [
-        TooltipRaw.Light,
-        ({ theme }) => theme.applyStyles('dark', TooltipRaw.Dark),
+        { ...TooltipRaw.Light, '& a': { color: Colors.LinkText } },
+        ({ theme }) =>
+          theme.applyStyles('dark', {
+            ...TooltipRaw.Dark,
+            '& a': { color: Colors.LinkTextDark },
+          }),
       ],
     },
   },
diff --git a/src/types/state.ts b/src/types/state.ts
index 9ac3abfc1..2091e09ef 100644
--- a/src/types/state.ts
+++ b/src/types/state.ts
@@ -51,6 +51,7 @@ export type SubtestsRevisionsHeader = {
   base_parent_signature: number | null;
   new_parent_signature: number | null;
   platform: Platform;
+  lower_is_better: boolean;
 };
 
 export type CompareResultsItem = {
diff --git a/src/utils/kdeAnalysis.ts b/src/utils/kdeAnalysis.ts
new file mode 100644
index 000000000..2a3ff0795
--- /dev/null
+++ b/src/utils/kdeAnalysis.ts
@@ -0,0 +1,139 @@
+/**
+ * Shared helpers for KDE-based analysis used by both the chart (CommonGraph)
+ * and the mode-breakdown blurb (KdeModesPanel). Lives outside both components
+ * so they can't drift onto subtly different bandwidth / mode-detection logic.
+ */
+import {
+  areaFracs,
+  assignLetters,
+  fftkde,
+  fitModesFromKde,
+  improvedSheatherJones,
+  silvermansRule,
+} from './kde.js';
+
+// Power-of-2 grid for the FFT-based KDE convolution. Both consumers use the
+// same grid so that overlay markers (chart) and mode-bucket bootstrap CIs
+// (blurb) are computed against an identical curve resolution.
+export const KDE_GRID_POINTS = 1024;
+
+/**
+ * Per-side mode summary: peaks, their boundary x-values (used to bucket raw
+ * samples for bootstrap CIs), area-under-curve fractions per mode, and the
+ * A/B/C letter labels by peak location.
+ */
+export type ModeInfo = {
+  peakLocs: number[];
+  boundaries: number[];
+  fracs: number[];
+  letters: string[];
+};
+
+export const EMPTY_MODE_INFO: ModeInfo = {
+  peakLocs: [],
+  boundaries: [],
+  fracs: [],
+  letters: [],
+};
+
+// Linear interpolation for sorted quantiles — matches numpy.quantile's
+// default behaviour. Internal helper for approximateSJBandwidth.
+function quantileSorted(sorted: number[], q: number): number {
+  const pos = (sorted.length - 1) * q;
+  const base = Math.floor(pos);
+  const rest = pos - base;
+  if (sorted[base + 1] !== undefined) {
+    return sorted[base] + rest * (sorted[base + 1] - sorted[base]);
+  }
+  return sorted[base];
+}
+
+/**
+ * Silverman's rule-of-thumb bandwidth:
+ *
+ *   bw = 0.9 * min(std, IQR / 1.34) * n^(-1/5)
+ *
+ * Produces a wider, smoother kernel than ISJ. We use it for top-level
+ * (non-subtest) aggregated results where samples are sparse and ISJ tends
+ * to over-fit. The `0.001 * |mean|` fallback covers degenerate cases where
+ * std and IQR are both zero (e.g. all-identical inputs) so callers always
+ * get a positive bandwidth.
+ */
+export function approximateSJBandwidth(values: number[]): number {
+  if (values.length < 2) return Math.abs(values[0] ?? 0) * 0.001 || 1;
+  const sorted = [...values].sort((a, b) => a - b);
+  const n = sorted.length;
+  const iqr = quantileSorted(sorted, 0.75) - quantileSorted(sorted, 0.25);
+  const mean = sorted.reduce((a, b) => a + b, 0) / n;
+  const std = Math.sqrt(
+    sorted.reduce((s, x) => s + Math.pow(x - mean, 2), 0) / n,
+  );
+  const sigma = Math.min(std, iqr / 1.34);
+  if (sigma <= 0) return Math.abs(mean) * 0.001 || 1;
+  return 0.9 * sigma * Math.pow(n, -1 / 5);
+}
+
+/**
+ * Pick a bandwidth for the given samples based on caller context.
+ *
+ * - `isSubtest = true` → ISJ (data-driven, narrower), with Silverman's rule
+ *   as a fallback if ISJ fails to converge on degenerate inputs.
+ * - `isSubtest = false` → the SJ approximation above (wider, smoother).
+ *
+ * Returns `undefined` for samples with < 2 values; callers should pass that
+ * straight through to `safeKde`, which treats undefined as "let fftkde pick".
+ */
+export function bandwidthFor(
+  values: number[],
+  isSubtest: boolean,
+): number | undefined {
+  if (values.length < 2) return undefined;
+  if (!isSubtest) return approximateSJBandwidth(values);
+  try {
+    return improvedSheatherJones(values);
+  } catch {
+    return silvermansRule(values);
+  }
+}
+
+/**
+ * Defensive `fftkde` wrapper:
+ * - Tries the chosen bandwidth.
+ * - Falls back to Silverman if ISJ throws on degenerate inputs.
+ * - Returns `null` if even Silverman fails, instead of throwing.
+ *
+ * Pass `bw = undefined` to let `fftkde` choose ISJ itself.
+ */
+export function safeKde(values: number[], bw?: number) {
+  if (values.length < 2) return null;
+  try {
+    return fftkde(values, bw ?? 'ISJ', undefined, KDE_GRID_POINTS);
+  } catch {
+    try {
+      return fftkde(values, 'silverman', undefined, KDE_GRID_POINTS);
+    } catch {
+      return null;
+    }
+  }
+}
+
+/**
+ * Run mode detection on a KDE curve and bundle the result with area fractions
+ * and letter labels. Returns the empty ModeInfo (rather than null) when there's
+ * nothing to fit — callers check `peakLocs.length` to detect empty.
+ */
+export function computeModeInfo(
+  x: number[],
+  y: number[],
+  vt: number,
+): ModeInfo {
+  if (!x.length || !y.length) return EMPTY_MODE_INFO;
+  const { peakLocs, boundaries } = fitModesFromKde(x, y, vt);
+  if (!peakLocs.length) return EMPTY_MODE_INFO;
+  return {
+    peakLocs,
+    boundaries,
+    fracs: areaFracs(x, y, boundaries),
+    letters: assignLetters(peakLocs),
+  };
+}