From 9a402b0b349fc284833a86558d0d08aab92c1776 Mon Sep 17 00:00:00 2001 From: anthonycoyaud-prog Date: Wed, 20 May 2026 10:43:18 +0200 Subject: [PATCH] init projet --- DataSentinel/.gitignore | 24 + DataSentinel/README.md | 18 + DataSentinel/eslint.config.js | 21 + DataSentinel/index.html | 13 + DataSentinel/package.json | 33 + DataSentinel/pnpm-lock.yaml | 1921 +++++++++++++++++ DataSentinel/public/favicon.svg | 1 + DataSentinel/public/icons.svg | 24 + DataSentinel/src/App.css | 184 ++ DataSentinel/src/App.jsx | 76 + DataSentinel/src/assets/hero.png | Bin 0 -> 13057 bytes DataSentinel/src/assets/react.svg | 1 + DataSentinel/src/assets/vite.svg | 1 + DataSentinel/src/components/Layout/Header.jsx | 43 + .../src/components/Layout/Header.module.css | 101 + DataSentinel/src/components/Layout/Layout.jsx | 21 + .../src/components/Layout/Layout.module.css | 22 + .../src/components/Layout/Sidebar.jsx | 73 + .../src/components/Layout/Sidebar.module.css | 117 + DataSentinel/src/components/common/Badge.jsx | 12 + .../src/components/common/Badge.module.css | 49 + DataSentinel/src/components/common/Button.jsx | 26 + .../src/components/common/Button.module.css | 79 + .../src/components/common/DataTable.jsx | 120 + .../components/common/DataTable.module.css | 119 + .../src/components/common/ErrorMessage.jsx | 18 + .../components/common/ErrorMessage.module.css | 28 + .../src/components/common/LoadingSpinner.jsx | 12 + .../common/LoadingSpinner.module.css | 28 + .../src/components/common/MonitoringCard.jsx | 64 + .../common/MonitoringCard.module.css | 102 + DataSentinel/src/context/AuthContext.jsx | 49 + DataSentinel/src/hooks/useApi.js | 33 + DataSentinel/src/index.css | 85 + DataSentinel/src/main.jsx | 10 + DataSentinel/src/pages/Admin/Admin.jsx | 230 ++ DataSentinel/src/pages/Admin/Admin.module.css | 142 ++ DataSentinel/src/pages/Contrat/Contrat.jsx | 5 + .../src/pages/Dashboard/Dashboard.jsx | 147 ++ .../src/pages/Dashboard/Dashboard.module.css | 110 + .../src/pages/Fournisseur/Fournisseur.jsx | 5 + .../src/pages/Historique/Historique.jsx | 197 ++ .../pages/Historique/Historique.module.css | 51 + DataSentinel/src/pages/Login/Login.jsx | 97 + DataSentinel/src/pages/Login/Login.module.css | 159 ++ .../pages/MentionsLegales/MentionsLegales.jsx | 72 + .../MentionsLegales.module.css | 65 + .../MonitoringDetail/MonitoringDetail.jsx | 149 ++ .../MonitoringDetail.module.css | 102 + .../ServiceMonitorings/ServiceMonitorings.jsx | 75 + .../ServiceMonitorings.module.css | 28 + DataSentinel/src/pages/Users/Users.jsx | 76 + DataSentinel/src/pages/Users/Users.module.css | 43 + DataSentinel/src/pages/VueConso/VueConso.jsx | 110 + .../src/pages/VueConso/VueConso.module.css | 29 + DataSentinel/src/services/api.js | 191 ++ DataSentinel/vite.config.js | 11 + 57 files changed, 5622 insertions(+) create mode 100644 DataSentinel/.gitignore create mode 100644 DataSentinel/README.md create mode 100644 DataSentinel/eslint.config.js create mode 100644 DataSentinel/index.html create mode 100644 DataSentinel/package.json create mode 100644 DataSentinel/pnpm-lock.yaml create mode 100644 DataSentinel/public/favicon.svg create mode 100644 DataSentinel/public/icons.svg create mode 100644 DataSentinel/src/App.css create mode 100644 DataSentinel/src/App.jsx create mode 100644 DataSentinel/src/assets/hero.png create mode 100644 DataSentinel/src/assets/react.svg create mode 100644 DataSentinel/src/assets/vite.svg create mode 100644 DataSentinel/src/components/Layout/Header.jsx create mode 100644 DataSentinel/src/components/Layout/Header.module.css create mode 100644 DataSentinel/src/components/Layout/Layout.jsx create mode 100644 DataSentinel/src/components/Layout/Layout.module.css create mode 100644 DataSentinel/src/components/Layout/Sidebar.jsx create mode 100644 DataSentinel/src/components/Layout/Sidebar.module.css create mode 100644 DataSentinel/src/components/common/Badge.jsx create mode 100644 DataSentinel/src/components/common/Badge.module.css create mode 100644 DataSentinel/src/components/common/Button.jsx create mode 100644 DataSentinel/src/components/common/Button.module.css create mode 100644 DataSentinel/src/components/common/DataTable.jsx create mode 100644 DataSentinel/src/components/common/DataTable.module.css create mode 100644 DataSentinel/src/components/common/ErrorMessage.jsx create mode 100644 DataSentinel/src/components/common/ErrorMessage.module.css create mode 100644 DataSentinel/src/components/common/LoadingSpinner.jsx create mode 100644 DataSentinel/src/components/common/LoadingSpinner.module.css create mode 100644 DataSentinel/src/components/common/MonitoringCard.jsx create mode 100644 DataSentinel/src/components/common/MonitoringCard.module.css create mode 100644 DataSentinel/src/context/AuthContext.jsx create mode 100644 DataSentinel/src/hooks/useApi.js create mode 100644 DataSentinel/src/index.css create mode 100644 DataSentinel/src/main.jsx create mode 100644 DataSentinel/src/pages/Admin/Admin.jsx create mode 100644 DataSentinel/src/pages/Admin/Admin.module.css create mode 100644 DataSentinel/src/pages/Contrat/Contrat.jsx create mode 100644 DataSentinel/src/pages/Dashboard/Dashboard.jsx create mode 100644 DataSentinel/src/pages/Dashboard/Dashboard.module.css create mode 100644 DataSentinel/src/pages/Fournisseur/Fournisseur.jsx create mode 100644 DataSentinel/src/pages/Historique/Historique.jsx create mode 100644 DataSentinel/src/pages/Historique/Historique.module.css create mode 100644 DataSentinel/src/pages/Login/Login.jsx create mode 100644 DataSentinel/src/pages/Login/Login.module.css create mode 100644 DataSentinel/src/pages/MentionsLegales/MentionsLegales.jsx create mode 100644 DataSentinel/src/pages/MentionsLegales/MentionsLegales.module.css create mode 100644 DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.jsx create mode 100644 DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.module.css create mode 100644 DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.jsx create mode 100644 DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.module.css create mode 100644 DataSentinel/src/pages/Users/Users.jsx create mode 100644 DataSentinel/src/pages/Users/Users.module.css create mode 100644 DataSentinel/src/pages/VueConso/VueConso.jsx create mode 100644 DataSentinel/src/pages/VueConso/VueConso.module.css create mode 100644 DataSentinel/src/services/api.js create mode 100644 DataSentinel/vite.config.js diff --git a/DataSentinel/.gitignore b/DataSentinel/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/DataSentinel/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/DataSentinel/README.md b/DataSentinel/README.md new file mode 100644 index 0000000..e16d995 --- /dev/null +++ b/DataSentinel/README.md @@ -0,0 +1,18 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs) +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) + +## React Compiler + +The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information. + +Note: This will impact Vite dev & build performances. + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/DataSentinel/eslint.config.js b/DataSentinel/eslint.config.js new file mode 100644 index 0000000..ea36dd3 --- /dev/null +++ b/DataSentinel/eslint.config.js @@ -0,0 +1,21 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + globals: globals.browser, + parserOptions: { ecmaFeatures: { jsx: true } }, + }, + }, +]) diff --git a/DataSentinel/index.html b/DataSentinel/index.html new file mode 100644 index 0000000..831aeaf --- /dev/null +++ b/DataSentinel/index.html @@ -0,0 +1,13 @@ + + + + + + + datasentinel + + +
+ + + diff --git a/DataSentinel/package.json b/DataSentinel/package.json new file mode 100644 index 0000000..9cc9b6a --- /dev/null +++ b/DataSentinel/package.json @@ -0,0 +1,33 @@ +{ + "name": "datasentinel", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "lucide-react": "^1.8.0", + "react": "^19.2.5", + "react-dom": "^19.2.5", + "react-router-dom": "^7.14.2", + "recharts": "^3.8.1" + }, + "devDependencies": { + "@babel/core": "^7.29.0", + "@eslint/js": "^10.0.1", + "@rolldown/plugin-babel": "^0.2.3", + "@types/react": "^19.2.14", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.1", + "babel-plugin-react-compiler": "^1.0.0", + "eslint": "^10.2.1", + "eslint-plugin-react-hooks": "^7.1.1", + "eslint-plugin-react-refresh": "^0.5.2", + "globals": "^17.5.0", + "vite": "^8.0.10" + } +} diff --git a/DataSentinel/pnpm-lock.yaml b/DataSentinel/pnpm-lock.yaml new file mode 100644 index 0000000..77e0bec --- /dev/null +++ b/DataSentinel/pnpm-lock.yaml @@ -0,0 +1,1921 @@ +lockfileVersion: '9.0' + +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + +importers: + + .: + dependencies: + lucide-react: + specifier: ^1.8.0 + version: 1.8.0(react@19.2.5) + react: + specifier: ^19.2.5 + version: 19.2.5 + react-dom: + specifier: ^19.2.5 + version: 19.2.5(react@19.2.5) + react-router-dom: + specifier: ^7.14.2 + version: 7.14.2(react-dom@19.2.5(react@19.2.5))(react@19.2.5) + recharts: + specifier: ^3.8.1 + version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@19.2.5)(react@19.2.5)(redux@5.0.1) + devDependencies: + '@babel/core': + specifier: ^7.29.0 + version: 7.29.0 + '@eslint/js': + specifier: ^10.0.1 + version: 10.0.1(eslint@10.2.1) + '@rolldown/plugin-babel': + specifier: ^0.2.3 + version: 0.2.3(@babel/core@7.29.0)(rolldown@1.0.0-rc.17)(vite@8.0.10) + '@types/react': + specifier: ^19.2.14 + version: 19.2.14 + '@types/react-dom': + specifier: ^19.2.3 + version: 19.2.3(@types/react@19.2.14) + '@vitejs/plugin-react': + specifier: ^6.0.1 + version: 6.0.1(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.0)(rolldown@1.0.0-rc.17)(vite@8.0.10))(babel-plugin-react-compiler@1.0.0)(vite@8.0.10) + babel-plugin-react-compiler: + specifier: ^1.0.0 + version: 1.0.0 + eslint: + specifier: ^10.2.1 + version: 10.2.1 + eslint-plugin-react-hooks: + specifier: ^7.1.1 + version: 7.1.1(eslint@10.2.1) + eslint-plugin-react-refresh: + specifier: ^0.5.2 + version: 0.5.2(eslint@10.2.1) + globals: + specifier: ^17.5.0 + version: 17.5.0 + vite: + specifier: ^8.0.10 + version: 8.0.10 + +packages: + + '@babel/code-frame@7.29.0': + resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==} + engines: {node: '>=6.9.0'} + + '@babel/compat-data@7.29.0': + resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==} + engines: {node: '>=6.9.0'} + + '@babel/core@7.29.0': + resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==} + engines: {node: '>=6.9.0'} + + '@babel/generator@7.29.1': + resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-compilation-targets@7.28.6': + resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==} + engines: {node: '>=6.9.0'} + + '@babel/helper-globals@7.28.0': + resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-imports@7.28.6': + resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==} + engines: {node: '>=6.9.0'} + + '@babel/helper-module-transforms@7.28.6': + resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + + '@babel/helper-string-parser@7.27.1': + resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-identifier@7.28.5': + resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==} + engines: {node: '>=6.9.0'} + + '@babel/helper-validator-option@7.27.1': + resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==} + engines: {node: '>=6.9.0'} + + '@babel/helpers@7.29.2': + resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==} + engines: {node: '>=6.9.0'} + + '@babel/parser@7.29.2': + resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==} + engines: {node: '>=6.0.0'} + hasBin: true + + '@babel/template@7.28.6': + resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==} + engines: {node: '>=6.9.0'} + + '@babel/traverse@7.29.0': + resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==} + engines: {node: '>=6.9.0'} + + '@babel/types@7.29.0': + resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==} + engines: {node: '>=6.9.0'} + + '@emnapi/core@1.10.0': + resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==} + + '@emnapi/runtime@1.10.0': + resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==} + + '@emnapi/wasi-threads@1.2.1': + resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==} + + '@eslint-community/eslint-utils@4.9.1': + resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 + + '@eslint-community/regexpp@4.12.2': + resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==} + engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0} + + '@eslint/config-array@0.23.5': + resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/config-helpers@0.5.5': + resolution: {integrity: sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/core@1.2.1': + resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/js@10.0.1': + resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + peerDependencies: + eslint: ^10.0.0 + peerDependenciesMeta: + eslint: + optional: true + + '@eslint/object-schema@3.0.5': + resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@eslint/plugin-kit@0.7.1': + resolution: {integrity: sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + '@humanfs/core@0.19.2': + resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==} + engines: {node: '>=18.18.0'} + + '@humanfs/node@0.16.8': + resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==} + engines: {node: '>=18.18.0'} + + '@humanfs/types@0.15.0': + resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==} + engines: {node: '>=18.18.0'} + + '@humanwhocodes/module-importer@1.0.1': + resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} + engines: {node: '>=12.22'} + + '@humanwhocodes/retry@0.4.3': + resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==} + engines: {node: '>=18.18'} + + '@jridgewell/gen-mapping@0.3.13': + resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} + + '@jridgewell/remapping@2.3.5': + resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} + + '@jridgewell/resolve-uri@3.1.2': + resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} + engines: {node: '>=6.0.0'} + + '@jridgewell/sourcemap-codec@1.5.5': + resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==} + + '@jridgewell/trace-mapping@0.3.31': + resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} + + '@napi-rs/wasm-runtime@1.1.4': + resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==} + peerDependencies: + '@emnapi/core': ^1.7.1 + '@emnapi/runtime': ^1.7.1 + + '@oxc-project/types@0.127.0': + resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==} + + '@reduxjs/toolkit@2.11.2': + resolution: {integrity: sha512-Kd6kAHTA6/nUpp8mySPqj3en3dm0tdMIgbttnQ1xFMVpufoj+ADi8pXLBsd4xzTRHQa7t/Jv8W5UnCuW4kuWMQ==} + peerDependencies: + react: ^16.9.0 || ^17.0.0 || ^18 || ^19 + react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0 + peerDependenciesMeta: + react: + optional: true + react-redux: + optional: true + + '@rolldown/binding-android-arm64@1.0.0-rc.17': + resolution: {integrity: sha512-s70pVGhw4zqGeFnXWvAzJDlvxhlRollagdCCKRgOsgUOH3N1l0LIxf83AtGzmb5SiVM4Hjl5HyarMRfdfj3DaQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [android] + + '@rolldown/binding-darwin-arm64@1.0.0-rc.17': + resolution: {integrity: sha512-4ksWc9n0mhlZpZ9PMZgTGjeOPRu8MB1Z3Tz0Mo02eWfWCHMW1zN82Qz/pL/rC+yQa+8ZnutMF0JjJe7PjwasYw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [darwin] + + '@rolldown/binding-darwin-x64@1.0.0-rc.17': + resolution: {integrity: sha512-SUSDOI6WwUVNcWxd02QEBjLdY1VPHvlEkw6T/8nYG322iYWCTxRb1vzk4E+mWWYehTp7ERibq54LSJGjmouOsw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [darwin] + + '@rolldown/binding-freebsd-x64@1.0.0-rc.17': + resolution: {integrity: sha512-hwnz3nw9dbJ05EDO/PvcjaaewqqDy7Y1rn1UO81l8iIK1GjenME75dl16ajbvSSMfv66WXSRCYKIqfgq2KCfxw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [freebsd] + + '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.17': + resolution: {integrity: sha512-IS+W7epTcwANmFSQFrS1SivEXHtl1JtuQA9wlxrZTcNi6mx+FDOYrakGevvvTwgj2JvWiK8B29/qD9BELZPyXQ==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm] + os: [linux] + + '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.17': + resolution: {integrity: sha512-e6usGaHKW5BMNZOymS1UcEYGowQMWcgZ71Z17Sl/h2+ZziNJ1a9n3Zvcz6LdRyIW5572wBCTH/Z+bKuZouGk9Q==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-arm64-musl@1.0.0-rc.17': + resolution: {integrity: sha512-b/CgbwAJpmrRLp02RPfhbudf5tZnN9nsPWK82znefso832etkem8H7FSZwxrOI9djcdTP7U6YfNhbRnh7djErg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.17': + resolution: {integrity: sha512-4EII1iNGRUN5WwGbF/kOh/EIkoDN9HsupgLQoXfY+D1oyJm7/F4t5PYU5n8SWZgG0FEwakyM8pGgwcBYruGTlA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [ppc64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.17': + resolution: {integrity: sha512-AH8oq3XqQo4IibpVXvPeLDI5pzkpYn0WiZAfT05kFzoJ6tQNzwRdDYQ45M8I/gslbodRZwW8uxLhbSBbkv96rA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [s390x] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-gnu@1.0.0-rc.17': + resolution: {integrity: sha512-cLnjV3xfo7KslbU41Z7z8BH/E1y5mzUYzAqih1d1MDaIGZRCMqTijqLv76/P7fyHuvUcfGsIpqCdddbxLLK9rA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@rolldown/binding-linux-x64-musl@1.0.0-rc.17': + resolution: {integrity: sha512-0phclDw1spsL7dUB37sIARuis2tAgomCJXAHZlpt8PXZ4Ba0dRP1e+66lsRqrfhISeN9bEGNjQs+T/Fbd7oYGw==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [linux] + libc: [musl] + + '@rolldown/binding-openharmony-arm64@1.0.0-rc.17': + resolution: {integrity: sha512-0ag/hEgXOwgw4t8QyQvUCxvEg+V0KBcA6YuOx9g0r02MprutRF5dyljgm3EmR02O292UX7UeS6HzWHAl6KgyhA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [openharmony] + + '@rolldown/binding-wasm32-wasi@1.0.0-rc.17': + resolution: {integrity: sha512-LEXei6vo0E5wTGwpkJ4KoT3OZJRnglwldt5ziLzOlc6qqb55z4tWNq2A+PFqCJuvWWdP53CVhG1Z9NtToDPJrA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [wasm32] + + '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.17': + resolution: {integrity: sha512-gUmyzBl3SPMa6hrqFUth9sVfcLBlYsbMzBx5PlexMroZStgzGqlZ26pYG89rBb45Mnia+oil6YAIFeEWGWhoZA==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [arm64] + os: [win32] + + '@rolldown/binding-win32-x64-msvc@1.0.0-rc.17': + resolution: {integrity: sha512-3hkiolcUAvPB9FLb3UZdfjVVNWherN1f/skkGWJP/fgSQhYUZpSIRr0/I8ZK9TkF3F7kxvJAk0+IcKvPHk9qQg==} + engines: {node: ^20.19.0 || >=22.12.0} + cpu: [x64] + os: [win32] + + '@rolldown/plugin-babel@0.2.3': + resolution: {integrity: sha512-+zEk16yGlz1F9STiRr6uG9hmIXb6nprjLczV/htGptYuLoCuxb+itZ03RKCEeOhBpDDd1NU7qF6x1VLMUp62bw==} + engines: {node: '>=22.12.0 || ^24.0.0'} + peerDependencies: + '@babel/core': ^7.29.0 || ^8.0.0-rc.1 + '@babel/plugin-transform-runtime': ^7.29.0 || ^8.0.0-rc.1 + '@babel/runtime': ^7.27.0 || ^8.0.0-rc.1 + rolldown: ^1.0.0-rc.5 + vite: ^8.0.0 + peerDependenciesMeta: + '@babel/plugin-transform-runtime': + optional: true + '@babel/runtime': + optional: true + vite: + optional: true + + '@rolldown/pluginutils@1.0.0-rc.17': + resolution: {integrity: sha512-n8iosDOt6Ig1UhJ2AYqoIhHWh/isz0xpicHTzpKBeotdVsTEcxsSA/i3EVM7gQAj0rU27OLAxCjzlj15IWY7bg==} + + '@rolldown/pluginutils@1.0.0-rc.7': + resolution: {integrity: sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==} + + '@standard-schema/spec@1.1.0': + resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==} + + '@standard-schema/utils@0.3.0': + resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==} + + '@tybys/wasm-util@0.10.1': + resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==} + + '@types/d3-array@3.2.2': + resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==} + + '@types/d3-color@3.1.3': + resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==} + + '@types/d3-ease@3.0.2': + resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==} + + '@types/d3-interpolate@3.0.4': + resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==} + + '@types/d3-path@3.1.1': + resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==} + + '@types/d3-scale@4.0.9': + resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==} + + '@types/d3-shape@3.1.8': + resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==} + + '@types/d3-time@3.0.4': + resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==} + + '@types/d3-timer@3.0.2': + resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==} + + '@types/esrecurse@4.3.1': + resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==} + + '@types/estree@1.0.8': + resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==} + + '@types/json-schema@7.0.15': + resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==} + + '@types/react-dom@19.2.3': + resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==} + peerDependencies: + '@types/react': ^19.2.0 + + '@types/react@19.2.14': + resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==} + + '@types/use-sync-external-store@0.0.6': + resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==} + + '@vitejs/plugin-react@6.0.1': + resolution: {integrity: sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ==} + engines: {node: ^20.19.0 || >=22.12.0} + peerDependencies: + '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0 + babel-plugin-react-compiler: ^1.0.0 + vite: ^8.0.0 + peerDependenciesMeta: + '@rolldown/plugin-babel': + optional: true + babel-plugin-react-compiler: + optional: true + + acorn-jsx@5.3.2: + resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} + peerDependencies: + acorn: ^6.0.0 || ^7.0.0 || ^8.0.0 + + acorn@8.16.0: + resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==} + engines: {node: '>=0.4.0'} + hasBin: true + + ajv@6.14.0: + resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==} + + babel-plugin-react-compiler@1.0.0: + resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==} + + balanced-match@4.0.4: + resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==} + engines: {node: 18 || 20 || >=22} + + baseline-browser-mapping@2.10.21: + resolution: {integrity: sha512-Q+rUQ7Uz8AHM7DEaNdwvfFCTq7a43lNTzuS94eiWqwyxfV/wJv+oUivef51T91mmRY4d4A1u9rcSvkeufCVXlA==} + engines: {node: '>=6.0.0'} + hasBin: true + + brace-expansion@5.0.5: + resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==} + engines: {node: 18 || 20 || >=22} + + browserslist@4.28.2: + resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + + caniuse-lite@1.0.30001790: + resolution: {integrity: sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==} + + clsx@2.1.1: + resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} + engines: {node: '>=6'} + + convert-source-map@2.0.0: + resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} + + cookie@1.1.1: + resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==} + engines: {node: '>=18'} + + cross-spawn@7.0.6: + resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} + engines: {node: '>= 8'} + + csstype@3.2.3: + resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==} + + d3-array@3.2.4: + resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==} + engines: {node: '>=12'} + + d3-color@3.1.0: + resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==} + engines: {node: '>=12'} + + d3-ease@3.0.1: + resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==} + engines: {node: '>=12'} + + d3-format@3.1.2: + resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==} + engines: {node: '>=12'} + + d3-interpolate@3.0.1: + resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==} + engines: {node: '>=12'} + + d3-path@3.1.0: + resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==} + engines: {node: '>=12'} + + d3-scale@4.0.2: + resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==} + engines: {node: '>=12'} + + d3-shape@3.2.0: + resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==} + engines: {node: '>=12'} + + d3-time-format@4.1.0: + resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==} + engines: {node: '>=12'} + + d3-time@3.1.0: + resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==} + engines: {node: '>=12'} + + d3-timer@3.0.1: + resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==} + engines: {node: '>=12'} + + debug@4.4.3: + resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==} + engines: {node: '>=6.0'} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + + decimal.js-light@2.5.1: + resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==} + + deep-is@0.1.4: + resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + + detect-libc@2.1.2: + resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==} + engines: {node: '>=8'} + + electron-to-chromium@1.5.344: + resolution: {integrity: sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==} + + es-toolkit@1.46.0: + resolution: {integrity: sha512-IToJ6ct9OLl5zz6WsC/1vZEwfSZ7Myil+ygl5Tf30Xjn9AEkzNB4kqp2G7VUJKF1DtTx/ra5M5KLlXvzOg51BA==} + + escalade@3.2.0: + resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} + engines: {node: '>=6'} + + escape-string-regexp@4.0.0: + resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} + engines: {node: '>=10'} + + eslint-plugin-react-hooks@7.1.1: + resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==} + engines: {node: '>=18'} + peerDependencies: + eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0 + + eslint-plugin-react-refresh@0.5.2: + resolution: {integrity: sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==} + peerDependencies: + eslint: ^9 || ^10 + + eslint-scope@9.1.2: + resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + eslint-visitor-keys@3.4.3: + resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==} + engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + + eslint-visitor-keys@5.0.1: + resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + eslint@10.2.1: + resolution: {integrity: sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + hasBin: true + peerDependencies: + jiti: '*' + peerDependenciesMeta: + jiti: + optional: true + + espree@11.2.0: + resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==} + engines: {node: ^20.19.0 || ^22.13.0 || >=24} + + esquery@1.7.0: + resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==} + engines: {node: '>=0.10'} + + esrecurse@4.3.0: + resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==} + engines: {node: '>=4.0'} + + estraverse@5.3.0: + resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==} + engines: {node: '>=4.0'} + + esutils@2.0.3: + resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==} + engines: {node: '>=0.10.0'} + + eventemitter3@5.0.4: + resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==} + + fast-deep-equal@3.1.3: + resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + + fast-json-stable-stringify@2.1.0: + resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==} + + fast-levenshtein@2.0.6: + resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==} + + fdir@6.5.0: + resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} + engines: {node: '>=12.0.0'} + peerDependencies: + picomatch: ^3 || ^4 + peerDependenciesMeta: + picomatch: + optional: true + + file-entry-cache@8.0.0: + resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==} + engines: {node: '>=16.0.0'} + + find-up@5.0.0: + resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==} + engines: {node: '>=10'} + + flat-cache@4.0.1: + resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==} + engines: {node: '>=16'} + + flatted@3.4.2: + resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==} + + fsevents@2.3.3: + resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} + engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} + os: [darwin] + + gensync@1.0.0-beta.2: + resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} + engines: {node: '>=6.9.0'} + + glob-parent@6.0.2: + resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==} + engines: {node: '>=10.13.0'} + + globals@17.5.0: + resolution: {integrity: sha512-qoV+HK2yFl/366t2/Cb3+xxPUo5BuMynomoDmiaZBIdbs+0pYbjfZU+twLhGKp4uCZ/+NbtpVepH5bGCxRyy2g==} + engines: {node: '>=18'} + + hermes-estree@0.25.1: + resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==} + + hermes-parser@0.25.1: + resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==} + + ignore@5.3.2: + resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==} + engines: {node: '>= 4'} + + immer@10.2.0: + resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==} + + immer@11.1.4: + resolution: {integrity: sha512-XREFCPo6ksxVzP4E0ekD5aMdf8WMwmdNaz6vuvxgI40UaEiu6q3p8X52aU6GdyvLY3XXX/8R7JOTXStz/nBbRw==} + + imurmurhash@0.1.4: + resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==} + engines: {node: '>=0.8.19'} + + internmap@2.0.3: + resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==} + engines: {node: '>=12'} + + is-extglob@2.1.1: + resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} + engines: {node: '>=0.10.0'} + + is-glob@4.0.3: + resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} + engines: {node: '>=0.10.0'} + + isexe@2.0.0: + resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + + jsesc@3.1.0: + resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==} + engines: {node: '>=6'} + hasBin: true + + json-buffer@3.0.1: + resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==} + + json-schema-traverse@0.4.1: + resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==} + + json-stable-stringify-without-jsonify@1.0.1: + resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} + + json5@2.2.3: + resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} + engines: {node: '>=6'} + hasBin: true + + keyv@4.5.4: + resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==} + + levn@0.4.1: + resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} + engines: {node: '>= 0.8.0'} + + lightningcss-android-arm64@1.32.0: + resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + + lightningcss-darwin-arm64@1.32.0: + resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.32.0: + resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.32.0: + resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.32.0: + resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.32.0: + resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + lightningcss-linux-arm64-musl@1.32.0: + resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + libc: [musl] + + lightningcss-linux-x64-gnu@1.32.0: + resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [glibc] + + lightningcss-linux-x64-musl@1.32.0: + resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + libc: [musl] + + lightningcss-win32-arm64-msvc@1.32.0: + resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.32.0: + resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.32.0: + resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==} + engines: {node: '>= 12.0.0'} + + locate-path@6.0.0: + resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} + engines: {node: '>=10'} + + lru-cache@5.1.1: + resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} + + lucide-react@1.8.0: + resolution: {integrity: sha512-WuvlsjngSk7TnTBJ1hsCy3ql9V9VOdcPkd3PKcSmM34vJD8KG6molxz7m7zbYFgICwsanQWmJ13JlYs4Zp7Arw==} + peerDependencies: + react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + minimatch@10.2.5: + resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==} + engines: {node: 18 || 20 || >=22} + + ms@2.1.3: + resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + + nanoid@3.3.11: + resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==} + engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} + hasBin: true + + natural-compare@1.4.0: + resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} + + node-releases@2.0.38: + resolution: {integrity: sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==} + + optionator@0.9.4: + resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==} + engines: {node: '>= 0.8.0'} + + p-limit@3.1.0: + resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==} + engines: {node: '>=10'} + + p-locate@5.0.0: + resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==} + engines: {node: '>=10'} + + path-exists@4.0.0: + resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} + engines: {node: '>=8'} + + path-key@3.1.1: + resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} + engines: {node: '>=8'} + + picocolors@1.1.1: + resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} + + picomatch@4.0.4: + resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==} + engines: {node: '>=12'} + + postcss@8.5.10: + resolution: {integrity: sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==} + engines: {node: ^10 || ^12 || >=14} + + prelude-ls@1.2.1: + resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} + engines: {node: '>= 0.8.0'} + + punycode@2.3.1: + resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==} + engines: {node: '>=6'} + + react-dom@19.2.5: + resolution: {integrity: sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==} + peerDependencies: + react: ^19.2.5 + + react-is@19.2.5: + resolution: {integrity: sha512-Dn0t8IQhCmeIT3wu+Apm1/YVsJXsGWi6k4sPdnBIdqMVtHtv0IGi6dcpNpNkNac0zB2uUAqNX3MHzN8c+z2rwQ==} + + react-redux@9.2.0: + resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==} + peerDependencies: + '@types/react': ^18.2.25 || ^19 + react: ^18.0 || ^19 + redux: ^5.0.0 + peerDependenciesMeta: + '@types/react': + optional: true + redux: + optional: true + + react-router-dom@7.14.2: + resolution: {integrity: sha512-YZcM5ES8jJSM+KrJ9BdvHHqlnGTg5tH3sC5ChFRj4inosKctdyzBDhOyyHdGk597q2OT6NTrCA1OvB/YDwfekQ==} + engines: {node: '>=20.0.0'} + peerDependencies: + react: '>=18' + react-dom: '>=18' + + react-router@7.14.2: + resolution: {integrity: sha512-yCqNne6I8IB6rVCH7XUvlBK7/QKyqypBFGv+8dj4QBFJiiRX+FG7/nkdAvGElyvVZ/HQP5N19wzteuTARXi5Gw==} + engines: {node: '>=20.0.0'} + peerDependencies: + react: '>=18' + react-dom: '>=18' + peerDependenciesMeta: + react-dom: + optional: true + + react@19.2.5: + resolution: {integrity: sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==} + engines: {node: '>=0.10.0'} + + recharts@3.8.1: + resolution: {integrity: sha512-mwzmO1s9sFL0TduUpwndxCUNoXsBw3u3E/0+A+cLcrSfQitSG62L32N69GhqUrrT5qKcAE3pCGVINC6pqkBBQg==} + engines: {node: '>=18'} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + redux-thunk@3.1.0: + resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==} + peerDependencies: + redux: ^5.0.0 + + redux@5.0.1: + resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==} + + reselect@5.1.1: + resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==} + + rolldown@1.0.0-rc.17: + resolution: {integrity: sha512-ZrT53oAKrtA4+YtBWPQbtPOxIbVDbxT0orcYERKd63VJTF13zPcgXTvD4843L8pcsI7M6MErt8QtON6lrB9tyA==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + + scheduler@0.27.0: + resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==} + + semver@6.3.1: + resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==} + hasBin: true + + set-cookie-parser@2.7.2: + resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==} + + shebang-command@2.0.0: + resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} + engines: {node: '>=8'} + + shebang-regex@3.0.0: + resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} + engines: {node: '>=8'} + + source-map-js@1.2.1: + resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==} + engines: {node: '>=0.10.0'} + + tiny-invariant@1.3.3: + resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==} + + tinyglobby@0.2.16: + resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==} + engines: {node: '>=12.0.0'} + + tslib@2.8.1: + resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==} + + type-check@0.4.0: + resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} + engines: {node: '>= 0.8.0'} + + update-browserslist-db@1.2.3: + resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==} + hasBin: true + peerDependencies: + browserslist: '>= 4.21.0' + + uri-js@4.4.1: + resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} + + use-sync-external-store@1.6.0: + resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==} + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + + victory-vendor@37.3.6: + resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==} + + vite@8.0.10: + resolution: {integrity: sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw==} + engines: {node: ^20.19.0 || >=22.12.0} + hasBin: true + 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 + peerDependenciesMeta: + '@types/node': + optional: true + '@vitejs/devtools': + optional: true + esbuild: + optional: true + jiti: + optional: true + less: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + + which@2.0.2: + resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} + engines: {node: '>= 8'} + hasBin: true + + word-wrap@1.2.5: + resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==} + engines: {node: '>=0.10.0'} + + yallist@3.1.1: + resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} + + yocto-queue@0.1.0: + resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==} + engines: {node: '>=10'} + + zod-validation-error@4.0.2: + resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==} + engines: {node: '>=18.0.0'} + peerDependencies: + zod: ^3.25.0 || ^4.0.0 + + zod@4.3.6: + resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==} + +snapshots: + + '@babel/code-frame@7.29.0': + dependencies: + '@babel/helper-validator-identifier': 7.28.5 + js-tokens: 4.0.0 + picocolors: 1.1.1 + + '@babel/compat-data@7.29.0': {} + + '@babel/core@7.29.0': + dependencies: + '@babel/code-frame': 7.29.0 + '@babel/generator': 7.29.1 + '@babel/helper-compilation-targets': 7.28.6 + '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0) + '@babel/helpers': 7.29.2 + '@babel/parser': 7.29.2 + '@babel/template': 7.28.6 + '@babel/traverse': 7.29.0 + '@babel/types': 7.29.0 + '@jridgewell/remapping': 2.3.5 + convert-source-map: 2.0.0 + debug: 4.4.3 + gensync: 1.0.0-beta.2 + json5: 2.2.3 + semver: 6.3.1 + transitivePeerDependencies: + - supports-color + + '@babel/generator@7.29.1': + dependencies: + '@babel/parser': 7.29.2 + '@babel/types': 7.29.0 + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + jsesc: 3.1.0 + + '@babel/helper-compilation-targets@7.28.6': + dependencies: + '@babel/compat-data': 7.29.0 + '@babel/helper-validator-option': 7.27.1 + browserslist: 4.28.2 + lru-cache: 5.1.1 + semver: 6.3.1 + + '@babel/helper-globals@7.28.0': {} + + '@babel/helper-module-imports@7.28.6': + dependencies: + '@babel/traverse': 7.29.0 + '@babel/types': 7.29.0 + transitivePeerDependencies: + - supports-color + + '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)': + dependencies: + '@babel/core': 7.29.0 + '@babel/helper-module-imports': 7.28.6 + '@babel/helper-validator-identifier': 7.28.5 + '@babel/traverse': 7.29.0 + transitivePeerDependencies: + - supports-color + + '@babel/helper-string-parser@7.27.1': {} + + '@babel/helper-validator-identifier@7.28.5': {} + + '@babel/helper-validator-option@7.27.1': {} + + '@babel/helpers@7.29.2': + dependencies: + '@babel/template': 7.28.6 + '@babel/types': 7.29.0 + + '@babel/parser@7.29.2': + dependencies: + '@babel/types': 7.29.0 + + '@babel/template@7.28.6': + dependencies: + '@babel/code-frame': 7.29.0 + '@babel/parser': 7.29.2 + '@babel/types': 7.29.0 + + '@babel/traverse@7.29.0': + dependencies: + '@babel/code-frame': 7.29.0 + '@babel/generator': 7.29.1 + '@babel/helper-globals': 7.28.0 + '@babel/parser': 7.29.2 + '@babel/template': 7.28.6 + '@babel/types': 7.29.0 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + + '@babel/types@7.29.0': + dependencies: + '@babel/helper-string-parser': 7.27.1 + '@babel/helper-validator-identifier': 7.28.5 + + '@emnapi/core@1.10.0': + dependencies: + '@emnapi/wasi-threads': 1.2.1 + tslib: 2.8.1 + optional: true + + '@emnapi/runtime@1.10.0': + dependencies: + tslib: 2.8.1 + optional: true + + '@emnapi/wasi-threads@1.2.1': + dependencies: + tslib: 2.8.1 + optional: true + + '@eslint-community/eslint-utils@4.9.1(eslint@10.2.1)': + dependencies: + eslint: 10.2.1 + eslint-visitor-keys: 3.4.3 + + '@eslint-community/regexpp@4.12.2': {} + + '@eslint/config-array@0.23.5': + dependencies: + '@eslint/object-schema': 3.0.5 + debug: 4.4.3 + minimatch: 10.2.5 + transitivePeerDependencies: + - supports-color + + '@eslint/config-helpers@0.5.5': + dependencies: + '@eslint/core': 1.2.1 + + '@eslint/core@1.2.1': + dependencies: + '@types/json-schema': 7.0.15 + + '@eslint/js@10.0.1(eslint@10.2.1)': + optionalDependencies: + eslint: 10.2.1 + + '@eslint/object-schema@3.0.5': {} + + '@eslint/plugin-kit@0.7.1': + dependencies: + '@eslint/core': 1.2.1 + levn: 0.4.1 + + '@humanfs/core@0.19.2': + dependencies: + '@humanfs/types': 0.15.0 + + '@humanfs/node@0.16.8': + dependencies: + '@humanfs/core': 0.19.2 + '@humanfs/types': 0.15.0 + '@humanwhocodes/retry': 0.4.3 + + '@humanfs/types@0.15.0': {} + + '@humanwhocodes/module-importer@1.0.1': {} + + '@humanwhocodes/retry@0.4.3': {} + + '@jridgewell/gen-mapping@0.3.13': + dependencies: + '@jridgewell/sourcemap-codec': 1.5.5 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/remapping@2.3.5': + dependencies: + '@jridgewell/gen-mapping': 0.3.13 + '@jridgewell/trace-mapping': 0.3.31 + + '@jridgewell/resolve-uri@3.1.2': {} + + '@jridgewell/sourcemap-codec@1.5.5': {} + + '@jridgewell/trace-mapping@0.3.31': + dependencies: + '@jridgewell/resolve-uri': 3.1.2 + '@jridgewell/sourcemap-codec': 1.5.5 + + '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)': + dependencies: + '@emnapi/core': 1.10.0 + '@emnapi/runtime': 1.10.0 + '@tybys/wasm-util': 0.10.1 + optional: true + + '@oxc-project/types@0.127.0': {} + + '@reduxjs/toolkit@2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5)': + dependencies: + '@standard-schema/spec': 1.1.0 + '@standard-schema/utils': 0.3.0 + immer: 11.1.4 + redux: 5.0.1 + redux-thunk: 3.1.0(redux@5.0.1) + reselect: 5.1.1 + optionalDependencies: + react: 19.2.5 + react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1) + + '@rolldown/binding-android-arm64@1.0.0-rc.17': + optional: true + + '@rolldown/binding-darwin-arm64@1.0.0-rc.17': + optional: true + + '@rolldown/binding-darwin-x64@1.0.0-rc.17': + optional: true + + '@rolldown/binding-freebsd-x64@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-arm64-musl@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-x64-gnu@1.0.0-rc.17': + optional: true + + '@rolldown/binding-linux-x64-musl@1.0.0-rc.17': + optional: true + + '@rolldown/binding-openharmony-arm64@1.0.0-rc.17': + optional: true + + '@rolldown/binding-wasm32-wasi@1.0.0-rc.17': + dependencies: + '@emnapi/core': 1.10.0 + '@emnapi/runtime': 1.10.0 + '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0) + optional: true + + '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.17': + optional: true + + '@rolldown/binding-win32-x64-msvc@1.0.0-rc.17': + optional: true + + '@rolldown/plugin-babel@0.2.3(@babel/core@7.29.0)(rolldown@1.0.0-rc.17)(vite@8.0.10)': + dependencies: + '@babel/core': 7.29.0 + picomatch: 4.0.4 + rolldown: 1.0.0-rc.17 + optionalDependencies: + vite: 8.0.10 + + '@rolldown/pluginutils@1.0.0-rc.17': {} + + '@rolldown/pluginutils@1.0.0-rc.7': {} + + '@standard-schema/spec@1.1.0': {} + + '@standard-schema/utils@0.3.0': {} + + '@tybys/wasm-util@0.10.1': + dependencies: + tslib: 2.8.1 + optional: true + + '@types/d3-array@3.2.2': {} + + '@types/d3-color@3.1.3': {} + + '@types/d3-ease@3.0.2': {} + + '@types/d3-interpolate@3.0.4': + dependencies: + '@types/d3-color': 3.1.3 + + '@types/d3-path@3.1.1': {} + + '@types/d3-scale@4.0.9': + dependencies: + '@types/d3-time': 3.0.4 + + '@types/d3-shape@3.1.8': + dependencies: + '@types/d3-path': 3.1.1 + + '@types/d3-time@3.0.4': {} + + '@types/d3-timer@3.0.2': {} + + '@types/esrecurse@4.3.1': {} + + '@types/estree@1.0.8': {} + + '@types/json-schema@7.0.15': {} + + '@types/react-dom@19.2.3(@types/react@19.2.14)': + dependencies: + '@types/react': 19.2.14 + + '@types/react@19.2.14': + dependencies: + csstype: 3.2.3 + + '@types/use-sync-external-store@0.0.6': {} + + '@vitejs/plugin-react@6.0.1(@rolldown/plugin-babel@0.2.3(@babel/core@7.29.0)(rolldown@1.0.0-rc.17)(vite@8.0.10))(babel-plugin-react-compiler@1.0.0)(vite@8.0.10)': + dependencies: + '@rolldown/pluginutils': 1.0.0-rc.7 + vite: 8.0.10 + optionalDependencies: + '@rolldown/plugin-babel': 0.2.3(@babel/core@7.29.0)(rolldown@1.0.0-rc.17)(vite@8.0.10) + babel-plugin-react-compiler: 1.0.0 + + acorn-jsx@5.3.2(acorn@8.16.0): + dependencies: + acorn: 8.16.0 + + acorn@8.16.0: {} + + ajv@6.14.0: + dependencies: + fast-deep-equal: 3.1.3 + fast-json-stable-stringify: 2.1.0 + json-schema-traverse: 0.4.1 + uri-js: 4.4.1 + + babel-plugin-react-compiler@1.0.0: + dependencies: + '@babel/types': 7.29.0 + + balanced-match@4.0.4: {} + + baseline-browser-mapping@2.10.21: {} + + brace-expansion@5.0.5: + dependencies: + balanced-match: 4.0.4 + + browserslist@4.28.2: + dependencies: + baseline-browser-mapping: 2.10.21 + caniuse-lite: 1.0.30001790 + electron-to-chromium: 1.5.344 + node-releases: 2.0.38 + update-browserslist-db: 1.2.3(browserslist@4.28.2) + + caniuse-lite@1.0.30001790: {} + + clsx@2.1.1: {} + + convert-source-map@2.0.0: {} + + cookie@1.1.1: {} + + cross-spawn@7.0.6: + dependencies: + path-key: 3.1.1 + shebang-command: 2.0.0 + which: 2.0.2 + + csstype@3.2.3: {} + + d3-array@3.2.4: + dependencies: + internmap: 2.0.3 + + d3-color@3.1.0: {} + + d3-ease@3.0.1: {} + + d3-format@3.1.2: {} + + d3-interpolate@3.0.1: + dependencies: + d3-color: 3.1.0 + + d3-path@3.1.0: {} + + d3-scale@4.0.2: + dependencies: + d3-array: 3.2.4 + d3-format: 3.1.2 + d3-interpolate: 3.0.1 + d3-time: 3.1.0 + d3-time-format: 4.1.0 + + d3-shape@3.2.0: + dependencies: + d3-path: 3.1.0 + + d3-time-format@4.1.0: + dependencies: + d3-time: 3.1.0 + + d3-time@3.1.0: + dependencies: + d3-array: 3.2.4 + + d3-timer@3.0.1: {} + + debug@4.4.3: + dependencies: + ms: 2.1.3 + + decimal.js-light@2.5.1: {} + + deep-is@0.1.4: {} + + detect-libc@2.1.2: {} + + electron-to-chromium@1.5.344: {} + + es-toolkit@1.46.0: {} + + escalade@3.2.0: {} + + escape-string-regexp@4.0.0: {} + + eslint-plugin-react-hooks@7.1.1(eslint@10.2.1): + dependencies: + '@babel/core': 7.29.0 + '@babel/parser': 7.29.2 + eslint: 10.2.1 + hermes-parser: 0.25.1 + zod: 4.3.6 + zod-validation-error: 4.0.2(zod@4.3.6) + transitivePeerDependencies: + - supports-color + + eslint-plugin-react-refresh@0.5.2(eslint@10.2.1): + dependencies: + eslint: 10.2.1 + + eslint-scope@9.1.2: + dependencies: + '@types/esrecurse': 4.3.1 + '@types/estree': 1.0.8 + esrecurse: 4.3.0 + estraverse: 5.3.0 + + eslint-visitor-keys@3.4.3: {} + + eslint-visitor-keys@5.0.1: {} + + eslint@10.2.1: + dependencies: + '@eslint-community/eslint-utils': 4.9.1(eslint@10.2.1) + '@eslint-community/regexpp': 4.12.2 + '@eslint/config-array': 0.23.5 + '@eslint/config-helpers': 0.5.5 + '@eslint/core': 1.2.1 + '@eslint/plugin-kit': 0.7.1 + '@humanfs/node': 0.16.8 + '@humanwhocodes/module-importer': 1.0.1 + '@humanwhocodes/retry': 0.4.3 + '@types/estree': 1.0.8 + ajv: 6.14.0 + cross-spawn: 7.0.6 + debug: 4.4.3 + escape-string-regexp: 4.0.0 + eslint-scope: 9.1.2 + eslint-visitor-keys: 5.0.1 + espree: 11.2.0 + esquery: 1.7.0 + esutils: 2.0.3 + fast-deep-equal: 3.1.3 + file-entry-cache: 8.0.0 + find-up: 5.0.0 + glob-parent: 6.0.2 + ignore: 5.3.2 + imurmurhash: 0.1.4 + is-glob: 4.0.3 + json-stable-stringify-without-jsonify: 1.0.1 + minimatch: 10.2.5 + natural-compare: 1.4.0 + optionator: 0.9.4 + transitivePeerDependencies: + - supports-color + + espree@11.2.0: + dependencies: + acorn: 8.16.0 + acorn-jsx: 5.3.2(acorn@8.16.0) + eslint-visitor-keys: 5.0.1 + + esquery@1.7.0: + dependencies: + estraverse: 5.3.0 + + esrecurse@4.3.0: + dependencies: + estraverse: 5.3.0 + + estraverse@5.3.0: {} + + esutils@2.0.3: {} + + eventemitter3@5.0.4: {} + + fast-deep-equal@3.1.3: {} + + fast-json-stable-stringify@2.1.0: {} + + fast-levenshtein@2.0.6: {} + + fdir@6.5.0(picomatch@4.0.4): + optionalDependencies: + picomatch: 4.0.4 + + file-entry-cache@8.0.0: + dependencies: + flat-cache: 4.0.1 + + find-up@5.0.0: + dependencies: + locate-path: 6.0.0 + path-exists: 4.0.0 + + flat-cache@4.0.1: + dependencies: + flatted: 3.4.2 + keyv: 4.5.4 + + flatted@3.4.2: {} + + fsevents@2.3.3: + optional: true + + gensync@1.0.0-beta.2: {} + + glob-parent@6.0.2: + dependencies: + is-glob: 4.0.3 + + globals@17.5.0: {} + + hermes-estree@0.25.1: {} + + hermes-parser@0.25.1: + dependencies: + hermes-estree: 0.25.1 + + ignore@5.3.2: {} + + immer@10.2.0: {} + + immer@11.1.4: {} + + imurmurhash@0.1.4: {} + + internmap@2.0.3: {} + + is-extglob@2.1.1: {} + + is-glob@4.0.3: + dependencies: + is-extglob: 2.1.1 + + isexe@2.0.0: {} + + js-tokens@4.0.0: {} + + jsesc@3.1.0: {} + + json-buffer@3.0.1: {} + + json-schema-traverse@0.4.1: {} + + json-stable-stringify-without-jsonify@1.0.1: {} + + json5@2.2.3: {} + + keyv@4.5.4: + dependencies: + json-buffer: 3.0.1 + + levn@0.4.1: + dependencies: + prelude-ls: 1.2.1 + type-check: 0.4.0 + + lightningcss-android-arm64@1.32.0: + optional: true + + lightningcss-darwin-arm64@1.32.0: + optional: true + + lightningcss-darwin-x64@1.32.0: + optional: true + + lightningcss-freebsd-x64@1.32.0: + optional: true + + lightningcss-linux-arm-gnueabihf@1.32.0: + optional: true + + lightningcss-linux-arm64-gnu@1.32.0: + optional: true + + lightningcss-linux-arm64-musl@1.32.0: + optional: true + + lightningcss-linux-x64-gnu@1.32.0: + optional: true + + lightningcss-linux-x64-musl@1.32.0: + optional: true + + lightningcss-win32-arm64-msvc@1.32.0: + optional: true + + lightningcss-win32-x64-msvc@1.32.0: + optional: true + + lightningcss@1.32.0: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.32.0 + lightningcss-darwin-arm64: 1.32.0 + lightningcss-darwin-x64: 1.32.0 + lightningcss-freebsd-x64: 1.32.0 + lightningcss-linux-arm-gnueabihf: 1.32.0 + lightningcss-linux-arm64-gnu: 1.32.0 + lightningcss-linux-arm64-musl: 1.32.0 + lightningcss-linux-x64-gnu: 1.32.0 + lightningcss-linux-x64-musl: 1.32.0 + lightningcss-win32-arm64-msvc: 1.32.0 + lightningcss-win32-x64-msvc: 1.32.0 + + locate-path@6.0.0: + dependencies: + p-locate: 5.0.0 + + lru-cache@5.1.1: + dependencies: + yallist: 3.1.1 + + lucide-react@1.8.0(react@19.2.5): + dependencies: + react: 19.2.5 + + minimatch@10.2.5: + dependencies: + brace-expansion: 5.0.5 + + ms@2.1.3: {} + + nanoid@3.3.11: {} + + natural-compare@1.4.0: {} + + node-releases@2.0.38: {} + + optionator@0.9.4: + dependencies: + deep-is: 0.1.4 + fast-levenshtein: 2.0.6 + levn: 0.4.1 + prelude-ls: 1.2.1 + type-check: 0.4.0 + word-wrap: 1.2.5 + + p-limit@3.1.0: + dependencies: + yocto-queue: 0.1.0 + + p-locate@5.0.0: + dependencies: + p-limit: 3.1.0 + + path-exists@4.0.0: {} + + path-key@3.1.1: {} + + picocolors@1.1.1: {} + + picomatch@4.0.4: {} + + postcss@8.5.10: + dependencies: + nanoid: 3.3.11 + picocolors: 1.1.1 + source-map-js: 1.2.1 + + prelude-ls@1.2.1: {} + + punycode@2.3.1: {} + + react-dom@19.2.5(react@19.2.5): + dependencies: + react: 19.2.5 + scheduler: 0.27.0 + + react-is@19.2.5: {} + + react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1): + dependencies: + '@types/use-sync-external-store': 0.0.6 + react: 19.2.5 + use-sync-external-store: 1.6.0(react@19.2.5) + optionalDependencies: + '@types/react': 19.2.14 + redux: 5.0.1 + + react-router-dom@7.14.2(react-dom@19.2.5(react@19.2.5))(react@19.2.5): + dependencies: + react: 19.2.5 + react-dom: 19.2.5(react@19.2.5) + react-router: 7.14.2(react-dom@19.2.5(react@19.2.5))(react@19.2.5) + + react-router@7.14.2(react-dom@19.2.5(react@19.2.5))(react@19.2.5): + dependencies: + cookie: 1.1.1 + react: 19.2.5 + set-cookie-parser: 2.7.2 + optionalDependencies: + react-dom: 19.2.5(react@19.2.5) + + react@19.2.5: {} + + recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@19.2.5)(react@19.2.5)(redux@5.0.1): + dependencies: + '@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5) + clsx: 2.1.1 + decimal.js-light: 2.5.1 + es-toolkit: 1.46.0 + eventemitter3: 5.0.4 + immer: 10.2.0 + react: 19.2.5 + react-dom: 19.2.5(react@19.2.5) + react-is: 19.2.5 + react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1) + reselect: 5.1.1 + tiny-invariant: 1.3.3 + use-sync-external-store: 1.6.0(react@19.2.5) + victory-vendor: 37.3.6 + transitivePeerDependencies: + - '@types/react' + - redux + + redux-thunk@3.1.0(redux@5.0.1): + dependencies: + redux: 5.0.1 + + redux@5.0.1: {} + + reselect@5.1.1: {} + + rolldown@1.0.0-rc.17: + dependencies: + '@oxc-project/types': 0.127.0 + '@rolldown/pluginutils': 1.0.0-rc.17 + optionalDependencies: + '@rolldown/binding-android-arm64': 1.0.0-rc.17 + '@rolldown/binding-darwin-arm64': 1.0.0-rc.17 + '@rolldown/binding-darwin-x64': 1.0.0-rc.17 + '@rolldown/binding-freebsd-x64': 1.0.0-rc.17 + '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.17 + '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.17 + '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.17 + '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.17 + '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.17 + '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.17 + '@rolldown/binding-linux-x64-musl': 1.0.0-rc.17 + '@rolldown/binding-openharmony-arm64': 1.0.0-rc.17 + '@rolldown/binding-wasm32-wasi': 1.0.0-rc.17 + '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.17 + '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.17 + + scheduler@0.27.0: {} + + semver@6.3.1: {} + + set-cookie-parser@2.7.2: {} + + shebang-command@2.0.0: + dependencies: + shebang-regex: 3.0.0 + + shebang-regex@3.0.0: {} + + source-map-js@1.2.1: {} + + tiny-invariant@1.3.3: {} + + tinyglobby@0.2.16: + dependencies: + fdir: 6.5.0(picomatch@4.0.4) + picomatch: 4.0.4 + + tslib@2.8.1: + optional: true + + type-check@0.4.0: + dependencies: + prelude-ls: 1.2.1 + + update-browserslist-db@1.2.3(browserslist@4.28.2): + dependencies: + browserslist: 4.28.2 + escalade: 3.2.0 + picocolors: 1.1.1 + + uri-js@4.4.1: + dependencies: + punycode: 2.3.1 + + use-sync-external-store@1.6.0(react@19.2.5): + dependencies: + react: 19.2.5 + + victory-vendor@37.3.6: + dependencies: + '@types/d3-array': 3.2.2 + '@types/d3-ease': 3.0.2 + '@types/d3-interpolate': 3.0.4 + '@types/d3-scale': 4.0.9 + '@types/d3-shape': 3.1.8 + '@types/d3-time': 3.0.4 + '@types/d3-timer': 3.0.2 + d3-array: 3.2.4 + d3-ease: 3.0.1 + d3-interpolate: 3.0.1 + d3-scale: 4.0.2 + d3-shape: 3.2.0 + d3-time: 3.1.0 + d3-timer: 3.0.1 + + vite@8.0.10: + dependencies: + lightningcss: 1.32.0 + picomatch: 4.0.4 + postcss: 8.5.10 + rolldown: 1.0.0-rc.17 + tinyglobby: 0.2.16 + optionalDependencies: + fsevents: 2.3.3 + + which@2.0.2: + dependencies: + isexe: 2.0.0 + + word-wrap@1.2.5: {} + + yallist@3.1.1: {} + + yocto-queue@0.1.0: {} + + zod-validation-error@4.0.2(zod@4.3.6): + dependencies: + zod: 4.3.6 + + zod@4.3.6: {} diff --git a/DataSentinel/public/favicon.svg b/DataSentinel/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/DataSentinel/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/DataSentinel/public/icons.svg b/DataSentinel/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/DataSentinel/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/DataSentinel/src/App.css b/DataSentinel/src/App.css new file mode 100644 index 0000000..f90339d --- /dev/null +++ b/DataSentinel/src/App.css @@ -0,0 +1,184 @@ +.counter { + font-size: 16px; + padding: 5px 10px; + border-radius: 5px; + color: var(--accent); + background: var(--accent-bg); + border: 2px solid transparent; + transition: border-color 0.3s; + margin-bottom: 24px; + + &:hover { + border-color: var(--accent-border); + } + &:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; + } +} + +.hero { + position: relative; + + .base, + .framework, + .vite { + inset-inline: 0; + margin: 0 auto; + } + + .base { + width: 170px; + position: relative; + z-index: 0; + } + + .framework, + .vite { + position: absolute; + } + + .framework { + z-index: 1; + top: 34px; + height: 28px; + transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg) + scale(1.4); + } + + .vite { + z-index: 0; + top: 107px; + height: 26px; + width: auto; + transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg) + scale(0.8); + } +} + +#center { + display: flex; + flex-direction: column; + gap: 25px; + place-content: center; + place-items: center; + flex-grow: 1; + + @media (max-width: 1024px) { + padding: 32px 20px 24px; + gap: 18px; + } +} + +#next-steps { + display: flex; + border-top: 1px solid var(--border); + text-align: left; + + & > div { + flex: 1 1 0; + padding: 32px; + @media (max-width: 1024px) { + padding: 24px 20px; + } + } + + .icon { + margin-bottom: 16px; + width: 22px; + height: 22px; + } + + @media (max-width: 1024px) { + flex-direction: column; + text-align: center; + } +} + +#docs { + border-right: 1px solid var(--border); + + @media (max-width: 1024px) { + border-right: none; + border-bottom: 1px solid var(--border); + } +} + +#next-steps ul { + list-style: none; + padding: 0; + display: flex; + gap: 8px; + margin: 32px 0 0; + + .logo { + height: 18px; + } + + a { + color: var(--text-h); + font-size: 16px; + border-radius: 6px; + background: var(--social-bg); + display: flex; + padding: 6px 12px; + align-items: center; + gap: 8px; + text-decoration: none; + transition: box-shadow 0.3s; + + &:hover { + box-shadow: var(--shadow); + } + .button-icon { + height: 18px; + width: 18px; + } + } + + @media (max-width: 1024px) { + margin-top: 20px; + flex-wrap: wrap; + justify-content: center; + + li { + flex: 1 1 calc(50% - 8px); + } + + a { + width: 100%; + justify-content: center; + box-sizing: border-box; + } + } +} + +#spacer { + height: 88px; + border-top: 1px solid var(--border); + @media (max-width: 1024px) { + height: 48px; + } +} + +.ticks { + position: relative; + width: 100%; + + &::before, + &::after { + content: ''; + position: absolute; + top: -4.5px; + border: 5px solid transparent; + } + + &::before { + left: 0; + border-left-color: var(--border); + } + &::after { + right: 0; + border-right-color: var(--border); + } +} diff --git a/DataSentinel/src/App.jsx b/DataSentinel/src/App.jsx new file mode 100644 index 0000000..1fd104a --- /dev/null +++ b/DataSentinel/src/App.jsx @@ -0,0 +1,76 @@ +// src/App.jsx +// Configuration du routing React Router v6 avec protection des routes +import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'; +import { AuthProvider, useAuth } from './context/AuthContext'; +import Layout from './components/Layout/Layout'; +import Login from './pages/Login/Login'; +import Dashboard from './pages/Dashboard/Dashboard'; +import MonitoringDetail from './pages/MonitoringDetail/MonitoringDetail'; +import VueConso from './pages/VueConso/VueConso'; +import Contrat from './pages/Contrat/Contrat'; +import Fournisseur from './pages/Fournisseur/Fournisseur'; +import Historique from './pages/Historique/Historique'; +import Admin from './pages/Admin/Admin'; +import Users from './pages/Users/Users'; +import MentionsLegales from './pages/MentionsLegales/MentionsLegales'; + +/* Composant pour protéger les routes nécessitant une authentification */ +function ProtectedRoute({ children }) { + const { user } = useAuth(); + return user ? children : ; +} + +/* Composant pour les routes publiques (login) */ +function PublicRoute({ children }) { + const { user } = useAuth(); + return user ? : children; +} + +function App() { + return ( + + + + {/* Route publique : login */} + + + + } + /> + + {/* Route publique : mentions légales (sans sidebar) */} + } /> + + {/* Routes protégées avec Layout */} + + + + } + > + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + + {/* Redirection par défaut */} + } /> + + + + ); +} + +export default App; + diff --git a/DataSentinel/src/assets/hero.png b/DataSentinel/src/assets/hero.png new file mode 100644 index 0000000000000000000000000000000000000000..02251f4b956c55af2d76fd0788124d7eee2b45eb GIT binary patch literal 13057 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 P00000NkvXXu0mjft=yBf literal 0 HcmV?d00001 diff --git a/DataSentinel/src/assets/react.svg b/DataSentinel/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/DataSentinel/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/DataSentinel/src/assets/vite.svg b/DataSentinel/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/DataSentinel/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/DataSentinel/src/components/Layout/Header.jsx b/DataSentinel/src/components/Layout/Header.jsx new file mode 100644 index 0000000..753f783 --- /dev/null +++ b/DataSentinel/src/components/Layout/Header.jsx @@ -0,0 +1,43 @@ +/* En-tête fixe de l'application Data Sentinel */ + +import { Bell, LogOut, Menu } from 'lucide-react'; +import { useAuth } from '../../context/AuthContext'; +import { useNavigate } from 'react-router-dom'; +import styles from './Header.module.css'; + +export default function Header({ onToggleSidebar }) { + const { user, logout } = useAuth(); + const navigate = useNavigate(); + + function handleLogout() { + logout(); + navigate('/login'); + } + + return ( +
+
+ {/* Bouton burger pour mobile */} + +
+ ▶ + Data Sentinel +
+ by XEFI +
+ +
+ + {user && {user.nom}} + +
+
+ ); +} diff --git a/DataSentinel/src/components/Layout/Header.module.css b/DataSentinel/src/components/Layout/Header.module.css new file mode 100644 index 0000000..9768425 --- /dev/null +++ b/DataSentinel/src/components/Layout/Header.module.css @@ -0,0 +1,101 @@ +/* Styles de l'en-tête fixe */ + +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + height: var(--header-height); + background-color: var(--color-black); + border-bottom: 3px solid var(--color-primary); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + z-index: 1000; +} + +.left { + display: flex; + align-items: center; + gap: 12px; +} + +.burgerBtn { + display: none; + background: none; + border: none; + padding: 4px; + cursor: pointer; +} + +/* Afficher le burger uniquement en mobile */ +@media (max-width: 768px) { + .burgerBtn { + display: flex; + align-items: center; + } +} + +.logo { + display: flex; + align-items: center; + gap: 6px; +} + +.logoIcon { + color: var(--color-primary); + font-size: 16px; +} + +.logoText { + color: var(--color-white); + font-size: 16px; + font-weight: 700; + letter-spacing: 0.5px; +} + +.byXefi { + color: #888; + font-size: 11px; + font-weight: 400; + margin-left: 4px; +} + +.right { + display: flex; + align-items: center; + gap: 16px; +} + +.iconBtn { + background: none; + border: none; + cursor: pointer; + padding: 4px; + display: flex; + align-items: center; +} + +.username { + color: var(--color-white); + font-size: 13px; + font-weight: 500; +} + +.logoutBtn { + display: flex; + align-items: center; + gap: 5px; + background: none; + border: none; + color: var(--color-primary); + font-size: 13px; + font-weight: 500; + cursor: pointer; + padding: 4px 0; +} + +.logoutBtn:hover { + text-decoration: underline; +} diff --git a/DataSentinel/src/components/Layout/Layout.jsx b/DataSentinel/src/components/Layout/Layout.jsx new file mode 100644 index 0000000..9b15545 --- /dev/null +++ b/DataSentinel/src/components/Layout/Layout.jsx @@ -0,0 +1,21 @@ +/* Composant de mise en page principal : header + sidebar + contenu */ + +import { useState } from 'react'; +import Header from './Header'; +import Sidebar from './Sidebar'; +import { Outlet } from 'react-router-dom'; +import styles from './Layout.module.css'; + +export default function Layout() { + const [sidebarOpen, setSidebarOpen] = useState(false); + + return ( +
+
setSidebarOpen(o => !o)} /> + setSidebarOpen(false)} /> +
+ +
+
+ ); +} diff --git a/DataSentinel/src/components/Layout/Layout.module.css b/DataSentinel/src/components/Layout/Layout.module.css new file mode 100644 index 0000000..214c711 --- /dev/null +++ b/DataSentinel/src/components/Layout/Layout.module.css @@ -0,0 +1,22 @@ +/* Styles de la mise en page principale */ + +.root { + min-height: 100vh; + background-color: var(--color-gray-light); +} + +/* Le contenu principal se décale de la largeur de la sidebar */ +.main { + margin-top: var(--header-height); + margin-left: var(--sidebar-width); + padding: 24px; + min-height: calc(100vh - var(--header-height)); +} + +/* Sur mobile : pas de décalage sidebar */ +@media (max-width: 768px) { + .main { + margin-left: 0; + padding: 16px; + } +} diff --git a/DataSentinel/src/components/Layout/Sidebar.jsx b/DataSentinel/src/components/Layout/Sidebar.jsx new file mode 100644 index 0000000..6b53c6c --- /dev/null +++ b/DataSentinel/src/components/Layout/Sidebar.jsx @@ -0,0 +1,73 @@ +/* Barre de navigation latérale fixe */ + +import { NavLink } from 'react-router-dom'; +import { + LayoutGrid, + Layers, + Clock, + Settings, + Users, + List, + Book, + Shield, +} from 'lucide-react'; +import styles from './Sidebar.module.css'; + +/* Un lien de navigation avec icône */ +function NavItem({ to, icon: Icon, label }) { + return ( + + `${styles.navItem} ${isActive ? styles.active : ''}` + } + > + + {label} + + ); +} + +export default function Sidebar({ isOpen, onClose }) { + return ( + <> + {/* Overlay mobile pour fermer la sidebar */} + {isOpen &&
} + + + + ); +} diff --git a/DataSentinel/src/components/Layout/Sidebar.module.css b/DataSentinel/src/components/Layout/Sidebar.module.css new file mode 100644 index 0000000..11363e0 --- /dev/null +++ b/DataSentinel/src/components/Layout/Sidebar.module.css @@ -0,0 +1,117 @@ +/* Styles de la barre latérale de navigation */ + +.sidebar { + position: fixed; + left: 0; + top: var(--header-height); + bottom: 0; + width: var(--sidebar-width); + background-color: var(--color-gray-light); + border-right: 1px solid var(--color-gray-border); + display: flex; + flex-direction: column; + justify-content: space-between; + overflow-y: auto; + z-index: 900; + transition: transform 0.25s ease; +} + +/* Caché sur mobile par défaut */ +@media (max-width: 768px) { + .sidebar { + transform: translateX(-100%); + } + + .sidebar.open { + transform: translateX(0); + } +} + +/* Overlay sombre derrière la sidebar mobile */ +.overlay { + display: none; +} + +@media (max-width: 768px) { + .overlay { + display: block; + position: fixed; + inset: 0; + top: var(--header-height); + background-color: rgba(0, 0, 0, 0.4); + z-index: 899; + } +} + +.nav { + padding: 12px 0; +} + +.section { + display: flex; + flex-direction: column; +} + +.sectionLabel { + padding: 8px 16px 4px; + font-size: 10px; + font-weight: 700; + color: var(--color-text-secondary); + letter-spacing: 1px; + text-transform: uppercase; +} + +.separator { + height: 1px; + background-color: var(--color-gray-border); + margin: 8px 16px; +} + +/* Lien de navigation */ +.navItem { + display: flex; + align-items: center; + gap: 10px; + padding: 9px 16px; + color: var(--color-text); + font-size: 13px; + text-decoration: none; + border-left: 4px solid transparent; + transition: background-color 0.1s, color 0.1s; +} + +.navItem:hover { + background-color: var(--color-white); + text-decoration: none; +} + +/* État actif */ +.navItem.active { + border-left-color: var(--color-primary); + background-color: var(--color-white); + color: var(--color-primary); + font-weight: 600; +} + +/* Pied de sidebar */ +.footer { + padding: 12px 16px; + border-top: 1px solid var(--color-gray-border); + display: flex; + flex-direction: column; + gap: 6px; +} + +.footerLink { + display: flex; + align-items: center; + gap: 6px; + font-size: 11px; + color: var(--color-text-secondary); + text-decoration: none; +} + +.footerLink:hover { + color: var(--color-text); + text-decoration: underline; +} diff --git a/DataSentinel/src/components/common/Badge.jsx b/DataSentinel/src/components/common/Badge.jsx new file mode 100644 index 0000000..a07d0a3 --- /dev/null +++ b/DataSentinel/src/components/common/Badge.jsx @@ -0,0 +1,12 @@ +/* Badge coloré pour les statuts et sources */ + +import styles from './Badge.module.css'; + +/* Variants disponibles : ok / warning / critical / sage / crm / info */ +export default function Badge({ variant = 'info', children }) { + return ( + + {children} + + ); +} diff --git a/DataSentinel/src/components/common/Badge.module.css b/DataSentinel/src/components/common/Badge.module.css new file mode 100644 index 0000000..70f16eb --- /dev/null +++ b/DataSentinel/src/components/common/Badge.module.css @@ -0,0 +1,49 @@ +/* Styles des badges de statut et de source */ + +.badge { + display: inline-flex; + align-items: center; + padding: 2px 8px; + border-radius: 12px; + font-size: 11px; + font-weight: 600; + letter-spacing: 0.3px; + text-transform: uppercase; + white-space: nowrap; +} + +/* Statut OK (vert) */ +.ok { + background-color: var(--color-ok-bg); + color: var(--color-ok); +} + +/* Statut Warning (ambre) */ +.warning { + background-color: var(--color-warning-bg); + color: var(--color-warning); +} + +/* Statut Critical (rouge) */ +.critical { + background-color: var(--color-danger-bg); + color: var(--color-primary); +} + +/* Source SAGE */ +.sage { + background-color: #EEF2FF; + color: #3730A3; +} + +/* Source CRM */ +.crm { + background-color: #F0FDF4; + color: #166534; +} + +/* Info générique */ +.info { + background-color: var(--color-gray-light); + color: var(--color-text-secondary); +} diff --git a/DataSentinel/src/components/common/Button.jsx b/DataSentinel/src/components/common/Button.jsx new file mode 100644 index 0000000..0fb300e --- /dev/null +++ b/DataSentinel/src/components/common/Button.jsx @@ -0,0 +1,26 @@ +/* Bouton réutilisable avec plusieurs variants */ + +import styles from './Button.module.css'; + +/* Variants : primary / secondary / neutral / link / danger */ +export default function Button({ + variant = 'primary', + children, + onClick, + type = 'button', + disabled = false, + className = '', + ...rest +}) { + return ( + + ); +} diff --git a/DataSentinel/src/components/common/Button.module.css b/DataSentinel/src/components/common/Button.module.css new file mode 100644 index 0000000..9b54a23 --- /dev/null +++ b/DataSentinel/src/components/common/Button.module.css @@ -0,0 +1,79 @@ +/* Styles des boutons */ + +.btn { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 8px 16px; + border-radius: var(--radius); + font-size: 14px; + font-weight: 500; + border: 1px solid transparent; + transition: background-color 0.15s, color 0.15s, border-color 0.15s; + white-space: nowrap; + line-height: 1.4; +} + +.btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +/* Bouton principal rouge */ +.primary { + background-color: var(--color-primary); + color: var(--color-white); + border-color: var(--color-primary); +} + +.primary:hover:not(:disabled) { + background-color: var(--color-primary-dark); + border-color: var(--color-primary-dark); +} + +/* Bouton secondaire contour */ +.secondary { + background-color: var(--color-white); + color: var(--color-primary); + border-color: var(--color-primary); +} + +.secondary:hover:not(:disabled) { + background-color: var(--color-danger-bg); +} + +/* Bouton neutre gris */ +.neutral { + background-color: var(--color-white); + color: var(--color-text); + border-color: var(--color-gray-border); +} + +.neutral:hover:not(:disabled) { + background-color: var(--color-gray-light); +} + +/* Bouton lien */ +.link { + background-color: transparent; + color: var(--color-link); + border-color: transparent; + padding: 8px 4px; + text-decoration: underline; +} + +.link:hover:not(:disabled) { + color: var(--color-primary); +} + +/* Bouton danger */ +.danger { + background-color: transparent; + color: var(--color-primary); + border-color: transparent; + padding: 8px 4px; +} + +.danger:hover:not(:disabled) { + text-decoration: underline; +} diff --git a/DataSentinel/src/components/common/DataTable.jsx b/DataSentinel/src/components/common/DataTable.jsx new file mode 100644 index 0000000..e8feeb4 --- /dev/null +++ b/DataSentinel/src/components/common/DataTable.jsx @@ -0,0 +1,120 @@ +/* Tableau générique à colonnes dynamiques avec tri et pagination */ + +import { useState } from 'react'; +import { ChevronUp, ChevronDown } from 'lucide-react'; +import styles from './DataTable.module.css'; + +/* + * columns : [{ key, label, render? }] + * data : tableau d'objets + * pageSize : lignes par page (défaut 50) + */ +export default function DataTable({ columns = [], data = [], pageSize = 50, emptyMessage = 'Aucune donnée.' }) { + const [sortKey, setSortKey] = useState(null); + const [sortDir, setSortDir] = useState('asc'); + const [page, setPage] = useState(1); + + /* Tri des données selon la colonne sélectionnée */ + const sorted = [...data].sort((a, b) => { + if (!sortKey) return 0; + const va = a[sortKey] ?? ''; + const vb = b[sortKey] ?? ''; + const cmp = String(va).localeCompare(String(vb), 'fr', { numeric: true }); + return sortDir === 'asc' ? cmp : -cmp; + }); + + const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize)); + const paginated = sorted.slice((page - 1) * pageSize, page * pageSize); + + function handleSort(key) { + if (sortKey === key) { + setSortDir(d => d === 'asc' ? 'desc' : 'asc'); + } else { + setSortKey(key); + setSortDir('asc'); + } + setPage(1); + } + + return ( +
+
+ + + + {columns.map(col => ( + + ))} + + + + {paginated.length === 0 ? ( + + + + ) : ( + paginated.map((row, i) => ( + + {columns.map(col => ( + + ))} + + )) + )} + +
handleSort(col.key)} + > + + {col.label} + + + + + +
{emptyMessage}
+ {col.render ? col.render(row[col.key], row) : (row[col.key] ?? '—')} +
+
+ + {/* Pagination */} + {totalPages > 1 && ( +
+ + Page {page} / {totalPages} ({sorted.length} ligne{sorted.length !== 1 ? 's' : ''}) + +
+ + + + +
+
+ )} +
+ ); +} diff --git a/DataSentinel/src/components/common/DataTable.module.css b/DataSentinel/src/components/common/DataTable.module.css new file mode 100644 index 0000000..c52558a --- /dev/null +++ b/DataSentinel/src/components/common/DataTable.module.css @@ -0,0 +1,119 @@ +/* Styles du tableau générique */ + +.wrapper { + display: flex; + flex-direction: column; + gap: 0; +} + +.tableScroll { + overflow-x: auto; + border-radius: var(--radius); + border: 1px solid var(--color-gray-border); +} + +.table { + width: 100%; + border-collapse: collapse; + font-size: 13px; +} + +.th { + background-color: var(--color-gray-light); + padding: 10px 12px; + text-align: left; + font-weight: 600; + font-size: 12px; + color: var(--color-text-secondary); + border-bottom: 1px solid var(--color-gray-border); + cursor: pointer; + white-space: nowrap; + user-select: none; +} + +.th:hover { + background-color: #E8E8E8; +} + +.thInner { + display: flex; + align-items: center; + gap: 4px; +} + +.sortIcons { + display: flex; + flex-direction: column; + line-height: 0; +} + +.activeSort { + color: var(--color-primary); +} + +.inactiveSort { + color: var(--color-gray-border); +} + +.tr:nth-child(even) { + background-color: #FAFAFA; +} + +.tr:hover { + background-color: #F5F5F5; +} + +.td { + padding: 9px 12px; + border-bottom: 1px solid var(--color-gray-border); + color: var(--color-text); + vertical-align: middle; +} + +.empty { + padding: 32px; + text-align: center; + color: var(--color-text-secondary); + font-style: italic; +} + +/* Pagination */ +.pagination { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 12px; + background-color: var(--color-white); + border: 1px solid var(--color-gray-border); + border-top: none; + border-radius: 0 0 var(--radius) var(--radius); +} + +.pageInfo { + font-size: 12px; + color: var(--color-text-secondary); +} + +.pageButtons { + display: flex; + gap: 4px; +} + +.pageBtn { + padding: 4px 10px; + border: 1px solid var(--color-gray-border); + border-radius: var(--radius); + background-color: var(--color-white); + font-size: 13px; + cursor: pointer; + color: var(--color-text); +} + +.pageBtn:hover:not(:disabled) { + background-color: var(--color-gray-light); +} + +.pageBtn:disabled { + opacity: 0.4; + cursor: not-allowed; +} diff --git a/DataSentinel/src/components/common/ErrorMessage.jsx b/DataSentinel/src/components/common/ErrorMessage.jsx new file mode 100644 index 0000000..f14cbad --- /dev/null +++ b/DataSentinel/src/components/common/ErrorMessage.jsx @@ -0,0 +1,18 @@ +/* Message d'erreur affiché en cas d'échec d'un appel API */ + +import { AlertCircle } from 'lucide-react'; +import styles from './ErrorMessage.module.css'; + +export default function ErrorMessage({ message = 'Une erreur est survenue.', onRetry }) { + return ( +
+ +

{message}

+ {onRetry && ( + + )} +
+ ); +} diff --git a/DataSentinel/src/components/common/ErrorMessage.module.css b/DataSentinel/src/components/common/ErrorMessage.module.css new file mode 100644 index 0000000..ae14f75 --- /dev/null +++ b/DataSentinel/src/components/common/ErrorMessage.module.css @@ -0,0 +1,28 @@ +/* Styles du bloc d'erreur */ + +.container { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + padding: 32px; + background-color: var(--color-danger-bg); + border: 1px solid #FFCDD2; + border-radius: var(--radius); + text-align: center; +} + +.text { + font-size: 14px; + color: var(--color-text); +} + +.retryBtn { + margin-top: 4px; + background: none; + border: none; + color: var(--color-link); + font-size: 13px; + cursor: pointer; + text-decoration: underline; +} diff --git a/DataSentinel/src/components/common/LoadingSpinner.jsx b/DataSentinel/src/components/common/LoadingSpinner.jsx new file mode 100644 index 0000000..ab2c933 --- /dev/null +++ b/DataSentinel/src/components/common/LoadingSpinner.jsx @@ -0,0 +1,12 @@ +/* Indicateur de chargement animé */ + +import styles from './LoadingSpinner.module.css'; + +export default function LoadingSpinner({ message = 'Chargement...' }) { + return ( +
+
+ {message &&

{message}

} +
+ ); +} diff --git a/DataSentinel/src/components/common/LoadingSpinner.module.css b/DataSentinel/src/components/common/LoadingSpinner.module.css new file mode 100644 index 0000000..62a4c1a --- /dev/null +++ b/DataSentinel/src/components/common/LoadingSpinner.module.css @@ -0,0 +1,28 @@ +/* Styles du spinner de chargement */ + +.container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 12px; + padding: 48px; +} + +.spinner { + width: 36px; + height: 36px; + border: 3px solid var(--color-gray-border); + border-top-color: var(--color-primary); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} + +@keyframes spin { + to { transform: rotate(360deg); } +} + +.message { + font-size: 13px; + color: var(--color-text-secondary); +} diff --git a/DataSentinel/src/components/common/MonitoringCard.jsx b/DataSentinel/src/components/common/MonitoringCard.jsx new file mode 100644 index 0000000..2c43a36 --- /dev/null +++ b/DataSentinel/src/components/common/MonitoringCard.jsx @@ -0,0 +1,64 @@ +/* Carte affichée dans le dashboard pour chaque monitoring */ + +import { useNavigate } from 'react-router-dom'; +import Badge from './Badge'; +import styles from './MonitoringCard.module.css'; + +/* Détermine le statut visuel selon le nombre d'erreurs */ +function getStatut(nbErreurs) { + if (nbErreurs === 0) return { label: 'OK', variant: 'ok', color: 'var(--color-ok)' }; + if (nbErreurs < 10) return { label: 'Attention', variant: 'warning', color: 'var(--color-warning)' }; + return { label: 'Critique', variant: 'critical', color: 'var(--color-primary)' }; +} + +export default function MonitoringCard({ monitoring }) { + const navigate = useNavigate(); + const nbErreurs = monitoring.nb_erreurs ?? monitoring.count ?? 0; + const monitoringId = monitoring.id ?? monitoring.id_monito; + const statut = getStatut(nbErreurs); + + /* Calcul du pourcentage de la barre de progression (max 100%) */ + const progressPct = Math.min((nbErreurs / 20) * 100, 100); + + return ( +
+
+
+ › +

{monitoring.nom || monitoring.monito_intitule || monitoring.libelle || 'Monitoring'}

+
+
+ {monitoring.bdd_source && ( + + {monitoring.bdd_source} + + )} + {monitoring.categorie && {monitoring.categorie}} +
+
+ +
+ {nbErreurs} + erreur{nbErreurs !== 1 ? 's' : ''} +
+ + {/* Barre de progression colorée selon le statut */} +
+
+
+ +
+ {statut.label} + +
+
+ ); +} diff --git a/DataSentinel/src/components/common/MonitoringCard.module.css b/DataSentinel/src/components/common/MonitoringCard.module.css new file mode 100644 index 0000000..e141081 --- /dev/null +++ b/DataSentinel/src/components/common/MonitoringCard.module.css @@ -0,0 +1,102 @@ +/* Styles de la carte monitoring du dashboard */ + +.card { + background-color: var(--color-white); + border-radius: var(--radius); + border-top: 3px solid var(--color-gray-border); + box-shadow: var(--shadow); + padding: 16px; + display: flex; + flex-direction: column; + gap: 12px; + transition: box-shadow 0.15s; +} + +.card:hover { + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); +} + +.header { + display: flex; + flex-direction: column; + gap: 8px; +} + +.titleRow { + display: flex; + align-items: flex-start; + gap: 6px; +} + +.chevron { + color: var(--color-primary); + font-size: 18px; + font-weight: bold; + line-height: 1.2; + flex-shrink: 0; +} + +.title { + font-size: 14px; + font-weight: 600; + color: var(--color-text); + line-height: 1.3; +} + +.badges { + display: flex; + flex-wrap: wrap; + gap: 4px; +} + +.erreurs { + display: flex; + align-items: baseline; + gap: 6px; +} + +.nb { + font-size: 40px; + font-weight: 700; + line-height: 1; +} + +.erreursLabel { + font-size: 13px; + color: var(--color-text-secondary); +} + +/* Barre de progression */ +.progressBar { + height: 4px; + background-color: var(--color-gray-border); + border-radius: 2px; + overflow: hidden; +} + +.progressFill { + height: 100%; + border-radius: 2px; + transition: width 0.3s ease; +} + +.footer { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 4px; +} + +.detailBtn { + background: none; + border: none; + color: var(--color-primary); + font-size: 13px; + font-weight: 500; + cursor: pointer; + padding: 4px 0; +} + +.detailBtn:hover { + text-decoration: underline; +} diff --git a/DataSentinel/src/context/AuthContext.jsx b/DataSentinel/src/context/AuthContext.jsx new file mode 100644 index 0000000..37f0c12 --- /dev/null +++ b/DataSentinel/src/context/AuthContext.jsx @@ -0,0 +1,49 @@ +/* Contexte d'authentification global : gestion de l'utilisateur connecté */ + +import { createContext, useContext, useState } from 'react'; + +const AuthContext = createContext(null); + +/* Utilisateur fictif stocké après connexion réussie (V1, pas de vrai auth) */ +const USER_FICTIF = { nom: 'Coyaud', prenom: 'Anthony', role: 'Admin' }; +const STORAGE_KEY = 'ds_user'; + +/* Fournisseur du contexte d'authentification */ +export function AuthProvider({ children }) { + const [user, setUser] = useState(() => { + /* Restauration de la session depuis sessionStorage */ + const stored = sessionStorage.getItem(STORAGE_KEY); + return stored ? JSON.parse(stored) : null; + }); + + /* Connexion : stocke l'utilisateur fictif dans le state et sessionStorage, retourne true */ + function login() { + setUser(USER_FICTIF); + sessionStorage.setItem(STORAGE_KEY, JSON.stringify(USER_FICTIF)); + return true; + } + + /* Déconnexion : vide le state et sessionStorage */ + function logout() { + setUser(null); + sessionStorage.removeItem(STORAGE_KEY); + } + + /* Booléen pratique pour savoir si l'utilisateur est connecté */ + const isAuthenticated = !!user; + + return ( + + {children} + + ); +} + +/* Hook personnalisé pour accéder au contexte d'authentification */ +export function useAuth() { + const context = useContext(AuthContext); + if (!context) { + throw new Error('useAuth doit être utilisé dans un AuthProvider'); + } + return context; +} diff --git a/DataSentinel/src/hooks/useApi.js b/DataSentinel/src/hooks/useApi.js new file mode 100644 index 0000000..7239bb7 --- /dev/null +++ b/DataSentinel/src/hooks/useApi.js @@ -0,0 +1,33 @@ +/* Hook générique pour les appels API : retourne { data, loading, error, refetch } */ + +import { useState, useEffect, useCallback } from 'react'; + +/** + * @param {Function} fetchFn - Fonction async à appeler (depuis api.js) + * @param {Array} deps - Dépendances qui déclenchent un re-fetch (optionnel) + */ +export function useApi(fetchFn, deps = []) { + const [data, setData] = useState(null); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + const fetch = useCallback(async () => { + setLoading(true); + setError(null); + try { + const result = await fetchFn(); + setData(result); + } catch (err) { + setError(err.message || 'Une erreur est survenue.'); + } finally { + setLoading(false); + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, deps); + + useEffect(() => { + fetch(); + }, [fetch]); + + return { data, loading, error, refetch: fetch }; +} diff --git a/DataSentinel/src/index.css b/DataSentinel/src/index.css new file mode 100644 index 0000000..fe041dd --- /dev/null +++ b/DataSentinel/src/index.css @@ -0,0 +1,85 @@ +/* Variables CSS globales Data Sentinel + reset de base */ + +:root { + --color-primary: #E20917; + --color-primary-dark: #B8000E; + --color-black: #0C0C0C; + --color-text: #1A1A1A; + --color-text-secondary: #3C3C3C; + --color-white: #FFFFFF; + --color-gray-light: #F2F2F2; + --color-gray-border: #D8D8D8; + --color-link: #0563C1; + --color-ok: #1A7F4B; + --color-ok-bg: #EDFAF3; + --color-warning: #B45309; + --color-warning-bg: #FFF8ED; + --color-danger-bg: #FFF0F0; + --font-family: 'Calibri', 'Arial', sans-serif; + --radius: 4px; + --shadow: 0 1px 4px rgba(0, 0, 0, 0.08); + --header-height: 56px; + --sidebar-width: 220px; +} + +/* Reset */ +*, *::before, *::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html, body { + height: 100%; + font-family: var(--font-family); + font-size: 14px; + color: var(--color-text); + background-color: var(--color-gray-light); + -webkit-font-smoothing: antialiased; +} + +#root { + height: 100%; + width: 100%; + max-width: 100%; + text-align: left; + border: none; + min-height: 100%; + display: block; + margin: 0; +} + +a { + color: var(--color-link); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +button { + cursor: pointer; + font-family: var(--font-family); + font-size: 14px; +} + +input, select, textarea { + font-family: var(--font-family); + font-size: 14px; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 600; + color: var(--color-text); + margin: 0; +} + +ul, ol { + list-style: none; +} + +img { + max-width: 100%; + height: auto; +} diff --git a/DataSentinel/src/main.jsx b/DataSentinel/src/main.jsx new file mode 100644 index 0000000..b9a1a6d --- /dev/null +++ b/DataSentinel/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/DataSentinel/src/pages/Admin/Admin.jsx b/DataSentinel/src/pages/Admin/Admin.jsx new file mode 100644 index 0000000..1f8ab4b --- /dev/null +++ b/DataSentinel/src/pages/Admin/Admin.jsx @@ -0,0 +1,230 @@ +// src/pages/Admin/Admin.jsx +// Page Administration : onglets pour gérer monitorings, services, catégories, contacts +import { useState, useEffect } from 'react'; +import { Plus, Edit, Trash2 } from 'lucide-react'; +import { getMonitorings, getServices, getCategories, getContacts } from '../../services/api'; +import DataTable from '../../components/common/DataTable'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import Button from '../../components/common/Button'; +import styles from './Admin.module.css'; + +/* Modale générique pour ajouter/modifier */ +function Modal({ isOpen, onClose, title, children }) { + if (!isOpen) return null; + + return ( +
+
e.stopPropagation()}> +
+

{title}

+ +
+
+ {children} +
+
+
+ ); +} + +export default function Admin() { + const [activeTab, setActiveTab] = useState('monitorings'); + const [data, setData] = useState({}); + const [loading, setLoading] = useState(true); + const [erreur, setErreur] = useState(''); + const [modalOpen, setModalOpen] = useState(false); + const [editingItem, setEditingItem] = useState(null); + + useEffect(() => { + async function loadData() { + setLoading(true); + setErreur(''); + try { + const [monitorings, services, categories, contacts] = await Promise.all([ + getMonitorings(), + getServices(), + getCategories(), + getContacts() + ]); + setData({ + monitorings: Array.isArray(monitorings) ? monitorings : [], + services: Array.isArray(services) ? services : [], + categories: Array.isArray(categories) ? categories : [], + contacts: Array.isArray(contacts) ? contacts : [] + }); + } catch (e) { + setErreur(e.message || 'Erreur lors du chargement des données administratives.'); + } finally { + setLoading(false); + } + } + loadData(); + }, []); + + function handleAdd() { + setEditingItem(null); + setModalOpen(true); + } + + function handleEdit(item) { + setEditingItem(item); + setModalOpen(true); + } + + function handleDelete(item) { + // Simulation de suppression (pas d'API pour ça) + console.log('Supprimer', item); + } + + const tabs = [ + { key: 'monitorings', label: 'Monitorings' }, + { key: 'services', label: 'Services' }, + { key: 'categories', label: 'Catégories' }, + { key: 'contacts', label: 'Contacts' } + ]; + + const columns = { + monitorings: [ + { key: 'monito_intitule', label: 'Nom' }, + { key: 'id_service', label: 'Service' }, + { key: 'id_categorie', label: 'Catégorie' }, + { key: 'bdd_source', label: 'Source' }, + { key: 'table_source', label: 'Table' }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( +
+ + +
+ ) + } + ], + services: [ + { key: 'nom_service', label: 'Nom' }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( +
+ + +
+ ) + } + ], + categories: [ + { key: 'intitule_categorie', label: 'Nom' }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( +
+ + +
+ ) + } + ], + contacts: [ + { key: 'intitule_contact', label: 'Intitulé' }, + { key: 'nom', label: 'Nom' }, + { key: 'prenom', label: 'Prénom' }, + { key: 'mail', label: 'Email' }, + { key: 'id_service', label: 'Service' }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( +
+ + +
+ ) + } + ] + }; + + if (loading) return ; + if (erreur) return ; + + return ( +
+

Administration

+ + {/* Onglets */} +
+ {tabs.map(tab => ( + + ))} +
+ + {/* Contenu de l'onglet actif */} +
+
+

{tabs.find(t => t.key === activeTab)?.label}

+ +
+ + +
+ + {/* Modale */} + setModalOpen(false)} + title={`${editingItem ? 'Modifier' : 'Ajouter'} ${tabs.find(t => t.key === activeTab)?.label.slice(0, -1)}`} + > +

Formulaire à implémenter selon les besoins.

+
+ + +
+ +
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/Admin/Admin.module.css b/DataSentinel/src/pages/Admin/Admin.module.css new file mode 100644 index 0000000..e441f23 --- /dev/null +++ b/DataSentinel/src/pages/Admin/Admin.module.css @@ -0,0 +1,142 @@ +/* src/pages/Admin/Admin.module.css */ + +.page { + padding: 24px; + max-width: 1200px; + margin: 0 auto; +} + +.title { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin-bottom: 24px; +} + +.tabs { + display: flex; + border-bottom: 1px solid var(--color-gray-border); + margin-bottom: 24px; +} + +.tab { + padding: 12px 24px; + background: none; + border: none; + border-bottom: 2px solid transparent; + color: var(--color-text-secondary); + font-size: 14px; + font-weight: 500; + cursor: pointer; + transition: color 0.15s, border-color 0.15s; +} + +.tab:hover { + color: var(--color-text); +} + +.tab.active { + color: var(--color-primary); + border-bottom-color: var(--color-primary); +} + +.tabContent { + background-color: var(--color-white); + border-radius: var(--radius); + padding: 24px; + box-shadow: var(--shadow); +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; +} + +.header h2 { + font-size: 20px; + font-weight: 600; + color: var(--color-text); + margin: 0; +} + +.actions { + display: flex; + gap: 8px; +} + +.actionBtn { + display: flex; + align-items: center; + gap: 4px; + padding: 4px 8px; + background: none; + border: none; + color: var(--color-link); + font-size: 12px; + cursor: pointer; + text-decoration: underline; +} + +.actionBtn:hover { + color: var(--color-primary); +} + +/* Modale */ +.modalOverlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.6); + display: flex; + align-items: center; + justify-content: center; + z-index: 1000; +} + +.modal { + background-color: var(--color-white); + border-radius: var(--radius); + border-top: 4px solid var(--color-primary); + width: 90%; + max-width: 500px; + max-height: 80vh; + overflow-y: auto; +} + +.modalHeader { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 24px; + border-bottom: 1px solid var(--color-gray-border); +} + +.modalHeader h2 { + margin: 0; + font-size: 18px; + font-weight: 600; + color: var(--color-text); +} + +.closeBtn { + background: none; + border: none; + font-size: 24px; + color: var(--color-text-secondary); + cursor: pointer; +} + +.modalBody { + padding: 24px; +} + +.modalActions { + display: flex; + justify-content: flex-end; + gap: 12px; + margin-top: 24px; +} \ No newline at end of file diff --git a/DataSentinel/src/pages/Contrat/Contrat.jsx b/DataSentinel/src/pages/Contrat/Contrat.jsx new file mode 100644 index 0000000..16d1b55 --- /dev/null +++ b/DataSentinel/src/pages/Contrat/Contrat.jsx @@ -0,0 +1,5 @@ +import ServiceMonitorings from '../ServiceMonitorings/ServiceMonitorings'; + +export default function Contrat() { + return ; +} diff --git a/DataSentinel/src/pages/Dashboard/Dashboard.jsx b/DataSentinel/src/pages/Dashboard/Dashboard.jsx new file mode 100644 index 0000000..7797dbf --- /dev/null +++ b/DataSentinel/src/pages/Dashboard/Dashboard.jsx @@ -0,0 +1,147 @@ +/* Page principale du dashboard : KPI cards + grille de monitorings */ + +import { useState, useEffect, useCallback } from 'react'; +import { RefreshCw } from 'lucide-react'; +import { getDashboard, getDashboardSummary, getServices, getCategories } from '../../services/api'; +import MonitoringCard from '../../components/common/MonitoringCard'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import styles from './Dashboard.module.css'; + +/* Carte KPI affichant un indicateur clé */ +function KpiCard({ label, value, color }) { + return ( +
+ {value} + {label} +
+ ); +} + +export default function Dashboard() { + const [summary, setSummary] = useState(null); + const [monitorings, setMonitorings] = useState([]); + const [services, setServices] = useState([]); + const [categories, setCategories] = useState([]); + const [filtreService, setFiltreService] = useState(''); + const [filtreCategorie, setFiltreCategorie] = useState(''); + const [loading, setLoading] = useState(true); + const [erreur, setErreur] = useState(''); + + /* Chargement initial des filtres */ + useEffect(() => { + async function loadFiltres() { + try { + const [svcs, cats] = await Promise.all([getServices(), getCategories()]); + setServices(svcs); + setCategories(cats); + } catch { + /* Non bloquant, les filtres restent vides */ + } + } + loadFiltres(); + }, []); + + /* Chargement des données dashboard */ + const loadData = useCallback(async () => { + setLoading(true); + setErreur(''); + try { + const [sum, data] = await Promise.all([ + getDashboardSummary(), + getDashboard(filtreService, filtreCategorie), + ]); + setSummary(sum); + setMonitorings(Array.isArray(data) ? data : []); + } catch (e) { + setErreur(e.message || 'Erreur lors du chargement du dashboard.'); + } finally { + setLoading(false); + } + }, [filtreService, filtreCategorie]); + + useEffect(() => { + loadData(); + }, [loadData]); + + return ( +
+
+

Dashboard

+ +
+ + {/* KPI Cards */} + {summary && ( +
+ + + + +
+ )} + + {/* Filtres */} +
+ + +
+ + {/* Contenu principal */} + {loading ? ( + + ) : erreur ? ( + + ) : ( + <> + {monitorings.length === 0 ? ( +

Aucun monitoring trouvé pour ces filtres.

+ ) : ( +
+ {monitorings.map(m => ( + + ))} +
+ )} + + )} +
+ ); +} diff --git a/DataSentinel/src/pages/Dashboard/Dashboard.module.css b/DataSentinel/src/pages/Dashboard/Dashboard.module.css new file mode 100644 index 0000000..4bf9fc2 --- /dev/null +++ b/DataSentinel/src/pages/Dashboard/Dashboard.module.css @@ -0,0 +1,110 @@ +/* src/pages/Dashboard/Dashboard.module.css */ + +.page { + padding: 24px; + max-width: 1400px; + margin: 0 auto; +} + +.pageHeader { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 32px; +} + +.title { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin: 0; +} + +.refreshBtn { + display: flex; + align-items: center; + gap: 6px; + padding: 8px 14px; + background: transparent; + border: 1px solid var(--color-border, #333); + border-radius: var(--radius); + color: var(--color-text); + cursor: pointer; + font-size: 13px; + transition: opacity 0.2s; +} + +.refreshBtn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +@keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} + +.spinning { + animation: spin 1s linear infinite; +} + +.kpiGrid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); + gap: 16px; + margin-bottom: 32px; +} + +.kpiCard { + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; + background: var(--color-white); + border-radius: var(--radius); + box-shadow: var(--shadow); +} + +.kpiValue { + font-size: 36px; + font-weight: 700; + line-height: 1; + margin-bottom: 6px; +} + +.kpiLabel { + font-size: 12px; + color: var(--color-muted, #888); + text-align: center; +} + +.filtres { + display: flex; + gap: 12px; + margin-bottom: 24px; + flex-wrap: wrap; +} + +.select { + padding: 8px 12px; + background: var(--color-white); + border: 1px solid var(--color-border, #333); + border-radius: var(--radius); + color: var(--color-text); + font-size: 13px; + cursor: pointer; + min-width: 180px; +} + +.grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: 20px; +} + +.empty { + color: var(--color-muted, #888); + font-size: 14px; + padding: 32px 0; + text-align: center; +} diff --git a/DataSentinel/src/pages/Fournisseur/Fournisseur.jsx b/DataSentinel/src/pages/Fournisseur/Fournisseur.jsx new file mode 100644 index 0000000..0750c8f --- /dev/null +++ b/DataSentinel/src/pages/Fournisseur/Fournisseur.jsx @@ -0,0 +1,5 @@ +import ServiceMonitorings from '../ServiceMonitorings/ServiceMonitorings'; + +export default function Fournisseur() { + return ; +} diff --git a/DataSentinel/src/pages/Historique/Historique.jsx b/DataSentinel/src/pages/Historique/Historique.jsx new file mode 100644 index 0000000..4849f91 --- /dev/null +++ b/DataSentinel/src/pages/Historique/Historique.jsx @@ -0,0 +1,197 @@ +// src/pages/Historique/Historique.jsx +// Page Historique : filtres + graphique ligne + tableau résumé +import { useState, useEffect } from 'react'; +import { useSearchParams } from 'react-router-dom'; +import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Area, ComposedChart } from 'recharts'; +import { getMonitorings, getHistorique, getHistoriqueEvolution, getEvolutionGlobal, exportToCSV } from '../../services/api'; +import DataTable from '../../components/common/DataTable'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import Button from '../../components/common/Button'; +import styles from './Historique.module.css'; + +export default function Historique() { + const [searchParams] = useSearchParams(); + const [monitorings, setMonitorings] = useState([]); + const [selectedMonitoring, setSelectedMonitoring] = useState(searchParams.get('id') || ''); + const [dateDebut, setDateDebut] = useState(''); + const [dateFin, setDateFin] = useState(''); + const [historiqueData, setHistoriqueData] = useState([]); + const [evolutionData, setEvolutionData] = useState([]); + const [loading, setLoading] = useState(false); + const [erreur, setErreur] = useState(''); + + /* Set default dates to last 5 days */ + useEffect(() => { + const today = new Date(); + const fiveDaysAgo = new Date(today); + fiveDaysAgo.setDate(today.getDate() - 5); + setDateDebut(fiveDaysAgo.toISOString().split('T')[0]); + setDateFin(today.toISOString().split('T')[0]); + }, []); + useEffect(() => { + async function loadMonitorings() { + try { + const result = await getMonitorings(); + setMonitorings(Array.isArray(result) ? result : []); + } catch { + // Non bloquant + } + } + loadMonitorings(); + }, []); + + async function handleAfficher() { + if (!dateDebut || !dateFin) { + setErreur('Veuillez sélectionner des dates.'); + return; + } + + setLoading(true); + setErreur(''); + try { + let hist = []; + let evol = []; + + if (selectedMonitoring) { + const [histResult, evolResult] = await Promise.all([ + getHistorique(selectedMonitoring, dateDebut, dateFin), + getHistoriqueEvolution(selectedMonitoring, dateDebut, dateFin) + ]); + hist = Array.isArray(histResult) ? histResult : []; + evol = Array.isArray(evolResult) ? evolResult : []; + } else { + const [histResult, evolResult] = await Promise.all([ + getHistorique(undefined, dateDebut, dateFin), + getEvolutionGlobal(dateDebut, dateFin) + ]); + hist = Array.isArray(histResult) ? histResult : []; + evol = Array.isArray(evolResult) ? evolResult : []; + } + + setHistoriqueData(hist); + setEvolutionData(evol); + } catch (e) { + setErreur(e.message || 'Erreur lors du chargement de l\'historique.'); + } finally { + setLoading(false); + } + } + + /* Colonnes du tableau résumé */ + const columns = selectedMonitoring ? [ + { key: 'date', label: 'Date' }, + { key: 'nb_erreurs', label: 'Erreurs' }, + { + key: 'variation', + label: 'Variation', + render: (val, row, index) => { + if (index === 0) return '—'; + const prev = historiqueData[index - 1]?.nb_erreurs ?? 0; + const current = row.nb_erreurs ?? 0; + const diff = current - prev; + if (diff > 0) return ↑ {diff}; + if (diff < 0) return ↓ {Math.abs(diff)}; + return '—'; + } + } + ] : [ + { key: 'date', label: 'Date' }, + { key: 'nom_monito', label: 'Monitoring' }, + { key: 'service', label: 'Service' }, + { key: 'nb_erreurs', label: 'Erreurs' } + ]; + + return ( +
+

Historique

+ + {/* Filtres */} +
+ + setDateDebut(e.target.value)} + /> + setDateFin(e.target.value)} + /> + +
+ + {erreur && } + + {loading ? ( + + ) : evolutionData.length > 0 ? ( + <> + {/* Actions */} +
+ +
+ + {/* Graphique */} +
+ + + + + + + + + + +
+ + {/* Tableau */} + + + ) : selectedMonitoring && dateDebut && dateFin && !loading ? ( +

Aucune donnée trouvée pour cette période.

+ ) : null} +
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/Historique/Historique.module.css b/DataSentinel/src/pages/Historique/Historique.module.css new file mode 100644 index 0000000..d41be5e --- /dev/null +++ b/DataSentinel/src/pages/Historique/Historique.module.css @@ -0,0 +1,51 @@ +/* src/pages/Historique/Historique.module.css */ + +.page { + padding: 24px; + max-width: 1200px; + margin: 0 auto; +} + +.title { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin-bottom: 24px; +} + +.filtres { + display: flex; + gap: 12px; + margin-bottom: 32px; + flex-wrap: wrap; + align-items: center; +} + +.select { + padding: 8px 12px; + border: 1px solid var(--color-gray-border); + border-radius: var(--radius); + font-size: 14px; + min-width: 200px; +} + +.dateInput { + padding: 8px 12px; + border: 1px solid var(--color-gray-border); + border-radius: var(--radius); + font-size: 14px; +} + +.chartContainer { + margin-bottom: 32px; + padding: 20px; + background-color: var(--color-white); + border-radius: var(--radius); + box-shadow: var(--shadow); +} + +.empty { + text-align: center; + color: var(--color-text-secondary); + font-style: italic; +} \ No newline at end of file diff --git a/DataSentinel/src/pages/Login/Login.jsx b/DataSentinel/src/pages/Login/Login.jsx new file mode 100644 index 0000000..a52a2a4 --- /dev/null +++ b/DataSentinel/src/pages/Login/Login.jsx @@ -0,0 +1,97 @@ +/* Page de connexion : formulaire + SSO Windows */ + +import { useState } from 'react'; +import { useNavigate } from 'react-router-dom'; +import { useAuth } from '../../context/AuthContext'; +import { getHealth } from '../../services/api'; +import styles from './Login.module.css'; + +export default function Login() { + const [identifiant, setIdentifiant] = useState(''); + const [motDePasse, setMotDePasse] = useState(''); + const [loading, setLoading] = useState(false); + const [erreur, setErreur] = useState(''); + + const { login } = useAuth(); + const navigate = useNavigate(); + + async function handleSubmit(e) { + e.preventDefault(); + setErreur(''); + setLoading(true); + + try { + /* Vérification de la disponibilité de l'API avant connexion */ + await getHealth(); + login({ nom: identifiant || 'Utilisateur', role: 'user', token: 'session' }); + navigate('/dashboard'); + } catch { + setErreur('Impossible de contacter le serveur. Vérifiez que l\'API est démarrée sur le port 8000.'); + } finally { + setLoading(false); + } + } + + function handleSso() { + /* Connexion SSO Windows : même vérification API */ + handleSubmit({ preventDefault: () => {} }); + } + + return ( +
+
+
+ ▶ +

Data Sentinel

+

by XEFI

+
+ +
+
+ + setIdentifiant(e.target.value)} + placeholder="Votre identifiant" + autoComplete="username" + /> +
+ +
+ + setMotDePasse(e.target.value)} + placeholder="••••••••" + autoComplete="current-password" + /> +
+ + {erreur &&

{erreur}

} + + +
+ +
+ ou +
+ + + + +
+
+ ); +} diff --git a/DataSentinel/src/pages/Login/Login.module.css b/DataSentinel/src/pages/Login/Login.module.css new file mode 100644 index 0000000..3f779b3 --- /dev/null +++ b/DataSentinel/src/pages/Login/Login.module.css @@ -0,0 +1,159 @@ +/* Styles de la page de connexion */ + +.page { + min-height: 100vh; + background-color: var(--color-black); + display: flex; + align-items: center; + justify-content: center; + padding: 24px; +} + +.card { + background-color: var(--color-white); + width: 100%; + max-width: 480px; + border-radius: var(--radius); + border-top: 4px solid var(--color-primary); + padding: 40px; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); +} + +.logoArea { + text-align: center; + margin-bottom: 32px; +} + +.logoIcon { + color: var(--color-primary); + font-size: 28px; + display: block; + margin-bottom: 6px; +} + +.logoText { + font-size: 24px; + font-weight: 700; + color: var(--color-text); + margin: 0; +} + +.byXefi { + font-size: 12px; + color: var(--color-text-secondary); + margin-top: 4px; +} + +.form { + display: flex; + flex-direction: column; + gap: 16px; +} + +.field { + display: flex; + flex-direction: column; + gap: 4px; +} + +.label { + font-size: 13px; + font-weight: 600; + color: var(--color-text); +} + +.input { + padding: 10px 12px; + border: 1px solid var(--color-gray-border); + border-radius: var(--radius); + font-size: 14px; + color: var(--color-text); + outline: none; + transition: border-color 0.15s; +} + +.input:focus { + border-color: var(--color-primary); +} + +.erreur { + font-size: 13px; + color: var(--color-primary); + background-color: var(--color-danger-bg); + border-left: 3px solid var(--color-primary); + padding: 8px 12px; + border-radius: var(--radius); +} + +.btnPrimary { + width: 100%; + padding: 11px; + background-color: var(--color-primary); + color: var(--color-white); + border: none; + border-radius: var(--radius); + font-size: 15px; + font-weight: 600; + cursor: pointer; + margin-top: 4px; + transition: background-color 0.15s; +} + +.btnPrimary:hover:not(:disabled) { + background-color: var(--color-primary-dark); +} + +.btnPrimary:disabled { + opacity: 0.6; + cursor: not-allowed; +} + +.divider { + display: flex; + align-items: center; + gap: 12px; + margin: 16px 0; + color: var(--color-text-secondary); + font-size: 12px; +} + +.divider::before, +.divider::after { + content: ''; + flex: 1; + height: 1px; + background-color: var(--color-gray-border); +} + +.btnSecondary { + width: 100%; + padding: 10px; + background-color: var(--color-white); + color: var(--color-primary); + border: 1px solid var(--color-primary); + border-radius: var(--radius); + font-size: 14px; + font-weight: 500; + cursor: pointer; + transition: background-color 0.15s; +} + +.btnSecondary:hover:not(:disabled) { + background-color: var(--color-danger-bg); +} + +.btnSecondary:disabled { + opacity: 0.6; + cursor: not-allowed; +} + +.links { + margin-top: 16px; + text-align: center; +} + +.forgotLink { + font-size: 13px; + color: var(--color-link); + text-decoration: underline; +} diff --git a/DataSentinel/src/pages/MentionsLegales/MentionsLegales.jsx b/DataSentinel/src/pages/MentionsLegales/MentionsLegales.jsx new file mode 100644 index 0000000..99f3cfb --- /dev/null +++ b/DataSentinel/src/pages/MentionsLegales/MentionsLegales.jsx @@ -0,0 +1,72 @@ +// src/pages/MentionsLegales/MentionsLegales.jsx +// Page Mentions légales : sans sidebar, contenu statique +import { useNavigate } from 'react-router-dom'; +import { ArrowLeft } from 'lucide-react'; +import Button from '../../components/common/Button'; +import styles from './MentionsLegales.module.css'; + +export default function MentionsLegales() { + const navigate = useNavigate(); + + return ( +
+
+
+ ▶ Data Sentinel + +
+ +
+

Data Sentinel

+ +
+

Éditeur

+

XEFI SA

+

2507 Avenue de l'Europe

+

69140 Rillieux-la-Pape

+

dpo@xefi.fr

+
+ +
+

Hébergeur

+

XEFI Infrastructure NEXERN

+

Souveraineté française

+
+ +
+

Accès & Utilisation

+

Usage interne exclusif aux collaborateurs habilités.

+
+ +
+

Données personnelles RGPD (UE 2016/679)

+

Conservation des données : 24 mois

+

Contact DPO : dpo@xefi.fr

+
+ +
+

Cookies

+

Session JWT uniquement, aucun tiers, bandeau de consentement.

+
+ +
+

Propriété intellectuelle

+

© XEFI SA 2026, développé par COYAUD Anthony

+
+ +
+

Responsabilité

+

Données anonymisées pour rendu académique.

+
+
+ +
+

Data Sentinel v1.0 — © XEFI SA 2026

+
+
+
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/MentionsLegales/MentionsLegales.module.css b/DataSentinel/src/pages/MentionsLegales/MentionsLegales.module.css new file mode 100644 index 0000000..ae2f880 --- /dev/null +++ b/DataSentinel/src/pages/MentionsLegales/MentionsLegales.module.css @@ -0,0 +1,65 @@ +/* src/pages/MentionsLegales/MentionsLegales.module.css */ + +.page { + min-height: 100vh; + background-color: var(--color-white); + color: var(--color-text); +} + +.container { + max-width: 760px; + margin: 0 auto; + padding: 24px; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 32px; +} + +.logo { + font-size: 24px; + font-weight: bold; + color: var(--color-primary); +} + +.mainTitle { + font-size: 32px; + font-weight: 600; + color: var(--color-text); + text-align: center; + margin-bottom: 48px; +} + +.section { + margin-bottom: 32px; +} + +.section h2 { + font-size: 18px; + font-weight: 600; + color: var(--color-text); + margin-bottom: 12px; + padding-left: 16px; + border-left: 4px solid var(--color-primary); +} + +.section p { + margin: 4px 0; + line-height: 1.5; +} + +.footer { + margin-top: 64px; + padding-top: 24px; + border-top: 1px solid var(--color-gray-border); + text-align: center; + color: var(--color-text-secondary); + font-size: 14px; + background-color: var(--color-black); + color: var(--color-white); + padding: 16px; + margin: 48px -24px -24px -24px; +} \ No newline at end of file diff --git a/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.jsx b/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.jsx new file mode 100644 index 0000000..7e66990 --- /dev/null +++ b/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.jsx @@ -0,0 +1,149 @@ +// src/pages/MonitoringDetail/MonitoringDetail.jsx +// Page de détail d'un monitoring avec fil d'Ariane, tableau d'erreurs, export CSV +import { useState, useEffect } from 'react'; +import { useParams, useNavigate } from 'react-router-dom'; +import { Download, TrendingUp } from 'lucide-react'; +import { getMonitoringById, getMonitoringDetails, getMonitoringCount, getMonitoringColumns, exportToCSV } from '../../services/api'; +import DataTable from '../../components/common/DataTable'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import Badge from '../../components/common/Badge'; +import Button from '../../components/common/Button'; +import styles from './MonitoringDetail.module.css'; + +/* Détermine le statut selon le nombre d'erreurs */ +function getStatut(nbErreurs) { + if (nbErreurs === 0) return { label: 'OK', variant: 'ok' }; + if (nbErreurs < 10) return { label: 'Attention', variant: 'warning' }; + return { label: 'Critique', variant: 'critical' }; +} + +export default function MonitoringDetail() { + const { id } = useParams(); + const navigate = useNavigate(); + const [monitoring, setMonitoring] = useState(null); + const [details, setDetails] = useState([]); + const [columns, setColumns] = useState([]); + const [count, setCount] = useState(0); + const [loading, setLoading] = useState(true); + const [erreur, setErreur] = useState(''); + const [search, setSearch] = useState(''); + + useEffect(() => { + async function loadData() { + setLoading(true); + setErreur(''); + try { + const [monit, det, cnt, cols] = await Promise.all([ + getMonitoringById(id), + getMonitoringDetails(id, { limit: 5000 }), // Charge maximum pour export complet + getMonitoringCount(id), + getMonitoringColumns(id) + ]); + setMonitoring(monit); + setDetails(Array.isArray(det) ? det : []); + setCount(cnt.count ?? cnt.nb_erreurs ?? 0); + + // Traite les colonnes de l'API + if (cols?.columns) { + const colsList = cols.columns.map(col => ({ + key: col.COLUMN_NAME, + label: col.COLUMN_NAME + })); + setColumns(colsList); + } + } catch (e) { + setErreur(e.message || 'Erreur lors du chargement du monitoring.'); + } finally { + setLoading(false); + } + } + loadData(); + }, [id]); + + /* Filtrage des détails par recherche */ + const filteredDetails = details.filter(row => { + if (!search) return true; + return Object.values(row).some(val => + String(val || '').toLowerCase().includes(search.toLowerCase()) + ); + }); + + if (loading) return ; + if (erreur) return ; + + const statut = getStatut(count); + + return ( +
+ {/* Fil d'Ariane */} +
+ navigate('/dashboard')} className={styles.breadcrumbLink}>Dashboard + › + {monitoring?.service || 'Service'} + › + {monitoring?.nom || 'Monitoring'} +
+ + {/* En-tête */} +
+
+

{monitoring?.nom || monitoring?.monito_intitule || 'Monitoring'}

+
+ {monitoring?.bdd_source && {monitoring.bdd_source}} + {monitoring?.id_categorie && Catégorie {monitoring.id_categorie}} + {statut.label} +
+
+
+ {count} + erreur{count !== 1 ? 's' : ''} +
+
+ + {/* Actions */} +
+ + +
+ + {/* Filtres */} +
+ setSearch(e.target.value)} + /> +
+ + {/* Résumé des résultats */} +
+ {filteredDetails.length} / {details.length} erreur{details.length !== 1 ? 's' : ''} + {search && ` (filtré: ${search})`} +
+ + {/* Tableau */} + {columns.length > 0 && ( + + )} + + {/* Encart aide */} +
+

Aide : Ce tableau affiche les erreurs détectées pour ce monitoring. Utilisez la barre de recherche pour filtrer. L'export CSV permet de télécharger toutes les données filtrées.

+
+
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.module.css b/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.module.css new file mode 100644 index 0000000..342ae22 --- /dev/null +++ b/DataSentinel/src/pages/MonitoringDetail/MonitoringDetail.module.css @@ -0,0 +1,102 @@ +/* src/pages/MonitoringDetail/MonitoringDetail.module.css */ + +.page { + padding: 24px; + max-width: 1200px; + margin: 0 auto; +} + +.breadcrumb { + font-size: 14px; + color: var(--color-text-secondary); + margin-bottom: 16px; +} + +.breadcrumbLink { + color: var(--color-link); + cursor: pointer; + text-decoration: underline; +} + +.breadcrumbLink:hover { + color: var(--color-primary); +} + +.separator { + color: var(--color-primary); + margin: 0 8px; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; + padding-bottom: 16px; + border-bottom: 1px solid var(--color-gray-border); +} + +.titleSection h1 { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin: 0 0 8px 0; +} + +.badges { + display: flex; + gap: 8px; +} + +.count { + text-align: right; +} + +.countNumber { + font-size: 36px; + font-weight: bold; + color: var(--color-primary); + display: block; +} + +.countLabel { + font-size: 14px; + color: var(--color-text-secondary); +} + +.actions { + display: flex; + gap: 12px; + margin-bottom: 24px; +} + +.filtres { + display: flex; + gap: 12px; + margin-bottom: 24px; + flex-wrap: wrap; +} + +.searchInput, +.filterInput { + padding: 8px 12px; + border: 1px solid var(--color-gray-border); + border-radius: var(--radius); + font-size: 14px; + min-width: 200px; +} + +.searchInput { + flex: 1; + min-width: 300px; +} + +.helpBox { + margin-top: 32px; + padding: 16px; + background-color: var(--color-danger-bg); + border-left: 4px solid var(--color-primary); + border-radius: var(--radius); + color: var(--color-text); + font-size: 14px; +} \ No newline at end of file diff --git a/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.jsx b/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.jsx new file mode 100644 index 0000000..890a804 --- /dev/null +++ b/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.jsx @@ -0,0 +1,75 @@ +// Page réutilisable pour afficher les monitorings d'un service spécifique +import { useState, useEffect } from 'react'; +import { useNavigate } from 'react-router-dom'; +import { Download } from 'lucide-react'; +import { getDashboard, exportToCSV } from '../../services/api'; +import DataTable from '../../components/common/DataTable'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import Button from '../../components/common/Button'; +import styles from './ServiceMonitorings.module.css'; + +export default function ServiceMonitorings({ serviceLabel, serviceName }) { + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(true); + const [erreur, setErreur] = useState(''); + + useEffect(() => { + async function loadData() { + setLoading(true); + setErreur(''); + try { + const result = await getDashboard(serviceName); + setData(Array.isArray(result) ? result : []); + } catch (e) { + setErreur(e.message || `Erreur lors du chargement des monitorings ${serviceLabel.toLowerCase()}.`); + } finally { + setLoading(false); + } + } + loadData(); + }, [serviceLabel, serviceName]); + + if (loading) return ; + if (erreur) return ; + + const columns = [ + { key: 'nom', label: 'Monitoring' }, + { key: 'service', label: 'Service' }, + { key: 'categorie', label: 'Catégorie' }, + { key: 'bdd_source', label: 'Source' }, + { key: 'nb_erreurs', label: 'Erreurs', render: (val) => val ?? 0 }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( + + ) + } + ]; + + return ( +
+
+
+

{serviceLabel}

+

Monitorings avec le service "{serviceLabel}".

+
+ +
+ + +
+ ); +} diff --git a/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.module.css b/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.module.css new file mode 100644 index 0000000..77765ee --- /dev/null +++ b/DataSentinel/src/pages/ServiceMonitorings/ServiceMonitorings.module.css @@ -0,0 +1,28 @@ +.page { + display: flex; + flex-direction: column; + gap: 1.5rem; + padding: 1.5rem; +} + +.header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; + flex-wrap: wrap; +} + +.title { + margin: 0; + font-size: 1.8rem; +} + +.subtitle { + margin: 0.4rem 0 0; + color: var(--color-text-muted); +} + +button { + min-width: 160px; +} diff --git a/DataSentinel/src/pages/Users/Users.jsx b/DataSentinel/src/pages/Users/Users.jsx new file mode 100644 index 0000000..345e29b --- /dev/null +++ b/DataSentinel/src/pages/Users/Users.jsx @@ -0,0 +1,76 @@ +// src/pages/Users/Users.jsx +// Page Utilisateurs : gestion des utilisateurs (simulation) +import { useState } from 'react'; +import { Plus, Edit, Trash2 } from 'lucide-react'; +import DataTable from '../../components/common/DataTable'; +import Button from '../../components/common/Button'; +import styles from './Users.module.css'; + +/* Données simulées pour les utilisateurs */ +const mockUsers = [ + { id: 1, nom: 'Alice Dupont', email: 'alice@xefi.fr', role: 'Admin', actif: true }, + { id: 2, nom: 'Bob Martin', email: 'bob@xefi.fr', role: 'Utilisateur', actif: true }, + { id: 3, nom: 'Charlie Durand', email: 'charlie@xefi.fr', role: 'Utilisateur', actif: false } +]; + +export default function Users() { + const [users, setUsers] = useState(mockUsers); + + function handleAdd() { + console.log('Ajouter utilisateur'); + } + + function handleEdit(user) { + console.log('Modifier utilisateur', user); + } + + function handleDelete(user) { + setUsers(prev => prev.map(u => u.id === user.id ? { ...u, actif: false } : u)); + } + + const columns = [ + { key: 'nom', label: 'Nom' }, + { key: 'email', label: 'Email' }, + { key: 'role', label: 'Rôle' }, + { + key: 'actif', + label: 'Statut', + render: (val) => val ? 'Actif' : 'Inactif' + }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( +
+ + +
+ ) + } + ]; + + return ( +
+
+

Utilisateurs

+ +
+ + +
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/Users/Users.module.css b/DataSentinel/src/pages/Users/Users.module.css new file mode 100644 index 0000000..d8d1f99 --- /dev/null +++ b/DataSentinel/src/pages/Users/Users.module.css @@ -0,0 +1,43 @@ +/* src/pages/Users/Users.module.css */ + +.page { + padding: 24px; + max-width: 1200px; + margin: 0 auto; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; +} + +.title { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin: 0; +} + +.actions { + display: flex; + gap: 8px; +} + +.actionBtn { + display: flex; + align-items: center; + gap: 4px; + padding: 4px 8px; + background: none; + border: none; + color: var(--color-link); + font-size: 12px; + cursor: pointer; + text-decoration: underline; +} + +.actionBtn:hover { + color: var(--color-primary); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/VueConso/VueConso.jsx b/DataSentinel/src/pages/VueConso/VueConso.jsx new file mode 100644 index 0000000..da8253b --- /dev/null +++ b/DataSentinel/src/pages/VueConso/VueConso.jsx @@ -0,0 +1,110 @@ +// src/pages/VueConso/VueConso.jsx +// Page Vue consolidée : graphique barres + tableau avec export CSV +import { useState, useEffect } from 'react'; +import { useNavigate } from 'react-router-dom'; +import { Download } from 'lucide-react'; +import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'; +import { getDashboard, exportToCSV } from '../../services/api'; +import DataTable from '../../components/common/DataTable'; +import LoadingSpinner from '../../components/common/LoadingSpinner'; +import ErrorMessage from '../../components/common/ErrorMessage'; +import Button from '../../components/common/Button'; +import styles from './VueConso.module.css'; + +/* Détermine la couleur selon le statut */ +function getStatusColor(nbErreurs) { + if (nbErreurs === 0) return 'var(--color-ok)'; + if (nbErreurs < 10) return 'var(--color-warning)'; + return 'var(--color-primary)'; +} + +export default function VueConso() { + const navigate = useNavigate(); + const [data, setData] = useState([]); + const [loading, setLoading] = useState(true); + const [erreur, setErreur] = useState(''); + + useEffect(() => { + async function loadData() { + setLoading(true); + setErreur(''); + try { + const result = await getDashboard(); + setData(Array.isArray(result) ? result : []); + } catch (e) { + setErreur(e.message || 'Erreur lors du chargement de la vue consolidée.'); + } finally { + setLoading(false); + } + } + loadData(); + }, []); + + if (loading) return ; + if (erreur) return ; + + /* Préparation des données pour le graphique */ + const chartData = data.map(item => ({ + name: item.nom || item.nom_monito || item.libelle || 'Monitoring', + erreurs: item.nb_erreurs ?? item.count ?? 0, + fill: getStatusColor(item.nb_erreurs ?? item.count ?? 0) + })); + + /* Colonnes du tableau */ + const columns = [ + { key: 'nom', label: 'Monitoring' }, + { key: 'service', label: 'Service' }, + { key: 'categorie', label: 'Catégorie' }, + { key: 'bdd_source', label: 'Source' }, + { key: 'nb_erreurs', label: 'Erreurs', render: (val) => val ?? 0 }, + { + key: 'actions', + label: 'Actions', + render: (val, row) => ( + + ) + } + ]; + + return ( +
+
+

Vue consolidée

+ +
+ + {/* Graphique */} +
+ + + + + + + + + +
+ + {/* Tableau */} + +
+ ); +} \ No newline at end of file diff --git a/DataSentinel/src/pages/VueConso/VueConso.module.css b/DataSentinel/src/pages/VueConso/VueConso.module.css new file mode 100644 index 0000000..cee444e --- /dev/null +++ b/DataSentinel/src/pages/VueConso/VueConso.module.css @@ -0,0 +1,29 @@ +/* src/pages/VueConso/VueConso.module.css */ + +.page { + padding: 24px; + max-width: 1200px; + margin: 0 auto; +} + +.header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 32px; +} + +.title { + font-size: 28px; + font-weight: 600; + color: var(--color-text); + margin: 0; +} + +.chartContainer { + margin-bottom: 32px; + padding: 20px; + background-color: var(--color-white); + border-radius: var(--radius); + box-shadow: var(--shadow); +} \ No newline at end of file diff --git a/DataSentinel/src/services/api.js b/DataSentinel/src/services/api.js new file mode 100644 index 0000000..c7442ce --- /dev/null +++ b/DataSentinel/src/services/api.js @@ -0,0 +1,191 @@ +/* Service centralisé pour tous les appels API vers le backend FastAPI */ + +/* Utilise la variable d'environnement Vite si définie, sinon localhost par défaut */ +const BASE_URL = import.meta.env.VITE_API_URL ?? 'http://localhost:8000'; + +/* Fonction utilitaire pour les requêtes fetch avec gestion d'erreur */ +async function fetchApi(path, params = {}) { + const url = new URL(`${BASE_URL}${path}`); + Object.entries(params).forEach(([key, value]) => { + if (value !== undefined && value !== null && value !== '') { + url.searchParams.append(key, value); + } + }); + + try { + const response = await fetch(url.toString()); + if (!response.ok) { + const errorText = await response.text(); + console.error(`Erreur API [${response.status}] ${path}: ${errorText}`); + throw new Error(`Erreur ${response.status}: ${errorText}`); + } + return await response.json(); + } catch (error) { + console.error(`Erreur lors de l'appel API ${path}:`, error); + throw error; + } +} + +/* Santé de l'API */ +export async function getHealth() { + return fetchApi('/health'); +} + +/* Récupère la liste des catégories */ +export async function getCategories() { + return fetchApi('/categories'); +} + +/* Récupère la liste des services */ +export async function getServices() { + return fetchApi('/services'); +} + +/* Récupère les contacts, filtrable par service */ +export async function getContacts(id_service) { + return fetchApi('/contacts', { id_service }); +} + +/* Récupère la nomenclature (monitorings), filtrable par service et catégorie */ +export async function getMonitorings(id_service, id_categorie) { + const data = await fetchApi('/monitorings', { id_service, id_categorie }); + return Array.isArray(data) ? data.map(m => ({ + id: m.id_monito, + id_monito: m.id_monito, + nom: m.monito_intitule, + monito_intitule: m.monito_intitule, + ...m + })) : data; +} + +/* Récupère un monitoring par son identifiant */ +export async function getMonitoringById(id) { + const data = await fetchApi(`/monitorings/${id}`); + return data ? { + id: data.id_monito, + id_monito: data.id_monito, + nom: data.monito_intitule, + monito_intitule: data.monito_intitule, + ...data + } : data; +} + +/* Récupère les lignes d'erreur d'un monitoring avec pagination et filtres */ +export async function getMonitoringDetails(id, { search, limit = 500, offset = 0 } = {}) { + return fetchApi(`/monitorings/${id}/details`, { search, limit, offset }); +} + +/* Récupère le nombre d'erreurs d'un monitoring */ +export async function getMonitoringCount(id) { + const data = await fetchApi(`/monitorings/${id}/count`); + return { + id_monito: data.id_monito, + count: data.nb_erreurs, + nb_erreurs: data.nb_erreurs, + ...data + }; +} + +/* Récupère les colonnes dynamiques d'un monitoring */ +export async function getMonitoringColumns(id) { + return fetchApi(`/monitorings/${id}/columns`); +} + +/* Récupère les données du dashboard (VUE_CONSO), filtrable par service et catégorie */ +export async function getDashboard(service, categorie) { + const data = await fetchApi('/dashboard', { service, categorie }); + return Array.isArray(data) ? data.map(m => ({ + id: m.id_monito, + id_monito: m.id_monito, + nom: m.nom_monito, + nb_erreurs: m.nb_erreurs, + ...m + })) : data; +} + +/* Récupère le résumé global KPI du dashboard */ +export async function getDashboardSummary() { + const data = await fetchApi('/dashboard/summary'); + return { + total: data.nb_monitorings ?? 0, + ok: data.monitorings_ok ?? 0, + warning: 0, // À calculer ou ajouter à l'API + critical: data.monitorings_en_erreur ?? 0, + nb_monitorings: data.nb_monitorings, + total_erreurs: data.total_erreurs, + max_erreurs: data.max_erreurs, + monitoring_critique: data.monitoring_critique, + ...data + }; +} + +/* Récupère l'historique, filtrable par monitoring, dates et service */ +export async function getHistorique(id_monito, date_debut, date_fin, service) { + const data = await fetchApi('/historique', { id_monito, date_debut, date_fin, service }); + return Array.isArray(data) ? data.map(h => ({ + date: h.date_sauvegarde, + date_sauvegarde: h.date_sauvegarde, + ...h + })) : data; +} + +/* Récupère les données d'évolution pour un graphique */ +export async function getHistoriqueEvolution(id, date_debut, date_fin) { + const data = await fetchApi(`/historique/${id}/evolution`, { date_debut, date_fin }); + if (data?.evolution) { + return data.evolution.map(point => ({ + date: point.date, + erreurs: point.nb_erreurs, + nb_erreurs: point.nb_erreurs + })); + } + return []; +} + +export async function getEvolutionGlobal(date_debut, date_fin) { + const data = await fetchApi('/evolution/global', { date_debut, date_fin }); + if (data?.series) { + return data.series.map(point => ({ + date: point.date, + erreurs: point.nb_erreurs, + nb_erreurs: point.nb_erreurs + })); + } + return []; +} + +/* Export CSV utilitaire */ +export function exportToCSV(data, filename = 'export.csv') { + if (!data || data.length === 0) { + console.warn('Aucune donnée à exporter'); + return; + } + + // Récupère les clés du premier objet + const headers = Object.keys(data[0]); + + // Crée le CSV : en-têtes + lignes + const csvLines = [ + headers.join(','), + ...data.map(row => + headers.map(header => { + const value = row[header]; + // Échappe les valeurs qui contiennent des virgules ou des guillemets + if (value === null || value === undefined) return ''; + const str = String(value); + if (str.includes(',') || str.includes('"') || str.includes('\n')) { + return `"${str.replace(/"/g, '""')}"`; + } + return str; + }).join(',') + ) + ].join('\n'); + + // Crée un blob et télécharge + const blob = new Blob([csvLines], { type: 'text/csv;charset=utf-8;' }); + const link = document.createElement('a'); + link.href = URL.createObjectURL(blob); + link.download = filename; + link.click(); + URL.revokeObjectURL(link.href); +} diff --git a/DataSentinel/vite.config.js b/DataSentinel/vite.config.js new file mode 100644 index 0000000..d1203cd --- /dev/null +++ b/DataSentinel/vite.config.js @@ -0,0 +1,11 @@ +import { defineConfig } from 'vite' +import react, { reactCompilerPreset } from '@vitejs/plugin-react' +import babel from '@rolldown/plugin-babel' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [ + react(), + babel({ presets: [reactCompilerPreset()] }) + ], +})