feat: 现代化 UI 布局，实现侧边栏导航和统计仪表盘

- 重构 AppLayout 为可折叠侧边栏导航布局
- 实现统计仪表盘：统计摘要卡片 + 请求趋势图表
- Provider 页面使用 Card 包裹优化视觉层次
- 主题切换按钮移至侧边栏底部，支持折叠态
- Header 适配暗色主题，添加分隔线优化视觉过渡
- 添加全局样式重置（SCSS）
- 完善组件测试和 E2E 测试覆盖
- 同步 OpenSpec 规范到主 specs

frontend/bun.lock

@@ -5,6 +5,7 @@
     "": {
       "name": "frontend",
       "dependencies": {
+        "@ant-design/charts": "^2.6.7",
         "@ant-design/icons": "^6.1.1",
         "@tanstack/react-query": "^5.80.2",
         "antd": "^6.3.5",
@@ -45,6 +46,10 @@
 
     "@ampproject/remapping": ["@ampproject/remapping@2.3.0", "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw=="],
 
+    "@ant-design/charts": ["@ant-design/charts@2.6.7", "https://registry.npmmirror.com/@ant-design/charts/-/charts-2.6.7.tgz", { "dependencies": { "@ant-design/graphs": "^2.1.1", "@ant-design/plots": "^2.6.7", "lodash": "^4.17.21" }, "peerDependencies": { "react": ">=16.8.4", "react-dom": ">=16.8.4" } }, "sha512-XfmsnspUpfrMlRFGTwmHJ2TPKcosq5a5nSxAfIOpEXAvmJBT2N16oejGTZhUFTzba8W3XtBOziwRAXmDmLUqvA=="],
+
+    "@ant-design/charts-util": ["@ant-design/charts-util@0.0.1-alpha.7", "https://registry.npmmirror.com/@ant-design/charts-util/-/charts-util-0.0.1-alpha.7.tgz", { "dependencies": { "lodash": "^4.17.21" }, "peerDependencies": { "react": ">=16.8.4", "react-dom": ">=16.8.4" } }, "sha512-Yh0o6EdO6SvdSnStFZMbnUzjyymkVzV+TQ9ymVW9hlVgO/fUkUII3JYSdV+UVcFnYwUF0YiDKuSTLCZNAzg2bQ=="],
+
     "@ant-design/colors": ["@ant-design/colors@8.0.1", "https://registry.npmmirror.com/@ant-design/colors/-/colors-8.0.1.tgz", { "dependencies": { "@ant-design/fast-color": "^3.0.0" } }, "sha512-foPVl0+SWIslGUtD/xBr1p9U4AKzPhNYEseXYRRo5QSzGACYZrQbe11AYJbYfAWnWSpGBx6JjBmSeugUsD9vqQ=="],
 
     "@ant-design/cssinjs": ["@ant-design/cssinjs@2.1.2", "https://registry.npmmirror.com/@ant-design/cssinjs/-/cssinjs-2.1.2.tgz", { "dependencies": { "@babel/runtime": "^7.11.1", "@emotion/hash": "^0.8.0", "@emotion/unitless": "^0.7.5", "@rc-component/util": "^1.4.0", "clsx": "^2.1.1", "csstype": "^3.1.3", "stylis": "^4.3.4" }, "peerDependencies": { "react": ">=16.0.0", "react-dom": ">=16.0.0" } }, "sha512-2Hy8BnCEH31xPeSLbhhB2ctCPXE2ZnASdi+KbSeS79BNbUhL9hAEe20SkUk+BR8aKTmqb6+FKFruk7w8z0VoRQ=="],
@@ -53,12 +58,60 @@
 
     "@ant-design/fast-color": ["@ant-design/fast-color@3.0.1", "https://registry.npmmirror.com/@ant-design/fast-color/-/fast-color-3.0.1.tgz", {}, "sha512-esKJegpW4nckh0o6kV3Tkb7NPIZYbPnnFxmQDUmL08ukXZAvV85TZBr70eGuke/CIArLaP6aw8lt9KILjnWuOw=="],
 
+    "@ant-design/graphs": ["@ant-design/graphs@2.1.1", "https://registry.npmmirror.com/@ant-design/graphs/-/graphs-2.1.1.tgz", { "dependencies": { "@ant-design/charts-util": "0.0.1-alpha.7", "@antv/g6": "^5.0.44", "@antv/g6-extension-react": "^0.2.0", "@antv/graphin": "^3.0.4", "lodash": "^4.17.21", "styled-components": "^6.1.15" }, "peerDependencies": { "react": ">=16.8.4", "react-dom": ">=16.8.4" } }, "sha512-qT3Oo8BWeoAmZEy9gfR6uIk+rczbNJ3sWXKonoOD5koATWv7dY0kgvS1JnhdM1QW4FkfPPJTeQVSlRRUtvWDwA=="],
+
     "@ant-design/icons": ["@ant-design/icons@6.1.1", "https://registry.npmmirror.com/@ant-design/icons/-/icons-6.1.1.tgz", { "dependencies": { "@ant-design/colors": "^8.0.0", "@ant-design/icons-svg": "^4.4.0", "@rc-component/util": "^1.3.0", "clsx": "^2.1.1" }, "peerDependencies": { "react": ">=16.0.0", "react-dom": ">=16.0.0" } }, "sha512-AMT4N2y++TZETNHiM77fs4a0uPVCJGuL5MTonk13Pvv7UN7sID1cNEZOc1qNqx6zLKAOilTEFAdAoAFKa0U//Q=="],
 
     "@ant-design/icons-svg": ["@ant-design/icons-svg@4.4.2", "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz", {}, "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="],
 
+    "@ant-design/plots": ["@ant-design/plots@2.6.8", "https://registry.npmmirror.com/@ant-design/plots/-/plots-2.6.8.tgz", { "dependencies": { "@ant-design/charts-util": "0.0.3", "@antv/event-emitter": "^0.1.3", "@antv/g": "^6.1.7", "@antv/g2": "^5.2.7", "@antv/g2-extension-plot": "^0.2.1", "lodash": "^4.17.21" }, "peerDependencies": { "react": ">=16.8.4", "react-dom": ">=16.8.4" } }, "sha512-QsunUs2d5rbq/1BwVhga/siA5H50OaG23YopMYwPD4sPsza6NQzPQ8FM3elNIsD/BIk298tihqX1cJ/MmvVJbQ=="],
+
     "@ant-design/react-slick": ["@ant-design/react-slick@2.0.0", "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-2.0.0.tgz", { "dependencies": { "@babel/runtime": "^7.28.4", "clsx": "^2.1.1", "json2mq": "^0.2.0", "throttle-debounce": "^5.0.0" }, "peerDependencies": { "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-HMS9sRoEmZey8LsE/Yo6+klhlzU12PisjrVcydW3So7RdklyEd2qehyU6a7Yp+OYN72mgsYs3NFCyP2lCPFVqg=="],
 
+    "@antv/algorithm": ["@antv/algorithm@0.1.26", "https://registry.npmmirror.com/@antv/algorithm/-/algorithm-0.1.26.tgz", { "dependencies": { "@antv/util": "^2.0.13", "tslib": "^2.0.0" } }, "sha512-DVhcFSQ8YQnMNW34Mk8BSsfc61iC1sAnmcfYoXTAshYHuU50p/6b7x3QYaGctDNKWGvi1ub7mPcSY0bK+aN0qg=="],
+
+    "@antv/component": ["@antv/component@2.1.11", "https://registry.npmmirror.com/@antv/component/-/component-2.1.11.tgz", { "dependencies": { "@antv/g": "^6.1.11", "@antv/scale": "^0.4.16", "@antv/util": "^3.3.10", "svg-path-parser": "^1.1.0" } }, "sha512-dTdz8VAd3rpjOaGEZTluz82mtzrP4XCtNlNQyrxY7VNRNcjtvpTLDn57bUL2lRu1T+iklKvgbE2llMriWkq9vQ=="],
+
+    "@antv/coord": ["@antv/coord@0.4.7", "https://registry.npmmirror.com/@antv/coord/-/coord-0.4.7.tgz", { "dependencies": { "@antv/scale": "^0.4.12", "@antv/util": "^2.0.13", "gl-matrix": "^3.4.3" } }, "sha512-UTbrMLhwJUkKzqJx5KFnSRpU3BqrdLORJbwUbHK2zHSCT3q3bjcFA//ZYLVfIlwqFDXp/hzfMyRtp0c77A9ZVA=="],
+
+    "@antv/event-emitter": ["@antv/event-emitter@0.1.3", "https://registry.npmmirror.com/@antv/event-emitter/-/event-emitter-0.1.3.tgz", {}, "sha512-4ddpsiHN9Pd4UIlWuKVK1C4IiZIdbwQvy9i7DUSI3xNJ89FPUFt8lxDYj8GzzfdllV0NkJTRxnG+FvLk0llidg=="],
+
+    "@antv/expr": ["@antv/expr@1.0.2", "https://registry.npmmirror.com/@antv/expr/-/expr-1.0.2.tgz", {}, "sha512-vrfdmPHkTuiS5voVutKl2l06w1ihBh9A8SFdQPEE+2KMVpkymzGOF1eWpfkbGZ7tiFE15GodVdhhHomD/hdIwg=="],
+
+    "@antv/g": ["@antv/g@6.3.1", "https://registry.npmmirror.com/@antv/g/-/g-6.3.1.tgz", { "dependencies": { "@antv/g-lite": "2.7.0", "@antv/util": "^3.3.5", "@babel/runtime": "^7.25.6", "gl-matrix": "^3.4.3", "html2canvas": "^1.4.1" } }, "sha512-WYEKqy86LHB2PzTmrZXrIsIe+3Epeds2f68zceQ+BJtRoGki7Sy4IhlC8LrUMztgfT1t3d/0L745NWZwITroKA=="],
+
+    "@antv/g-canvas": ["@antv/g-canvas@2.2.0", "https://registry.npmmirror.com/@antv/g-canvas/-/g-canvas-2.2.0.tgz", { "dependencies": { "@antv/g-lite": "2.7.0", "@antv/g-math": "3.1.0", "@antv/util": "^3.3.5", "@babel/runtime": "^7.25.6", "gl-matrix": "^3.4.3", "tslib": "^2.5.3" } }, "sha512-h7zVBBo2aO64DuGKvq9sG+yTU3sCUb9DALCVm7nz8qGPs8hhLuFOkKPEzUDNfNYZGJUGzY8UDtJ3QRGRFcvEQg=="],
+
+    "@antv/g-lite": ["@antv/g-lite@2.7.0", "https://registry.npmmirror.com/@antv/g-lite/-/g-lite-2.7.0.tgz", { "dependencies": { "@antv/g-math": "3.1.0", "@antv/util": "^3.3.5", "@antv/vendor": "^1.0.3", "@babel/runtime": "^7.25.6", "eventemitter3": "^5.0.1", "gl-matrix": "^3.4.3", "tslib": "^2.5.3" } }, "sha512-uSzgHYa5bwR5L2Au7/5tsOhFmXKZKLPBH90+Q9bP9teVs5VT4kOAi0isPSpDI8uhdDC2/VrfTWu5K9HhWI6FWw=="],
+
+    "@antv/g-math": ["@antv/g-math@3.1.0", "https://registry.npmmirror.com/@antv/g-math/-/g-math-3.1.0.tgz", { "dependencies": { "@antv/util": "^3.3.5", "@babel/runtime": "^7.25.6", "gl-matrix": "^3.4.3", "tslib": "^2.5.3" } }, "sha512-DtN1Gj/yI0UiK18nSBsZX8RK0LszGwqfb+cBYWgE+ddyTm8dZnW4tPUhV7QXePsS6/A5hHC+JFpAAK7OEGo5ZQ=="],
+
+    "@antv/g-plugin-dragndrop": ["@antv/g-plugin-dragndrop@2.1.1", "https://registry.npmmirror.com/@antv/g-plugin-dragndrop/-/g-plugin-dragndrop-2.1.1.tgz", { "dependencies": { "@antv/g-lite": "2.7.0", "@antv/util": "^3.3.5", "@babel/runtime": "^7.25.6", "tslib": "^2.5.3" } }, "sha512-+aesDUJVQDs6UJ2bOBbDlaGAPCfHmU0MbrMTlQlfpwNplWueqtgVAZ3L57oZ2ZGHRWUHiRwZGPjXMBM3O2LELw=="],
+
+    "@antv/g-svg": ["@antv/g-svg@2.1.1", "https://registry.npmmirror.com/@antv/g-svg/-/g-svg-2.1.1.tgz", { "dependencies": { "@antv/g-lite": "2.7.0", "@antv/util": "^3.3.5", "@babel/runtime": "^7.25.6", "gl-matrix": "^3.4.3", "tslib": "^2.5.3" } }, "sha512-gVzBkjqA8FzDTbkuIxj6L0Omz/X/hFbYLzK6alWr0sHTfywqP6czcjDUJU8DF2MRIY1Twy55uZYW4dqqLXOXXg=="],
+
+    "@antv/g2": ["@antv/g2@5.4.8", "https://registry.npmmirror.com/@antv/g2/-/g2-5.4.8.tgz", { "dependencies": { "@antv/component": "^2.1.9", "@antv/coord": "^0.4.7", "@antv/event-emitter": "^0.1.3", "@antv/expr": "^1.0.2", "@antv/g": "^6.1.24", "@antv/g-canvas": "^2.0.43", "@antv/g-plugin-dragndrop": "^2.0.35", "@antv/scale": "^0.5.1", "@antv/util": "^3.3.10", "@antv/vendor": "^1.0.11", "flru": "^1.0.2", "pdfast": "^0.2.0" } }, "sha512-IvgIpwmT4M5/QAd3Mn2WiHIDeBqFJ4WA2gcZhRRSZuZ2KmgCqZWZwwIT0hc+kIGxwYeDoCQqf//t6FMVu3ryBg=="],
+
+    "@antv/g2-extension-plot": ["@antv/g2-extension-plot@0.2.2", "https://registry.npmmirror.com/@antv/g2-extension-plot/-/g2-extension-plot-0.2.2.tgz", { "dependencies": { "@antv/g2": "^5.1.8", "@antv/util": "^3.3.5", "@antv/vendor": "^1.0.10" } }, "sha512-KJXCXO7as+h0hDqirGXf1omrNuYzQmY3VmBmp7lIvkepbQ7sz3pPwy895r1FWETGF3vTk5UeFcAF5yzzBHWgbw=="],
+
+    "@antv/g6": ["@antv/g6@5.1.0", "https://registry.npmmirror.com/@antv/g6/-/g6-5.1.0.tgz", { "dependencies": { "@antv/algorithm": "^0.1.26", "@antv/component": "^2.1.7", "@antv/event-emitter": "^0.1.3", "@antv/g": "^6.1.28", "@antv/g-canvas": "^2.0.48", "@antv/g-plugin-dragndrop": "^2.0.38", "@antv/graphlib": "^2.0.4", "@antv/hierarchy": "^0.7.1", "@antv/layout": "^2.0.0", "@antv/util": "^3.3.11", "bubblesets-js": "^2.3.4" } }, "sha512-tvoBDKypL/zWEG99pgwGJLWr2CKA+6zVixYxaVzDOp0+TrPY2cxB1jevxFGPjbTOLBIMYt/vKCh1jnmDtfvtpg=="],
+
+    "@antv/g6-extension-react": ["@antv/g6-extension-react@0.2.7", "https://registry.npmmirror.com/@antv/g6-extension-react/-/g6-extension-react-0.2.7.tgz", { "dependencies": { "@antv/g": "^6.1.24", "@antv/g-svg": "^2.0.38" }, "peerDependencies": { "@antv/g6": "^5.1.0", "react": ">=16.8", "react-dom": ">=16.8" } }, "sha512-X/zxGiL/kyJ+5xteX1+P2mI07oLw+zfvKcIHxfynL7IGCQCwQ6q91LkJaOlSDTuWhNRXwnwJ4Cf2Nt/9Dhq5Dg=="],
+
+    "@antv/graphin": ["@antv/graphin@3.0.5", "https://registry.npmmirror.com/@antv/graphin/-/graphin-3.0.5.tgz", { "dependencies": { "@antv/g6": "^5.0.28" }, "peerDependencies": { "react": "^18.0.0 || ^19.1.0", "react-dom": "^18.0.0 || ^19.1.0" } }, "sha512-V/j8R8Ty44wUqxVIYLdpPuIO8WWCTIVq1eBJg5YRunL5t5o5qAFpC/qkQxslbBMWyKdIH0oWBnvHA74riGi7cw=="],
+
+    "@antv/graphlib": ["@antv/graphlib@2.0.4", "https://registry.npmmirror.com/@antv/graphlib/-/graphlib-2.0.4.tgz", { "dependencies": { "@antv/event-emitter": "^0.1.3" } }, "sha512-zc/5oQlsdk42Z0ib1mGklwzhJ5vczLFiPa1v7DgJkTbgJ2YxRh9xdarf86zI49sKVJmgbweRpJs7Nu5bIiwv4w=="],
+
+    "@antv/hierarchy": ["@antv/hierarchy@0.7.1", "https://registry.npmmirror.com/@antv/hierarchy/-/hierarchy-0.7.1.tgz", {}, "sha512-7r22r+HxfcRZp79ZjGmsn97zgC1Iajrv0Mm9DIgx3lPfk+Kme2MG/+EKdZj1iEBsN0rJRzjWVPGL5YrBdVHchw=="],
+
+    "@antv/layout": ["@antv/layout@2.0.0", "https://registry.npmmirror.com/@antv/layout/-/layout-2.0.0.tgz", { "dependencies": { "@antv/event-emitter": "^0.1.3", "@antv/expr": "^1.0.2", "@antv/graphlib": "^2.0.0", "@antv/util": "^3.3.2", "comlink": "^4.4.1", "d3-force": "^3.0.0", "d3-force-3d": "^3.0.5", "d3-octree": "^1.0.2", "d3-quadtree": "^3.0.1", "dagre": "^0.8.5", "ml-matrix": "^6.10.4", "tslib": "^2.8.1" } }, "sha512-aCZ3UdNc40SfT7meFV7QTADY2HCnc0DShVw56CJNTI6oExUIVU736grPuL5Dhb8/JrVaU4Y83QPN/P7KafBzlw=="],
+
+    "@antv/scale": ["@antv/scale@0.5.2", "https://registry.npmmirror.com/@antv/scale/-/scale-0.5.2.tgz", { "dependencies": { "@antv/util": "^3.3.7", "color-string": "^1.5.5", "fecha": "^4.2.1" } }, "sha512-rTHRAwvpHWC5PGZF/mJ2ZuTDqwwvVBDRph0Uu5PV9BXwzV7K8+9lsqGJ+XHVLxe8c6bKog5nlzvV/dcYb0d5Ow=="],
+
+    "@antv/util": ["@antv/util@3.3.11", "https://registry.npmmirror.com/@antv/util/-/util-3.3.11.tgz", { "dependencies": { "fast-deep-equal": "^3.1.3", "gl-matrix": "^3.3.0", "tslib": "^2.3.1" } }, "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg=="],
+
+    "@antv/vendor": ["@antv/vendor@1.0.11", "https://registry.npmmirror.com/@antv/vendor/-/vendor-1.0.11.tgz", { "dependencies": { "@types/d3-array": "^3.2.1", "@types/d3-color": "^3.1.3", "@types/d3-dispatch": "^3.0.6", "@types/d3-dsv": "^3.0.7", "@types/d3-ease": "^3.0.2", "@types/d3-fetch": "^3.0.7", "@types/d3-force": "^3.0.10", "@types/d3-format": "^3.0.4", "@types/d3-geo": "^3.1.0", "@types/d3-hierarchy": "^3.1.7", "@types/d3-interpolate": "^3.0.4", "@types/d3-path": "^3.1.0", "@types/d3-quadtree": "^3.0.6", "@types/d3-random": "^3.0.3", "@types/d3-scale": "^4.0.9", "@types/d3-scale-chromatic": "^3.1.0", "@types/d3-shape": "^3.1.7", "@types/d3-time": "^3.0.4", "@types/d3-timer": "^3.0.2", "d3-array": "^3.2.4", "d3-color": "^3.1.0", "d3-dispatch": "^3.0.1", "d3-dsv": "^3.0.1", "d3-ease": "^3.0.1", "d3-fetch": "^3.0.1", "d3-force": "^3.0.0", "d3-force-3d": "^3.0.5", "d3-format": "^3.1.0", "d3-geo": "^3.1.1", "d3-geo-projection": "^4.0.0", "d3-hierarchy": "^3.1.2", "d3-interpolate": "^3.0.1", "d3-path": "^3.1.0", "d3-quadtree": "^3.0.1", "d3-random": "^3.0.1", "d3-regression": "^1.3.10", "d3-scale": "^4.0.2", "d3-scale-chromatic": "^3.1.0", "d3-shape": "^3.2.0", "d3-time": "^3.1.0", "d3-timer": "^3.0.1" } }, "sha512-LmhPEQ+aapk3barntaiIxJ5VHno/Tyab2JnfdcPzp5xONh/8VSfed4bo/9xKo5HcUAEydko38vYLfj6lJliLiw=="],
+
     "@asamuzakjp/css-color": ["@asamuzakjp/css-color@3.2.0", "https://registry.npmmirror.com/@asamuzakjp/css-color/-/css-color-3.2.0.tgz", { "dependencies": { "@csstools/css-calc": "^2.1.3", "@csstools/css-color-parser": "^3.0.9", "@csstools/css-parser-algorithms": "^3.0.4", "@csstools/css-tokenizer": "^3.0.3", "lru-cache": "^10.4.3" } }, "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw=="],
 
     "@babel/code-frame": ["@babel/code-frame@7.29.0", "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.29.0.tgz", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="],
@@ -115,6 +168,10 @@
 
     "@emotion/hash": ["@emotion/hash@0.8.0", "https://registry.npmmirror.com/@emotion/hash/-/hash-0.8.0.tgz", {}, "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="],
 
+    "@emotion/is-prop-valid": ["@emotion/is-prop-valid@1.4.0", "https://registry.npmmirror.com/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz", { "dependencies": { "@emotion/memoize": "^0.9.0" } }, "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw=="],
+
+    "@emotion/memoize": ["@emotion/memoize@0.9.0", "https://registry.npmmirror.com/@emotion/memoize/-/memoize-0.9.0.tgz", {}, "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ=="],
+
     "@emotion/unitless": ["@emotion/unitless@0.7.5", "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.7.5.tgz", {}, "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="],
 
     "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.27.7", "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz", { "os": "aix", "cpu": "ppc64" }, "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg=="],
@@ -453,10 +510,50 @@
 
     "@types/chai": ["@types/chai@5.2.3", "https://registry.npmmirror.com/@types/chai/-/chai-5.2.3.tgz", { "dependencies": { "@types/deep-eql": "*", "assertion-error": "^2.0.1" } }, "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA=="],
 
+    "@types/d3-array": ["@types/d3-array@3.2.2", "https://registry.npmmirror.com/@types/d3-array/-/d3-array-3.2.2.tgz", {}, "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw=="],
+
+    "@types/d3-color": ["@types/d3-color@3.1.3", "https://registry.npmmirror.com/@types/d3-color/-/d3-color-3.1.3.tgz", {}, "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="],
+
+    "@types/d3-dispatch": ["@types/d3-dispatch@3.0.7", "https://registry.npmmirror.com/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz", {}, "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA=="],
+
+    "@types/d3-dsv": ["@types/d3-dsv@3.0.7", "https://registry.npmmirror.com/@types/d3-dsv/-/d3-dsv-3.0.7.tgz", {}, "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g=="],
+
+    "@types/d3-ease": ["@types/d3-ease@3.0.2", "https://registry.npmmirror.com/@types/d3-ease/-/d3-ease-3.0.2.tgz", {}, "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="],
+
+    "@types/d3-fetch": ["@types/d3-fetch@3.0.7", "https://registry.npmmirror.com/@types/d3-fetch/-/d3-fetch-3.0.7.tgz", { "dependencies": { "@types/d3-dsv": "*" } }, "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA=="],
+
+    "@types/d3-force": ["@types/d3-force@3.0.10", "https://registry.npmmirror.com/@types/d3-force/-/d3-force-3.0.10.tgz", {}, "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw=="],
+
+    "@types/d3-format": ["@types/d3-format@3.0.4", "https://registry.npmmirror.com/@types/d3-format/-/d3-format-3.0.4.tgz", {}, "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g=="],
+
+    "@types/d3-geo": ["@types/d3-geo@3.1.0", "https://registry.npmmirror.com/@types/d3-geo/-/d3-geo-3.1.0.tgz", { "dependencies": { "@types/geojson": "*" } }, "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ=="],
+
+    "@types/d3-hierarchy": ["@types/d3-hierarchy@3.1.7", "https://registry.npmmirror.com/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz", {}, "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg=="],
+
+    "@types/d3-interpolate": ["@types/d3-interpolate@3.0.4", "https://registry.npmmirror.com/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz", { "dependencies": { "@types/d3-color": "*" } }, "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA=="],
+
+    "@types/d3-path": ["@types/d3-path@3.1.1", "https://registry.npmmirror.com/@types/d3-path/-/d3-path-3.1.1.tgz", {}, "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg=="],
+
+    "@types/d3-quadtree": ["@types/d3-quadtree@3.0.6", "https://registry.npmmirror.com/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz", {}, "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg=="],
+
+    "@types/d3-random": ["@types/d3-random@3.0.3", "https://registry.npmmirror.com/@types/d3-random/-/d3-random-3.0.3.tgz", {}, "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ=="],
+
+    "@types/d3-scale": ["@types/d3-scale@4.0.9", "https://registry.npmmirror.com/@types/d3-scale/-/d3-scale-4.0.9.tgz", { "dependencies": { "@types/d3-time": "*" } }, "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw=="],
+
+    "@types/d3-scale-chromatic": ["@types/d3-scale-chromatic@3.1.0", "https://registry.npmmirror.com/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz", {}, "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ=="],
+
+    "@types/d3-shape": ["@types/d3-shape@3.1.8", "https://registry.npmmirror.com/@types/d3-shape/-/d3-shape-3.1.8.tgz", { "dependencies": { "@types/d3-path": "*" } }, "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w=="],
+
+    "@types/d3-time": ["@types/d3-time@3.0.4", "https://registry.npmmirror.com/@types/d3-time/-/d3-time-3.0.4.tgz", {}, "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g=="],
+
+    "@types/d3-timer": ["@types/d3-timer@3.0.2", "https://registry.npmmirror.com/@types/d3-timer/-/d3-timer-3.0.2.tgz", {}, "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="],
+
     "@types/deep-eql": ["@types/deep-eql@4.0.2", "https://registry.npmmirror.com/@types/deep-eql/-/deep-eql-4.0.2.tgz", {}, "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw=="],
 
     "@types/estree": ["@types/estree@1.0.8", "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
+    "@types/geojson": ["@types/geojson@7946.0.16", "https://registry.npmmirror.com/@types/geojson/-/geojson-7946.0.16.tgz", {}, "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="],
+
     "@types/json-schema": ["@types/json-schema@7.0.15", "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
 
     "@types/json5": ["@types/json5@0.0.29", "https://registry.npmmirror.com/@types/json5/-/json5-0.0.29.tgz", {}, "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="],
@@ -551,12 +648,16 @@
 
     "balanced-match": ["balanced-match@1.0.2", "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
+    "base64-arraybuffer": ["base64-arraybuffer@1.0.2", "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz", {}, "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="],
+
     "baseline-browser-mapping": ["baseline-browser-mapping@2.10.19", "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-qCkNLi2sfBOn8XhZQ0FXsT1Ki/Yo5P90hrkRamVFRS7/KV9hpfA4HkoWNU152+8w0zPjnxo5psx5NL3PSGgv5g=="],
 
     "brace-expansion": ["brace-expansion@1.1.14", "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.14.tgz", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g=="],
 
     "browserslist": ["browserslist@4.28.2", "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.2.tgz", { "dependencies": { "baseline-browser-mapping": "^2.10.12", "caniuse-lite": "^1.0.30001782", "electron-to-chromium": "^1.5.328", "node-releases": "^2.0.36", "update-browserslist-db": "^1.2.3" }, "bin": { "browserslist": "cli.js" } }, "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg=="],
 
+    "bubblesets-js": ["bubblesets-js@2.3.4", "https://registry.npmmirror.com/bubblesets-js/-/bubblesets-js-2.3.4.tgz", {}, "sha512-DyMjHmpkS2+xcFNtyN00apJYL3ESdp9fTrkDr5+9Qg/GPqFmcWgGsK1akZnttE1XFxJ/VMy4DNNGMGYtmFp1Sg=="],
+
     "cac": ["cac@6.7.14", "https://registry.npmmirror.com/cac/-/cac-6.7.14.tgz", {}, "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ=="],
 
     "call-bind": ["call-bind@1.0.9", "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.9.tgz", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "get-intrinsic": "^1.3.0", "set-function-length": "^1.2.2" } }, "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ=="],
@@ -567,6 +668,8 @@
 
     "callsites": ["callsites@3.1.0", "https://registry.npmmirror.com/callsites/-/callsites-3.1.0.tgz", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
 
+    "camelize": ["camelize@1.0.1", "https://registry.npmmirror.com/camelize/-/camelize-1.0.1.tgz", {}, "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ=="],
+
     "caniuse-lite": ["caniuse-lite@1.0.30001788", "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz", {}, "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ=="],
 
     "chai": ["chai@5.3.3", "https://registry.npmmirror.com/chai/-/chai-5.3.3.tgz", { "dependencies": { "assertion-error": "^2.0.1", "check-error": "^2.1.1", "deep-eql": "^5.0.1", "loupe": "^3.1.0", "pathval": "^2.0.0" } }, "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw=="],
@@ -587,6 +690,12 @@
 
     "color-name": ["color-name@1.1.4", "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
 
+    "color-string": ["color-string@1.9.1", "https://registry.npmmirror.com/color-string/-/color-string-1.9.1.tgz", { "dependencies": { "color-name": "^1.0.0", "simple-swizzle": "^0.2.2" } }, "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg=="],
+
+    "comlink": ["comlink@4.4.2", "https://registry.npmmirror.com/comlink/-/comlink-4.4.2.tgz", {}, "sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g=="],
+
+    "commander": ["commander@7.2.0", "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
+
     "compute-scroll-into-view": ["compute-scroll-into-view@3.1.1", "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz", {}, "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw=="],
 
     "concat-map": ["concat-map@0.0.1", "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
@@ -597,12 +706,70 @@
 
     "cross-spawn": ["cross-spawn@7.0.6", "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
+    "css-color-keywords": ["css-color-keywords@1.0.0", "https://registry.npmmirror.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz", {}, "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg=="],
+
+    "css-line-break": ["css-line-break@2.1.0", "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz", { "dependencies": { "utrie": "^1.0.2" } }, "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w=="],
+
+    "css-to-react-native": ["css-to-react-native@3.2.0", "https://registry.npmmirror.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz", { "dependencies": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", "postcss-value-parser": "^4.0.2" } }, "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ=="],
+
     "css.escape": ["css.escape@1.5.1", "https://registry.npmmirror.com/css.escape/-/css.escape-1.5.1.tgz", {}, "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg=="],
 
     "cssstyle": ["cssstyle@4.6.0", "https://registry.npmmirror.com/cssstyle/-/cssstyle-4.6.0.tgz", { "dependencies": { "@asamuzakjp/css-color": "^3.2.0", "rrweb-cssom": "^0.8.0" } }, "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg=="],
 
     "csstype": ["csstype@3.2.3", "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
 
+    "d3-array": ["d3-array@3.2.4", "https://registry.npmmirror.com/d3-array/-/d3-array-3.2.4.tgz", { "dependencies": { "internmap": "1 - 2" } }, "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg=="],
+
+    "d3-binarytree": ["d3-binarytree@1.0.2", "https://registry.npmmirror.com/d3-binarytree/-/d3-binarytree-1.0.2.tgz", {}, "sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw=="],
+
+    "d3-color": ["d3-color@3.1.0", "https://registry.npmmirror.com/d3-color/-/d3-color-3.1.0.tgz", {}, "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="],
+
+    "d3-dispatch": ["d3-dispatch@3.0.1", "https://registry.npmmirror.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz", {}, "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="],
+
+    "d3-dsv": ["d3-dsv@3.0.1", "https://registry.npmmirror.com/d3-dsv/-/d3-dsv-3.0.1.tgz", { "dependencies": { "commander": "7", "iconv-lite": "0.6", "rw": "1" }, "bin": { "csv2json": "bin/dsv2json.js", "csv2tsv": "bin/dsv2dsv.js", "dsv2dsv": "bin/dsv2dsv.js", "dsv2json": "bin/dsv2json.js", "json2csv": "bin/json2dsv.js", "json2dsv": "bin/json2dsv.js", "json2tsv": "bin/json2dsv.js", "tsv2csv": "bin/dsv2dsv.js", "tsv2json": "bin/dsv2json.js" } }, "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q=="],
+
+    "d3-ease": ["d3-ease@3.0.1", "https://registry.npmmirror.com/d3-ease/-/d3-ease-3.0.1.tgz", {}, "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="],
+
+    "d3-fetch": ["d3-fetch@3.0.1", "https://registry.npmmirror.com/d3-fetch/-/d3-fetch-3.0.1.tgz", { "dependencies": { "d3-dsv": "1 - 3" } }, "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw=="],
+
+    "d3-force": ["d3-force@3.0.0", "https://registry.npmmirror.com/d3-force/-/d3-force-3.0.0.tgz", { "dependencies": { "d3-dispatch": "1 - 3", "d3-quadtree": "1 - 3", "d3-timer": "1 - 3" } }, "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg=="],
+
+    "d3-force-3d": ["d3-force-3d@3.0.6", "https://registry.npmmirror.com/d3-force-3d/-/d3-force-3d-3.0.6.tgz", { "dependencies": { "d3-binarytree": "1", "d3-dispatch": "1 - 3", "d3-octree": "1", "d3-quadtree": "1 - 3", "d3-timer": "1 - 3" } }, "sha512-4tsKHUPLOVkyfEffZo1v6sFHvGFwAIIjt/W8IThbp08DYAsXZck+2pSHEG5W1+gQgEvFLdZkYvmJAbRM2EzMnA=="],
+
+    "d3-format": ["d3-format@3.1.2", "https://registry.npmmirror.com/d3-format/-/d3-format-3.1.2.tgz", {}, "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg=="],
+
+    "d3-geo": ["d3-geo@3.1.1", "https://registry.npmmirror.com/d3-geo/-/d3-geo-3.1.1.tgz", { "dependencies": { "d3-array": "2.5.0 - 3" } }, "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q=="],
+
+    "d3-geo-projection": ["d3-geo-projection@4.0.0", "https://registry.npmmirror.com/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz", { "dependencies": { "commander": "7", "d3-array": "1 - 3", "d3-geo": "1.12.0 - 3" }, "bin": { "geo2svg": "bin/geo2svg.js", "geograticule": "bin/geograticule.js", "geoproject": "bin/geoproject.js", "geoquantize": "bin/geoquantize.js", "geostitch": "bin/geostitch.js" } }, "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg=="],
+
+    "d3-hierarchy": ["d3-hierarchy@3.1.2", "https://registry.npmmirror.com/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz", {}, "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="],
+
+    "d3-interpolate": ["d3-interpolate@3.0.1", "https://registry.npmmirror.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz", { "dependencies": { "d3-color": "1 - 3" } }, "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g=="],
+
+    "d3-octree": ["d3-octree@1.1.0", "https://registry.npmmirror.com/d3-octree/-/d3-octree-1.1.0.tgz", {}, "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A=="],
+
+    "d3-path": ["d3-path@3.1.0", "https://registry.npmmirror.com/d3-path/-/d3-path-3.1.0.tgz", {}, "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="],
+
+    "d3-quadtree": ["d3-quadtree@3.0.1", "https://registry.npmmirror.com/d3-quadtree/-/d3-quadtree-3.0.1.tgz", {}, "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="],
+
+    "d3-random": ["d3-random@3.0.1", "https://registry.npmmirror.com/d3-random/-/d3-random-3.0.1.tgz", {}, "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="],
+
+    "d3-regression": ["d3-regression@1.3.10", "https://registry.npmmirror.com/d3-regression/-/d3-regression-1.3.10.tgz", {}, "sha512-PF8GWEL70cHHWpx2jUQXc68r1pyPHIA+St16muk/XRokETzlegj5LriNKg7o4LR0TySug4nHYPJNNRz/W+/Niw=="],
+
+    "d3-scale": ["d3-scale@4.0.2", "https://registry.npmmirror.com/d3-scale/-/d3-scale-4.0.2.tgz", { "dependencies": { "d3-array": "2.10.0 - 3", "d3-format": "1 - 3", "d3-interpolate": "1.2.0 - 3", "d3-time": "2.1.1 - 3", "d3-time-format": "2 - 4" } }, "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ=="],
+
+    "d3-scale-chromatic": ["d3-scale-chromatic@3.1.0", "https://registry.npmmirror.com/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz", { "dependencies": { "d3-color": "1 - 3", "d3-interpolate": "1 - 3" } }, "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ=="],
+
+    "d3-shape": ["d3-shape@3.2.0", "https://registry.npmmirror.com/d3-shape/-/d3-shape-3.2.0.tgz", { "dependencies": { "d3-path": "^3.1.0" } }, "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA=="],
+
+    "d3-time": ["d3-time@3.1.0", "https://registry.npmmirror.com/d3-time/-/d3-time-3.1.0.tgz", { "dependencies": { "d3-array": "2 - 3" } }, "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q=="],
+
+    "d3-time-format": ["d3-time-format@4.1.0", "https://registry.npmmirror.com/d3-time-format/-/d3-time-format-4.1.0.tgz", { "dependencies": { "d3-time": "1 - 3" } }, "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg=="],
+
+    "d3-timer": ["d3-timer@3.0.1", "https://registry.npmmirror.com/d3-timer/-/d3-timer-3.0.1.tgz", {}, "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="],
+
+    "dagre": ["dagre@0.8.5", "https://registry.npmmirror.com/dagre/-/dagre-0.8.5.tgz", { "dependencies": { "graphlib": "^2.1.8", "lodash": "^4.17.15" } }, "sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw=="],
+
     "data-urls": ["data-urls@5.0.0", "https://registry.npmmirror.com/data-urls/-/data-urls-5.0.0.tgz", { "dependencies": { "whatwg-mimetype": "^4.0.0", "whatwg-url": "^14.0.0" } }, "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg=="],
 
     "data-view-buffer": ["data-view-buffer@1.0.2", "https://registry.npmmirror.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-data-view": "^1.0.2" } }, "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ=="],
@@ -693,6 +860,8 @@
 
     "esutils": ["esutils@2.0.3", "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
 
+    "eventemitter3": ["eventemitter3@5.0.4", "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.4.tgz", {}, "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw=="],
+
     "expect-type": ["expect-type@1.3.0", "https://registry.npmmirror.com/expect-type/-/expect-type-1.3.0.tgz", {}, "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA=="],
 
     "fast-deep-equal": ["fast-deep-equal@3.1.3", "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
@@ -703,6 +872,8 @@
 
     "fdir": ["fdir@6.5.0", "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
 
+    "fecha": ["fecha@4.2.3", "https://registry.npmmirror.com/fecha/-/fecha-4.2.3.tgz", {}, "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw=="],
+
     "file-entry-cache": ["file-entry-cache@8.0.0", "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="],
 
     "find-up": ["find-up@5.0.0", "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz", { "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng=="],
@@ -711,6 +882,8 @@
 
     "flatted": ["flatted@3.4.2", "https://registry.npmmirror.com/flatted/-/flatted-3.4.2.tgz", {}, "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA=="],
 
+    "flru": ["flru@1.0.2", "https://registry.npmmirror.com/flru/-/flru-1.0.2.tgz", {}, "sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog=="],
+
     "for-each": ["for-each@0.3.5", "https://registry.npmmirror.com/for-each/-/for-each-0.3.5.tgz", { "dependencies": { "is-callable": "^1.2.7" } }, "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg=="],
 
     "foreground-child": ["foreground-child@3.3.1", "https://registry.npmmirror.com/foreground-child/-/foreground-child-3.3.1.tgz", { "dependencies": { "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" } }, "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw=="],
@@ -735,6 +908,8 @@
 
     "get-symbol-description": ["get-symbol-description@1.1.0", "https://registry.npmmirror.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6" } }, "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg=="],
 
+    "gl-matrix": ["gl-matrix@3.4.4", "https://registry.npmmirror.com/gl-matrix/-/gl-matrix-3.4.4.tgz", {}, "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ=="],
+
     "glob": ["glob@10.5.0", "https://registry.npmmirror.com/glob/-/glob-10.5.0.tgz", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": { "glob": "dist/esm/bin.mjs" } }, "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg=="],
 
     "glob-parent": ["glob-parent@6.0.2", "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
@@ -745,6 +920,8 @@
 
     "gopd": ["gopd@1.2.0", "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz", {}, "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="],
 
+    "graphlib": ["graphlib@2.1.8", "https://registry.npmmirror.com/graphlib/-/graphlib-2.1.8.tgz", { "dependencies": { "lodash": "^4.17.15" } }, "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A=="],
+
     "graphql": ["graphql@16.13.2", "https://registry.npmmirror.com/graphql/-/graphql-16.13.2.tgz", {}, "sha512-5bJ+nf/UCpAjHM8i06fl7eLyVC9iuNAjm9qzkiu2ZGhM0VscSvS6WDPfAwkdkBuoXGM9FJSbKl6wylMwP9Ktig=="],
 
     "happy-dom": ["happy-dom@20.9.0", "https://registry.npmmirror.com/happy-dom/-/happy-dom-20.9.0.tgz", { "dependencies": { "@types/node": ">=20.0.0", "@types/whatwg-mimetype": "^3.0.2", "@types/ws": "^8.18.1", "entities": "^7.0.1", "whatwg-mimetype": "^3.0.0", "ws": "^8.18.3" } }, "sha512-GZZ9mKe8r646NUAf/zemnGbjYh4Bt8/MqASJY+pSm5ZDtc3YQox+4gsLI7yi1hba6o+eCsGxpHn5+iEVn31/FQ=="],
@@ -773,6 +950,8 @@
 
     "html-escaper": ["html-escaper@2.0.2", "https://registry.npmmirror.com/html-escaper/-/html-escaper-2.0.2.tgz", {}, "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg=="],
 
+    "html2canvas": ["html2canvas@1.4.1", "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz", { "dependencies": { "css-line-break": "^2.1.0", "text-segmentation": "^1.0.3" } }, "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA=="],
+
     "http-proxy-agent": ["http-proxy-agent@7.0.2", "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", { "dependencies": { "agent-base": "^7.1.0", "debug": "^4.3.4" } }, "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig=="],
 
     "https-proxy-agent": ["https-proxy-agent@7.0.6", "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
@@ -791,8 +970,14 @@
 
     "internal-slot": ["internal-slot@1.1.0", "https://registry.npmmirror.com/internal-slot/-/internal-slot-1.1.0.tgz", { "dependencies": { "es-errors": "^1.3.0", "hasown": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw=="],
 
+    "internmap": ["internmap@2.0.3", "https://registry.npmmirror.com/internmap/-/internmap-2.0.3.tgz", {}, "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="],
+
+    "is-any-array": ["is-any-array@3.0.0", "https://registry.npmmirror.com/is-any-array/-/is-any-array-3.0.0.tgz", {}, "sha512-o4h+tylWykC4BD1vaejp6gDxoM13bwW8FGuNs4yIKpj8xbBJcRxJx8vZpq0dCr7ZDEfeKjmsi/euolKhX6f/ww=="],
+
     "is-array-buffer": ["is-array-buffer@3.0.5", "https://registry.npmmirror.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],
 
+    "is-arrayish": ["is-arrayish@0.3.4", "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.3.4.tgz", {}, "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA=="],
+
     "is-async-function": ["is-async-function@2.1.1", "https://registry.npmmirror.com/is-async-function/-/is-async-function-2.1.1.tgz", { "dependencies": { "async-function": "^1.0.0", "call-bound": "^1.0.3", "get-proto": "^1.0.1", "has-tostringtag": "^1.0.2", "safe-regex-test": "^1.1.0" } }, "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ=="],
 
     "is-bigint": ["is-bigint@1.1.0", "https://registry.npmmirror.com/is-bigint/-/is-bigint-1.1.0.tgz", { "dependencies": { "has-bigints": "^1.0.2" } }, "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ=="],
@@ -909,6 +1094,8 @@
 
     "locate-path": ["locate-path@6.0.0", "https://registry.npmmirror.com/locate-path/-/locate-path-6.0.0.tgz", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
 
+    "lodash": ["lodash@4.18.1", "https://registry.npmmirror.com/lodash/-/lodash-4.18.1.tgz", {}, "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q=="],
+
     "lodash.merge": ["lodash.merge@4.6.2", "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
 
     "loupe": ["loupe@3.2.1", "https://registry.npmmirror.com/loupe/-/loupe-3.2.1.tgz", {}, "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ=="],
@@ -933,6 +1120,14 @@
 
     "minipass": ["minipass@7.1.3", "https://registry.npmmirror.com/minipass/-/minipass-7.1.3.tgz", {}, "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A=="],
 
+    "ml-array-max": ["ml-array-max@2.0.0", "https://registry.npmmirror.com/ml-array-max/-/ml-array-max-2.0.0.tgz", { "dependencies": { "is-any-array": "^3.0.0" } }, "sha512-QQZ4kENwpWmyNb98UXRDFXrmtIXuXtt1+bSbda/2KA85+F+rrJP8hZk6QOkCQXM2Th9mUDYdq/PNByPdT9ID4A=="],
+
+    "ml-array-min": ["ml-array-min@2.0.0", "https://registry.npmmirror.com/ml-array-min/-/ml-array-min-2.0.0.tgz", { "dependencies": { "is-any-array": "^3.0.0" } }, "sha512-GRj6Ky6sW9vGL6yIjgsHmXZ9YgrdmcQ8nCxPqEGeKc6dkfYg1XDYxGFxADUjNuZyoCd5PUscWAS4N+cFaX6hFg=="],
+
+    "ml-array-rescale": ["ml-array-rescale@2.0.0", "https://registry.npmmirror.com/ml-array-rescale/-/ml-array-rescale-2.0.0.tgz", { "dependencies": { "is-any-array": "^3.0.0", "ml-array-max": "^2.0.0", "ml-array-min": "^2.0.0" } }, "sha512-2GGtKfSno94/kIloWGvpp/U5Q5vLvLrza+SAaGsLeo6Xj4mEbA6Gqx+oTfZFkxnd1grT2X007HfJNs3T5BsiVg=="],
+
+    "ml-matrix": ["ml-matrix@6.12.2", "https://registry.npmmirror.com/ml-matrix/-/ml-matrix-6.12.2.tgz", { "dependencies": { "is-any-array": "^3.0.0", "ml-array-rescale": "^2.0.0" } }, "sha512-GC+BnW+pBh8Auap8goAxY0senAmF0IEoc3HNVSfnfbvGw0buuDIYb9kAKMS1l+GiwJ1rfK2bzJ8IHhwjzATSFA=="],
+
     "ms": ["ms@2.1.3", "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
 
     "msw": ["msw@2.13.3", "https://registry.npmmirror.com/msw/-/msw-2.13.3.tgz", { "dependencies": { "@inquirer/confirm": "^5.0.0", "@mswjs/interceptors": "^0.41.2", "@open-draft/deferred-promise": "^2.2.0", "@types/statuses": "^2.0.6", "cookie": "^1.0.2", "graphql": "^16.12.0", "headers-polyfill": "^4.0.2", "is-node-process": "^1.2.0", "outvariant": "^1.4.3", "path-to-regexp": "^6.3.0", "picocolors": "^1.1.1", "rettime": "^0.11.7", "statuses": "^2.0.2", "strict-event-emitter": "^0.5.1", "tough-cookie": "^6.0.0", "type-fest": "^5.2.0", "until-async": "^3.0.2", "yargs": "^17.7.2" }, "peerDependencies": { "typescript": ">= 4.8.x" }, "optionalPeers": ["typescript"], "bin": { "msw": "cli/index.js" } }, "sha512-/F49bxavkNGfreMlrKmTxZs6YorjfMbbDLd89Q3pWi+cXGtQQNXXaHt4MkXN7li91xnQJ24HWXqW9QDm5id33w=="],
@@ -995,6 +1190,8 @@
 
     "pathval": ["pathval@2.0.1", "https://registry.npmmirror.com/pathval/-/pathval-2.0.1.tgz", {}, "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ=="],
 
+    "pdfast": ["pdfast@0.2.0", "https://registry.npmmirror.com/pdfast/-/pdfast-0.2.0.tgz", {}, "sha512-cq6TTu6qKSFUHwEahi68k/kqN2mfepjkGrG9Un70cgdRRKLKY6Rf8P8uvP2NvZktaQZNF3YE7agEkLj0vGK9bA=="],
+
     "picocolors": ["picocolors@1.1.1", "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "picomatch": ["picomatch@4.0.4", "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
@@ -1007,6 +1204,8 @@
 
     "postcss": ["postcss@8.5.9", "https://registry.npmmirror.com/postcss/-/postcss-8.5.9.tgz", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw=="],
 
+    "postcss-value-parser": ["postcss-value-parser@4.2.0", "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", {}, "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="],
+
     "prelude-ls": ["prelude-ls@1.2.1", "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
     "pretty-format": ["pretty-format@27.5.1", "https://registry.npmmirror.com/pretty-format/-/pretty-format-27.5.1.tgz", { "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", "react-is": "^17.0.1" } }, "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ=="],
@@ -1043,6 +1242,8 @@
 
     "rrweb-cssom": ["rrweb-cssom@0.8.0", "https://registry.npmmirror.com/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz", {}, "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw=="],
 
+    "rw": ["rw@1.3.3", "https://registry.npmmirror.com/rw/-/rw-1.3.3.tgz", {}, "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="],
+
     "safe-array-concat": ["safe-array-concat@1.1.3", "https://registry.npmmirror.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "get-intrinsic": "^1.2.6", "has-symbols": "^1.1.0", "isarray": "^2.0.5" } }, "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q=="],
 
     "safe-push-apply": ["safe-push-apply@1.0.0", "https://registry.npmmirror.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz", { "dependencies": { "es-errors": "^1.3.0", "isarray": "^2.0.5" } }, "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA=="],
@@ -1085,6 +1286,8 @@
 
     "signal-exit": ["signal-exit@4.1.0", "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
 
+    "simple-swizzle": ["simple-swizzle@0.2.4", "https://registry.npmmirror.com/simple-swizzle/-/simple-swizzle-0.2.4.tgz", { "dependencies": { "is-arrayish": "^0.3.1" } }, "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw=="],
+
     "source-map-js": ["source-map-js@1.2.1", "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
 
     "stackback": ["stackback@0.0.2", "https://registry.npmmirror.com/stackback/-/stackback-0.0.2.tgz", {}, "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw=="],
@@ -1121,18 +1324,24 @@
 
     "strip-literal": ["strip-literal@3.1.0", "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.1.0.tgz", { "dependencies": { "js-tokens": "^9.0.1" } }, "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg=="],
 
+    "styled-components": ["styled-components@6.4.0", "https://registry.npmmirror.com/styled-components/-/styled-components-6.4.0.tgz", { "dependencies": { "@emotion/is-prop-valid": "1.4.0", "css-to-react-native": "3.2.0", "csstype": "3.2.3", "stylis": "4.3.6" }, "peerDependencies": { "react": ">= 16.8.0", "react-dom": ">= 16.8.0", "react-native": ">= 0.68.0" }, "optionalPeers": ["react-dom", "react-native"] }, "sha512-BL1EDFpt+q10eAeZB0q9ps6pSlPejaBQWBkiuM16pyoVTG4NhZrPrZK0cqNbrozxSsYwUsJ9SQYN6NyeKJYX9A=="],
+
     "stylis": ["stylis@4.3.6", "https://registry.npmmirror.com/stylis/-/stylis-4.3.6.tgz", {}, "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ=="],
 
     "supports-color": ["supports-color@7.2.0", "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
 
     "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
 
+    "svg-path-parser": ["svg-path-parser@1.1.0", "https://registry.npmmirror.com/svg-path-parser/-/svg-path-parser-1.1.0.tgz", {}, "sha512-jGCUqcQyXpfe38R7RFfhrMyfXcBmpMNJI/B+4CE9/Unkh98UporAc461GTthv+TVDuZXsBx7/WiwJb1Oh4tt4A=="],
+
     "symbol-tree": ["symbol-tree@3.2.4", "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz", {}, "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="],
 
     "tagged-tag": ["tagged-tag@1.0.0", "https://registry.npmmirror.com/tagged-tag/-/tagged-tag-1.0.0.tgz", {}, "sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng=="],
 
     "test-exclude": ["test-exclude@7.0.2", "https://registry.npmmirror.com/test-exclude/-/test-exclude-7.0.2.tgz", { "dependencies": { "@istanbuljs/schema": "^0.1.2", "glob": "^10.4.1", "minimatch": "^10.2.2" } }, "sha512-u9E6A+ZDYdp7a4WnarkXPZOx8Ilz46+kby6p1yZ8zsGTz9gYa6FIS7lj2oezzNKmtdyyJNNmmXDppga5GB7kSw=="],
 
+    "text-segmentation": ["text-segmentation@1.0.3", "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz", { "dependencies": { "utrie": "^1.0.2" } }, "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw=="],
+
     "throttle-debounce": ["throttle-debounce@5.0.2", "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-5.0.2.tgz", {}, "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A=="],
 
     "tinybench": ["tinybench@2.9.0", "https://registry.npmmirror.com/tinybench/-/tinybench-2.9.0.tgz", {}, "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg=="],
@@ -1187,6 +1396,8 @@
 
     "uri-js": ["uri-js@4.4.1", "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
 
+    "utrie": ["utrie@1.0.2", "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz", { "dependencies": { "base64-arraybuffer": "^1.0.2" } }, "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw=="],
+
     "vite": ["vite@8.0.8", "https://registry.npmmirror.com/vite/-/vite-8.0.8.tgz", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.4", "postcss": "^8.5.8", "rolldown": "1.0.0-rc.15", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.1.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw=="],
 
     "vite-node": ["vite-node@3.2.4", "https://registry.npmmirror.com/vite-node/-/vite-node-3.2.4.tgz", { "dependencies": { "cac": "^6.7.14", "debug": "^4.4.1", "es-module-lexer": "^1.7.0", "pathe": "^2.0.3", "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0" }, "bin": { "vite-node": "vite-node.mjs" } }, "sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg=="],
@@ -1243,6 +1454,16 @@
 
     "zod-validation-error": ["zod-validation-error@4.0.2", "https://registry.npmmirror.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ=="],
 
+    "@ant-design/plots/@ant-design/charts-util": ["@ant-design/charts-util@0.0.3", "https://registry.npmmirror.com/@ant-design/charts-util/-/charts-util-0.0.3.tgz", { "dependencies": { "lodash": "^4.17.21" }, "peerDependencies": { "react": ">=16.8.4", "react-dom": ">=16.8.4" } }, "sha512-x1H7UT6t4dXAyGRoHqlOnEsEqBSTANFGTZEAMI0CWYhYUpp13n0o9grl9oPtoL6FEQMjUBTY+zGJKlHkz8smMw=="],
+
+    "@antv/algorithm/@antv/util": ["@antv/util@2.0.17", "https://registry.npmmirror.com/@antv/util/-/util-2.0.17.tgz", { "dependencies": { "csstype": "^3.0.8", "tslib": "^2.0.3" } }, "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q=="],
+
+    "@antv/component/@antv/scale": ["@antv/scale@0.4.16", "https://registry.npmmirror.com/@antv/scale/-/scale-0.4.16.tgz", { "dependencies": { "@antv/util": "^3.3.7", "color-string": "^1.5.5", "fecha": "^4.2.1" } }, "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw=="],
+
+    "@antv/coord/@antv/scale": ["@antv/scale@0.4.16", "https://registry.npmmirror.com/@antv/scale/-/scale-0.4.16.tgz", { "dependencies": { "@antv/util": "^3.3.7", "color-string": "^1.5.5", "fecha": "^4.2.1" } }, "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw=="],
+
+    "@antv/coord/@antv/util": ["@antv/util@2.0.17", "https://registry.npmmirror.com/@antv/util/-/util-2.0.17.tgz", { "dependencies": { "csstype": "^3.0.8", "tslib": "^2.0.3" } }, "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q=="],
+
     "@asamuzakjp/css-color/lru-cache": ["lru-cache@10.4.3", "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz", {}, "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="],
 
     "@babel/code-frame/js-tokens": ["js-tokens@4.0.0", "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
@@ -1309,6 +1530,8 @@
 
     "vitest/vite": ["vite@7.3.2", "https://registry.npmmirror.com/vite/-/vite-7.3.2.tgz", { "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg=="],
 
+    "@antv/coord/@antv/scale/@antv/util": ["@antv/util@3.3.11", "https://registry.npmmirror.com/@antv/util/-/util-3.3.11.tgz", { "dependencies": { "fast-deep-equal": "^3.1.3", "gl-matrix": "^3.3.0", "tslib": "^2.3.1" } }, "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg=="],
+
     "@isaacs/cliui/string-width/emoji-regex": ["emoji-regex@9.2.2", "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-9.2.2.tgz", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
 
     "@isaacs/cliui/strip-ansi/ansi-regex": ["ansi-regex@6.2.2", "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.2.2.tgz", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],

frontend/e2e/providers.spec.ts

@@ -28,11 +28,11 @@ test.describe('供应商管理', () => {
     await expect(page.getByRole('button', { name: '添加供应商' })).toBeVisible();
   });
 
-  test('应通过顶部导航切换页面', async ({ page }) => {
+  test('应通过侧边栏导航切换页面', async ({ page }) => {
-    await page.getByText('用量统计').click();
+    await page.locator('.ant-layout-sider').getByText('用量统计').click();
     await expect(page.getByRole('heading', { name: '用量统计' })).toBeVisible();
 
-    await page.getByText('供应商管理').click();
+    await page.locator('.ant-layout-sider').getByText('供应商管理').click();
     await expect(page.getByRole('heading', { name: '供应商管理' })).toBeVisible();
   });
 

frontend/e2e/sidebar.spec.ts

@@ -0,0 +1,65 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('侧边栏导航', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/providers');
+  });
+
+  test('应显示侧边栏', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    await expect(sider).toBeVisible();
+  });
+
+  test('应显示应用名称', async ({ page }) => {
+    await expect(page.locator('.ant-layout-sider').getByText('AI Gateway')).toBeVisible();
+  });
+
+  test('应显示导航菜单项', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    await expect(sider.getByText('供应商管理')).toBeVisible();
+    await expect(sider.getByText('用量统计')).toBeVisible();
+  });
+
+  test('应能折叠和展开侧边栏', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    const trigger = page.locator('.ant-layout-sider-trigger');
+
+    await expect(sider).toBeVisible();
+
+    await trigger.click();
+    await page.waitForTimeout(300);
+
+    await trigger.click();
+    await page.waitForTimeout(300);
+
+    await expect(sider).toBeVisible();
+  });
+
+  test('折叠时应只显示图标', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    const trigger = page.locator('.ant-layout-sider-trigger');
+
+    await trigger.click();
+    await page.waitForTimeout(300);
+
+    const collapsedSider = page.locator('.ant-layout-sider-collapsed');
+    await expect(collapsedSider).toBeVisible();
+  });
+
+  test('应显示主题切换按钮', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    const themeButton = sider.getByRole('button').filter({ has: page.getByRole('img', { name: 'moon' }) });
+    await expect(themeButton).toBeVisible();
+  });
+
+  test('应能通过主题切换按钮切换主题', async ({ page }) => {
+    const sider = page.locator('.ant-layout-sider');
+    const themeButton = sider.getByRole('button').filter({ has: page.getByRole('img', { name: 'moon' }) });
+
+    await themeButton.click();
+    await page.waitForTimeout(300);
+
+    const lightButton = sider.getByRole('button').filter({ has: page.getByRole('img', { name: 'sun' }) });
+    await expect(lightButton).toBeVisible();
+  });
+});

frontend/e2e/stats-cards.spec.ts

@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('统计摘要卡片', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/stats');
+    await expect(page.getByRole('heading', { name: '用量统计' })).toBeVisible();
+  });
+
+  test('应显示统计摘要卡片', async ({ page }) => {
+    await expect(page.getByText('总请求量')).toBeVisible();
+    await expect(page.getByText('活跃模型数')).toBeVisible();
+    await expect(page.getByText('活跃供应商数')).toBeVisible();
+    await expect(page.getByText('今日请求量')).toBeVisible();
+  });
+
+  test('应显示请求趋势图表', async ({ page }) => {
+    await expect(page.getByText('请求趋势')).toBeVisible();
+  });
+
+  test('应显示统计数据表格', async ({ page }) => {
+    await expect(page.getByText('统计数据')).toBeVisible();
+  });
+
+  test('统计卡片应显示数值', async ({ page }) => {
+    await page.waitForTimeout(1000);
+
+    const cards = page.locator('.ant-card');
+    const count = await cards.count();
+    expect(count).toBeGreaterThan(0);
+  });
+
+  test('应显示筛选栏', async ({ page }) => {
+    await expect(page.getByPlaceholder('所有供应商')).toBeVisible();
+    await expect(page.getByPlaceholder('模型名称')).toBeVisible();
+  });
+});

frontend/package.json

@@ -14,6 +14,7 @@
     "test:e2e": "playwright test"
   },
   "dependencies": {
+    "@ant-design/charts": "^2.6.7",
     "@ant-design/icons": "^6.1.1",
     "@tanstack/react-query": "^5.80.2",
     "antd": "^6.3.5",

frontend/src/__tests__/components/AppLayout.test.tsx

@@ -0,0 +1,53 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { BrowserRouter } from 'react-router';
+import { AppLayout } from '@/components/AppLayout';
+
+vi.mock('@/contexts/ThemeContext', () => ({
+  useTheme: vi.fn(() => ({ mode: 'light', toggleTheme: vi.fn() })),
+}));
+
+const renderWithRouter = (component: React.ReactNode) => {
+  return render(<BrowserRouter>{component}</BrowserRouter>);
+};
+
+describe('AppLayout', () => {
+  it('renders sidebar with app name', () => {
+    renderWithRouter(<AppLayout />);
+
+    const appNames = screen.getAllByText('AI Gateway');
+    expect(appNames.length).toBeGreaterThan(0);
+  });
+
+  it('renders navigation menu items', () => {
+    renderWithRouter(<AppLayout />);
+
+    expect(screen.getByText('供应商管理')).toBeInTheDocument();
+    expect(screen.getByText('用量统计')).toBeInTheDocument();
+  });
+
+  it('renders theme toggle button', () => {
+    renderWithRouter(<AppLayout />);
+
+    const themeButton = screen.getByRole('button', { name: 'moon' });
+    expect(themeButton).toBeInTheDocument();
+  });
+
+  it('renders content outlet', () => {
+    const { container } = renderWithRouter(<AppLayout />);
+
+    expect(container.querySelector('.ant-layout-content')).toBeInTheDocument();
+  });
+
+  it('renders sidebar', () => {
+    const { container } = renderWithRouter(<AppLayout />);
+
+    expect(container.querySelector('.ant-layout-sider')).toBeInTheDocument();
+  });
+
+  it('renders header with page title', () => {
+    const { container } = renderWithRouter(<AppLayout />);
+
+    expect(container.querySelector('.ant-layout-header')).toBeInTheDocument();
+  });
+});

frontend/src/__tests__/components/ProviderTable.test.tsx

@@ -65,6 +65,14 @@ describe('ProviderTable', () => {
     expect(disabledTags.length).toBeGreaterThanOrEqual(1);
   });
 
+  it('renders within a Card component', () => {
+    const { container } = render(<ProviderTable {...defaultProps} />);
+
+    expect(container.querySelector('.ant-card')).toBeInTheDocument();
+    expect(container.querySelector('.ant-card-head')).toBeInTheDocument();
+    expect(container.querySelector('.ant-card-body')).toBeInTheDocument();
+  });
+
   it('renders short api keys fully masked', () => {
     const shortKeyProvider: Provider[] = [
       {

frontend/src/__tests__/components/StatCards.test.tsx

@@ -0,0 +1,91 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { StatCards } from '@/pages/Stats/StatCards';
+import type { UsageStats } from '@/types';
+
+const mockStats: UsageStats[] = [
+  {
+    id: '1',
+    providerId: 'openai',
+    modelName: 'gpt-4o',
+    requestCount: 100,
+    date: '2024-01-01',
+  },
+  {
+    id: '2',
+    providerId: 'openai',
+    modelName: 'gpt-3.5-turbo',
+    requestCount: 200,
+    date: '2024-01-01',
+  },
+  {
+    id: '3',
+    providerId: 'anthropic',
+    modelName: 'claude-3',
+    requestCount: 150,
+    date: '2024-01-02',
+  },
+];
+
+describe('StatCards', () => {
+  it('renders all statistic cards', () => {
+    render(<StatCards stats={mockStats} />);
+
+    expect(screen.getByText('总请求量')).toBeInTheDocument();
+    expect(screen.getByText('活跃模型数')).toBeInTheDocument();
+    expect(screen.getByText('活跃供应商数')).toBeInTheDocument();
+    expect(screen.getByText('今日请求量')).toBeInTheDocument();
+  });
+
+  it('calculates total requests correctly', () => {
+    render(<StatCards stats={mockStats} />);
+
+    const totalRequests = mockStats.reduce((sum, s) => sum + s.requestCount, 0);
+    expect(screen.getByText(totalRequests.toString())).toBeInTheDocument();
+  });
+
+  it('calculates active models correctly', () => {
+    render(<StatCards stats={mockStats} />);
+
+    const activeModels = new Set(mockStats.map((s) => s.modelName)).size;
+    const valueElements = screen.getAllByText(activeModels.toString());
+    expect(valueElements.length).toBeGreaterThan(0);
+  });
+
+  it('calculates active providers correctly', () => {
+    render(<StatCards stats={mockStats} />);
+
+    const activeProviders = new Set(mockStats.map((s) => s.providerId)).size;
+    const valueElements = screen.getAllByText(activeProviders.toString());
+    expect(valueElements.length).toBeGreaterThan(0);
+  });
+
+  it('renders with empty stats', () => {
+    render(<StatCards stats={[]} />);
+
+    expect(screen.getByText('总请求量')).toBeInTheDocument();
+    const zeroValues = screen.getAllByText('0');
+    expect(zeroValues.length).toBeGreaterThan(0);
+  });
+
+  it('calculates today requests correctly', () => {
+    const today = new Date().toISOString().split('T')[0];
+    const statsWithToday: UsageStats[] = [
+      ...mockStats,
+      {
+        id: '4',
+        providerId: 'openai',
+        modelName: 'gpt-4o',
+        requestCount: 50,
+        date: today,
+      },
+    ];
+
+    render(<StatCards stats={statsWithToday} />);
+
+    const todayRequests = statsWithToday
+      .filter((s) => s.date === today)
+      .reduce((sum, s) => sum + s.requestCount, 0);
+    expect(screen.getByText(todayRequests.toString())).toBeInTheDocument();
+  });
+});

frontend/src/__tests__/components/StatsTable.test.tsx

@@ -1,5 +1,5 @@
-import { render, screen, within, fireEvent } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
-import { describe, it, expect, vi, afterEach } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import { StatsTable } from '@/pages/Stats/StatsTable';
 import type { Provider, UsageStats } from '@/types';
 
@@ -26,14 +26,14 @@ const mockProviders: Provider[] = [
 
 const mockStats: UsageStats[] = [
   {
-    id: 1,
+    id: '1',
     providerId: 'openai',
     modelName: 'gpt-4o',
     requestCount: 100,
     date: '2024-01-15',
   },
   {
-    id: 2,
+    id: '2',
     providerId: 'anthropic',
     modelName: 'claude-3-opus',
     requestCount: 50,
@@ -41,26 +41,24 @@ const mockStats: UsageStats[] = [
   },
 ];
 
-const mockUseStats = vi.fn(() => ({
+const defaultProps = {
-  data: mockStats,
+  providers: mockProviders,
-  isLoading: false,
+  stats: mockStats,
-}));
+  loading: false,
-
+  providerId: undefined,
-vi.mock('@/hooks/useStats', () => ({
+  modelName: undefined,
-  useStats: (...args: unknown[]) => mockUseStats(...args),
+  dateRange: null,
-}));
+  onProviderIdChange: vi.fn(),
+  onModelNameChange: vi.fn(),
+  onDateRangeChange: vi.fn(),
+};
 
 describe('StatsTable', () => {
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
   it('renders stats table with data', () => {
-    render(<StatsTable providers={mockProviders} />);
+    render(<StatsTable {...defaultProps} />);
 
     expect(screen.getByText('gpt-4o')).toBeInTheDocument();
     expect(screen.getByText('claude-3-opus')).toBeInTheDocument();
-    // Both rows share the same date
     const dateCells = screen.getAllByText('2024-01-15');
     expect(dateCells.length).toBe(2);
     expect(screen.getByText('100')).toBeInTheDocument();
@@ -68,26 +66,22 @@ describe('StatsTable', () => {
   });
 
   it('shows provider name from providers prop instead of providerId', () => {
-    render(<StatsTable providers={mockProviders} />);
+    render(<StatsTable {...defaultProps} />);
 
     expect(screen.getByText('OpenAI')).toBeInTheDocument();
-    // "Anthropic" appears in both the provider column and the filter select options
     const allAnthropic = screen.getAllByText('Anthropic');
     expect(allAnthropic.length).toBeGreaterThanOrEqual(1);
   });
 
   it('renders filter controls with Select, Input, and DatePicker', () => {
-    render(<StatsTable providers={mockProviders} />);
+    render(<StatsTable {...defaultProps} />);
 
-    // Check that the select element exists for provider filter
     const selects = document.querySelectorAll('.ant-select');
     expect(selects.length).toBeGreaterThanOrEqual(1);
 
-    // Check that the Input element exists for model name filter
     const modelInput = screen.getByPlaceholderText('模型名称');
     expect(modelInput).toBeInTheDocument();
 
-    // Verify placeholder text is rendered
     expect(screen.getByText('所有供应商')).toBeInTheDocument();
 
     const rangePicker = document.querySelector('.ant-picker-range');
@@ -95,7 +89,7 @@ describe('StatsTable', () => {
   });
 
   it('renders table headers correctly', () => {
-    render(<StatsTable providers={mockProviders} />);
+    render(<StatsTable {...defaultProps} />);
 
     expect(screen.getByText('供应商')).toBeInTheDocument();
     expect(screen.getByText('模型')).toBeInTheDocument();
@@ -104,44 +98,22 @@ describe('StatsTable', () => {
   });
 
   it('falls back to providerId when provider not found in providers prop', () => {
-    const limitedProviders = [mockProviders[0]]; // only OpenAI
+    const limitedProviders = [mockProviders[0]];
-    render(<StatsTable providers={limitedProviders} />);
+    render(<StatsTable {...defaultProps} providers={limitedProviders} />);
 
-    // OpenAI should show name
     expect(screen.getByText('OpenAI')).toBeInTheDocument();
-    // Anthropic is not in providers list, so providerId "anthropic" should show
     expect(screen.getByText('anthropic')).toBeInTheDocument();
   });
 
   it('renders with empty stats data', () => {
-    mockUseStats.mockReturnValueOnce({
+    render(<StatsTable {...defaultProps} stats={[]} />);
-      data: [],
-      isLoading: false,
-    });
 
-    render(<StatsTable providers={mockProviders} />);
-
-    // Table should still be rendered, just empty
     expect(screen.getByText('供应商')).toBeInTheDocument();
     expect(screen.getByText('模型')).toBeInTheDocument();
   });
 
-  it('updates provider filter when selecting a provider', async () => {
+  it('shows loading state', () => {
-    const { rerender } = render(<StatsTable providers={mockProviders} />);
+    render(<StatsTable {...defaultProps} loading={true} />);
-
+    expect(document.querySelector('.ant-spin')).toBeInTheDocument();
-    // Initially useStats should be called with no providerId filter
-    expect(mockUseStats).toHaveBeenLastCalledWith(
-      expect.objectContaining({
-        providerId: undefined,
-      }),
-    );
-
-    // Verify that the select element exists
-    const selectElement = document.querySelector('.ant-select');
-    expect(selectElement).toBeInTheDocument();
-
-    // Note: Testing Ant Design Select component interaction in happy-dom is complex
-    // and may not work reliably. This test verifies the initial state.
-    // Integration/E2E tests should cover the actual interaction.
   });
 });

frontend/src/__tests__/components/UsageChart.test.tsx

@@ -0,0 +1,59 @@
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { UsageChart } from '@/pages/Stats/UsageChart';
+import type { UsageStats } from '@/types';
+
+vi.mock('@ant-design/charts', () => ({
+  Line: vi.fn(() => <div data-testid="mock-line-chart" />),
+}));
+
+const mockStats: UsageStats[] = [
+  {
+    id: '1',
+    providerId: 'openai',
+    modelName: 'gpt-4o',
+    requestCount: 100,
+    date: '2024-01-01',
+  },
+  {
+    id: '2',
+    providerId: 'openai',
+    modelName: 'gpt-3.5-turbo',
+    requestCount: 200,
+    date: '2024-01-01',
+  },
+  {
+    id: '3',
+    providerId: 'anthropic',
+    modelName: 'claude-3',
+    requestCount: 150,
+    date: '2024-01-02',
+  },
+];
+
+describe('UsageChart', () => {
+  it('renders chart title', () => {
+    render(<UsageChart stats={mockStats} />);
+
+    expect(screen.getByText('请求趋势')).toBeInTheDocument();
+  });
+
+  it('renders with data', () => {
+    const { container } = render(<UsageChart stats={mockStats} />);
+
+    expect(container.querySelector('.ant-card')).toBeInTheDocument();
+    expect(screen.getByTestId('mock-line-chart')).toBeInTheDocument();
+  });
+
+  it('renders empty state when no data', () => {
+    render(<UsageChart stats={[]} />);
+
+    expect(screen.getByText('暂无数据')).toBeInTheDocument();
+  });
+
+  it('aggregates data by date correctly', () => {
+    const { container } = render(<UsageChart stats={mockStats} />);
+
+    expect(container.querySelector('.ant-card')).toBeInTheDocument();
+  });
+});

frontend/src/components/AppLayout/index.tsx

@@ -1,7 +1,9 @@
+import { useState } from 'react';
 import { Layout, Menu } from 'antd';
 import { CloudServerOutlined, BarChartOutlined } from '@ant-design/icons';
 import { Outlet, useLocation, useNavigate } from 'react-router';
 import { ThemeToggle } from '@/components/ThemeToggle';
+import { useTheme } from '@/contexts/ThemeContext';
 
 const menuItems = [
   { key: '/providers', label: '供应商管理', icon: <CloudServerOutlined /> },
@@ -11,48 +13,92 @@ const menuItems = [
 export function AppLayout() {
   const location = useLocation();
   const navigate = useNavigate();
+  const { mode } = useTheme();
+  const [collapsed, setCollapsed] = useState(false);
+
+  const getPageTitle = () => {
+    if (location.pathname === '/providers') return '供应商管理';
+    if (location.pathname === '/stats') return '用量统计';
+    return 'AI Gateway';
+  };
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
-      <Layout.Header
+      <Layout.Sider
+        collapsible
+        collapsed={collapsed}
+        onCollapse={setCollapsed}
+        breakpoint="lg"
         style={{
-          display: 'flex',
+          overflow: 'hidden',
-          alignItems: 'center',
+          height: '100vh',
-          padding: '0 2rem',
+          position: 'fixed',
+          left: 0,
+          top: 0,
+          bottom: 0,
         }}
       >
-        <div
+        <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+          <div
+            style={{
+              height: 64,
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              color: '#fff',
+              fontSize: collapsed ? '1rem' : '1.25rem',
+              fontWeight: 600,
+              transition: 'all 0.2s',
+              flexShrink: 0,
+            }}
+          >
+            {collapsed ? 'AI' : 'AI Gateway'}
+          </div>
+          <Menu
+            theme="dark"
+            mode="inline"
+            selectedKeys={[location.pathname]}
+            items={menuItems}
+            onClick={({ key }) => navigate(key)}
+            style={{ flex: 1, overflow: 'auto' }}
+          />
+          <div
+            style={{
+              padding: '16px 0',
+              display: 'flex',
+              justifyContent: 'center',
+              borderTop: '1px solid rgba(255, 255, 255, 0.1)',
+              flexShrink: 0,
+            }}
+          >
+            <ThemeToggle />
+          </div>
+        </div>
+      </Layout.Sider>
+      <Layout style={{ marginLeft: collapsed ? 80 : 200, transition: 'all 0.2s' }}>
+        <Layout.Header
           style={{
-            color: '#fff',
+            padding: '0 2rem',
-            fontSize: '1.25rem',
+            background: mode === 'dark' ? '#141414' : '#fff',
-            fontWeight: 600,
+            display: 'flex',
-            marginRight: '2rem',
+            alignItems: 'center',
-            whiteSpace: 'nowrap',
+            borderBottom: mode === 'dark' ? '1px solid #303030' : '1px solid #f0f0f0',
           }}
         >
-          AI Gateway
+          <h1 style={{ margin: 0, fontSize: '1.25rem' }}>{getPageTitle()}</h1>
-        </div>
+        </Layout.Header>
-        <Menu
+        <Layout.Content
-          theme="dark"
+          style={{
-          mode="horizontal"
+            padding: '2rem',
-          selectedKeys={[location.pathname]}
+            maxWidth: '1400px',
-          items={menuItems}
+            width: '100%',
-          onClick={({ key }) => navigate(key)}
+            margin: '0 auto',
-          style={{ flex: 1, minWidth: 0 }}
+            boxSizing: 'border-box',
-        />
+          }}
-        <ThemeToggle />
+        >
-      </Layout.Header>
+          <Outlet />
-      <Layout.Content
+        </Layout.Content>
-        style={{
+      </Layout>
-          padding: '2rem',
-          maxWidth: '1400px',
-          width: '100%',
-          margin: '0 auto',
-          boxSizing: 'border-box',
-        }}
-      >
-        <Outlet />
-      </Layout.Content>
     </Layout>
   );
 }

frontend/src/index.scss

@@ -0,0 +1,9 @@
+/* 全局样式重置 */
+html,
+body,
+#root {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}

frontend/src/main.tsx

@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import './index.scss'
 import App from './App'
 
 createRoot(document.getElementById('root')!).render(

frontend/src/pages/Providers/ProviderTable.tsx

@@ -1,4 +1,4 @@
-import { Button, Table, Tag, Popconfirm, Space } from 'antd';
+import { Button, Table, Tag, Popconfirm, Space, Card } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import type { Provider, Model } from '@/types';
 import { ModelTable } from './ModelTable';
@@ -78,13 +78,14 @@ export function ProviderTable({
   ];
 
   return (
-    <>
+    <Card
-      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16 }}>
+      title="供应商列表"
-        <h2 style={{ margin: 0 }}>供应商列表</h2>
+      extra={
         <Button type="primary" onClick={onAdd}>
           添加供应商
         </Button>
-      </div>
+      }
+    >
       <Table<Provider>
         columns={columns}
         dataSource={providers}
@@ -101,6 +102,6 @@ export function ProviderTable({
         }}
         pagination={false}
       />
-    </>
+    </Card>
   );
 }

frontend/src/pages/Providers/index.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { Typography } from 'antd';
 import type { Provider, Model, UpdateProviderInput, UpdateModelInput } from '@/types';
 import { useProviders, useCreateProvider, useUpdateProvider, useDeleteProvider } from '@/hooks/useProviders';
 import { useCreateModel, useUpdateModel } from '@/hooks/useModels';
@@ -22,8 +23,6 @@ export function ProvidersPage() {
 
   return (
     <div>
-      <h1>供应商管理</h1>
-
       <ProviderTable
         providers={providers}
         loading={isLoading}

frontend/src/pages/Stats/StatCards.tsx

@@ -0,0 +1,42 @@
+import { Row, Col, Card, Statistic } from 'antd';
+import type { UsageStats } from '@/types';
+
+interface StatCardsProps {
+  stats: UsageStats[];
+}
+
+export function StatCards({ stats }: StatCardsProps) {
+  const totalRequests = stats.reduce((sum, s) => sum + s.requestCount, 0);
+  const activeModels = new Set(stats.map((s) => s.modelName)).size;
+  const activeProviders = new Set(stats.map((s) => s.providerId)).size;
+
+  const today = new Date().toISOString().split('T')[0];
+  const todayRequests = stats
+    .filter((s) => s.date === today)
+    .reduce((sum, s) => sum + s.requestCount, 0);
+
+  return (
+    <Row gutter={[16, 16]} style={{ marginBottom: 16 }}>
+      <Col xs={24} sm={12} md={6}>
+        <Card>
+          <Statistic title="总请求量" value={totalRequests} />
+        </Card>
+      </Col>
+      <Col xs={24} sm={12} md={6}>
+        <Card>
+          <Statistic title="活跃模型数" value={activeModels} />
+        </Card>
+      </Col>
+      <Col xs={24} sm={12} md={6}>
+        <Card>
+          <Statistic title="活跃供应商数" value={activeProviders} />
+        </Card>
+      </Col>
+      <Col xs={24} sm={12} md={6}>
+        <Card>
+          <Statistic title="今日请求量" value={todayRequests} />
+        </Card>
+      </Col>
+    </Row>
+  );
+}

frontend/src/pages/Stats/StatsTable.tsx

@@ -1,31 +1,32 @@
-import { useState, useMemo } from 'react';
+import { useMemo } from 'react';
 import { Table, Select, Input, DatePicker, Space, Card } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import type { Dayjs } from 'dayjs';
 import type { UsageStats, Provider } from '@/types';
-import { useStats } from '@/hooks/useStats';
 
 interface StatsTableProps {
   providers: Provider[];
+  stats: UsageStats[];
+  loading: boolean;
+  providerId?: string;
+  modelName?: string;
+  dateRange: [Dayjs | null, Dayjs | null] | null;
+  onProviderIdChange: (value: string | undefined) => void;
+  onModelNameChange: (value: string | undefined) => void;
+  onDateRangeChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
 }
 
-export function StatsTable({ providers }: StatsTableProps) {
+export function StatsTable({
-  const [providerId, setProviderId] = useState<string | undefined>();
+  providers,
-  const [modelName, setModelName] = useState<string | undefined>();
+  stats,
-  const [dateRange, setDateRange] = useState<[Dayjs | null, Dayjs | null] | null>(null);
+  loading,
-
+  providerId,
-  const params = useMemo(
+  modelName,
-    () => ({
+  dateRange,
-      providerId,
+  onProviderIdChange,
-      modelName,
+  onModelNameChange,
-      startDate: dateRange?.[0]?.format('YYYY-MM-DD'),
+  onDateRangeChange,
-      endDate: dateRange?.[1]?.format('YYYY-MM-DD'),
+}: StatsTableProps) {
-    }),
-    [providerId, modelName, dateRange],
-  );
-
-  const { data: stats = [], isLoading } = useStats(params);
-
   const providerMap = useMemo(() => {
     const map = new Map<string, string>();
     for (const p of providers) {
@@ -59,38 +60,36 @@ export function StatsTable({ providers }: StatsTableProps) {
   ];
 
   return (
-    <>
+    <Card title="统计数据">
-      <Card style={{ marginBottom: 16 }}>
+      <Space wrap style={{ marginBottom: 16 }}>
-        <Space wrap>
+        <Select
-          <Select
+          allowClear
-            allowClear
+          placeholder="所有供应商"
-            placeholder="所有供应商"
+          style={{ width: 200 }}
-            style={{ width: 200 }}
+          value={providerId}
-            value={providerId}
+          onChange={(value) => onProviderIdChange(value)}
-            onChange={(value) => setProviderId(value)}
+          options={providers.map((p) => ({ label: p.name, value: p.id }))}
-            options={providers.map((p) => ({ label: p.name, value: p.id }))}
+        />
-          />
+        <Input
-          <Input
+          allowClear
-            allowClear
+          placeholder="模型名称"
-            placeholder="模型名称"
+          style={{ width: 200 }}
-            style={{ width: 200 }}
+          value={modelName ?? ''}
-            value={modelName ?? ''}
+          onChange={(e) => onModelNameChange(e.target.value || undefined)}
-            onChange={(e) => setModelName(e.target.value || undefined)}
+        />
-          />
+        <DatePicker.RangePicker
-          <DatePicker.RangePicker
+          value={dateRange}
-            value={dateRange}
+          onChange={(dates) => onDateRangeChange(dates)}
-            onChange={(dates) => setDateRange(dates)}
+        />
-          />
+      </Space>
-        </Space>
-      </Card>
 
       <Table<UsageStats>
         columns={columns}
         dataSource={stats}
         rowKey="id"
-        loading={isLoading}
+        loading={loading}
         pagination={{ pageSize: 20 }}
       />
-    </>
+    </Card>
   );
 }

frontend/src/pages/Stats/UsageChart.tsx

@@ -0,0 +1,37 @@
+import { Card } from 'antd';
+import { Line } from '@ant-design/charts';
+import type { UsageStats } from '@/types';
+
+interface UsageChartProps {
+  stats: UsageStats[];
+}
+
+export function UsageChart({ stats }: UsageChartProps) {
+  const chartData = Object.entries(
+    stats.reduce<Record<string, number>>((acc, s) => {
+      acc[s.date] = (acc[s.date] || 0) + s.requestCount;
+      return acc;
+    }, {})
+  )
+    .map(([date, requestCount]) => ({ date, requestCount }))
+    .sort((a, b) => a.date.localeCompare(b.date));
+
+  const config = {
+    data: chartData,
+    xField: 'date',
+    yField: 'requestCount',
+    smooth: true,
+  };
+
+  return (
+    <Card title="请求趋势" style={{ marginBottom: 16 }}>
+      {chartData.length > 0 ? (
+        <Line {...config} />
+      ) : (
+        <div style={{ textAlign: 'center', padding: '40px 0', color: '#999' }}>
+          暂无数据
+        </div>
+      )}
+    </Card>
+  );
+}

frontend/src/pages/Stats/index.tsx

@@ -1,13 +1,45 @@
+import { useState, useMemo } from 'react';
+import type { Dayjs } from 'dayjs';
 import { useProviders } from '@/hooks/useProviders';
+import { useStats } from '@/hooks/useStats';
+import { StatCards } from './StatCards';
+import { UsageChart } from './UsageChart';
 import { StatsTable } from './StatsTable';
 
 export function StatsPage() {
   const { data: providers = [] } = useProviders();
 
+  const [providerId, setProviderId] = useState<string | undefined>();
+  const [modelName, setModelName] = useState<string | undefined>();
+  const [dateRange, setDateRange] = useState<[Dayjs | null, Dayjs | null] | null>(null);
+
+  const params = useMemo(
+    () => ({
+      providerId,
+      modelName,
+      startDate: dateRange?.[0]?.format('YYYY-MM-DD'),
+      endDate: dateRange?.[1]?.format('YYYY-MM-DD'),
+    }),
+    [providerId, modelName, dateRange],
+  );
+
+  const { data: stats = [], isLoading } = useStats(params);
+
   return (
     <div>
-      <h1>用量统计</h1>
+      <StatCards stats={stats} />
-      <StatsTable providers={providers} />
+      <UsageChart stats={stats} />
+      <StatsTable
+        providers={providers}
+        stats={stats}
+        loading={isLoading}
+        providerId={providerId}
+        modelName={modelName}
+        dateRange={dateRange}
+        onProviderIdChange={setProviderId}
+        onModelNameChange={setModelName}
+        onDateRangeChange={setDateRange}
+      />
     </div>
   );
 }

openspec/config.yaml

@@ -1,6 +1,8 @@
 schema: spec-driven
 
 context: |
+  - 使用中文（注释、文档、交流），面向中文开发者
+  - openspec文档的关键字按openspec规范使用，不要翻译为中文
   - **优先阅读README.md**获取项目结构与开发规范，所有代码风格、命名、注解、依赖、API等规范以README为准
   - 涉及模块结构、API、实体等变更时同步更新README.md
   - 新增代码优先复用已有组件、工具、依赖库，不引入新依赖

openspec/specs/frontend-config-ui/spec.md

@@ -81,11 +81,14 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 
 ### Requirement: 提供统计查看页面
 
-前端 SHALL 使用 Ant Design 组件提供统计查看页面。
+前端 SHALL 使用 Ant Design 组件提供统计仪表盘页面。
 
 #### Scenario: 显示统计概览
 
 - **WHEN** 加载统计页面
+- **THEN** 前端 SHALL 在顶部显示统计摘要卡片（总请求量、活跃模型数、活跃供应商数、今日请求量）
+- **THEN** 统计摘要数据 SHALL 从 stats API 返回数据中前端聚合
+- **THEN** 前端 SHALL 显示请求趋势折线图
 - **THEN** 前端 SHALL 使用 Ant Design Table 显示统计数据
 - **THEN** 统计数据 SHALL 按供应商和模型显示请求计数
 
@@ -93,11 +96,13 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 
 - **WHEN** 用户从 Ant Design Select 选择供应商
 - **THEN** 前端 SHALL 自动查询并过滤统计
+- **THEN** 统计摘要卡片和趋势图表 SHALL 同步更新
 
 #### Scenario: 按日期范围过滤统计
 
 - **WHEN** 用户使用 Ant Design DatePicker.RangePicker 选择日期范围
 - **THEN** 前端 SHALL 自动查询并过滤统计
+- **THEN** 统计摘要卡片和趋势图表 SHALL 同步更新
 
 ### Requirement: 优雅处理 API 错误
 
@@ -117,20 +122,34 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 
 ### Requirement: 提供响应式布局
 
-前端 SHALL 使用 Ant Design Layout 提供顶部导航布局。
+前端 SHALL 使用 Ant Design Layout 提供侧边栏导航布局。
 
 #### Scenario: 桌面布局
 
-- **WHEN** 在桌面屏幕上查看前端
+- **WHEN** 在桌面屏幕上查看前端（宽度 >= 992px）
-- **THEN** 布局 SHALL 使用 Ant Design Layout.Header + Menu（horizontal 模式）
+- **THEN** 布局 SHALL 使用 Ant Design `Layout.Sider` + `Menu`（inline 模式）
-- **THEN** 导航菜单 SHALL 在顶部水平排列
+- **THEN** 侧边栏 SHALL 显示导航菜单，包含图标和文字标签
+- **THEN** 侧边栏 SHALL 可通过折叠按钮折叠为仅图标模式
+
+#### Scenario: 响应式折叠
+
+- **WHEN** 屏幕宽度小于 992px
+- **THEN** 侧边栏 SHALL 自动折叠为图标模式
+- **THEN** 折叠后侧边栏宽度 SHALL 为 80px
+- **THEN** 菜单项 SHALL 仅显示图标
 
 #### Scenario: 页面内容区域
 
 - **WHEN** 显示页面内容
-- **THEN** 内容区域 SHALL 有合理的最大宽度和内边距
+- **THEN** 内容区域 SHALL 在 `Layout.Content` 中渲染
 - **THEN** 页面之间 SHALL 通过 React Router Outlet 渲染
 
+#### Scenario: Header 区域
+
+- **WHEN** 渲染页面 Header
+- **THEN** Header SHALL 仅显示当前页面标题
+- **THEN** Header SHALL 不包含导航菜单
+
 ### Requirement: 使用无组件库的最小 UI
 
 前端 SHALL 使用 Ant Design 6 作为 UI 组件库。
@@ -173,6 +192,33 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** 前端 SHALL 移除该 SCSS 文件
 - **THEN** 前端 SHALL 使用 Ant Design 内置功能替代
 
+### Requirement: 提供侧边栏导航
+
+前端 SHALL 使用 Ant Design `Layout.Sider` 提供侧边栏导航。
+
+#### Scenario: 侧边栏内容
+
+- **WHEN** 渲染侧边栏
+- **THEN** 侧边栏顶部 SHALL 显示应用名称/Logo
+- **THEN** 侧边栏 SHALL 包含 inline 模式的导航菜单
+- **THEN** 导航菜单项 SHALL 包含：供应商管理（CloudServerOutlined 图标）、用量统计（BarChartOutlined 图标）
+- **THEN** 侧边栏底部 SHALL 放置主题切换按钮
+
+#### Scenario: 侧边栏折叠
+
+- **WHEN** 用户点击侧边栏折叠按钮
+- **THEN** 侧边栏 SHALL 切换折叠/展开状态
+- **THEN** 折叠状态下菜单项 SHALL 仅显示图标
+- **THEN** 折叠状态下应用名称/Logo SHALL 隐藏或缩小
+- **THEN** 折叠状态下主题切换按钮 SHALL 保持可见可点击
+
+#### Scenario: 导航菜单交互
+
+- **WHEN** 用户点击导航中的"供应商管理"
+- **THEN** 前端 SHALL 导航到 `/providers` 并高亮当前菜单项
+- **WHEN** 用户点击导航中的"用量统计"
+- **THEN** 前端 SHALL 导航到 `/stats` 并高亮当前菜单项
+
 ### Requirement: 提供导航
 
 前端 SHALL 使用 React Router v7 提供导航。

openspec/specs/frontend-testing/spec.md

@@ -142,6 +142,22 @@
 - **THEN** SHALL 覆盖 useProviders、useModels、useStats 的查询和变更逻辑
 - **THEN** SHALL 验证缓存失效和自动刷新行为
 
+### Requirement: 统计仪表盘组件测试
+
+前端 SHALL 为统计仪表盘的新增组件建立测试覆盖。
+
+#### Scenario: StatCards 组件测试
+
+- **WHEN** 运行 StatCards 组件测试
+- **THEN** SHALL 验证统计数据正确渲染（总请求量、活跃模型数、活跃供应商数、今日请求量）
+- **THEN** SHALL 验证空数据时的渲染行为
+
+#### Scenario: UsageChart 组件测试
+
+- **WHEN** 运行 UsageChart 组件测试
+- **THEN** SHALL 验证图表组件正确渲染
+- **THEN** SHALL 验证空数据时的渲染行为
+
 ### Requirement: 建立前端组件测试覆盖
 
 前端 SHALL 使用 React Testing Library 建立组件测试覆盖。
@@ -153,6 +169,8 @@
 - **THEN** SHALL 覆盖 ProviderForm 的表单校验和提交
 - **THEN** SHALL 覆盖 ModelForm 的表单校验和提交
 - **THEN** SHALL 覆盖 StatsTable 的筛选和数据展示
+- **THEN** SHALL 覆盖 StatCards 的统计摘要渲染
+- **THEN** SHALL 覆盖 UsageChart 的趋势图表渲染
 
 ### Requirement: 建立前端 E2E 测试覆盖
 
@@ -169,6 +187,13 @@
 - **WHEN** 运行 E2E 测试
 - **THEN** SHALL 覆盖统计页面的加载和筛选查询流程
 - **THEN** SHALL 覆盖页面间的导航切换
+- **THEN** SHALL 覆盖统计摘要卡片的展示
+
+#### Scenario: 侧边栏导航 E2E 覆盖
+
+- **WHEN** 运行 E2E 测试
+- **THEN** SHALL 覆盖侧边栏菜单导航的页面切换
+- **THEN** SHALL 覆盖侧边栏折叠和展开操作
 
 ### Requirement: 前端测试集成到构建流程
 

openspec/specs/stats-dashboard/spec.md

@@ -0,0 +1,77 @@
+# 统计仪表盘
+
+## Purpose
+
+TBD - 提供统计仪表盘页面，展示统计摘要卡片、请求趋势图表和详细数据表格
+
+## Requirements
+
+### Requirement: 提供统计摘要卡片
+
+前端 SHALL 在统计页面顶部展示统计摘要卡片行，展示关键指标的聚合数据。
+
+#### Scenario: 显示统计摘要
+
+- **WHEN** 加载统计页面
+- **THEN** 前端 SHALL 在页面顶部使用 Ant Design `Row` + `Col` 栅格布局展示统计卡片
+- **THEN** 每个卡片 SHALL 使用 Ant Design `Card` + `Statistic` 组件
+- **THEN** 卡片 SHALL 展示以下指标：总请求量、活跃模型数、活跃供应商数、今日请求量
+- **THEN** 指标数据 SHALL 从 `useStats` 返回的 `UsageStats[]` 数据中前端聚合计算
+
+#### Scenario: 统计数据聚合计算
+
+- **WHEN** 前端接收到 stats 数据
+- **THEN** 总请求量 SHALL 为所有记录的 requestCount 之和
+- **THEN** 活跃模型数 SHALL 为去重后不同 modelName 的数量
+- **THEN** 活跃供应商数 SHALL 为去重后不同 providerId 的数量
+- **THEN** 今日请求量 SHALL 为 date 等于当日日期的记录的 requestCount 之和
+
+#### Scenario: 统计卡片响应式布局
+
+- **WHEN** 在不同屏幕宽度下查看统计卡片
+- **THEN** 卡片 SHALL 使用 Ant Design `Col` 的响应式 span 适配不同宽度
+- **THEN** 卡片之间 SHALL 有合理的间距（Row 的 gutter）
+
+### Requirement: 提供请求趋势图表
+
+前端 SHALL 在统计页面展示请求量随时间变化的趋势图表。
+
+#### Scenario: 显示趋势图表
+
+- **WHEN** 加载统计页面
+- **THEN** 前端 SHALL 在统计摘要卡片下方展示趋势图表
+- **THEN** 图表 SHALL 使用 `@ant-design/charts` 的 `Line` 组件
+- **THEN** 图表 SHALL 包裹在 Ant Design `Card` 组件中
+- **THEN** 图表 SHALL 展示请求量随日期的变化趋势
+
+#### Scenario: 图表数据格式
+
+- **WHEN** 准备图表数据
+- **THEN** X 轴 SHALL 为日期（date 字段）
+- **THEN** Y 轴 SHALL 为请求计数（requestCount）
+- **THEN** 数据 SHALL 按日期聚合，同一天的请求量求和
+- **THEN** 数据 SHALL 按日期升序排列
+
+#### Scenario: 图表主题适配
+
+- **WHEN** 用户切换亮色/暗色主题
+- **THEN** 图表 SHALL 自动适配当前主题
+- **THEN** 图表文字和背景 SHALL 与当前主题协调
+
+### Requirement: 仪表盘页面布局
+
+前端 SHALL 将统计页面组织为仪表盘布局，按从上到下的顺序排列各区域。
+
+#### Scenario: 仪表盘区域排列
+
+- **WHEN** 渲染统计页面
+- **THEN** 页面 SHALL 按以下顺序从上到下排列：统计摘要卡片、趋势图表、筛选栏和数据表格
+- **THEN** 各区域之间 SHALL 有合理的垂直间距
+- **THEN** 筛选栏和数据表格 SHALL 保持在同一个 `Card` 中
+
+#### Scenario: 数据联动
+
+- **WHEN** 用户通过筛选栏修改筛选条件
+- **THEN** 统计摘要卡片和趋势图表 SHALL 随筛选条件变化更新
+- **THEN** 数据表格 SHALL 同步更新
+- **THEN** 所有区域 SHALL 共享同一份筛选后的数据

openspec/specs/theme-toggle/spec.md

@@ -59,12 +59,12 @@
 
 ### Requirement: 提供主题切换 UI
 
-前端 SHALL 在布局 Header 中提供主题切换按钮。
+前端 SHALL 在侧边栏底部提供主题切换按钮。
 
 #### Scenario: 显示主题切换按钮
 
-- **WHEN** 渲染 AppLayout Header
+- **WHEN** 渲染 AppLayout Sider
-- **THEN** 前端 SHALL 在 Header 右侧显示主题切换按钮
+- **THEN** 前端 SHALL 在 Sider 底部显示主题切换按钮
 - **THEN** 按钮 SHALL 使用 Ant Design Button 组件（type="text"）
 - **THEN** 按钮图标 SHALL 根据当前主题显示（亮色模式显示月亮图标，暗色模式显示太阳图标）
 
@@ -74,6 +74,12 @@
 - **THEN** 前端 SHALL 切换主题模式
 - **THEN** 按钮 SHALL 显示 Tooltip 提示（"切换到暗色模式"或"切换到亮色模式"）
 
+#### Scenario: 侧边栏折叠时的主题切换
+
+- **WHEN** 侧边栏处于折叠状态
+- **THEN** 主题切换按钮 SHALL 保持可见且可点击
+- **THEN** 按钮 SHALL 仅显示图标（Tooltip 保持可用）
+
 ### Requirement: 使用 React Context 管理主题状态
 
 前端 SHALL 使用 React Context 提供全局主题状态。