Index: lan-frontend/.env =================================================================== --- lan-frontend/.env (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ (revision ) @@ -1,3 +1,0 @@ -VITE_API_BASE=http://localhost:5555 -VITE_GOOGLE_CLIENT_ID=43542590862-pt18e0hb33o41889bu976oshddoemivs.apps.googleusercontent.com -GRAFANA_API_TOKEN=KIC7rMwr4U8V-GI8suP5rGgNjdcQvB0cAvAwkwevTKw Index: lan-frontend/package-lock.json =================================================================== --- lan-frontend/package-lock.json (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ lan-frontend/package-lock.json (revision 640ed89213ad0086dc8379de00b8d102057ead1f) @@ -9,5 +9,4 @@ "version": "0.0.0", "dependencies": { - "@react-oauth/google": "^0.13.4", "chart.js": "^4.5.1", "react": "^19.2.0", @@ -20,25 +19,9 @@ "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^5.1.1", - "autoprefixer": "^10.4.23", "eslint": "^9.39.1", "eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-refresh": "^0.4.24", "globals": "^16.5.0", - "postcss": "^8.5.6", - "tailwindcss": "^3.4.17", "vite": "^7.2.4" - } - }, - "node_modules/@alloc/quick-lru": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", - "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" } }, @@ -1032,52 +1015,4 @@ "license": "MIT" }, - "node_modules/@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@react-oauth/google": { - "version": "0.13.4", - "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.13.4.tgz", - "integrity": "sha512-hGKyNEH+/PK8M0sFEuo3MAEk0txtHpgs94tDQit+s2LXg7b6z53NtzHfqDvoB2X8O6lGB+FRg80hY//X6hfD+w==", - "license": "MIT", - "peerDependencies": { - "react": ">=16.8.0", - "react-dom": ">=16.8.0" - } - }, "node_modules/@reduxjs/toolkit": { "version": "2.11.1", @@ -1668,45 +1603,4 @@ } }, - "node_modules/any-promise": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", - "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", - "dev": true, - "license": "MIT" - }, - "node_modules/anymatch": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", - "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, - "license": "ISC", - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/anymatch/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/arg": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", - "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", - "dev": true, - "license": "MIT" - }, "node_modules/argparse": { "version": "2.0.1", @@ -1716,41 +1610,4 @@ "license": "Python-2.0" }, - "node_modules/autoprefixer": { - "version": "10.4.23", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz", - "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/autoprefixer" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "browserslist": "^4.28.1", - "caniuse-lite": "^1.0.30001760", - "fraction.js": "^5.3.4", - "picocolors": "^1.1.1", - "postcss-value-parser": "^4.2.0" - }, - "bin": { - "autoprefixer": "bin/autoprefixer" - }, - "engines": { - "node": "^10 || ^12 || >=14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, "node_modules/balanced-match": { "version": "1.0.2", @@ -1770,17 +1627,4 @@ } }, - "node_modules/binary-extensions": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", - "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/brace-expansion": { "version": "1.1.12", @@ -1792,17 +1636,4 @@ "balanced-match": "^1.0.0", "concat-map": "0.0.1" - } - }, - "node_modules/braces": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", - "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", - "dev": true, - "license": "MIT", - "dependencies": { - "fill-range": "^7.1.1" - }, - "engines": { - "node": ">=8" } }, @@ -1851,14 +1682,4 @@ } }, - "node_modules/camelcase-css": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", - "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" - } - }, "node_modules/caniuse-lite": { "version": "1.0.30001760", @@ -1911,42 +1732,4 @@ } }, - "node_modules/chokidar": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", - "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", - "dev": true, - "license": "MIT", - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "engines": { - "node": ">= 8.10.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/chokidar/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "license": "ISC", - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/clsx": { "version": "2.1.1", @@ -1978,14 +1761,4 @@ "license": "MIT" }, - "node_modules/commander": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", - "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" - } - }, "node_modules/concat-map": { "version": "0.0.1", @@ -2015,17 +1788,4 @@ "engines": { "node": ">= 8" - } - }, - "node_modules/cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true, - "license": "MIT", - "bin": { - "cssesc": "bin/cssesc" - }, - "engines": { - "node": ">=4" } }, @@ -2186,18 +1946,4 @@ "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", - "dev": true, - "license": "MIT" - }, - "node_modules/didyoumean": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", - "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", - "dev": true, - "license": "Apache-2.0" - }, - "node_modules/dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", "dev": true, "license": "MIT" @@ -2482,34 +2228,4 @@ "license": "MIT" }, - "node_modules/fast-glob": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", - "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.8" - }, - "engines": { - "node": ">=8.6.0" - } - }, - "node_modules/fast-glob/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "license": "ISC", - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/fast-json-stable-stringify": { "version": "2.1.0", @@ -2526,14 +2242,4 @@ "license": "MIT" }, - "node_modules/fastq": { - "version": "1.20.1", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz", - "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==", - "dev": true, - "license": "ISC", - "dependencies": { - "reusify": "^1.0.4" - } - }, "node_modules/fdir": { "version": "6.5.0", @@ -2567,17 +2273,4 @@ } }, - "node_modules/fill-range": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", - "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", - "dev": true, - "license": "MIT", - "dependencies": { - "to-regex-range": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/find-up": { "version": "5.0.0", @@ -2618,18 +2311,4 @@ "license": "ISC" }, - "node_modules/fraction.js": { - "version": "5.3.4", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz", - "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": "*" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/rawify" - } - }, "node_modules/fsevents": { "version": "2.3.3", @@ -2647,14 +2326,4 @@ } }, - "node_modules/function-bind": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", - "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", - "dev": true, - "license": "MIT", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/gensync": { "version": "1.0.0-beta.2", @@ -2701,17 +2370,4 @@ "engines": { "node": ">=8" - } - }, - "node_modules/hasown": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", - "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "function-bind": "^1.1.2" - }, - "engines": { - "node": ">= 0.4" } }, @@ -2789,33 +2445,4 @@ } }, - "node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "license": "MIT", - "dependencies": { - "binary-extensions": "^2.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/is-core-module": { - "version": "2.16.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz", - "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==", - "dev": true, - "license": "MIT", - "dependencies": { - "hasown": "^2.0.2" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-extglob": { "version": "2.1.1", @@ -2841,14 +2468,4 @@ } }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.12.0" - } - }, "node_modules/isexe": { "version": "2.0.0", @@ -2858,14 +2475,4 @@ "license": "ISC" }, - "node_modules/jiti": { - "version": "1.21.7", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", - "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", - "dev": true, - "license": "MIT", - "bin": { - "jiti": "bin/jiti.js" - } - }, "node_modules/js-tokens": { "version": "4.0.0", @@ -2959,24 +2566,4 @@ } }, - "node_modules/lilconfig": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", - "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/antonk52" - } - }, - "node_modules/lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true, - "license": "MIT" - }, "node_modules/locate-path": { "version": "6.0.0", @@ -3012,41 +2599,4 @@ } }, - "node_modules/merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 8" - } - }, - "node_modules/micromatch": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", - "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "dev": true, - "license": "MIT", - "dependencies": { - "braces": "^3.0.3", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=8.6" - } - }, - "node_modules/micromatch/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/minimatch": { "version": "3.1.2", @@ -3068,16 +2618,4 @@ "dev": true, "license": "MIT" - }, - "node_modules/mz": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", - "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "any-promise": "^1.0.0", - "object-assign": "^4.0.1", - "thenify-all": "^1.0.0" - } }, "node_modules/nanoid": { @@ -3113,34 +2651,4 @@ "dev": true, "license": "MIT" - }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-hash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", - "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" - } }, "node_modules/optionator": { @@ -3227,11 +2735,4 @@ } }, - "node_modules/path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true, - "license": "MIT" - }, "node_modules/picocolors": { "version": "1.1.1", @@ -3252,24 +2753,4 @@ "funding": { "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/pirates": { - "version": "4.0.7", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz", - "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" } }, @@ -3303,131 +2784,4 @@ } }, - "node_modules/postcss-import": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", - "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", - "dev": true, - "license": "MIT", - "dependencies": { - "postcss-value-parser": "^4.0.0", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "postcss": "^8.0.0" - } - }, - "node_modules/postcss-js": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz", - "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "camelcase-css": "^2.0.1" - }, - "engines": { - "node": "^12 || ^14 || >= 16" - }, - "peerDependencies": { - "postcss": "^8.4.21" - } - }, - "node_modules/postcss-load-config": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", - "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "lilconfig": "^3.0.0", - "yaml": "^2.3.4" - }, - "engines": { - "node": ">= 14" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } - } - }, - "node_modules/postcss-nested": { - "version": "6.2.0", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz", - "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "postcss-selector-parser": "^6.1.1" - }, - "engines": { - "node": ">=12.0" - }, - "peerDependencies": { - "postcss": "^8.2.14" - } - }, - "node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "dev": true, - "license": "MIT", - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true, - "license": "MIT" - }, "node_modules/prelude-ls": { "version": "1.2.1", @@ -3449,25 +2803,4 @@ "node": ">=6" } - }, - "node_modules/queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "license": "MIT" }, "node_modules/react": { @@ -3530,40 +2863,4 @@ "engines": { "node": ">=0.10.0" - } - }, - "node_modules/read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, - "license": "MIT", - "dependencies": { - "pify": "^2.3.0" - } - }, - "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "license": "MIT", - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/readdirp/node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" } }, @@ -3619,25 +2916,4 @@ "license": "MIT" }, - "node_modules/resolve": { - "version": "1.22.11", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz", - "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "is-core-module": "^2.16.1", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/resolve-from": { "version": "4.0.0", @@ -3648,15 +2924,4 @@ "engines": { "node": ">=4" - } - }, - "node_modules/reusify": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", - "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", - "dev": true, - "license": "MIT", - "engines": { - "iojs": ">=1.0.0", - "node": ">=0.10.0" } }, @@ -3703,28 +2968,4 @@ } }, - "node_modules/run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "license": "MIT", - "dependencies": { - "queue-microtask": "^1.2.2" - } - }, "node_modules/scheduler": { "version": "0.27.0", @@ -3789,27 +3030,4 @@ } }, - "node_modules/sucrase": { - "version": "3.35.1", - "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz", - "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/gen-mapping": "^0.3.2", - "commander": "^4.0.0", - "lines-and-columns": "^1.1.6", - "mz": "^2.7.0", - "pirates": "^4.0.1", - "tinyglobby": "^0.2.11", - "ts-interface-checker": "^0.1.9" - }, - "bin": { - "sucrase": "bin/sucrase", - "sucrase-node": "bin/sucrase-node" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - } - }, "node_modules/supports-color": { "version": "7.2.0", @@ -3825,78 +3043,4 @@ } }, - "node_modules/supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/tailwindcss": { - "version": "3.4.17", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz", - "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==", - "dev": true, - "license": "MIT", - "dependencies": { - "@alloc/quick-lru": "^5.2.0", - "arg": "^5.0.2", - "chokidar": "^3.6.0", - "didyoumean": "^1.2.2", - "dlv": "^1.1.3", - "fast-glob": "^3.3.2", - "glob-parent": "^6.0.2", - "is-glob": "^4.0.3", - "jiti": "^1.21.6", - "lilconfig": "^3.1.3", - "micromatch": "^4.0.8", - "normalize-path": "^3.0.0", - "object-hash": "^3.0.0", - "picocolors": "^1.1.1", - "postcss": "^8.4.47", - "postcss-import": "^15.1.0", - "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.2", - "postcss-nested": "^6.2.0", - "postcss-selector-parser": "^6.1.2", - "resolve": "^1.22.8", - "sucrase": "^3.35.0" - }, - "bin": { - "tailwind": "lib/cli.js", - "tailwindcss": "lib/cli.js" - }, - "engines": { - "node": ">=14.0.0" - } - }, - "node_modules/thenify": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", - "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", - "dev": true, - "license": "MIT", - "dependencies": { - "any-promise": "^1.0.0" - } - }, - "node_modules/thenify-all": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", - "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", - "dev": true, - "license": "MIT", - "dependencies": { - "thenify": ">= 3.1.0 < 4" - }, - "engines": { - "node": ">=0.8" - } - }, "node_modules/tiny-invariant": { "version": "1.3.3", @@ -3921,24 +3065,4 @@ "url": "https://github.com/sponsors/SuperchupuDev" } - }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "is-number": "^7.0.0" - }, - "engines": { - "node": ">=8.0" - } - }, - "node_modules/ts-interface-checker": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", - "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", - "dev": true, - "license": "Apache-2.0" }, "node_modules/type-check": { @@ -4004,11 +3128,4 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } - }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true, - "license": "MIT" }, "node_modules/victory-vendor": { @@ -4142,20 +3259,4 @@ "license": "ISC" }, - "node_modules/yaml": { - "version": "2.8.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz", - "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==", - "dev": true, - "license": "ISC", - "bin": { - "yaml": "bin.mjs" - }, - "engines": { - "node": ">= 14.6" - }, - "funding": { - "url": "https://github.com/sponsors/eemeli" - } - }, "node_modules/yocto-queue": { "version": "0.1.0", Index: lan-frontend/package.json =================================================================== --- lan-frontend/package.json (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ lan-frontend/package.json (revision 640ed89213ad0086dc8379de00b8d102057ead1f) @@ -11,5 +11,4 @@ }, "dependencies": { - "@react-oauth/google": "^0.13.4", "chart.js": "^4.5.1", "react": "^19.2.0", @@ -22,11 +21,8 @@ "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^5.1.1", - "autoprefixer": "^10.4.23", "eslint": "^9.39.1", "eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-refresh": "^0.4.24", "globals": "^16.5.0", - "postcss": "^8.5.6", - "tailwindcss": "^3.4.17", "vite": "^7.2.4" } Index: lan-frontend/postcss.config.js =================================================================== --- lan-frontend/postcss.config.js (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ (revision ) @@ -1,6 +1,0 @@ -export default { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} Index: lan-frontend/src/App.jsx =================================================================== --- lan-frontend/src/App.jsx (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ lan-frontend/src/App.jsx (revision 640ed89213ad0086dc8379de00b8d102057ead1f) @@ -1,336 +1,1169 @@ -import React, {useEffect, useMemo, useState} from "react"; -import "./styles/theme.css"; -import "./styles/netinel.css"; - -import Login from "./components/Login"; -import TopBar from "./components/TopBar"; -import ComputerCard from "./components/ComputerCard"; -import ComputerDetailsModal from "./components/ComputerDetailsModal"; -import AIAssistantDrawer from "./components/AIAssistantDrawer"; -import NetIntelViz from "./components/NetIntelViz.jsx"; -import SideMenu from "./components/SideMenu"; - - -export default function App() { - const [stats, setStats] = useState(null); - const [computers, setComputers] = useState([]); - const [loading, setLoading] = useState(true); - const [lastUpdated, setLastUpdated] = useState(null); - - const [query, setQuery] = useState(""); - const [status, setStatus] = useState(""); - - const [selectedComputer, setSelectedComputer] = useState(null); - const [aiOpen, setAiOpen] = useState(false); - const [aiScope, setAiScope] = useState(null); - const [selectedEnv, setSelectedEnv] = useState("default"); - - const [me, setMe] = useState(null); - const [meLoading, setMeLoading] = useState(true); - - const [activeView, setActiveView] = useState("dashboard"); -// "dashboard" | "visualizations" | "account" - - - // NEW: environment setting (switch) - const [saveProcHistory, setSaveProcHistory] = useState(false); - - async function loadMe() { - setMeLoading(true); - try { - const r = await fetch("/api/me", {credentials: "include"}); - if (r.ok) { - const data = await r.json(); - setMe(data.user); - } else { - setMe(null); - } - } catch (e) { - console.error("loadMe error", e); - setMe(null); - } finally { - setMeLoading(false); - } +import React, { useEffect, useState } from "react"; +import './App.css'; + +function App() { + const [computers, setComputers] = useState([]); + const [filteredComputers, setFilteredComputers] = useState([]); + const [stats, setStats] = useState(null); + const [selectedComputer, setSelectedComputer] = useState(null); + const [computerDetails, setComputerDetails] = useState(null); + const [loadingDetails, setLoadingDetails] = useState(false); + const [performanceData, setPerformanceData] = useState([]); + const [eventDistribution, setEventDistribution] = useState([]); + const [networkTraffic, setNetworkTraffic] = useState([]); + const [topProcesses, setTopProcesses] = useState([]); + // Бои за графикони + const CHART_COLORS = { + primary: '#2563eb', + secondary: '#7c3aed', + accentGreen: '#10b981', + accentOrange: '#f59e0b', + accentRed: '#ef4444', + lightBlue: '#93c5fd', + lightPurple: '#c4b5fd' + }; + + // Функција за вчитување на податоци за графикони + const loadChartData = () => { + // Перформанс податоци (симулирани, треба да ги земеш од API) + const mockPerfData = Array.from({ length: 24 }, (_, i) => ({ + hour: `${i}:00`, + cpu: 20 + Math.random() * 30, + memory: 30 + Math.random() * 40, + network: Math.random() * 100 + })); + setPerformanceData(mockPerfData); + + // Дистрибуција на настани + const mockEventDist = [ + { name: 'Process Create', value: 45, color: CHART_COLORS.primary }, + { name: 'Network', value: 25, color: CHART_COLORS.secondary }, + { name: 'File Create', value: 15, color: CHART_COLORS.accentGreen }, + { name: 'Registry', value: 10, color: CHART_COLORS.accentOrange }, + { name: 'Other', value: 5, color: CHART_COLORS.accentRed } + ]; + setEventDistribution(mockEventDist); + + // Мрежен сообраќај + const mockNetworkData = Array.from({ length: 12 }, (_, i) => ({ + time: `${i * 2}:00`, + inbound: 50 + Math.random() * 200, + outbound: 30 + Math.random() * 150 + })); + setNetworkTraffic(mockNetworkData); + + // Топ процеси + const mockTopProcesses = [ + { name: 'chrome.exe', cpu: 25, memory: 1200 }, + { name: 'python.exe', cpu: 18, memory: 800 }, + { name: 'explorer.exe', cpu: 12, memory: 300 }, + { name: 'svchost.exe', cpu: 8, memory: 200 }, + { name: 'node.exe', cpu: 6, memory: 500 } + ]; + setTopProcesses(mockTopProcesses); + }; + + useEffect(() => { + loadChartData(); + // Автоматско освежување на графикони + const chartInterval = setInterval(loadChartData, 30000); + return () => clearInterval(chartInterval); + }, []); + // Filter state + const [filters, setFilters] = useState({ + status: "all", + search: "", + os: "all", + minCpu: 0, + minRam: 0 + }); + + // AI chat state + const [chatQuestion, setChatQuestion] = useState(""); + const [chatAnswer, setChatAnswer] = useState(""); + const [chatLoading, setChatLoading] = useState(false); + const [chatComputer, setChatComputer] = useState(""); + const [chatHistory, setChatHistory] = useState([]); + const [isChatOpen, setIsChatOpen] = useState(true); + const [showWelcome, setShowWelcome] = useState(true); + + // Modal tabs state + const [activeTab, setActiveTab] = useState('security'); + const [sysmonData, setSysmonData] = useState(null); + const [networkData, setNetworkData] = useState(null); + const [loadingSysmon, setLoadingSysmon] = useState(false); + const [loadingNetwork, setLoadingNetwork] = useState(false); + const [selectedSysmonProcess, setSelectedSysmonProcess] = useState(null); + const [selectedNetworkItem, setSelectedNetworkItem] = useState(null); + + // Load main data + useEffect(() => { + loadComputers(); + loadStats(); + const interval = setInterval(() => { + loadComputers(); + loadStats(); + }, 30000); + return () => clearInterval(interval); + }, []); + + // Apply filters + useEffect(() => { + let result = computers; + if (filters.status !== "all") { + result = result.filter(c => c.status === filters.status); } - - async function refresh() { - try { - setLoading(true); - const [s, c] = await Promise.all([ - fetch("/api/stats", {credentials: "include"}).then((r) => r.json()), - fetch("/api/computers", { - credentials: "include", - headers: {"X-Env": selectedEnv}, - }).then((r) => r.json()), - ]); - - setStats(s); - setComputers(Array.isArray(c) ? c : []); - setLastUpdated(new Date().toISOString()); - } catch (e) { - console.error("refresh error", e); - } finally { - setLoading(false); - } + if (filters.os !== "all") { + result = result.filter(c => c.os && c.os.toLowerCase().includes(filters.os.toLowerCase())); } - - // NEW: load env settings (switch state) for selected env - async function loadEnvSettings(env) { - try { - // само admin ќе има пристап (ако не си admin, ќе падне во else и ќе стане false) - const r = await fetch(`/api/admin/env-settings/${encodeURIComponent(env)}`, { - credentials: "include", + if (filters.minCpu > 0) { + result = result.filter(c => (c.avg_cpu || 0) >= filters.minCpu); + } + if (filters.minRam > 0) { + result = result.filter(c => (c.avg_ram || 0) >= filters.minRam); + } + if (filters.search.trim()) { + const searchTerm = filters.search.toLowerCase(); + result = result.filter(c => + c.name.toLowerCase().includes(searchTerm) || + (c.user && c.user.toLowerCase().includes(searchTerm)) || + (c.ip && c.ip.includes(searchTerm)) + ); + } + setFilteredComputers(result); + }, [computers, filters]); + + const loadComputers = () => { + fetch("/api/computers") + .then((r) => r.json()) + .then(data => setComputers(data)) + .catch((err) => console.error("API error:", err)); + }; + + const loadStats = () => { + fetch("/api/stats") + .then((r) => r.json()) + .then(setStats) + .catch((err) => console.error("API error:", err)); + }; + + const openComputer = (name) => { + setSelectedComputer(name); + setLoadingDetails(true); + setComputerDetails(null); + setActiveTab('security'); + setSysmonData(null); + setNetworkData(null); + + fetch(`/api/computer/${encodeURIComponent(name)}`) + .then((r) => r.json()) + .then((data) => { + setComputerDetails(data); + setLoadingDetails(false); + }) + .catch((err) => { + console.error("API error:", err); + setLoadingDetails(false); + }); + }; + + // Load Sysmon processes +const loadSysmonProcesses = () => { + if (!selectedComputer) return; + setLoadingSysmon(true); + setSelectedSysmonProcess(null); + + // КОРИГИРАЈ ГО ОВА URL + fetch(`/api/computer/${encodeURIComponent(selectedComputer)}/sysmon`) + .then((r) => { + if (!r.ok) throw new Error(`HTTP ${r.status}`); + return r.json(); + }) + .then((data) => { + console.log("Sysmon data received:", data); + + // Ако data.processes е празна, пробај со детален endpoint + if (!data.processes || data.processes.length === 0) { + return fetch(`/api/computer/${encodeURIComponent(selectedComputer)}/detailed-sysmon`) + .then(r => r.json()) + .then(detailedData => { + setSysmonData(detailedData); + setLoadingSysmon(false); + }); + } + + setSysmonData(data); + setLoadingSysmon(false); + }) + .catch((err) => { + console.error("Sysmon API error:", err); + + // Fallback - пробај да земеш Sysmon events од општиот endpoint + fetch(`/api/computer/${encodeURIComponent(selectedComputer)}`) + .then(r => r.json()) + .then(fullData => { + if (fullData.sysmon_events) { + // Конвертирај Sysmon events во процес формат + const processes = fullData.sysmon_events.map((ev, idx) => ({ + process_id: ev.event_id, + process_name: ev.event_type, + timestamp: ev.timestamp, + message: ev.message, + details: ev.details || {} + })); + + setSysmonData({ + computer_name: selectedComputer, + processes: processes, + count: processes.length }); - - if (r.ok) { - const data = await r.json(); - setSaveProcHistory(!!data.save_process_history); - } else { - setSaveProcHistory(false); - } - } catch (e) { - console.error("loadEnvSettings error", e); - setSaveProcHistory(false); - } + } + setLoadingSysmon(false); + }) + .catch(() => { + setLoadingSysmon(false); + }); + }); +}; + // Load Network connections +const loadNetworkConnections = () => { + if (!selectedComputer) return; + setLoadingNetwork(true); + setSelectedNetworkItem(null); + + // КОРИГИРАЈ ГО ОВА URL + fetch(`/api/computer/${encodeURIComponent(selectedComputer)}/network`) + .then((r) => { + if (!r.ok) throw new Error(`HTTP ${r.status}`); + return r.json(); + }) + .then((data) => { + console.log("Network data received:", data); + + setNetworkData(data); + setLoadingNetwork(false); + }) + .catch((err) => { + console.error("Network API error:", err); + + // Fallback - пробај да земеш network од општиот endpoint + fetch(`/api/computer/${encodeURIComponent(selectedComputer)}`) + .then(r => r.json()) + .then(fullData => { + if (fullData.network_connections) { + const connections = fullData.network_connections.map((conn, idx) => ({ + pid: conn.pid, + process_name: conn.process_name, + local_address: conn.local_address, + remote_address: conn.remote_address, + status: conn.status, + timestamp: conn.timestamp, + // Додади ги овие полиња за да match-не со очекуваниот формат + local_port: conn.local_address?.split(':')?.[1] || '', + remote_port: conn.remote_address?.split(':')?.[1] || '', + protocol: 'TCP' + })); + + setNetworkData({ + computer_name: selectedComputer, + connections: connections, + count: connections.length + }); + } + setLoadingNetwork(false); + }) + .catch(() => { + setLoadingNetwork(false); + }); + }); +}; + const formatTime = (iso) => { + if (!iso) return "-"; + const d = new Date(iso); + return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' }); + }; + + const formatDate = (iso) => { + if (!iso) return "-"; + const d = new Date(iso); + return d.toLocaleDateString(); + }; + + const askAssistant = async () => { + if (!chatQuestion.trim()) return; + const question = chatQuestion; + setChatLoading(true); + setChatQuestion(""); + setShowWelcome(false); + + const newHistory = [...chatHistory, { + type: "question", + content: question, + computer: chatComputer, + timestamp: new Date().toISOString() + }]; + setChatHistory(newHistory); + + try { + const res = await fetch("/api/chat", { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify({ + question: question, + computer_name: chatComputer || null, + }), + }); + + const answer = await res.json(); + const finalAnswer = answer.answer || answer.error || "I couldn't process that request."; + + setChatHistory([...newHistory, { + type: "answer", + content: finalAnswer, + timestamp: new Date().toISOString() + }]); + } catch (err) { + setChatHistory([...newHistory, { + type: "answer", + content: "⚠️ Connection error. Please check the server.", + timestamp: new Date().toISOString() + }]); + } finally { + setChatLoading(false); } - - // NEW: set env setting (toggle) - async function setEnvProcessHistory(env, enabled) { - // optimistic UI - setSaveProcHistory(enabled); - - try { - const r = await fetch(`/api/admin/env-settings/${encodeURIComponent(env)}`, { - method: "POST", - credentials: "include", - headers: {"Content-Type": "application/json"}, - body: JSON.stringify({save_process_history: enabled}), - }); - - if (r.ok) { - const data = await r.json(); - setSaveProcHistory(!!data.save_process_history); - } else { - // rollback - setSaveProcHistory(!enabled); - console.error("setEnvProcessHistory failed", await r.text()); - } - } catch (e) { - setSaveProcHistory(!enabled); - console.error("setEnvProcessHistory error", e); - } - } - - // on mount: check session - useEffect(() => { - loadMe(); - }, []); - - // when logged in OR env changed, refresh data + load env switch state - useEffect(() => { - if (!me) return; - loadEnvSettings(selectedEnv); - refresh(); - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [me, selectedEnv]); - - const filtered = useMemo(() => { - const q = query.trim().toLowerCase(); - return (computers || []) - .filter((c) => (status ? c.status === status : true)) - .filter((c) => { - if (!q) return true; - const hay = [c.name, c.user, c.ip, c.os, c.status] - .filter(Boolean) - .join(" ") - .toLowerCase(); - return hay.includes(q); - }); - }, [computers, query, status]); - - // Gate UI - if (meLoading) return
Loading…
; - if (!me) return ; - - return ( -
-
- -
- {/* TopBar + pages */} -
-
- -
- setAiOpen(true)} - onRefresh={refresh} - lastUpdated={lastUpdated} - onEnvChange={(env) => setSelectedEnv(env)} - selectedEnv={selectedEnv} - me={me} - onLoggedOut={loadMe} - saveProcHistory={saveProcHistory} - onToggleProcHistory={(enabled) => setEnvProcessHistory(selectedEnv, enabled)} + }; + + const resetFilters = () => { + setFilters({ + status: "all", + search: "", + os: "all", + minCpu: 0, + minRam: 0 + }); + }; + + const clearChat = () => { + setChatHistory([]); + setChatAnswer(""); + setShowWelcome(true); + }; + + const closeModal = () => { + setSelectedComputer(null); + setComputerDetails(null); + setSysmonData(null); + setNetworkData(null); + setSelectedSysmonProcess(null); + setSelectedNetworkItem(null); + }; + + const quickQuestions = [ + "Show security alerts from yesterday", + "Which devices have high CPU usage?", + "List suspicious network connections", + "Show recent Sysmon events", + "Display offline devices" + ]; + + return ( +
+ {/* Main Content */} +
+ {/* Top Navigation */} + + + {/* Stats Overview */} +
+
+

Network Overview

+
+ Last updated: {new Date().toLocaleTimeString()} +
+
+ +
+
+
+ {computers.length} + Total Devices +
+
🖥️
+
+ +
+
+ {computers.filter(c => c.status === 'online').length} + Online +
+
+ ↑ + {computers.length > 0 ? Math.round((computers.filter(c => c.status === 'online').length/computers.length)*100) : 0}% +
+
+ +
+
+ {computers.filter(c => c.status === 'idle').length} + Idle +
+
⏸️
+
+ +
+
+ {computers.filter(c => c.status === 'offline').length} + Offline +
+
🔴
+
+ +
+
+ + {stats ? stats.total_sysmon_events.toLocaleString() : "0"} + + Sysmon Events +
+
24h
+
+ +
+
+ + {stats ? stats.security_alerts || 0 : "0"} + + Alerts +
+
🚨
+
+
+
+ + {/* Main Dashboard */} +
+ {/* Left Sidebar - Filters */} + + + {/* Main Content Area */} +
+
+
+

Network Devices

+

{filteredComputers.length} devices found

+
+
+ +
+
+ + {/* Devices Grid */} +
+ {filteredComputers.map((c) => ( +
openComputer(c.name)} + > +
+
+
+ {c.os?.includes("Windows") ? "🪟" : + c.os?.includes("Linux") ? "🐧" : + c.os?.includes("Mac") ? "🍎" : "💻"} +
+
+

{c.name}

+

{c.user || "Unknown"}

+
+
+
+
+ {c.status} +
+
+ +
+
+ IP + {c.ip} +
+
+ OS + {c.os} +
+
+ Last Active + {formatTime(c.last_seen)} +
+
+ +
+
+
+ CPU + {c.avg_cpu || 0}% +
+
+
+
+
+
+
+ Memory + {c.avg_ram || 0}% +
+
+
+
+
+
+ +
+ {c.sysmon_available && ( +
+ 🛡️ + {c.recent_sysmon || 0} events +
+ )} +
+
+ ))} + + {filteredComputers.length === 0 && ( +
+
🔍
+

No devices match your filters

+ +
+ )} +
+
+
+
+ + {/* AI Assistant Sidebar */} +
+
+
+
🤖
+
+

Security AI Assistant

+

Powered by LAN Sentinel

+
+
+ +
+ +
+
+
+ {showWelcome && ( +
+
🤖
+
+

Welcome to Security AI Assistant!

+

I can help you analyze security events, monitor network activity, and investigate incidents.

+
+ {quickQuestions.map((q, idx) => ( + + ))} +
+
+
+ )} + + {chatHistory.map((msg, idx) => ( +
+
+ {msg.type === 'question' ? '👤' : '🤖'} +
+
+
+ + {msg.type === 'question' ? 'You' : 'Security AI'} + + {msg.computer && ( + + Computer: {msg.computer} + + )} +
+
+ {msg.content} +
+
+ {new Date(msg.timestamp).toLocaleTimeString([], { + hour: '2-digit', + minute: '2-digit' + })} +
+
+
+ ))} + + {chatLoading && ( +
+
🤖
+
+
+
+
+
+
+
+
+ )} +
+ +
+ + +
+ setChatQuestion(e.target.value)} + onKeyDown={(e) => e.key === 'Enter' && askAssistant()} + className="chat-input" + /> + +
+
+
+
+
+ + {/* Enhanced Computer Details Modal */} + {selectedComputer && ( +
+
e.stopPropagation()}> +
+
+

{selectedComputer}

+
+ {computerDetails?.computer?.ip} + {computerDetails?.computer?.os} + + {computerDetails?.computer?.status} + +
+
+
+ + +
+
+ +
+ {loadingDetails ? ( +
+
+

Loading device details...

+
+ ) : ( + <> + {/* Quick Stats */} +
+
+
⚡
+
+
+ {computerDetails?.current_metrics?.cpu_usage || 0}% +
+
CPU
+
+
+
+
💾
+
+
+ {computerDetails?.current_metrics?.ram_usage || 0}% +
+
RAM
+
+
+
+
📡
+
+
+ {computerDetails?.current_metrics?.network_usage || 0}% +
+
Network
+
+
+
+
🛡️
+
+
+ {computerDetails?.recent_sysmon || 0} +
+
Sysmon Events
+
+
+
+ + {/* Tabs */} +
+
+ + + + +
+ +
+ {/* Security Events Tab */} + {activeTab === 'security' && ( +
+
+ + + + + + + + + + + {(computerDetails?.sysmon_events || []).map((ev, idx) => ( + + + + + + + ))} + +
TimeEvent IDTypeDescription
{formatTime(ev.timestamp)} + #{ev.event_id} + + + {ev.event_type} + + + {ev.message?.slice(0, 100) || 'No description'} +
+
+
+ )} + + {/* Sysmon Processes Tab */} + {activeTab === 'sysmon' && ( +
+
+

Sysmon Processes

+ +
+ + {loadingSysmon ? ( +
+
+

Loading Sysmon processes...

- - {/* FILTERS */} -
-
-
Filters
-
- {loading ? "Refreshing…" : `${filtered.length} shown`} + ) : sysmonData ? ( +
+
+ {sysmonData.processes && sysmonData.processes.length > 0 ? ( + <> +
+
+ {sysmonData.processes.map((proc, idx) => ( +
setSelectedSysmonProcess(idx)} + > +
+ {proc.process_name || 'Unknown'} +
+
+ PID: {proc.process_id} +
+
+ {formatTime(proc.timestamp)} +
+
+ ))} +
-
-
-
- setQuery(e.target.value)} - placeholder="Search by name / user / ip / os…" - /> - - - - +
+ {selectedSysmonProcess !== null ? ( +
+
+

Process Details (JSON)

+ +
+ 
+                                            {JSON.stringify(sysmonData.processes[selectedSysmonProcess], null, 2)}
+
+
+ ) : ( +
+
👈
+

Select a process from the list to view its JSON data

+
+ )}
-
+ + ) : ( +
+
📄
+

No Sysmon processes found

+
+ )} +
- - {/* COMPUTERS */} -
-
-
Connected Computers
-
- {filtered.length} computers - + ) : ( +
+

Click refresh to load Sysmon processes

+ +
+ )} +
+ )} + + {/* Network Connections Tab */} + {activeTab === 'network' && ( +
+
+

Network Connections

+ +
+ + {loadingNetwork ? ( +
+
+

Loading network connections...

+
+ ) : networkData ? ( +
+
+ {networkData.connections && networkData.connections.length > 0 ? ( + <> +
+
+ {networkData.connections.map((conn, idx) => ( +
setSelectedNetworkItem(idx)} + > +
+ {conn.local_address}:{conn.local_port} +
→
+ {conn.remote_address}:{conn.remote_port} +
+
+ {conn.protocol} • {conn.state} +
+
+ ))} +
-
-
-
- {filtered.map((c) => ( - { - setSelectedComputer(pc); - setAiScope(pc.name); - }} - /> - ))} - {filtered.length === 0 && ( -
- No computers match filter. -
- )} +
+ {selectedNetworkItem !== null ? ( +
+
+

Connection Details (JSON)

+ +
+ 
+                                            {JSON.stringify(networkData.connections[selectedNetworkItem], null, 2)}
+
+
+ ) : ( +
+
👈
+

Select a connection to view its JSON data

+
+ )}
-
+ + ) : ( +
+
🌐
+

No network connections found

+
+ )} +
- - )} - - {activeView === "visualizations" && ( - <> -
-
-
Visualizations
-
- Network graphs / charts / tables -
-
-
- -
+ ) : ( +
+

Click refresh to load network connections

+
- - )} - - {activeView === "account" && ( -
-
-
Account
-
- Profile info -
+ )} +
+ )} + + {/* System Details Tab */} + {activeTab === 'details' && computerDetails && ( +
+
+
+

System Information

+
+ Hostname: + {computerDetails.computer.name} +
+
+ IP Address: + {computerDetails.computer.ip} +
+
+ OS Version: + {computerDetails.computer.os} +
+
+ Last Seen: + {formatTime(computerDetails.computer.last_seen)} +
-
-
-
Email: {me.email}
-
Role: {me.role}
-
Tenant ID: {me.tenant_id}
-
Name: {me.name || "—"}
-
+ +
+

Current Metrics

+
+ CPU Usage: + {computerDetails.current_metrics?.cpu_usage || 0}% +
+
+ Memory Usage: + {computerDetails.current_metrics?.ram_usage || 0}% +
+
+ Disk Usage: + {computerDetails.current_metrics?.disk_usage || 0}% +
+
- )} -
- - {/* DETAILS MODAL */} - setSelectedComputer(null)} - onAskAI={(name) => { - setAiScope(name); - setAiOpen(true); - }} - /> - - {/* AI DRAWER */} - setAiOpen(false)} - computers={computers} - scope={aiScope} - setScope={setAiScope} - apiBase={import.meta.env.VITE_API_BASE} - /> -
+ )} +
+
+ + )} +
+
- ); + )} +
+ ); } + +export default App; Index: lan-frontend/src/components/AIAssistantDrawer.jsx =================================================================== --- lan-frontend/src/components/AIAssistantDrawer.jsx (revision ba17441aef626e29462dd37a6d1d317687b77768) +++ (revision ) @@ -1,177 +1,0 @@ -import React, {useEffect, useRef, useState} from "react"; - -export default function AIAssistantDrawer({ - open, - onClose, - computers, - scope, - setScope, - apiBase = "", // ако сакаш можеш да пратиш VITE_API_BASE тука - }) { - const [messages, setMessages] = useState([ - { - role: "assistant", - text: "Постави прашање за Sysmon, процеси, мрежа. Можеш да избереш компјутер (scope) горе.", - }, - ]); - const [input, setInput] = useState(""); - const [sending, setSending] = useState(false); - const bottomRef = useRef(null); - - useEffect(() => { - if (open) { - // затвори со Escape - const onKey = (e) => { - if (e.key === "Escape") onClose?.(); - }; - window.addEventListener("keydown", onKey); - return () => window.removeEventListener("keydown", onKey); - } - }, [open, onClose]); - - useEffect(() => { - if (bottomRef.current) bottomRef.current.scrollIntoView({behavior: "smooth"}); - }, [messages, open]); - - async function send() { - const q = input.trim(); - if (!q || sending) return; - - setInput(""); - setMessages((m) => [...m, {role: "user", text: q}]); - setSending(true); - - try { - const base = (apiBase || "").replace(/\/$/, ""); // тргни trailing / - const url = `${base}/api/chat`; - - const r = await fetch(url, { - method: "POST", - headers: {"Content-Type": "application/json"}, - credentials: "include", - body: JSON.stringify({question: q, computer_name: scope || null}), - }); - - - const data = await r.json().catch(() => ({})); - // if (!r.ok) { - // setMessages((m) => [...m, { - // role: "assistant", - // text: `Error ${r.status}: ${data.error || "Request failed"}` - // }]); - // } else { - // setMessages((m) => [...m, {role: "assistant", text: data.answer || "(no answer)"}]); - // } - // setMessages((m) => [ - // ...m, - // {role: "assistant", text: data.answer || "(no answer)"}, - // ]); - if (!r.ok) { - setMessages((m) => [ - ...m, - {role: "assistant", text: `Error ${r.status}: ${data.error || "Request failed"}`}, - ]); - } else { - const qs = Array.isArray(data.queries) ? data.queries : []; - const notes = data.notes || ""; - - const text = - qs.length - ? `SQL queries:\n\n${qs.map((q, i) => `${i + 1}) ${q}`).join("\n\n")}\n\nNotes: ${notes}` - : `Notes: ${notes || "No queries returned."}`; - - setMessages((m) => [...m, {role: "assistant", text}]); - } - - - } catch (e) { - setMessages((m) => [ - ...m, - {role: "assistant", text: `Грешка: ${String(e?.message || e)}`}, - ]); - } finally { - setSending(false); - } - } - - if (!open) return null; - - return ( - <> -
- -