1.6.2

Big improvement, needed to do this for a while even though it's so basic

bun.lock

@@ -5,35 +5,35 @@
     "": {
       "name": "lncvrt-games-launcher",
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "7.1.0",
+        "@fortawesome/fontawesome-svg-core": "7.2.0",
-        "@fortawesome/free-brands-svg-icons": "7.1.0",
+        "@fortawesome/free-brands-svg-icons": "7.2.0",
-        "@fortawesome/free-solid-svg-icons": "7.1.0",
+        "@fortawesome/free-solid-svg-icons": "7.2.0",
-        "@fortawesome/react-fontawesome": "3.1.1",
+        "@fortawesome/react-fontawesome": "3.2.0",
-        "@tauri-apps/api": "2.9.1",
+        "@tauri-apps/api": "2.10.1",
         "@tauri-apps/plugin-clipboard-manager": "2.3.2",
-        "@tauri-apps/plugin-dialog": "2.4.2",
+        "@tauri-apps/plugin-dialog": "2.6.0",
-        "@tauri-apps/plugin-fs": "2.4.4",
+        "@tauri-apps/plugin-fs": "2.4.5",
         "@tauri-apps/plugin-notification": "2.3.3",
-        "@tauri-apps/plugin-opener": "2.5.2",
+        "@tauri-apps/plugin-opener": "2.5.3",
         "@tauri-apps/plugin-os": "2.3.2",
-        "axios": "1.13.2",
+        "@tauri-apps/plugin-window-state": "2.4.1",
-        "date-fns": "4.1.0",
+        "axios": "1.13.5",
-        "next": "16.1.1",
+        "next": "16.1.6",
         "pretty-bytes": "7.1.0",
-        "react": "19.2.3",
+        "react": "19.2.4",
-        "react-dom": "19.2.3",
+        "react-dom": "19.2.4",
       },
       "devDependencies": {
         "@eslint/eslintrc": "3.3.3",
         "@tailwindcss/postcss": "4.1.18",
-        "@tauri-apps/cli": "2.9.6",
+        "@tauri-apps/cli": "2.10.0",
         "@types/crypto-js": "4.2.2",
-        "@types/node": "25.0.3",
+        "@types/node": "25.2.3",
-        "@types/react": "19.2.7",
+        "@types/react": "19.2.14",
         "@types/react-dom": "19.2.3",
         "crypto-js": "4.2.0",
         "eslint": "9.39.2",
-        "eslint-config-next": "16.1.1",
+        "eslint-config-next": "16.1.6",
         "tailwindcss": "4.1.18",
         "typescript": "5.9.3",
       },
@@ -42,21 +42,21 @@
   "packages": {
     "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
 
-    "@babel/code-frame": ["@babel/code-frame@7.27.1", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.27.1", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg=="],
+    "@babel/code-frame": ["@babel/code-frame@7.29.0", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="],
 
-    "@babel/compat-data": ["@babel/compat-data@7.28.5", "", {}, "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA=="],
+    "@babel/compat-data": ["@babel/compat-data@7.29.0", "", {}, "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg=="],
 
-    "@babel/core": ["@babel/core@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-compilation-targets": "^7.27.2", "@babel/helper-module-transforms": "^7.28.3", "@babel/helpers": "^7.28.4", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw=="],
+    "@babel/core": ["@babel/core@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-compilation-targets": "^7.28.6", "@babel/helper-module-transforms": "^7.28.6", "@babel/helpers": "^7.28.6", "@babel/parser": "^7.29.0", "@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.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA=="],
 
-    "@babel/generator": ["@babel/generator@7.28.5", "", { "dependencies": { "@babel/parser": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ=="],
+    "@babel/generator": ["@babel/generator@7.29.1", "", { "dependencies": { "@babel/parser": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw=="],
 
-    "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.27.2", "", { "dependencies": { "@babel/compat-data": "^7.27.2", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ=="],
+    "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.28.6", "", { "dependencies": { "@babel/compat-data": "^7.28.6", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA=="],
 
     "@babel/helper-globals": ["@babel/helper-globals@7.28.0", "", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="],
 
-    "@babel/helper-module-imports": ["@babel/helper-module-imports@7.27.1", "", { "dependencies": { "@babel/traverse": "^7.27.1", "@babel/types": "^7.27.1" } }, "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w=="],
+    "@babel/helper-module-imports": ["@babel/helper-module-imports@7.28.6", "", { "dependencies": { "@babel/traverse": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw=="],
 
-    "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.3", "", { "dependencies": { "@babel/helper-module-imports": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1", "@babel/traverse": "^7.28.3" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw=="],
+    "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.6", "", { "dependencies": { "@babel/helper-module-imports": "^7.28.6", "@babel/helper-validator-identifier": "^7.28.5", "@babel/traverse": "^7.28.6" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA=="],
 
     "@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
 
@@ -64,19 +64,19 @@
 
     "@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="],
 
-    "@babel/helpers": ["@babel/helpers@7.28.4", "", { "dependencies": { "@babel/template": "^7.27.2", "@babel/types": "^7.28.4" } }, "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w=="],
+    "@babel/helpers": ["@babel/helpers@7.28.6", "", { "dependencies": { "@babel/template": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw=="],
 
-    "@babel/parser": ["@babel/parser@7.28.5", "", { "dependencies": { "@babel/types": "^7.28.5" }, "bin": "./bin/babel-parser.js" }, "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ=="],
+    "@babel/parser": ["@babel/parser@7.29.0", "", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww=="],
 
-    "@babel/template": ["@babel/template@7.27.2", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/parser": "^7.27.2", "@babel/types": "^7.27.1" } }, "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw=="],
+    "@babel/template": ["@babel/template@7.28.6", "", { "dependencies": { "@babel/code-frame": "^7.28.6", "@babel/parser": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ=="],
 
-    "@babel/traverse": ["@babel/traverse@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/types": "^7.28.5", "debug": "^4.3.1" } }, "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ=="],
+    "@babel/traverse": ["@babel/traverse@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/types": "^7.29.0", "debug": "^4.3.1" } }, "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA=="],
 
-    "@babel/types": ["@babel/types@7.28.5", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA=="],
+    "@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
 
-    "@emnapi/core": ["@emnapi/core@1.7.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg=="],
+    "@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
 
-    "@emnapi/runtime": ["@emnapi/runtime@1.7.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA=="],
+    "@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
 
     "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
 
@@ -98,15 +98,15 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
-    "@fortawesome/fontawesome-common-types": ["@fortawesome/fontawesome-common-types@7.1.0", "", {}, "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA=="],
+    "@fortawesome/fontawesome-common-types": ["@fortawesome/fontawesome-common-types@7.2.0", "", {}, "sha512-IpR0bER9FY25p+e7BmFH25MZKEwFHTfRAfhOyJubgiDnoJNsSvJ7nigLraHtp4VOG/cy8D7uiV0dLkHOne5Fhw=="],
 
-    "@fortawesome/fontawesome-svg-core": ["@fortawesome/fontawesome-svg-core@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA=="],
+    "@fortawesome/fontawesome-svg-core": ["@fortawesome/fontawesome-svg-core@7.2.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.2.0" } }, "sha512-6639htZMjEkwskf3J+e6/iar+4cTNM9qhoWuRfj9F3eJD6r7iCzV1SWnQr2Mdv0QT0suuqU8BoJCZUyCtP9R4Q=="],
 
-    "@fortawesome/free-brands-svg-icons": ["@fortawesome/free-brands-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-9byUd9bgNfthsZAjBl6GxOu1VPHgBuRUP9juI7ZoM98h8xNPTCTagfwUFyYscdZq4Hr7gD1azMfM9s5tIWKZZA=="],
+    "@fortawesome/free-brands-svg-icons": ["@fortawesome/free-brands-svg-icons@7.2.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.2.0" } }, "sha512-VNG8xqOip1JuJcC3zsVsKRQ60oXG9+oYNDCosjoU/H9pgYmLTEwWw8pE0jhPz/JWdHeUuK6+NQ3qsM4gIbdbYQ=="],
 
-    "@fortawesome/free-solid-svg-icons": ["@fortawesome/free-solid-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA=="],
+    "@fortawesome/free-solid-svg-icons": ["@fortawesome/free-solid-svg-icons@7.2.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.2.0" } }, "sha512-YTVITFGN0/24PxzXrwqCgnyd7njDuzp5ZvaCx5nq/jg55kUYd94Nj8UTchBdBofi/L0nwRfjGOg0E41d2u9T1w=="],
 
-    "@fortawesome/react-fontawesome": ["@fortawesome/react-fontawesome@3.1.1", "", { "peerDependencies": { "@fortawesome/fontawesome-svg-core": "~6 || ~7", "react": "^18.0.0 || ^19.0.0" } }, "sha512-EDllr9hpodc21odmUywHS1alXNiCd4E8sp5GJ5s7wYINz8vSmMiNWpALTiuYODb865YyQ/NlyiN4mbXp7HCNqg=="],
+    "@fortawesome/react-fontawesome": ["@fortawesome/react-fontawesome@3.2.0", "", { "peerDependencies": { "@fortawesome/fontawesome-svg-core": "~6 || ~7", "react": "^18.0.0 || ^19.0.0" } }, "sha512-E9Gu1hqd6JussVO26EC4WqRZssXMnQr2ol7ZNWkkFOH8jZUaxDJ9Z9WF9wIVkC+kJGXUdY3tlffpDwEKfgQrQw=="],
 
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
@@ -178,25 +178,25 @@
 
     "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.12", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@tybys/wasm-util": "^0.10.0" } }, "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ=="],
 
-    "@next/env": ["@next/env@16.1.1", "", {}, "sha512-3oxyM97Sr2PqiVyMyrZUtrtM3jqqFxOQJVuKclDsgj/L728iZt/GyslkN4NwarledZATCenbk4Offjk1hQmaAA=="],
+    "@next/env": ["@next/env@16.1.6", "", {}, "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ=="],
 
-    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@16.1.1", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-Ovb/6TuLKbE1UiPcg0p39Ke3puyTCIKN9hGbNItmpQsp+WX3qrjO3WaMVSi6JHr9X1NrmthqIguVHodMJbh/dw=="],
+    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@16.1.6", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-/Qq3PTagA6+nYVfryAtQ7/9FEr/6YVyvOtl6rZnGsbReGLf0jZU6gkpr1FuChAQpvV46a78p4cmHOVP8mbfSMQ=="],
 
-    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-JS3m42ifsVSJjSTzh27nW+Igfha3NdBOFScr9C80hHGrWx55pTrVL23RJbqir7k7/15SKlrLHhh/MQzqBBYrQA=="],
+    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw=="],
 
-    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-hbyKtrDGUkgkyQi1m1IyD3q4I/3m9ngr+V93z4oKHrPcmxwNL5iMWORvLSGAf2YujL+6HxgVvZuCYZfLfb4bGw=="],
+    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ=="],
 
-    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-/fvHet+EYckFvRLQ0jPHJCUI5/B56+2DpI1xDSvi80r/3Ez+Eaa2Yq4tJcRTaB1kqj/HrYKn8Yplm9bNoMJpwQ=="],
+    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw=="],
 
-    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@16.1.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-MFHrgL4TXNQbBPzkKKur4Fb5ICEJa87HM7fczFs2+HWblM7mMLdco3dvyTI+QmLBU9xgns/EeeINSZD6Ar+oLg=="],
+    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@16.1.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ=="],
 
-    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-20bYDfgOQAPUkkKBnyP9PTuHiJGM7HzNBbuqmD0jiFVZ0aOldz+VnJhbxzjcSabYsnNjMPsE0cyzEudpYxsrUQ=="],
+    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.6", "", { "os": "linux", "cpu": "x64" }, "sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ=="],
 
-    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-9pRbK3M4asAHQRkwaXwu601oPZHghuSC8IXNENgbBSyImHv/zY4K5udBusgdHkvJ/Tcr96jJwQYOll0qU8+fPA=="],
+    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.6", "", { "os": "linux", "cpu": "x64" }, "sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg=="],
 
-    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-bdfQkggaLgnmYrFkSQfsHfOhk/mCYmjnrbRCGgkMcoOBZ4n+TRRSLmT/CU5SATzlBJ9TpioUyBW/vWFXTqQRiA=="],
+    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.6", "", { "os": "win32", "cpu": "arm64" }, "sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw=="],
 
-    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.1", "", { "os": "win32", "cpu": "x64" }, "sha512-Ncwbw2WJ57Al5OX0k4chM68DKhEPlrXBaSXDCi2kPi5f4d8b3ejr3RRJGfKBLrn2YJL5ezNS7w2TZLHSti8CMw=="],
+    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.6", "", { "os": "win32", "cpu": "x64" }, "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A=="],
 
     "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
 
@@ -240,44 +240,46 @@
 
     "@tailwindcss/postcss": ["@tailwindcss/postcss@4.1.18", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.1.18", "@tailwindcss/oxide": "4.1.18", "postcss": "^8.4.41", "tailwindcss": "4.1.18" } }, "sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g=="],
 
-    "@tauri-apps/api": ["@tauri-apps/api@2.9.1", "", {}, "sha512-IGlhP6EivjXHepbBic618GOmiWe4URJiIeZFlB7x3czM0yDHHYviH1Xvoiv4FefdkQtn6v7TuwWCRfOGdnVUGw=="],
+    "@tauri-apps/api": ["@tauri-apps/api@2.10.1", "", {}, "sha512-hKL/jWf293UDSUN09rR69hrToyIXBb8CjGaWC7gfinvnQrBVvnLr08FeFi38gxtugAVyVcTa5/FD/Xnkb1siBw=="],
 
-    "@tauri-apps/cli": ["@tauri-apps/cli@2.9.6", "", { "optionalDependencies": { "@tauri-apps/cli-darwin-arm64": "2.9.6", "@tauri-apps/cli-darwin-x64": "2.9.6", "@tauri-apps/cli-linux-arm-gnueabihf": "2.9.6", "@tauri-apps/cli-linux-arm64-gnu": "2.9.6", "@tauri-apps/cli-linux-arm64-musl": "2.9.6", "@tauri-apps/cli-linux-riscv64-gnu": "2.9.6", "@tauri-apps/cli-linux-x64-gnu": "2.9.6", "@tauri-apps/cli-linux-x64-musl": "2.9.6", "@tauri-apps/cli-win32-arm64-msvc": "2.9.6", "@tauri-apps/cli-win32-ia32-msvc": "2.9.6", "@tauri-apps/cli-win32-x64-msvc": "2.9.6" }, "bin": { "tauri": "tauri.js" } }, "sha512-3xDdXL5omQ3sPfBfdC8fCtDKcnyV7OqyzQgfyT5P3+zY6lcPqIYKQBvUasNvppi21RSdfhy44ttvJmftb0PCDw=="],
+    "@tauri-apps/cli": ["@tauri-apps/cli@2.10.0", "", { "optionalDependencies": { "@tauri-apps/cli-darwin-arm64": "2.10.0", "@tauri-apps/cli-darwin-x64": "2.10.0", "@tauri-apps/cli-linux-arm-gnueabihf": "2.10.0", "@tauri-apps/cli-linux-arm64-gnu": "2.10.0", "@tauri-apps/cli-linux-arm64-musl": "2.10.0", "@tauri-apps/cli-linux-riscv64-gnu": "2.10.0", "@tauri-apps/cli-linux-x64-gnu": "2.10.0", "@tauri-apps/cli-linux-x64-musl": "2.10.0", "@tauri-apps/cli-win32-arm64-msvc": "2.10.0", "@tauri-apps/cli-win32-ia32-msvc": "2.10.0", "@tauri-apps/cli-win32-x64-msvc": "2.10.0" }, "bin": { "tauri": "tauri.js" } }, "sha512-ZwT0T+7bw4+DPCSWzmviwq5XbXlM0cNoleDKOYPFYqcZqeKY31KlpoMW/MOON/tOFBPgi31a2v3w9gliqwL2+Q=="],
 
-    "@tauri-apps/cli-darwin-arm64": ["@tauri-apps/cli-darwin-arm64@2.9.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-gf5no6N9FCk1qMrti4lfwP77JHP5haASZgVbBgpZG7BUepB3fhiLCXGUK8LvuOjP36HivXewjg72LTnPDScnQQ=="],
+    "@tauri-apps/cli-darwin-arm64": ["@tauri-apps/cli-darwin-arm64@2.10.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-avqHD4HRjrMamE/7R/kzJPcAJnZs0IIS+1nkDP5b+TNBn3py7N2aIo9LIpy+VQq0AkN8G5dDpZtOOBkmWt/zjA=="],
 
-    "@tauri-apps/cli-darwin-x64": ["@tauri-apps/cli-darwin-x64@2.9.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-oWh74WmqbERwwrwcueJyY6HYhgCksUc6NT7WKeXyrlY/FPmNgdyQAgcLuTSkhRFuQ6zh4Np1HZpOqCTpeZBDcw=="],
+    "@tauri-apps/cli-darwin-x64": ["@tauri-apps/cli-darwin-x64@2.10.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-keDmlvJRStzVFjZTd0xYkBONLtgBC9eMTpmXnBXzsHuawV2q9PvDo2x6D5mhuoMVrJ9QWjgaPKBBCFks4dK71Q=="],
 
-    "@tauri-apps/cli-linux-arm-gnueabihf": ["@tauri-apps/cli-linux-arm-gnueabihf@2.9.6", "", { "os": "linux", "cpu": "arm" }, "sha512-/zde3bFroFsNXOHN204DC2qUxAcAanUjVXXSdEGmhwMUZeAQalNj5cz2Qli2elsRjKN/hVbZOJj0gQ5zaYUjSg=="],
+    "@tauri-apps/cli-linux-arm-gnueabihf": ["@tauri-apps/cli-linux-arm-gnueabihf@2.10.0", "", { "os": "linux", "cpu": "arm" }, "sha512-e5u0VfLZsMAC9iHaOEANumgl6lfnJx0Dtjkd8IJpysZ8jp0tJ6wrIkto2OzQgzcYyRCKgX72aKE0PFgZputA8g=="],
 
-    "@tauri-apps/cli-linux-arm64-gnu": ["@tauri-apps/cli-linux-arm64-gnu@2.9.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-pvbljdhp9VOo4RnID5ywSxgBs7qiylTPlK56cTk7InR3kYSTJKYMqv/4Q/4rGo/mG8cVppesKIeBMH42fw6wjg=="],
+    "@tauri-apps/cli-linux-arm64-gnu": ["@tauri-apps/cli-linux-arm64-gnu@2.10.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-YrYYk2dfmBs5m+OIMCrb+JH/oo+4FtlpcrTCgiFYc7vcs6m3QDd1TTyWu0u01ewsCtK2kOdluhr/zKku+KP7HA=="],
 
-    "@tauri-apps/cli-linux-arm64-musl": ["@tauri-apps/cli-linux-arm64-musl@2.9.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-02TKUndpodXBCR0oP//6dZWGYcc22Upf2eP27NvC6z0DIqvkBBFziQUcvi2n6SrwTRL0yGgQjkm9K5NIn8s6jw=="],
+    "@tauri-apps/cli-linux-arm64-musl": ["@tauri-apps/cli-linux-arm64-musl@2.10.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-GUoPdVJmrJRIXFfW3Rkt+eGK9ygOdyISACZfC/bCSfOnGt8kNdQIQr5WRH9QUaTVFIwxMlQyV3m+yXYP+xhSVA=="],
 
-    "@tauri-apps/cli-linux-riscv64-gnu": ["@tauri-apps/cli-linux-riscv64-gnu@2.9.6", "", { "os": "linux", "cpu": "none" }, "sha512-fmp1hnulbqzl1GkXl4aTX9fV+ubHw2LqlLH1PE3BxZ11EQk+l/TmiEongjnxF0ie4kV8DQfDNJ1KGiIdWe1GvQ=="],
+    "@tauri-apps/cli-linux-riscv64-gnu": ["@tauri-apps/cli-linux-riscv64-gnu@2.10.0", "", { "os": "linux", "cpu": "none" }, "sha512-JO7s3TlSxshwsoKNCDkyvsx5gw2QAs/Y2GbR5UE2d5kkU138ATKoPOtxn8G1fFT1aDW4LH0rYAAfBpGkDyJJnw=="],
 
-    "@tauri-apps/cli-linux-x64-gnu": ["@tauri-apps/cli-linux-x64-gnu@2.9.6", "", { "os": "linux", "cpu": "x64" }, "sha512-vY0le8ad2KaV1PJr+jCd8fUF9VOjwwQP/uBuTJvhvKTloEwxYA/kAjKK9OpIslGA9m/zcnSo74czI6bBrm2sYA=="],
+    "@tauri-apps/cli-linux-x64-gnu": ["@tauri-apps/cli-linux-x64-gnu@2.10.0", "", { "os": "linux", "cpu": "x64" }, "sha512-Uvh4SUUp4A6DVRSMWjelww0GnZI3PlVy7VS+DRF5napKuIehVjGl9XD0uKoCoxwAQBLctvipyEK+pDXpJeoHng=="],
 
-    "@tauri-apps/cli-linux-x64-musl": ["@tauri-apps/cli-linux-x64-musl@2.9.6", "", { "os": "linux", "cpu": "x64" }, "sha512-TOEuB8YCFZTWVDzsO2yW0+zGcoMiPPwcUgdnW1ODnmgfwccpnihDRoks+ABT1e3fHb1ol8QQWsHSCovb3o2ENQ=="],
+    "@tauri-apps/cli-linux-x64-musl": ["@tauri-apps/cli-linux-x64-musl@2.10.0", "", { "os": "linux", "cpu": "x64" }, "sha512-AP0KRK6bJuTpQ8kMNWvhIpKUkQJfcPFeba7QshOQZjJ8wOS6emwTN4K5g/d3AbCMo0RRdnZWwu67MlmtJyxC1Q=="],
 
-    "@tauri-apps/cli-win32-arm64-msvc": ["@tauri-apps/cli-win32-arm64-msvc@2.9.6", "", { "os": "win32", "cpu": "arm64" }, "sha512-ujmDGMRc4qRLAnj8nNG26Rlz9klJ0I0jmZs2BPpmNNf0gM/rcVHhqbEkAaHPTBVIrtUdf7bGvQAD2pyIiUrBHQ=="],
+    "@tauri-apps/cli-win32-arm64-msvc": ["@tauri-apps/cli-win32-arm64-msvc@2.10.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-97DXVU3dJystrq7W41IX+82JEorLNY+3+ECYxvXWqkq7DBN6FsA08x/EFGE8N/b0LTOui9X2dvpGGoeZKKV08g=="],
 
-    "@tauri-apps/cli-win32-ia32-msvc": ["@tauri-apps/cli-win32-ia32-msvc@2.9.6", "", { "os": "win32", "cpu": "ia32" }, "sha512-S4pT0yAJgFX8QRCyKA1iKjZ9Q/oPjCZf66A/VlG5Yw54Nnr88J1uBpmenINbXxzyhduWrIXBaUbEY1K80ZbpMg=="],
+    "@tauri-apps/cli-win32-ia32-msvc": ["@tauri-apps/cli-win32-ia32-msvc@2.10.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-EHyQ1iwrWy1CwMalEm9z2a6L5isQ121pe7FcA2xe4VWMJp+GHSDDGvbTv/OPdkt2Lyr7DAZBpZHM6nvlHXEc4A=="],
 
-    "@tauri-apps/cli-win32-x64-msvc": ["@tauri-apps/cli-win32-x64-msvc@2.9.6", "", { "os": "win32", "cpu": "x64" }, "sha512-ldWuWSSkWbKOPjQMJoYVj9wLHcOniv7diyI5UAJ4XsBdtaFB0pKHQsqw/ItUma0VXGC7vB4E9fZjivmxur60aw=="],
+    "@tauri-apps/cli-win32-x64-msvc": ["@tauri-apps/cli-win32-x64-msvc@2.10.0", "", { "os": "win32", "cpu": "x64" }, "sha512-NTpyQxkpzGmU6ceWBTY2xRIEaS0ZLbVx1HE1zTA3TY/pV3+cPoPPOs+7YScr4IMzXMtOw7tLw5LEXo5oIG3qaQ=="],
 
     "@tauri-apps/plugin-clipboard-manager": ["@tauri-apps/plugin-clipboard-manager@2.3.2", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-CUlb5Hqi2oZbcZf4VUyUH53XWPPdtpw43EUpCza5HWZJwxEoDowFzNUDt1tRUXA8Uq+XPn17Ysfptip33sG4eQ=="],
 
-    "@tauri-apps/plugin-dialog": ["@tauri-apps/plugin-dialog@2.4.2", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-lNIn5CZuw8WZOn8zHzmFmDSzg5zfohWoa3mdULP0YFh/VogVdMVWZPcWSHlydsiJhRQYaTNSYKN7RmZKE2lCYQ=="],
+    "@tauri-apps/plugin-dialog": ["@tauri-apps/plugin-dialog@2.6.0", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-q4Uq3eY87TdcYzXACiYSPhmpBA76shgmQswGkSVio4C82Sz2W4iehe9TnKYwbq7weHiL88Yw19XZm7v28+Micg=="],
 
-    "@tauri-apps/plugin-fs": ["@tauri-apps/plugin-fs@2.4.4", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-MTorXxIRmOnOPT1jZ3w96vjSuScER38ryXY88vl5F0uiKdnvTKKTtaEjTEo8uPbl4e3gnUtfsDVwC7h77GQLvQ=="],
+    "@tauri-apps/plugin-fs": ["@tauri-apps/plugin-fs@2.4.5", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-dVxWWGE6VrOxC7/jlhyE+ON/Cc2REJlM35R3PJX3UvFw2XwYhLGQVAIyrehenDdKjotipjYEVc4YjOl3qq90fA=="],
 
     "@tauri-apps/plugin-notification": ["@tauri-apps/plugin-notification@2.3.3", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-Zw+ZH18RJb41G4NrfHgIuofJiymusqN+q8fGUIIV7vyCH+5sSn5coqRv/MWB9qETsUs97vmU045q7OyseCV3Qg=="],
 
-    "@tauri-apps/plugin-opener": ["@tauri-apps/plugin-opener@2.5.2", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-ei/yRRoCklWHImwpCcDK3VhNXx+QXM9793aQ64YxpqVF0BDuuIlXhZgiAkc15wnPVav+IbkYhmDJIv5R326Mew=="],
+    "@tauri-apps/plugin-opener": ["@tauri-apps/plugin-opener@2.5.3", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-CCcUltXMOfUEArbf3db3kCE7Ggy1ExBEBl51Ko2ODJ6GDYHRp1nSNlQm5uNCFY5k7/ufaK5Ib3Du/Zir19IYQQ=="],
 
     "@tauri-apps/plugin-os": ["@tauri-apps/plugin-os@2.3.2", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-n+nXWeuSeF9wcEsSPmRnBEGrRgOy6jjkSU+UVCOV8YUGKb2erhDOxis7IqRXiRVHhY8XMKks00BJ0OAdkpf6+A=="],
 
+    "@tauri-apps/plugin-window-state": ["@tauri-apps/plugin-window-state@2.4.1", "", { "dependencies": { "@tauri-apps/api": "^2.8.0" } }, "sha512-OuvdrzyY8Q5Dbzpj+GcrnV1iCeoZbcFdzMjanZMMcAEUNy/6PH5pxZPXpaZLOR7whlzXiuzx0L9EKZbH7zpdRw=="],
+
     "@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
 
     "@types/crypto-js": ["@types/crypto-js@4.2.2", "", {}, "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ=="],
@@ -288,31 +290,31 @@
 
     "@types/json5": ["@types/json5@0.0.29", "", {}, "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="],
 
-    "@types/node": ["@types/node@25.0.3", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA=="],
+    "@types/node": ["@types/node@25.2.3", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-m0jEgYlYz+mDJZ2+F4v8D1AyQb+QzsNqRuI7xg1VQX/KlKS0qT9r1Mo16yo5F/MtifXFgaofIFsdFMox2SxIbQ=="],
 
-    "@types/react": ["@types/react@19.2.7", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg=="],
+    "@types/react": ["@types/react@19.2.14", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w=="],
 
     "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
 
-    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.51.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.10.0", "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/type-utils": "8.51.0", "@typescript-eslint/utils": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "ignore": "^7.0.0", "natural-compare": "^1.4.0", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.51.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-XtssGWJvypyM2ytBnSnKtHYOGT+4ZwTnBVl36TA4nRO2f4PRNGz5/1OszHzcZCvcBMh+qb7I06uoCmLTRdR9og=="],
+    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.56.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.56.0", "@typescript-eslint/type-utils": "8.56.0", "@typescript-eslint/utils": "8.56.0", "@typescript-eslint/visitor-keys": "8.56.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.56.0", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-lRyPDLzNCuae71A3t9NEINBiTn7swyOhvUj3MyUOxb8x6g6vPEFoOU+ZRmGMusNC3X3YMhqMIX7i8ShqhT74Pw=="],
 
-    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.51.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "debug": "^4.3.4" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-3xP4XzzDNQOIqBMWogftkwxhg5oMKApqY0BAflmLZiFYHqyhSOxv/cd/zPQLTcCXr4AkaKb25joocY0BD1WC6A=="],
+    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.56.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.56.0", "@typescript-eslint/types": "8.56.0", "@typescript-eslint/typescript-estree": "8.56.0", "@typescript-eslint/visitor-keys": "8.56.0", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-IgSWvLobTDOjnaxAfDTIHaECbkNlAlKv2j5SjpB2v7QHKv1FIfjwMy8FsDbVfDX/KjmCmYICcw7uGaXLhtsLNg=="],
 
-    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.51.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.51.0", "@typescript-eslint/types": "^8.51.0", "debug": "^4.3.4" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Luv/GafO07Z7HpiI7qeEW5NW8HUtZI/fo/kE0YbtQEFpJRUuR0ajcWfCE5bnMvL7QQFrmT/odMe8QZww8X2nfQ=="],
+    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.56.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.56.0", "@typescript-eslint/types": "^8.56.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-M3rnyL1vIQOMeWxTWIW096/TtVP+8W3p/XnaFflhmcFp+U4zlxUxWj4XwNs6HbDeTtN4yun0GNTTDBw/SvufKg=="],
 
-    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0" } }, "sha512-JhhJDVwsSx4hiOEQPeajGhCWgBMBwVkxC/Pet53EpBVs7zHHtayKefw1jtPaNRXpI9RA2uocdmpdfE7T+NrizA=="],
+    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.56.0", "", { "dependencies": { "@typescript-eslint/types": "8.56.0", "@typescript-eslint/visitor-keys": "8.56.0" } }, "sha512-7UiO/XwMHquH+ZzfVCfUNkIXlp/yQjjnlYUyYz7pfvlK3/EyyN6BK+emDmGNyQLBtLGaYrTAI6KOw8tFucWL2w=="],
 
-    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.51.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Qi5bSy/vuHeWyir2C8u/uqGMIlIDu8fuiYWv48ZGlZ/k+PRPHtaAu7erpc7p5bzw2WNNSniuxoMSO4Ar6V9OXw=="],
+    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.56.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-bSJoIIt4o3lKXD3xmDh9chZcjCz5Lk8xS7Rxn+6l5/pKrDpkCwtQNQQwZ2qRPk7TkUYhrq3WPIHXOXlbXP0itg=="],
 
-    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/utils": "8.51.0", "debug": "^4.3.4", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-0XVtYzxnobc9K0VU7wRWg1yiUrw4oQzexCG2V2IDxxCxhqBMSMbjB+6o91A+Uc0GWtgjCa3Y8bi7hwI0Tu4n5Q=="],
+    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.56.0", "", { "dependencies": { "@typescript-eslint/types": "8.56.0", "@typescript-eslint/typescript-estree": "8.56.0", "@typescript-eslint/utils": "8.56.0", "debug": "^4.4.3", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-qX2L3HWOU2nuDs6GzglBeuFXviDODreS58tLY/BALPC7iu3Fa+J7EOTwnX9PdNBxUI7Uh0ntP0YWGnxCkXzmfA=="],
 
-    "@typescript-eslint/types": ["@typescript-eslint/types@8.51.0", "", {}, "sha512-TizAvWYFM6sSscmEakjY3sPqGwxZRSywSsPEiuZF6d5GmGD9Gvlsv0f6N8FvAAA0CD06l3rIcWNbsN1e5F/9Ag=="],
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.56.0", "", {}, "sha512-DBsLPs3GsWhX5HylbP9HNG15U0bnwut55Lx12bHB9MpXxQ+R5GC8MwQe+N1UFXxAeQDvEsEDY6ZYwX03K7Z6HQ=="],
 
-    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.51.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.51.0", "@typescript-eslint/tsconfig-utils": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "debug": "^4.3.4", "minimatch": "^9.0.4", "semver": "^7.6.0", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-1qNjGqFRmlq0VW5iVlcyHBbCjPB7y6SxpBkrbhNWMy/65ZoncXCEPJxkRZL8McrseNH6lFhaxCIaX+vBuFnRng=="],
+    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.56.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.56.0", "@typescript-eslint/tsconfig-utils": "8.56.0", "@typescript-eslint/types": "8.56.0", "@typescript-eslint/visitor-keys": "8.56.0", "debug": "^4.4.3", "minimatch": "^9.0.5", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-ex1nTUMWrseMltXUHmR2GAQ4d+WjkZCT4f+4bVsps8QEdh0vlBsaCokKTPlnqBFqqGaxilDNJG7b8dolW2m43Q=="],
 
-    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.51.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.7.0", "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-11rZYxSe0zabiKaCP2QAwRf/dnmgFgvTmeDTtZvUvXG3UuAdg/GU02NExmmIXzz3vLGgMdtrIosI84jITQOxUA=="],
+    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.56.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.56.0", "@typescript-eslint/types": "8.56.0", "@typescript-eslint/typescript-estree": "8.56.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-RZ3Qsmi2nFGsS+n+kjLAYDPVlrzf7UhTffrDIKr+h2yzAlYP/y5ZulU0yeDEPItos2Ph46JAL5P/On3pe7kDIQ=="],
 
-    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "eslint-visitor-keys": "^4.2.1" } }, "sha512-mM/JRQOzhVN1ykejrvwnBRV3+7yTKK8tVANVN3o1O0t0v7o+jqdVu9crPy5Y9dov15TJk/FTIgoUGHrTOVL3Zg=="],
+    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.56.0", "", { "dependencies": { "@typescript-eslint/types": "8.56.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-q+SL+b+05Ud6LbEE35qe4A99P+htKTKVbyiNEe45eCbJFyh/HVK9QXwlrbz+Q4L8SOW4roxSVwXYj4DMBT7Ieg=="],
 
     "@unrs/resolver-binding-android-arm-eabi": ["@unrs/resolver-binding-android-arm-eabi@1.11.1", "", { "os": "android", "cpu": "arm" }, "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw=="],
 
@@ -388,15 +390,15 @@
 
     "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],
 
-    "axe-core": ["axe-core@4.11.0", "", {}, "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ=="],
+    "axe-core": ["axe-core@4.11.1", "", {}, "sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A=="],
 
-    "axios": ["axios@1.13.2", "", { "dependencies": { "follow-redirects": "^1.15.6", "form-data": "^4.0.4", "proxy-from-env": "^1.1.0" } }, "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA=="],
+    "axios": ["axios@1.13.5", "", { "dependencies": { "follow-redirects": "^1.15.11", "form-data": "^4.0.5", "proxy-from-env": "^1.1.0" } }, "sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q=="],
 
     "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
 
     "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
-    "baseline-browser-mapping": ["baseline-browser-mapping@2.9.11", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ=="],
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.9.19", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg=="],
 
     "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
 
@@ -412,7 +414,7 @@
 
     "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
 
-    "caniuse-lite": ["caniuse-lite@1.0.30001762", "", {}, "sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001770", "", {}, "sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw=="],
 
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
@@ -442,8 +444,6 @@
 
     "data-view-byte-offset": ["data-view-byte-offset@1.0.1", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-data-view": "^1.0.1" } }, "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ=="],
 
-    "date-fns": ["date-fns@4.1.0", "", {}, "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg=="],
-
     "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
 
     "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="],
@@ -460,11 +460,11 @@
 
     "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
 
-    "electron-to-chromium": ["electron-to-chromium@1.5.267", "", {}, "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw=="],
+    "electron-to-chromium": ["electron-to-chromium@1.5.286", "", {}, "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A=="],
 
     "emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
 
-    "enhanced-resolve": ["enhanced-resolve@5.18.4", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q=="],
+    "enhanced-resolve": ["enhanced-resolve@5.19.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg=="],
 
     "es-abstract": ["es-abstract@1.24.1", "", { "dependencies": { "array-buffer-byte-length": "^1.0.2", "arraybuffer.prototype.slice": "^1.0.4", "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "data-view-buffer": "^1.0.2", "data-view-byte-length": "^1.0.2", "data-view-byte-offset": "^1.0.1", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "es-set-tostringtag": "^2.1.0", "es-to-primitive": "^1.3.0", "function.prototype.name": "^1.1.8", "get-intrinsic": "^1.3.0", "get-proto": "^1.0.1", "get-symbol-description": "^1.1.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "internal-slot": "^1.1.0", "is-array-buffer": "^3.0.5", "is-callable": "^1.2.7", "is-data-view": "^1.0.2", "is-negative-zero": "^2.0.3", "is-regex": "^1.2.1", "is-set": "^2.0.3", "is-shared-array-buffer": "^1.0.4", "is-string": "^1.1.1", "is-typed-array": "^1.1.15", "is-weakref": "^1.1.1", "math-intrinsics": "^1.1.0", "object-inspect": "^1.13.4", "object-keys": "^1.1.1", "object.assign": "^4.1.7", "own-keys": "^1.0.1", "regexp.prototype.flags": "^1.5.4", "safe-array-concat": "^1.1.3", "safe-push-apply": "^1.0.0", "safe-regex-test": "^1.1.0", "set-proto": "^1.0.0", "stop-iteration-iterator": "^1.1.0", "string.prototype.trim": "^1.2.10", "string.prototype.trimend": "^1.0.9", "string.prototype.trimstart": "^1.0.8", "typed-array-buffer": "^1.0.3", "typed-array-byte-length": "^1.0.3", "typed-array-byte-offset": "^1.0.4", "typed-array-length": "^1.0.7", "unbox-primitive": "^1.1.0", "which-typed-array": "^1.1.19" } }, "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw=="],
 
@@ -488,7 +488,7 @@
 
     "eslint": ["eslint@9.39.2", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.1", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.39.2", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw=="],
 
-    "eslint-config-next": ["eslint-config-next@16.1.1", "", { "dependencies": { "@next/eslint-plugin-next": "16.1.1", "eslint-import-resolver-node": "^0.3.6", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.32.0", "eslint-plugin-jsx-a11y": "^6.10.0", "eslint-plugin-react": "^7.37.0", "eslint-plugin-react-hooks": "^7.0.0", "globals": "16.4.0", "typescript-eslint": "^8.46.0" }, "peerDependencies": { "eslint": ">=9.0.0", "typescript": ">=3.3.1" }, "optionalPeers": ["typescript"] }, "sha512-55nTpVWm3qeuxoQKLOjQVciKZJUphKrNM0fCcQHAIOGl6VFXgaqeMfv0aKJhs7QtcnlAPhNVqsqRfRjeKBPIUA=="],
+    "eslint-config-next": ["eslint-config-next@16.1.6", "", { "dependencies": { "@next/eslint-plugin-next": "16.1.6", "eslint-import-resolver-node": "^0.3.6", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.32.0", "eslint-plugin-jsx-a11y": "^6.10.0", "eslint-plugin-react": "^7.37.0", "eslint-plugin-react-hooks": "^7.0.0", "globals": "16.4.0", "typescript-eslint": "^8.46.0" }, "peerDependencies": { "eslint": ">=9.0.0", "typescript": ">=3.3.1" }, "optionalPeers": ["typescript"] }, "sha512-vKq40io2B0XtkkNDYyleATwblNt8xuh3FWp8SpSz3pt7P01OkBFlKsJZ2mWt5WsCySlDQLckb1zMY9yE9Qy0LA=="],
 
     "eslint-import-resolver-node": ["eslint-import-resolver-node@0.3.9", "", { "dependencies": { "debug": "^3.2.7", "is-core-module": "^2.13.0", "resolve": "^1.22.4" } }, "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g=="],
 
@@ -562,7 +562,7 @@
 
     "get-symbol-description": ["get-symbol-description@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6" } }, "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg=="],
 
-    "get-tsconfig": ["get-tsconfig@4.13.0", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ=="],
+    "get-tsconfig": ["get-tsconfig@4.13.6", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw=="],
 
     "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
 
@@ -740,7 +740,9 @@
 
     "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
 
-    "next": ["next@16.1.1", "", { "dependencies": { "@next/env": "16.1.1", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.1", "@next/swc-darwin-x64": "16.1.1", "@next/swc-linux-arm64-gnu": "16.1.1", "@next/swc-linux-arm64-musl": "16.1.1", "@next/swc-linux-x64-gnu": "16.1.1", "@next/swc-linux-x64-musl": "16.1.1", "@next/swc-win32-arm64-msvc": "16.1.1", "@next/swc-win32-x64-msvc": "16.1.1", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-QI+T7xrxt1pF6SQ/JYFz95ro/mg/1Znk5vBebsWwbpejj1T0A23hO7GYEaVac9QUOT2BIMiuzm0L99ooq7k0/w=="],
+    "next": ["next@16.1.6", "", { "dependencies": { "@next/env": "16.1.6", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.6", "@next/swc-darwin-x64": "16.1.6", "@next/swc-linux-arm64-gnu": "16.1.6", "@next/swc-linux-arm64-musl": "16.1.6", "@next/swc-linux-x64-gnu": "16.1.6", "@next/swc-linux-x64-musl": "16.1.6", "@next/swc-win32-arm64-msvc": "16.1.6", "@next/swc-win32-x64-msvc": "16.1.6", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw=="],
+
+    "node-exports-info": ["node-exports-info@1.6.0", "", { "dependencies": { "array.prototype.flatmap": "^1.3.3", "es-errors": "^1.3.0", "object.entries": "^1.1.9", "semver": "^6.3.1" } }, "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw=="],
 
     "node-releases": ["node-releases@2.0.27", "", {}, "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA=="],
 
@@ -796,9 +798,9 @@
 
     "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
 
-    "react": ["react@19.2.3", "", {}, "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA=="],
+    "react": ["react@19.2.4", "", {}, "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ=="],
 
-    "react-dom": ["react-dom@19.2.3", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.3" } }, "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg=="],
+    "react-dom": ["react-dom@19.2.4", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.4" } }, "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ=="],
 
     "react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
 
@@ -882,7 +884,7 @@
 
     "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
 
-    "ts-api-utils": ["ts-api-utils@2.3.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-6eg3Y9SF7SsAvGzRHQvvc1skDAhwI4YQ32ui1scxD1Ccr0G5qIIbUBT3pFTKX8kmWIQClHobtUdNuaBgwdfdWg=="],
+    "ts-api-utils": ["ts-api-utils@2.4.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA=="],
 
     "tsconfig-paths": ["tsconfig-paths@3.15.0", "", { "dependencies": { "@types/json5": "^0.0.29", "json5": "^1.0.2", "minimist": "^1.2.6", "strip-bom": "^3.0.0" } }, "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg=="],
 
@@ -900,7 +902,7 @@
 
     "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
 
-    "typescript-eslint": ["typescript-eslint@8.51.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.51.0", "@typescript-eslint/parser": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/utils": "8.51.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-jh8ZuM5oEh2PSdyQG9YAEM1TCGuWenLSuSUhf/irbVUNW9O5FhbFVONviN2TgMTBnUmyHv7E56rYnfLZK6TkiA=="],
+    "typescript-eslint": ["typescript-eslint@8.56.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.56.0", "@typescript-eslint/parser": "8.56.0", "@typescript-eslint/typescript-estree": "8.56.0", "@typescript-eslint/utils": "8.56.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-c7toRLrotJ9oixgdW7liukZpsnq5CZ7PuKztubGYlNppuTqhIoWfhgHo/7EU0v06gS2l/x0i2NEFK1qMIf0rIg=="],
 
     "unbox-primitive": ["unbox-primitive@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "has-bigints": "^1.0.2", "has-symbols": "^1.1.0", "which-boxed-primitive": "^1.1.1" } }, "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw=="],
 
@@ -920,7 +922,7 @@
 
     "which-collection": ["which-collection@1.0.2", "", { "dependencies": { "is-map": "^2.0.3", "is-set": "^2.0.3", "is-weakmap": "^2.0.2", "is-weakset": "^2.0.3" } }, "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw=="],
 
-    "which-typed-array": ["which-typed-array@1.1.19", "", { "dependencies": { "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "for-each": "^0.3.5", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2" } }, "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw=="],
+    "which-typed-array": ["which-typed-array@1.1.20", "", { "dependencies": { "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "for-each": "^0.3.5", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2" } }, "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg=="],
 
     "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
 
@@ -928,7 +930,7 @@
 
     "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
 
-    "zod": ["zod@4.3.4", "", {}, "sha512-Zw/uYiiyF6pUT1qmKbZziChgNPRu+ZRneAsMUDU6IwmXdWt5JwcUfy2bvLOCUtz5UniaN/Zx5aFttZYbYc7O/A=="],
+    "zod": ["zod@4.3.6", "", {}, "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg=="],
 
     "zod-validation-error": ["zod-validation-error@4.0.2", "", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ=="],
 
@@ -936,9 +938,9 @@
 
     "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.7.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg=="],
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.7.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA=="],
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
 
     "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
 
@@ -952,7 +954,9 @@
 
     "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
 
-    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
+
+    "@typescript-eslint/visitor-keys/eslint-visitor-keys": ["eslint-visitor-keys@5.0.0", "", {}, "sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q=="],
 
     "eslint-config-next/globals": ["globals@16.4.0", "", {}, "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw=="],
 
@@ -962,17 +966,17 @@
 
     "eslint-plugin-import/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
 
-    "eslint-plugin-react/resolve": ["resolve@2.0.0-next.5", "", { "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA=="],
+    "eslint-plugin-react/resolve": ["resolve@2.0.0-next.6", "", { "dependencies": { "es-errors": "^1.3.0", "is-core-module": "^2.16.1", "node-exports-info": "^1.6.0", "object-keys": "^1.1.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
-    "is-bun-module/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+    "is-bun-module/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
 
     "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
     "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
 
-    "sharp/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+    "sharp/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
 
     "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
   }

eslint.config.ts

@@ -11,7 +11,8 @@ const eslintConfig = defineConfig([
     '.next/**',
     'out/**',
     'build/**',
-    'next-env.d.ts'
+    'next-env.d.ts',
+    'src-tauri/**'
   ])
 ])
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lncvrt-games-launcher",
   "private": true,
-  "version": "1.5.0",
+  "version": "1.6.2",
   "type": "module",
   "scripts": {
     "dev": "next dev",
@@ -11,35 +11,35 @@
     "tauri": "tauri"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/fontawesome-svg-core": "7.2.0",
-    "@fortawesome/free-brands-svg-icons": "7.1.0",
+    "@fortawesome/free-brands-svg-icons": "7.2.0",
-    "@fortawesome/free-solid-svg-icons": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.2.0",
-    "@fortawesome/react-fontawesome": "3.1.1",
+    "@fortawesome/react-fontawesome": "3.2.0",
-    "@tauri-apps/api": "2.9.1",
+    "@tauri-apps/api": "2.10.1",
     "@tauri-apps/plugin-clipboard-manager": "2.3.2",
-    "@tauri-apps/plugin-dialog": "2.4.2",
+    "@tauri-apps/plugin-dialog": "2.6.0",
-    "@tauri-apps/plugin-fs": "2.4.4",
+    "@tauri-apps/plugin-fs": "2.4.5",
     "@tauri-apps/plugin-notification": "2.3.3",
-    "@tauri-apps/plugin-opener": "2.5.2",
+    "@tauri-apps/plugin-opener": "2.5.3",
     "@tauri-apps/plugin-os": "2.3.2",
-    "axios": "1.13.2",
+    "@tauri-apps/plugin-window-state": "2.4.1",
-    "date-fns": "4.1.0",
+    "axios": "1.13.5",
-    "next": "16.1.1",
+    "next": "16.1.6",
     "pretty-bytes": "7.1.0",
-    "react": "19.2.3",
+    "react": "19.2.4",
-    "react-dom": "19.2.3"
+    "react-dom": "19.2.4"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.3.3",
     "@tailwindcss/postcss": "4.1.18",
-    "@tauri-apps/cli": "2.9.6",
+    "@tauri-apps/cli": "2.10.0",
     "@types/crypto-js": "4.2.2",
-    "@types/node": "25.0.3",
+    "@types/node": "25.2.3",
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "crypto-js": "4.2.0",
     "eslint": "9.39.2",
-    "eslint-config-next": "16.1.1",
+    "eslint-config-next": "16.1.6",
     "tailwindcss": "4.1.18",
     "typescript": "5.9.3"
   }

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "lncvrt-games-launcher"
-version = "1.5.0"
+version = "1.6.2"
 authors = ["Lncvrt"]
 edition = "2024"
 
@@ -9,31 +9,33 @@ name = "lncvrt_games_launcher_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
-tauri-build = { version = "2.5.3", features = [] }
+tauri-build = { version = "2.5.5", features = [] }
 
 [dependencies]
-tauri = { version = "2.9.5", features = ["macos-private-api"] }
+tauri = { version = "2.10.2", features = ["macos-private-api"] }
-tauri-plugin-opener = "2.5.2"
+tauri-plugin-opener = "2.5.3"
 serde = { version = "1.0.228", features = ["derive"] }
 serde_json = "1.0.149"
 tauri-plugin-os = "2.3.2"
-reqwest = { version = "0.13.1", default-features = false, features = ["stream", "rustls"] }
+reqwest = { version = "0.13.2", default-features = false, features = ["stream", "rustls"] }
 tokio = "1.49.0"
-futures-util = { version = "0.3.31", features = ["io"] }
+futures-util = { version = "0.3.32", features = ["io"] }
 tauri-plugin-decorum = "1.1.1"
-tauri-plugin-fs = "2.4.4"
+tauri-plugin-fs = "2.4.5"
-zip = "7.0.0"
+zip = "8.1.0"
-libc = "0.2.179"
+libc = "0.2.182"
-tauri-plugin-dialog = "2.4.2"
+tauri-plugin-dialog = "2.6.0"
 tauri-plugin-notification = "2.3.3"
-sysinfo = "0.37.2"
+sysinfo = "0.38.2"
 sha2 = "0.10.9"
 tauri-plugin-clipboard-manager = "2.3.2"
+tauri-plugin-prevent-default = "4.0.3"
 
 [target.'cfg(target_os = "linux")'.dependencies]
 shlex = "1.3.0"
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
-tauri-plugin-single-instance = "2.3.6"
+tauri-plugin-single-instance = "2.4.0"
+tauri-plugin-window-state = "2.4.1"
 
 

src-tauri/capabilities/default.json

@@ -32,6 +32,12 @@
       "allow": [
         { "path": "$APPLOCALDATA/game/**" }
       ]
+    },
+    {
+      "identifier": "opener:allow-open-path",
+      "allow": [
+        { "path": "$APPLOCALDATA/game/**" }
+      ]
     }
   ]
 }

src-tauri/capabilities/desktop.json

@@ -0,0 +1,14 @@
+{
+  "identifier": "desktop-capability",
+  "platforms": [
+    "macOS",
+    "windows",
+    "linux"
+  ],
+  "windows": [
+    "main"
+  ],
+  "permissions": [
+    "window-state:default"
+  ]
+}

src-tauri/src/lib.rs

@@ -12,9 +12,8 @@ use std::{
 };
 use sysinfo::System;
 use tauri::{AppHandle, Emitter, Manager};
-use tauri_plugin_dialog::{DialogExt, MessageDialogKind};
-use tauri_plugin_opener::OpenerExt;
 use tauri_plugin_os::platform;
+use tauri_plugin_prevent_default::Flags;
 use tokio::io::AsyncReadExt;
 use tokio::{io::AsyncWriteExt, time::timeout};
 use zip::ZipArchive;
@@ -22,14 +21,16 @@ use zip::ZipArchive;
 #[cfg(target_os = "windows")]
 use tauri_plugin_decorum::WebviewWindowExt;
 
+#[cfg(unix)]
+use std::os::unix::fs::PermissionsExt;
+
 #[allow(unused)]
 fn is_running_by_path(path: &Path) -> bool {
     let sys = System::new_all();
-    let target = path.canonicalize().ok();
+    let target = match path.canonicalize() {
-    if target.is_none() {
+        Ok(t) => t,
-        return false;
+        Err(_) => return false,
-    }
+    };
-    let target = target.unwrap();
     sys.processes().values().any(|proc| {
         proc.exe()
             .and_then(|exe| exe.canonicalize().ok())
@@ -37,23 +38,47 @@ fn is_running_by_path(path: &Path) -> bool {
     })
 }
 
+fn should_skip(name: &str) -> bool {
+    name.starts_with("__MACOSX/")
+        || name == "__MACOSX"
+        || name.ends_with("/.DS_Store")
+        || name.ends_with(".DS_Store")
+}
+
 async fn unzip_to_dir(zip_path: PathBuf, out_dir: PathBuf) -> String {
     let res = tauri::async_runtime::spawn_blocking(move || {
         let file = File::open(zip_path)?;
         let mut archive = ZipArchive::new(BufReader::new(file))?;
 
         for i in 0..archive.len() {
-            let mut file = archive.by_index(i)?;
+            let mut entry = archive.by_index(i)?;
-            let outpath = out_dir.join(file.name());
+            let name = entry.name();
 
-            if file.is_dir() {
+            if should_skip(name) {
+                continue;
+            }
+
+            let outpath = out_dir.join(name);
+
+            if entry.is_dir() {
                 create_dir_all(&outpath)?;
+
+                #[cfg(unix)]
+                if let Some(mode) = entry.unix_mode() {
+                    std::fs::set_permissions(&outpath, std::fs::Permissions::from_mode(mode))?;
+                }
             } else {
                 if let Some(parent) = outpath.parent() {
                     create_dir_all(parent)?;
                 }
+
                 let mut outfile = File::create(&outpath)?;
-                copy(&mut file, &mut outfile)?;
+                copy(&mut entry, &mut outfile)?;
+
+                #[cfg(unix)]
+                if let Some(mode) = entry.unix_mode() {
+                    std::fs::set_permissions(&outpath, std::fs::Permissions::from_mode(mode))?;
+                }
             }
         }
 
@@ -69,12 +94,10 @@ async fn unzip_to_dir(zip_path: PathBuf, out_dir: PathBuf) -> String {
 
 #[tauri::command]
 fn folder_size(app: AppHandle, version: String) -> String {
-    let path = app
+    let path = match app.path().app_local_data_dir() {
-        .path()
+        Ok(p) => p.join("game").join(&version),
-        .app_local_data_dir()
+        Err(_) => return "-1".to_string(),
-        .unwrap()
+    };
-        .join("game")
-        .join(&version);
     fn inner(path: &Path) -> u64 {
         let mut size = 0;
         if let Ok(entries) = fs::read_dir(path) {
@@ -120,8 +143,14 @@ async fn download(
     let mut downloaded: u64 = 0;
     let mut stream = resp.bytes_stream();
 
-    let downloads_path = app.path().app_local_data_dir().unwrap().join("downloads");
+    let downloads_path = match app.path().app_local_data_dir() {
-    let game_path = app.path().app_local_data_dir().unwrap().join("game");
+        Ok(p) => p.join("downloads"),
+        Err(_) => return "-1".to_string(),
+    };
+    let game_path = match app.path().app_local_data_dir() {
+        Ok(p) => p.join("game"),
+        Err(_) => return "-1".to_string(),
+    };
 
     let download_part_path = downloads_path.join(format!("{}.part", name));
     let download_zip_path = downloads_path.join(format!("{}.zip", name));
@@ -135,9 +164,10 @@ async fn download(
         let _ = tokio::fs::remove_dir_all(&game_path.join(name.clone())).await;
     }
     let _ = tokio::fs::create_dir_all(&game_path.join(&name)).await;
-    let mut file = tokio::fs::File::create(download_part_path.clone())
+    let mut file = match tokio::fs::File::create(download_part_path.clone()).await {
-        .await
+        Ok(f) => f,
-        .unwrap();
+        Err(_) => return "-1".to_string(),
+    };
 
     let start = Instant::now();
 
@@ -169,32 +199,34 @@ async fn download(
             0.0
         };
 
-        app.emit(
+        let _ = app.emit(
             "download-progress",
             format!(
                 "{}:{:.8}:{}:{}:{:.2}",
                 &name, progress, downloaded, speed, eta_secs
             ),
-        )
+        );
-        .unwrap();
     }
 
     if total_size > 0 && downloaded < total_size {
         return "-1".to_string();
     }
 
-    app.emit("download-hash-checking", format!("{}", &name))
+    let _ = app.emit("download-hash-checking", format!("{}", &name));
-        .unwrap();
 
     let download_hash = {
-        let mut file = tokio::fs::File::open(download_part_path.clone())
+        let mut file = match tokio::fs::File::open(download_part_path.clone()).await {
-            .await
+            Ok(f) => f,
-            .unwrap();
+            Err(_) => return "-1".to_string(),
+        };
         let mut hasher = Sha512::new();
         {
             let mut buffer = [0; 8192];
             loop {
-                let bytes_read = file.read(&mut buffer).await.unwrap();
+                let bytes_read = match file.read(&mut buffer).await {
+                    Ok(n) => n,
+                    Err(_) => return "-1".to_string(),
+                };
                 if bytes_read == 0 {
                     break;
                 }
@@ -206,70 +238,50 @@ async fn download(
     };
 
     if hash != download_hash {
-        tokio::fs::remove_file(download_part_path.clone())
+        let _ = tokio::fs::remove_file(download_part_path.clone()).await;
-            .await
-            .unwrap();
         return "-1".to_string();
     }
-    app.emit("download-finishing", format!("{}", &name))
+    let _ = app.emit("download-finishing", format!("{}", &name));
-        .unwrap();
 
-    tokio::fs::rename(download_part_path.clone(), download_zip_path.clone())
+    if let Err(_) = tokio::fs::rename(download_part_path.clone(), download_zip_path.clone()).await {
-        .await
+        return "-1".to_string();
-        .unwrap();
+    }
     let unzip_res = unzip_to_dir(download_zip_path.clone(), game_path.join(&name)).await;
-    tokio::fs::remove_file(download_zip_path.clone())
+    let _ = tokio::fs::remove_file(download_zip_path.clone()).await;
-        .await
-        .unwrap();
     if unzip_res == "-1" {
         return "-1".to_string();
     }
 
-    #[cfg(any(target_os = "linux", target_os = "macos"))]
-    {
-        use std::{fs, os::unix::fs::PermissionsExt};
-
-        let executable_path = if cfg!(target_os = "linux") {
-            game_path.join(&name).join(&executable)
-        } else {
-            game_path
-                .join(&name)
-                .join(&executable)
-                .join("Contents")
-                .join("MacOS")
-                .join(
-                    &executable
-                        .chars()
-                        .take(executable.chars().count() - 4)
-                        .collect::<String>(),
-                )
-        };
-
-        let mut perms = fs::metadata(&executable_path).unwrap().permissions();
-        perms.set_mode(0o755);
-        fs::set_permissions(&executable_path, perms).unwrap();
-    }
-
     return "1".to_string();
 }
 
 #[allow(unused_variables)]
 #[tauri::command]
-fn launch_game(app: AppHandle, name: String, executable: String, display_name: String) {
+fn launch_game(
-    let game_folder = app
+    app: AppHandle,
-        .path()
+    name: String,
-        .app_local_data_dir()
+    executable: String,
-        .unwrap()
+    display_name: String,
-        .join("game")
+    use_wine: bool,
-        .join(&name);
+    wine_command: String,
+) {
+    let game_folder = match app.path().app_local_data_dir() {
+        Ok(p) => p.join("game").join(&name),
+        Err(_) => return,
+    };
     if !game_folder.exists() {
         return;
     }
 
+    let exe_path = game_folder.join(&executable);
+
     //if already running on macos, it'll auto take the user to that proccess
     #[cfg(any(target_os = "windows", target_os = "linux"))]
     {
-        if is_running_by_path(&game_folder.join(&executable)) {
+        use tauri_plugin_dialog::DialogExt;
+        use tauri_plugin_dialog::MessageDialogKind;
+
+        if !use_wine && is_running_by_path(&exe_path) {
             app.dialog()
                 .message(format!(
                     "{} is already running, if this doesn't seem true, try to kill the proccess.",
@@ -282,41 +294,37 @@ fn launch_game(app: AppHandle, name: String, executable: String, display_name: S
         }
     }
 
+    #[cfg(target_os = "linux")]
+    {
+        if use_wine {
+            let quoted_path = format!("\"{}\"", exe_path.to_string_lossy());
+            let cmd = wine_command.replace("%path%", &quoted_path);
+
+            if let Err(_) = Command::new("bash")
+                .arg("-c")
+                .arg(cmd)
+                .current_dir(&game_folder)
+                .spawn() {
+                eprintln!("Failed to launch game with Wine");
+            }
+
+            return;
+        }
+    }
+
     if platform() == "macos" {
-        Command::new("open")
+        if let Err(_) = Command::new("open")
             .arg(&executable)
             .current_dir(&game_folder)
-            .spawn()
+            .spawn() {
-            .unwrap();
+            eprintln!("Failed to launch game on macOS");
+        }
     } else {
-        Command::new(&game_folder.join(&executable))
+        if let Err(_) = Command::new(&exe_path)
             .current_dir(&game_folder)
-            .spawn()
+            .spawn() {
-            .unwrap();
+            eprintln!("Failed to launch game");
-    }
+        }
-}
-
-#[tauri::command]
-async fn open_folder(app: AppHandle, name: String) {
-    let game_path = app
-        .path()
-        .app_local_data_dir()
-        .unwrap()
-        .join("game")
-        .join(&name);
-    if game_path.exists() {
-        app.opener()
-            .open_path(game_path.to_string_lossy(), None::<&str>)
-            .unwrap();
-    } else {
-        app.dialog()
-            .message(format!(
-                "Game folder \"{}\" not found.",
-                game_path.display()
-            ))
-            .kind(MessageDialogKind::Error)
-            .title("Folder not found")
-            .show(|_| {});
     }
 }
 
@@ -324,30 +332,44 @@ async fn open_folder(app: AppHandle, name: String) {
 pub fn run() {
     #[allow(unused_variables)]
     tauri::Builder::default()
+        .plugin(
+            tauri_plugin_prevent_default::Builder::new()
+                .with_flags(
+                    Flags::FIND
+                        | Flags::CARET_BROWSING
+                        | Flags::DEV_TOOLS
+                        | Flags::DOWNLOADS
+                        | Flags::FOCUS_MOVE
+                        | Flags::RELOAD
+                        | Flags::SOURCE
+                        | Flags::OPEN
+                        | Flags::PRINT
+                        | Flags::CONTEXT_MENU,
+                )
+                .build(),
+        )
+        .plugin(tauri_plugin_window_state::Builder::new().build())
         .plugin(tauri_plugin_clipboard_manager::init())
         .plugin(tauri_plugin_notification::init())
         .plugin(tauri_plugin_single_instance::init(|app, _args, _cwd| {
-            let _ = app
+            if let Some(window) = app.get_webview_window("main") {
-                .get_webview_window("main")
+                let _ = window.set_focus();
-                .expect("no main window")
+            }
-                .set_focus();
         }))
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_fs::init())
         .plugin(tauri_plugin_decorum::init())
         .plugin(tauri_plugin_os::init())
         .plugin(tauri_plugin_opener::init())
-        .invoke_handler(tauri::generate_handler![
+        .invoke_handler(tauri::generate_handler![download, launch_game, folder_size])
-            download,
-            launch_game,
-            open_folder,
-            folder_size
-        ])
         .setup(|app| {
             #[cfg(target_os = "windows")]
             {
-                let main_window = app.get_webview_window("main").unwrap();
+                if let Some(main_window) = app.get_webview_window("main") {
-                main_window.create_overlay_titlebar().unwrap();
+                    if let Err(e) = main_window.create_overlay_titlebar() {
+                        eprintln!("Failed to create overlay titlebar: {:?}", e);
+                    }
+                }
             }
             Ok(())
         })

src-tauri/tauri.conf.json

@@ -1,10 +1,10 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.5.0",
+  "version": "1.6.2",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
-    "beforeDevCommand": "next dev",
+    "beforeDevCommand": "next dev --webpack",
     "devUrl": "http://localhost:3000",
     "beforeBuildCommand": "next build",
     "frontendDist": "../out"

src-tauri/tauri.linux.conf.json

@@ -1,10 +1,10 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.5.0",
+  "version": "1.6.2",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
-    "beforeDevCommand": "next dev",
+    "beforeDevCommand": "next dev --webpack",
     "devUrl": "http://localhost:3000",
     "beforeBuildCommand": "next build",
     "frontendDist": "../out"

src-tauri/tauri.macos.conf.json

@@ -1,10 +1,10 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.5.0",
+  "version": "1.6.2",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
-    "beforeDevCommand": "next dev",
+    "beforeDevCommand": "next dev --webpack",
     "devUrl": "http://localhost:3000",
     "beforeBuildCommand": "next build",
     "frontendDist": "../out"
@@ -30,7 +30,7 @@
     "active": true,
     "targets": ["app"],
     "macOS": {
-      "minimumSystemVersion": "15.0"
+      "minimumSystemVersion": "13.0"
     },
     "icon": ["icons/icon.icns"]
   }

src-tauri/tauri.windows.conf.json

@@ -1,10 +1,10 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.5.0",
+  "version": "1.6.2",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
-    "beforeDevCommand": "next dev",
+    "beforeDevCommand": "next dev --webpack",
     "devUrl": "http://localhost:3000",
     "beforeBuildCommand": "next build",
     "frontendDist": "../out"

src/app/GlobalProvider.tsx

@@ -1,41 +1,56 @@
 'use client'
 
-import { createContext, useContext, ReactNode } from 'react'
+import {
-import { DownloadProgress } from './types/DownloadProgress'
+  createContext,
-import { VersionsConfig } from './types/VersionsConfig'
+  useContext,
-import { NormalConfig } from './types/NormalConfig'
+  ReactNode,
-import { ServerVersionsResponse } from './types/ServerVersionsResponse'
+  Dispatch,
-import { GameVersion } from './types/GameVersion'
+  SetStateAction
-import { Game } from './types/Game'
+} from 'react'
+import { DownloadProgress } from '@/types/DownloadProgress'
+import { VersionsConfig } from '@/types/VersionsConfig'
+import { NormalConfig } from '@/types/NormalConfig'
+import { ServerVersionsResponse } from '@/types/ServerVersionsResponse'
+import { GameVersion } from '@/types/GameVersion'
+import { Game } from '@/types/Game'
 
 type GlobalCtxType = {
   serverVersionList: ServerVersionsResponse | null
   selectedVersionList: string[]
-  setSelectedVersionList: (v: string[]) => void
+  setSelectedVersionList: (value: SetStateAction<string[]>) => void
   downloadProgress: DownloadProgress[]
-  setDownloadProgress: (v: DownloadProgress[]) => void
+  setDownloadProgress: Dispatch<SetStateAction<DownloadProgress[]>>
   showPopup: boolean
-  setShowPopup: (v: boolean) => void
+  setShowPopup: Dispatch<SetStateAction<boolean>>
   popupMode: number | null
-  setPopupMode: (v: number | null) => void
+  setPopupMode: Dispatch<SetStateAction<number | null>>
   fadeOut: boolean
-  setFadeOut: (v: boolean) => void
+  setFadeOut: Dispatch<SetStateAction<boolean>>
   downloadedVersionsConfig: VersionsConfig | null
-  setDownloadedVersionsConfig: (v: VersionsConfig | null) => void
+  setDownloadedVersionsConfig: Dispatch<SetStateAction<VersionsConfig | null>>
   normalConfig: NormalConfig | null
-  setNormalConfig: (v: NormalConfig | null) => void
+  setNormalConfig: Dispatch<SetStateAction<NormalConfig | null>>
   managingVersion: string | null
-  setManagingVersion: (v: string | null) => void
+  setManagingVersion: Dispatch<SetStateAction<string | null>>
-  setSelectedGame: (v: number | null) => void
+  setSelectedGame: Dispatch<SetStateAction<number | null>>
   getVersionInfo: (id: string | undefined) => GameVersion | undefined
-  getGameInfo: (id: number | undefined) => Game | undefined
+  getGameInfo: (game: number | undefined) => Game | undefined
-  getListOfGames: () => Game[]
+  getListOfGames(): Game[]
   getVersionsAmountData: (gameId: number) => {
     installed: number
     total: number
   } | null
   viewingInfoFromDownloads: boolean
   version: string | null
+  downloadVersions: (list: string[]) => Promise<void>
+  category: number
+  setCategory: Dispatch<SetStateAction<number>>
+  downloadQueue: string[]
+  setDownloadQueue: Dispatch<SetStateAction<string[]>>
+  closePopup: () => void
+  getSpecialVersionsList(game?: number | undefined): GameVersion[]
+  selectedGame: number | null
+  setViewingInfoFromDownloads: Dispatch<SetStateAction<boolean>>
 }
 
 const GlobalCtx = createContext<GlobalCtxType | null>(null)

src/app/Globals.css

@@ -28,18 +28,6 @@ body {
   --col8: rgb(152, 128, 128);
 }
 
-.green-theme {
-  --col0: rgb(8, 32, 8);
-  --col1: rgb(16, 40, 16);
-  --col2: rgb(32, 56, 32);
-  --col3: rgb(48, 72, 48);
-  --col4: rgb(64, 88, 64);
-  --col5: rgb(80, 104, 80);
-  --col6: rgb(96, 120, 96);
-  --col7: rgb(112, 136, 112);
-  --col8: rgb(128, 152, 128);
-}
-
 .blue-theme {
   --col0: rgb(8, 8, 32);
   --col1: rgb(16, 16, 40);
@@ -64,18 +52,6 @@ body {
   --col8: rgb(140, 128, 152);
 }
 
-.mint-theme {
-  --col0: rgb(8, 32, 16);
-  --col1: rgb(16, 48, 32);
-  --col2: rgb(32, 56, 40);
-  --col3: rgb(48, 72, 48);
-  --col4: rgb(64, 88, 66);
-  --col5: rgb(80, 104, 65);
-  --col6: rgb(96, 120, 80);
-  --col7: rgb(112, 136, 85);
-  --col8: rgb(128, 152, 95);
-}
-
 .button {
   @apply rounded-md cursor-pointer text-[16px] py-1 px-2 transition-colors border;
 }
@@ -84,11 +60,15 @@ body {
   @apply bg-(--col2) border-(--col4) hover:bg-(--col4) hover:border-(--col6) disabled:text-gray-300 disabled:bg-(--col1) disabled:border-(--col5) disabled:hover:text-gray-100 disabled:hover:bg-(--col2) disabled:hover:border-(--col6);
 }
 
-.btntheme2 {
+.btntheme2,
+.downloads-entry .entry-info-item,
+.downloads-entry .button {
   @apply bg-(--col3) border-(--col5) hover:bg-(--col5) hover:border-(--col7) disabled:text-gray-300 disabled:bg-(--col2) disabled:border-(--col6) disabled:hover:text-gray-100 disabled:hover:bg-(--col3) disabled:hover:border-(--col7);
 }
 
-.btntheme3 {
+.btntheme3,
+.downloads-entry:hover .entry-info-item,
+.downloads-entry:hover .button {
   @apply bg-(--col4) border-(--col6) hover:bg-(--col6) hover:border-(--col8) disabled:text-gray-300 disabled:bg-(--col2) disabled:border-(--col7) disabled:hover:text-gray-100 disabled:hover:bg-(--col4) disabled:hover:border-(--col8);
 }
 
@@ -155,7 +135,7 @@ body {
 }
 
 .input-field {
-  @apply border-2 border-(--col4) rounded-md bg-(--col2) p-2 px-4 focus:border-blue-600 transition-colors;
+  @apply border-2 border-(--col4) rounded-md bg-(--col2) py-1 px-2 focus:bg-(--col3) focus:border-(--col6) transition-colors w-full;
 }
 
 .entry-info-item {

src/app/Installs.css

@@ -9,15 +9,5 @@
 }
 
 .downloads-entry {
-  @apply flex justify-between items-center m-2 p-2 rounded-lg text-gray-200 text-lg transition-colors bg-(--col2) hover:bg-(--col3) border border-(--col4) hover:border-(--col5);
+  @apply flex justify-between items-center m-2 p-2 rounded-lg text-gray-200 text-lg transition-colors bg-(--col2) hover:bg-(--col3) border border-(--col4) hover:border-(--col5) cursor-pointer;
-}
-
-.downloads-entry .entry-info-item,
-.downloads-entry .button {
-  @apply bg-(--col3) border-(--col5) hover:bg-(--col5) hover:border-(--col7) disabled:text-gray-300 disabled:bg-(--col2) disabled:border-(--col6) disabled:hover:text-gray-100 disabled:hover:bg-(--col3) disabled:hover:border-(--col7);
-}
-
-.downloads-entry:hover .entry-info-item,
-.downloads-entry:hover .button {
-  @apply bg-(--col4) border-(--col6) hover:bg-(--col6) hover:border-(--col8) disabled:text-gray-300 disabled:bg-(--col2) disabled:border-(--col7) disabled:hover:text-gray-100 disabled:hover:bg-(--col4) disabled:hover:border-(--col8);
 }

src/app/componets/RandomBerry.tsx

@@ -1,48 +0,0 @@
-import { useEffect, useRef } from 'react'
-import BerryNoColor from '../assets/berries/BerryNoColor.png'
-
-export default function RandomBerry () {
-  const canvasRef = useRef<HTMLCanvasElement>(null)
-  const imgRef = useRef<HTMLImageElement>(document.createElement('img'))
-
-  useEffect(() => {
-    imgRef.current.src = BerryNoColor.src
-    const canvas = canvasRef.current
-    const ctx = canvas?.getContext('2d')
-    if (!canvas || !ctx) return
-
-    canvas.width = 24
-    canvas.height = 24
-
-    let frame: number
-    const frequency = 5
-
-    const update = () => {
-      const t = (performance.now() / 1000) * frequency
-
-      ctx.clearRect(0, 0, canvas.width, canvas.height)
-      ctx.drawImage(imgRef.current, 0, 0, canvas.width, canvas.height)
-
-      const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height)
-      const data = imageData.data
-
-      for (let i = 0; i < data.length; i += 4) {
-        const gray = data[i]
-        const r = (Math.sin(t) * 0.5 + 0.5) * 255 * (gray / 255)
-        const g = (Math.sin(t + 2) * 0.5 + 0.5) * 255 * (gray / 255)
-        const b = (Math.sin(t + 4) * 0.5 + 0.5) * 255 * (gray / 255)
-        data[i] = r
-        data[i + 1] = g
-        data[i + 2] = b
-      }
-
-      ctx.putImageData(imageData, 0, 0)
-      frame = requestAnimationFrame(update)
-    }
-
-    imgRef.current.onload = () => update()
-    return () => cancelAnimationFrame(frame)
-  }, [])
-
-  return <canvas ref={canvasRef} style={{ width: 24, height: 24 }} />
-}

src/app/componets/Sidebar.tsx

@@ -1,142 +0,0 @@
-'use client'
-
-import './Sidebar.css'
-import Icon from '@/assets/Icon.png'
-import { openUrl } from '@tauri-apps/plugin-opener'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faCog,
-  faDownload,
-  faGamepad,
-  faHexagonNodes
-} from '@fortawesome/free-solid-svg-icons'
-import { faDiscord } from '@fortawesome/free-brands-svg-icons'
-import { platform } from '@tauri-apps/plugin-os'
-import { useGlobal } from '../GlobalProvider'
-import Image from 'next/image'
-import Link from 'next/link'
-import { usePathname, useSearchParams } from 'next/navigation'
-import { getCurrentWindow } from '@tauri-apps/api/window'
-import { Lexend } from 'next/font/google'
-
-const lexend = Lexend({
-  subsets: ['latin']
-})
-
-export default function Sidebar () {
-  const {
-    normalConfig,
-    getListOfGames,
-    setShowPopup,
-    setPopupMode,
-    setFadeOut,
-    downloadProgress
-  } = useGlobal()
-
-  const pathname = usePathname()
-  const params = useSearchParams()
-
-  return (
-    <aside className='sidebar'>
-      <div
-        className='macos-drag'
-        hidden={platform() != 'macos'}
-        onMouseDown={e => {
-          if (e.buttons === 1) {
-            e.detail === 2
-              ? getCurrentWindow().toggleMaximize()
-              : getCurrentWindow().startDragging()
-          }
-        }}
-      ></div>
-      <div
-        className='logo'
-        style={{
-          marginTop:
-            platform() == 'windows'
-              ? '32px'
-              : platform() == 'macos'
-              ? '28px'
-              : ''
-        }}
-        onMouseDown={e => {
-          if (platform() != 'macos') return
-          if (e.buttons === 1) {
-            e.detail === 2
-              ? getCurrentWindow().toggleMaximize()
-              : getCurrentWindow().startDragging()
-          }
-        }}
-      >
-        <Image draggable={false} src={Icon} width={36} height={36} alt='' />
-        <p className={`ml-1 text-[16px] whitespace-nowrap ${lexend.className}`}>
-          Lncvrt Games Launcher
-        </p>
-      </div>
-      <nav className='nav-links overflow-auto pt-2'>
-        <Link
-          draggable={false}
-          href='/'
-          className={`link relative flex items-center ${
-            pathname === '/' || pathname === '/game' ? 'active' : ''
-          }`}
-        >
-          <FontAwesomeIcon icon={faHexagonNodes} className='mr-2' /> Games
-        </Link>
-        {getListOfGames()
-          .sort((a, b) => {
-            return a.id - b.id
-          })
-          .map(i => (
-            <Link
-              key={i.id}
-              draggable={false}
-              href={'/game?id=' + i.id}
-              className={`link ${
-                pathname === '/game' && Number(params.get('id') || 0) == i.id
-                  ? 'active'
-                  : ''
-              } ml-auto w-50 ${
-                normalConfig?.settings.alwaysShowGamesInSidebar ||
-                pathname === '/' ||
-                pathname === '/game'
-                  ? ''
-                  : 'hidden'
-              }`}
-            >
-              <div className='flex items-center'>
-                <FontAwesomeIcon icon={faGamepad} className='mr-1' />
-                <span className='truncate max-w-full'>{i.name}</span>
-              </div>
-            </Link>
-          ))}
-        <Link
-          draggable={false}
-          href='/settings'
-          className={`link ${pathname === '/settings' ? 'active' : ''}`}
-        >
-          <FontAwesomeIcon icon={faCog} className='mr-1' /> Settings
-        </Link>
-        <button
-          onClick={() => openUrl('https://games.lncvrt.xyz/discord')}
-          className='link mr-auto'
-        >
-          <FontAwesomeIcon icon={faDiscord} className='mr-1' /> Community
-        </button>
-      </nav>
-      <div
-        className='sidebar-downloads'
-        hidden={downloadProgress.length == 0}
-        onClick={() => {
-          setPopupMode(1)
-          setShowPopup(true)
-          setFadeOut(false)
-        }}
-      >
-        <p>
-          <FontAwesomeIcon icon={faDownload} /> Downloads
-        </p>
-      </div>
-    </aside>
-  )
-}

src/app/componets/VersionChangelog.tsx

@@ -1,32 +0,0 @@
-'use client'
-
-import { useGlobal } from '../GlobalProvider'
-
-export default function VersionChangelog () {
-  const {
-    getGameInfo,
-    getVersionInfo,
-    managingVersion,
-    downloadedVersionsConfig
-  } = useGlobal()
-  if (!managingVersion || !downloadedVersionsConfig) return <></>
-
-  const versionInfo = getVersionInfo(managingVersion)
-  const gameInfo = getGameInfo(versionInfo?.game)
-
-  return (
-    <>
-      <p className='text-xl text-center'>
-        Viewing changelog for {gameInfo?.name} v{versionInfo?.versionName}
-      </p>
-      <div className='popup-content text-center p-2'>
-        <span
-          className='whitespace-pre-wrap'
-          dangerouslySetInnerHTML={{
-            __html: versionInfo?.changelog ? atob(versionInfo.changelog) : ''
-          }}
-        />
-      </div>
-    </>
-  )
-}

src/app/componets/VersionInfo.tsx

@@ -1,131 +0,0 @@
-'use client'
-
-import {
-  faArrowUpRightFromSquare,
-  faCheck,
-  faCode,
-  faHardDrive,
-  faShieldHalved,
-  faWarning
-} from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { format } from 'date-fns'
-import { useGlobal } from '../GlobalProvider'
-import { invoke } from '@tauri-apps/api/core'
-import { useEffect, useState } from 'react'
-import prettyBytes from 'pretty-bytes'
-
-export default function VersionInfo () {
-  const {
-    getGameInfo,
-    getVersionInfo,
-    managingVersion,
-    downloadedVersionsConfig,
-    viewingInfoFromDownloads,
-    setPopupMode
-  } = useGlobal()
-  if (!managingVersion || !downloadedVersionsConfig) return <></>
-
-  const versionInfo = getVersionInfo(managingVersion)
-  const gameInfo = getGameInfo(versionInfo?.game)
-  const [versionSize, setVersionSize] = useState<number | null>(null)
-
-  useEffect(() => {
-    invoke<string>('folder_size', {
-      version: managingVersion
-    }).then(size => {
-      setVersionSize(parseInt(size, 10))
-    })
-  }, [managingVersion, setVersionSize])
-
-  return (
-    <>
-      <p className='text-xl text-center'>
-        Viewing info for {gameInfo?.name} v{versionInfo?.versionName}
-      </p>
-      <div className='popup-content flex flex-col items-center justify-center gap-2 h-full'>
-        <div
-          className='entry-info-item btntheme2'
-          hidden={viewingInfoFromDownloads}
-        >
-          <p>
-            Installed{' '}
-            {format(
-              new Date(
-                downloadedVersionsConfig.timestamps[managingVersion] ?? 0
-              ),
-              'MM/dd/yyyy'
-            )}
-          </p>
-        </div>
-        <div
-          className='entry-info-item btntheme2'
-          hidden={!versionInfo || versionInfo.releaseDate == 0}
-        >
-          <p>
-            Released{' '}
-            {format(
-              new Date(
-                versionInfo?.releaseDate ? versionInfo.releaseDate * 1000 : 0
-              ),
-              'MM/dd/yyyy'
-            )}
-          </p>
-        </div>
-        <div className='entry-info-item btntheme2' hidden={!gameInfo?.official}>
-          <FontAwesomeIcon icon={faCheck} color='#19c84b' />
-          <p>Official</p>
-        </div>
-        <div className='entry-info-item btntheme2' hidden={gameInfo?.official}>
-          <FontAwesomeIcon
-            icon={gameInfo?.verified ? faShieldHalved : faWarning}
-            color={gameInfo?.verified ? '#19c84b' : '#ffc800'}
-          />
-          <p>{gameInfo?.verified ? 'Verified' : 'Unverified'}</p>
-        </div>
-        <div
-          className='entry-info-item btntheme2'
-          hidden={gameInfo?.developer == null}
-        >
-          <FontAwesomeIcon icon={faCode} color='lightgray' />
-          <p>Developer: {gameInfo?.developer}</p>
-        </div>
-        <div
-          className='entry-info-item btntheme2'
-          hidden={viewingInfoFromDownloads || versionSize === null}
-        >
-          <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
-          <p>
-            Size on disk:{' '}
-            {versionSize !== null
-              ? prettyBytes(versionSize, {
-                  minimumFractionDigits: 2,
-                  maximumFractionDigits: 2
-                })
-              : 'Loading...'}
-          </p>
-        </div>
-        <div className='entry-info-item btntheme2' hidden={!versionInfo}>
-          <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
-          <p>
-            Size when downloaded (zipped):{' '}
-            {versionInfo
-              ? prettyBytes(versionInfo.size, {
-                  minimumFractionDigits: 2,
-                  maximumFractionDigits: 2
-                })
-              : 'Loading...'}
-          </p>
-        </div>
-        <div
-          className='entry-info-item btntheme2'
-          onClick={() => setPopupMode(4)}
-          hidden={!versionInfo?.changelog}
-        >
-          <p>View Changelog</p>
-          <FontAwesomeIcon icon={faArrowUpRightFromSquare} color='lightgray' />
-        </div>
-      </div>
-    </>
-  )
-}

src/app/game/berrydash/leaderboards/page.tsx

@@ -0,0 +1,329 @@
+'use client'
+
+import { useCallback, useEffect, useState } from 'react'
+import { BirdColor } from '@/types/BerryDash/BirdColor'
+import axios from 'axios'
+import { GetIconForUser } from '@/lib/BerryDash'
+import Image from 'next/image'
+import './styles.css'
+import { useRouter } from 'next/navigation'
+import { platform } from '@tauri-apps/plugin-os'
+
+interface BaseEntry {
+  id: number
+  username: string
+  value: number
+  icon: number
+  overlay: number
+  birdColor: BirdColor
+  overlayColor: BirdColor
+  customIcon: string | null
+}
+
+interface Stats {
+  highScore: string
+  totalNormalBerries: string
+  totalPoisonBerries: string
+  totalSlowBerries: string
+  totalUltraBerries: string
+  totalSpeedyBerries: string
+  totalCoinBerries: string
+  totalRandomBerries: string
+  totalAntiBerries: string
+  totalGoldenBerries: string
+  coins: string
+}
+
+interface LeaderboardEntry extends BaseEntry {
+  type: 'leaderboard'
+  value: number
+}
+
+interface Account extends BaseEntry {
+  type: 'account'
+  stats: Stats
+  xp: bigint
+}
+
+export function calculateXP (
+  normalBerries: bigint,
+  poisonBerries: bigint,
+  slowBerries: bigint,
+  ultraBerries: bigint,
+  speedyBerries: bigint,
+  coinBerries: bigint,
+  randomBerries: bigint,
+  antiBerries: bigint,
+  goldenBerries: bigint
+): bigint {
+  let totalXp = 0n
+  totalXp += normalBerries
+  totalXp -= poisonBerries
+  totalXp -= slowBerries
+  totalXp += ultraBerries * 5n
+  totalXp += speedyBerries * 10n
+  totalXp += coinBerries * 10n
+  totalXp += randomBerries
+  totalXp -= antiBerries
+  totalXp += goldenBerries * 4n
+
+  if (totalXp < 0n) totalXp = 0n
+  return totalXp
+}
+
+export function calculateLevel (xp: bigint): number {
+  const levelDivisor = 50.0
+
+  const xpNumber = Number(xp)
+  const discriminant = 95 * 95 + levelDivisor * 2 * xpNumber
+  const level = (-95 + Math.sqrt(discriminant)) / levelDivisor
+  return Math.floor(level) + 1
+}
+
+export default function BerryDashLeaderboards () {
+  const [selected, setSelected] = useState<number>(-1)
+  const [selectedBerryOption, setSelectedBerryOption] = useState<number>(0)
+  const [entries, setEntries] = useState<(LeaderboardEntry | Account)[]>([])
+
+  const router = useRouter()
+
+  const Refresh = useCallback(async () => {
+    try {
+      if (selected == 3 || selected == 4) {
+        const result = await axios.get(
+          'https://games.lncvrt.xyz/api/berrydash/account?username='
+        )
+        if (result.data.success) {
+          let accounts = result.data.data as Account[]
+
+          accounts = accounts.map(acc => {
+            const xp = calculateXP(
+              BigInt(acc.stats.totalNormalBerries),
+              BigInt(acc.stats.totalPoisonBerries),
+              BigInt(acc.stats.totalSlowBerries),
+              BigInt(acc.stats.totalUltraBerries),
+              BigInt(acc.stats.totalSpeedyBerries),
+              BigInt(acc.stats.totalCoinBerries),
+              BigInt(acc.stats.totalRandomBerries),
+              BigInt(acc.stats.totalAntiBerries),
+              BigInt(acc.stats.totalGoldenBerries)
+            )
+            return { ...acc, xp }
+          })
+
+          accounts.sort((a, b) => (b.xp > a.xp ? 1 : b.xp < a.xp ? -1 : 0))
+
+          setEntries(accounts)
+        }
+      } else {
+        const result = await axios.get(
+          'https://games.lncvrt.xyz/api/berrydash/leaderboard/' +
+            (selected == 0
+              ? 'score'
+              : selected == 1
+              ? 'berry?berry=' + selectedBerryOption
+              : selected == 2
+              ? 'coin'
+              : selected == 5
+              ? 'legacy'
+              : 'total')
+        )
+        if (result.data.success) {
+          setEntries(result.data.data as LeaderboardEntry[])
+        }
+      }
+    } catch {
+      setEntries([])
+    }
+  }, [selected, selectedBerryOption])
+
+  useEffect(() => {
+    document.title = 'Lncvrt Games - Berry Dash Leaderboards'
+  }, [])
+
+  useEffect(() => {
+    if (selected != -1) setTimeout(() => Refresh(), 0)
+  }, [selected, Refresh])
+
+  return (
+    <div className='mx-4 mt-4'>
+      <div className='flex justify-between items-center mb-4'>
+        <p className='text-3xl'>Berry Dash Leaderboards</p>
+        <div className='flex gap-2'>
+          <button
+            className='button btntheme1'
+            onClick={() => {
+              setEntries([])
+              Refresh()
+            }}
+            title='Click to refresh the leaderboards.'
+            hidden={selected == -1}
+          >
+            Refresh
+          </button>
+          <button
+            className='button btntheme1'
+            onClick={() => {
+              if (selected == -1) router.push('/game?id=1')
+              else {
+                setSelected(-1)
+                setEntries([])
+              }
+            }}
+            title='Click to go up a level.'
+          >
+            Back
+          </button>
+        </div>
+      </div>
+      <div
+        className={`box ${
+          platform() == 'windows'
+            ? 'h-[calc(100vh-116px)]'
+            : 'h-[calc(100vh-84px)]'
+        }`}
+      >
+        {selected == -1 ? (
+          <>
+            <p className='text-center mt-2 text-xl'>Select a Leaderboard</p>
+            <div className='flex flex-col gap-2 mt-2 items-center justify-center'>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(0)}
+              >
+                Score Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(1)}
+              >
+                Berry Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(2)}
+              >
+                Coins Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(3)}
+              >
+                Level Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(4)}
+              >
+                Total XP Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(5)}
+              >
+                Legacy Leaderboard
+              </button>
+              <button
+                className='leaderboard-button'
+                onClick={() => setSelected(6)}
+              >
+                Total Berries Leaderboard
+              </button>
+            </div>
+          </>
+        ) : (
+          <>
+            <div
+              className={`flex flex-col gap-2 overflow-y-auto ${
+                selected == 1
+                  ? platform() == 'windows'
+                    ? 'h-[calc(100vh-168px)]'
+                    : 'h-[calc(100vh-136px)]'
+                  : platform() == 'windows'
+                  ? 'h-[calc(100vh-128px)]'
+                  : 'h-[calc(100vh-96px)]'
+              } px-1`}
+            >
+              {entries.map((item, index) => {
+                const isAccount = 'stats' in item
+                const isLeaderboard = 'value' in item && !isAccount
+
+                return (
+                  <div
+                    key={item.id}
+                    className='leaderboard-entry flex justify-between items-center'
+                  >
+                    <div className='flex items-center gap-1'>
+                      <Image
+                        src={
+                          !item.customIcon
+                            ? `https://games.lncvrt.xyz/api/berrydash/render-icon?icon=${
+                                item.icon === 1
+                                  ? GetIconForUser(item.id)
+                                  : item.icon
+                              }&overlay=${item.overlay}&birdR=${
+                                item.birdColor[0]
+                              }&birdG=${item.birdColor[1]}&birdB=${
+                                item.birdColor[2]
+                              }&overlayR=${item.overlayColor[0]}&overlayG=${
+                                item.overlayColor[1]
+                              }&overlayB=${item.overlayColor[2]}`
+                            : `https://games.lncvrt.xyz/api/berrydash/icon-marketplace/icon?id=${item.customIcon}&raw=true`
+                        }
+                        className='pointer-events-none'
+                        width={48}
+                        height={48}
+                        alt=''
+                        unoptimized
+                      />
+                      <p>
+                        {item.username} (#{index + 1})
+                      </p>
+                    </div>
+
+                    {isLeaderboard ? (
+                      <p>
+                        {selected === 1 || selected === 6
+                          ? 'Berries'
+                          : selected === 2
+                          ? 'Coins'
+                          : 'Score'}
+                        : {item.value.toLocaleString('en-US')}
+                      </p>
+                    ) : isAccount ? (
+                      <p>
+                        {selected === 3 ? 'Level' : 'XP'}:{' '}
+                        {selected === 3
+                          ? calculateLevel(item.xp).toLocaleString('en-US')
+                          : item.xp.toLocaleString('en-US')}
+                      </p>
+                    ) : null}
+                  </div>
+                )
+              })}
+            </div>
+            {selected == 1 && (
+              <div className='flex justify-center'>
+                <select
+                  value={selectedBerryOption}
+                  onChange={e => setSelectedBerryOption(Number(e.target.value))}
+                  className='leaderboard-select mt-0.75'
+                >
+                  <option value='0'>Normal Berry</option>
+                  <option value='1'>Poison Berry</option>
+                  <option value='2'>Slow Berry</option>
+                  <option value='3'>Ultra Berry</option>
+                  <option value='4'>Speedy Berry</option>
+                  <option value='5'>Coin Berry</option>
+                  <option value='6'>Random Berry</option>
+                  <option value='7'>Anti Berry</option>
+                  <option value='8'>Golden Berry</option>
+                </select>
+              </div>
+            )}
+          </>
+        )}
+      </div>
+    </div>
+  )
+}

src/app/game/berrydash/leaderboards/styles.css

@@ -0,0 +1,14 @@
+@import "tailwindcss";
+
+.box {
+  @apply bg-(--col1) border border-(--col3) rounded-lg w-auto p-1;
+}
+
+.leaderboard-button,
+.leaderboard-select {
+  @apply bg-(--col2) hover:bg-(--col4) border border-(--col4) hover:border-(--col6) rounded-lg px-4 py-2 inline-block transition-all duration-200 cursor-pointer;
+}
+
+.leaderboard-entry {
+  @apply rounded-lg text-gray-200 text-lg px-1 py-0.5 transition-colors bg-(--col2) hover:bg-(--col3) border border-(--col4) hover:border-(--col5) cursor-pointer;
+}

src/app/game/page.tsx

@@ -1,12 +1,17 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
-import '../Installs.css'
+import '@/app/Installs.css'
-import { format } from 'date-fns'
 import { invoke } from '@tauri-apps/api/core'
-import { useGlobal } from '../GlobalProvider'
+import { useGlobal } from '@/app/GlobalProvider'
-import { useSearchParams } from 'next/navigation'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { platform } from '@tauri-apps/plugin-os'
+import { faWarning } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { ask } from '@tauri-apps/plugin-dialog'
+import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
+import { writeVersionsConfig } from '@/lib/BazookaManager'
+import { openFolder } from '@/lib/Util'
 
 export default function Installs () {
   const {
@@ -20,48 +25,171 @@ export default function Installs () {
     setManagingVersion,
     getVersionInfo,
     getGameInfo,
-    setSelectedGame
+    setSelectedGame,
+    serverVersionList,
+    category,
+    setCategory,
+    setDownloadedVersionsConfig,
+    downloadVersions
   } = useGlobal()
 
   const params = useSearchParams()
+  const router = useRouter()
+
+  const id = Number(params.get('id') || 0)
+  const game = serverVersionList?.games.find(g => g.id === id)
 
   useEffect(() => {
     if (!showPopup) return
     setSelectedVersionList([])
   }, [normalConfig, setSelectedVersionList, showPopup])
 
+  if (!id || !game) return <p>Invalid game</p>
+
+  const needsRevisionUpdate = (
+    lastRevision: number | undefined,
+    version: string
+  ) => {
+    if (!lastRevision) return false
+    return (
+      lastRevision > 0 &&
+      (downloadedVersionsConfig == undefined
+        ? 0
+        : downloadedVersionsConfig?.list[version]) /
+        1000 <=
+        lastRevision
+    )
+  }
+
   return (
     <div className='mx-4 mt-4'>
       <div className='flex justify-between items-center mb-4'>
-        <p className='text-3xl'>Installs</p>
+        <p
-        <button
+          className={`text-3xl truncate ${
-          className='button btntheme1'
+            category != -1
-          onClick={() => {
+              ? 'w-[calc(100vw-495px)]'
-            setSelectedGame(Number(params.get('id') || 0))
+              : game.id == 1
-            setPopupMode(0)
+              ? 'w-[calc(100vw-560px)]'
-            setShowPopup(true)
+              : 'w-[calc(100vw-440px)]'
-            setFadeOut(false)
+          }`}
-          }}
-          title='Click to download more versions of this game.'
         >
-          Download versions
+          {game.name} Installs
-        </button>
+        </p>
+        <div className='flex gap-2'>
+          <button
+            className='button btntheme1'
+            onClick={() => {
+              router.push('/game/berrydash/leaderboards')
+            }}
+            title='View the leaderboards for this game.'
+            hidden={game.id != 1}
+          >
+            Leaderboards
+          </button>
+          <button
+            className='button btntheme1'
+            onClick={() => {
+              setCategory(-1)
+            }}
+            title='Click to go up a level.'
+            hidden={category == -1}
+          >
+            Back
+          </button>
+          <button
+            className='button btntheme1'
+            onClick={() => {
+              setSelectedGame(id)
+              setPopupMode(0)
+              setShowPopup(true)
+              setFadeOut(false)
+            }}
+            title='Click to download more versions of this game.'
+          >
+            Download versions
+          </button>
+        </div>
       </div>
       <div className='downloads-container'>
         <div
           className={`downloads-scroll ${
-            platform() === 'windows'
+            platform() == 'windows'
               ? 'h-[calc(100vh-116px)]'
               : 'h-[calc(100vh-84px)]'
           }`}
         >
-          {downloadedVersionsConfig &&
+          {category == -1 &&
-          downloadedVersionsConfig.list.filter(v => {
+            Object.entries(game.categoryNames)
+              .sort(([a], [b]) => Number(b) - Number(a))
+              .filter(([key]) => {
+                const count = Object.keys(
+                  downloadedVersionsConfig?.list ?? {}
+                ).filter(v => {
+                  const info = getVersionInfo(v)
+                  if (!info) return false
+
+                  if (
+                    platform() == 'linux' &&
+                    info.wine &&
+                    !normalConfig?.settings.useWineOnUnixWhenNeeded
+                  )
+                    return false
+
+                  return info.game === id && info.category === Number(key)
+                }).length
+
+                return count >= 1
+              })
+              .map(([key, value]) => {
+                return (
+                  <div
+                    key={key}
+                    className={'downloads-entry'}
+                    title={'Click to view category'}
+                    onClick={() => setCategory(Number(key))}
+                  >
+                    <div className='h-18 w-screen relative'>
+                      <p className='text-2xl'>{value}</p>
+
+                      <div
+                        className='entry-info-item flex absolute left-0 bottom-0'
+                        title='The amount of versions installed of this game in installed/installable format.'
+                        onClick={e => e.stopPropagation()}
+                      >
+                        <p>
+                          {(() => {
+                            const count =
+                              Object.keys(
+                                downloadedVersionsConfig?.list ?? []
+                              ).filter(v => {
+                                const info = getVersionInfo(v)
+                                if (!info) return false
+                                if (
+                                  platform() == 'linux' &&
+                                  info.wine &&
+                                  !normalConfig?.settings
+                                    .useWineOnUnixWhenNeeded
+                                )
+                                  return false
+                                return (
+                                  info.game === id &&
+                                  info.category == Number(key)
+                                )
+                              }).length ?? 0
+                            return `${count} install${count === 1 ? '' : 's'}`
+                          })()}
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                )
+              })}
+          {Object.keys(downloadedVersionsConfig?.list ?? []).filter(v => {
             const info = getVersionInfo(v)
             if (!info) return false
-            return info.game === Number(params.get('id') || 0)
+            return info.game === id
           }).length != 0 ? (
-            downloadedVersionsConfig.list
+            Object.keys(downloadedVersionsConfig?.list ?? [])
               .sort((a, b) => {
                 const infoA = getVersionInfo(a)
                 const infoB = getVersionInfo(b)
@@ -71,23 +199,89 @@ export default function Installs () {
               .filter(v => {
                 const info = getVersionInfo(v)
                 if (!info) return false
-                return info.game === Number(params.get('id') || 0)
+                if (
+                  platform() == 'linux' &&
+                  info.wine &&
+                  !normalConfig?.settings.useWineOnUnixWhenNeeded
+                )
+                  return false
+                return (
+                  info.game === id &&
+                  (category == -1
+                    ? info.category == -1
+                    : info.category == category)
+                )
               })
-              .map((entry, i) => (
+              .map(entry => (
                 <div
                   key={entry}
-                  className={`downloads-entry ${
+                  className={'downloads-entry'}
-                    normalConfig?.settings.useLegacyInteractButtons
-                      ? ''
-                      : 'cursor-pointer'
-                  }`}
                   title={
-                    normalConfig?.settings.useLegacyInteractButtons
+                    'Click to launch game. Right-click to manage this version install'
-                      ? ''
-                      : 'Click to launch game. Right-click to manage this version install'
                   }
                   onClick={async () => {
-                    if (normalConfig?.settings.useLegacyInteractButtons) return
+                    if (
+                      needsRevisionUpdate(
+                        getVersionInfo(entry)?.lastRevision,
+                        entry
+                      )
+                    ) {
+                      const answer = await ask(
+                        'Before proceeding, if you do not want your installation directory wiped just yet, please backup the files to another directory. When you click "Yes", it will be wiped. Click "No" if you want to open the installation folder instead.',
+                        {
+                          title: 'Revision Update',
+                          kind: 'warning'
+                        }
+                      )
+                      if (answer) {
+                        const answer2 = await ask(
+                          'Are you sure you want to update? If you did not read the last popup, please go back and read it.',
+                          {
+                            title: 'Revision Update',
+                            kind: 'warning'
+                          }
+                        )
+                        if (!answer2) return
+
+                        //open downloads popup
+                        setPopupMode(1)
+                        setShowPopup(true)
+                        setFadeOut(false)
+
+                        //uninstall
+                        setDownloadedVersionsConfig(prev => {
+                          if (!prev) return prev
+                          const updatedList = Object.fromEntries(
+                            Object.entries(prev.list).filter(
+                              ([k]) => k !== entry
+                            )
+                          )
+                          const updatedConfig = {
+                            ...prev,
+                            list: updatedList
+                          }
+                          writeVersionsConfig(updatedConfig)
+                          return updatedConfig
+                        })
+
+                        if (
+                          await exists('game/' + entry, {
+                            baseDir: BaseDirectory.AppLocalData
+                          })
+                        )
+                          await remove('game/' + entry, {
+                            baseDir: BaseDirectory.AppLocalData,
+                            recursive: true
+                          })
+
+                        //reinstall
+                        setSelectedVersionList([entry])
+                        downloadVersions([entry])
+                      } else {
+                        openFolder(entry)
+                      }
+                      return
+                    }
                     const verInfo = getVersionInfo(entry)
                     if (verInfo == undefined) return
                     const gameInfo = getGameInfo(verInfo.game)
@@ -95,7 +289,13 @@ export default function Installs () {
                     invoke('launch_game', {
                       name: verInfo.id,
                       executable: verInfo.executable,
-                      displayName: `${gameInfo.name} v${verInfo.versionName}`
+                      displayName: verInfo.displayName,
+                      useWine: !!(
+                        platform() == 'linux' &&
+                        verInfo.wine &&
+                        normalConfig?.settings.useWineOnUnixWhenNeeded
+                      ),
+                      wineCommand: normalConfig?.settings.wineOnUnixCommand
                     })
                   }}
                   onContextMenu={e => {
@@ -108,71 +308,52 @@ export default function Installs () {
                 >
                   <div className='h-18 w-screen relative'>
                     <p className='text-2xl'>
-                      {getGameInfo(getVersionInfo(entry)?.game)?.name} v
+                      {getVersionInfo(entry)?.displayName}{' '}
-                      {getVersionInfo(entry)?.versionName}
                     </p>
 
-                    <div
+                    <div className='flex gap-2 absolute left-0 bottom-0'>
-                      className='entry-info-item absolute left-0 bottom-0'
+                      <div
-                      title='The date the game was installed in MM/dd/yyyy format'
+                        className='entry-info-item'
-                    >
+                        title='The date the game was installed.'
-                      <p>
+                        onClick={e => e.stopPropagation()}
-                        Installed{' '}
-                        {format(
-                          new Date(downloadedVersionsConfig.timestamps[entry]),
-                          'MM/dd/yyyy'
-                        )}
-                      </p>
-                    </div>
-
-                    <div className='flex gap-2 absolute right-0 bottom-0'>
-                      <button
-                        className='button'
-                        onClick={e => {
-                          e.stopPropagation()
-                          setManagingVersion(entry)
-                          setPopupMode(3)
-                          setShowPopup(true)
-                          setFadeOut(false)
-                        }}
-                        title='Click to view version info'
                       >
-                        View Info
+                        <p>
-                      </button>
+                          Installed{' '}
-                      <button
+                          {new Intl.DateTimeFormat(undefined).format(
-                        className='button'
+                            downloadedVersionsConfig?.list[entry]
+                          )}
+                        </p>
+                      </div>
+                      <div
+                        className='entry-info-item'
+                        title='This version is using wine. It cannot be guarenteed to work fully and might not work at all.'
                         hidden={
-                          !normalConfig?.settings.useLegacyInteractButtons
+                          !(
+                            platform() == 'linux' && getVersionInfo(entry)?.wine
+                          ) ||
+                          needsRevisionUpdate(
+                            getVersionInfo(entry)?.lastRevision,
+                            entry
+                          )
                         }
-                        onClick={e => {
+                        onClick={e => e.stopPropagation()}
-                          e.stopPropagation()
-                          setManagingVersion(entry)
-                          setPopupMode(2)
-                          setShowPopup(true)
-                          setFadeOut(false)
-                        }}
-                        title='Click to manage this version install'
                       >
-                        Manage
+                        <FontAwesomeIcon icon={faWarning} color='#ffc800' />
-                      </button>
+                        <p>Uses wine</p>
-                      <button
+                      </div>
-                        className='button'
+                      <div
-                        onClick={e => {
+                        className='entry-info-item'
-                          e.stopPropagation()
+                        onClick={e => e.stopPropagation()}
-                          const verInfo = getVersionInfo(entry)
-                          if (verInfo == undefined) return
-                          invoke('launch_game', {
-                            name: verInfo.id,
-                            executable: verInfo.executable
-                          })
-                        }}
                         hidden={
-                          !normalConfig?.settings.useLegacyInteractButtons
+                          !needsRevisionUpdate(
+                            getVersionInfo(entry)?.lastRevision,
+                            entry
+                          )
                         }
-                        title='Click to launch game'
                       >
-                        Launch
+                        <FontAwesomeIcon icon={faWarning} color='#ffc800' />
-                      </button>
+                        <p>Needs revision update!</p>
+                      </div>
                     </div>
                   </div>
                 </div>

src/app/layout.tsx

@@ -1,52 +1,42 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
-import Sidebar from './componets/Sidebar'
+import Sidebar from '@/componets/Sidebar'
 import './Globals.css'
-import { DownloadProgress } from './types/DownloadProgress'
+import { DownloadProgress } from '@/types/DownloadProgress'
 import { invoke } from '@tauri-apps/api/core'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
+import { faChevronLeft, faXmark } from '@fortawesome/free-solid-svg-icons'
-  faAdd,
-  faCheck,
-  faChevronLeft,
-  faCode,
-  faDownload,
-  faInfo,
-  faRemove,
-  faShieldHalved,
-  faWarning,
-  faXmark
-} from '@fortawesome/free-solid-svg-icons'
 import {
   readNormalConfig,
   readVersionsConfig,
   writeVersionsConfig
-} from './util/BazookaManager'
+} from '@/lib/BazookaManager'
-import { VersionsConfig } from './types/VersionsConfig'
+import { VersionsConfig } from '@/types/VersionsConfig'
-import { NormalConfig } from './types/NormalConfig'
+import { NormalConfig } from '@/types/NormalConfig'
 import { app } from '@tauri-apps/api'
 import axios from 'axios'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { GlobalProvider } from './GlobalProvider'
 import { Roboto } from 'next/font/google'
-import { ServerVersionsResponse } from './types/ServerVersionsResponse'
+import { ServerVersionsResponse } from '@/types/ServerVersionsResponse'
-import { GameVersion } from './types/GameVersion'
+import { GameVersion } from '@/types/GameVersion'
-import { Game } from './types/Game'
+import { Game } from '@/types/Game'
 import { listen } from '@tauri-apps/api/event'
 import { usePathname } from 'next/navigation'
 import { arch, platform } from '@tauri-apps/plugin-os'
-import VersionInfo from './componets/VersionInfo'
+import { notifyUser } from '@/lib/Notifications'
-import prettyBytes from 'pretty-bytes'
-import ProgressBar from './componets/ProgressBar'
-import { notifyUser } from './util/Notifications'
 import {
   isPermissionGranted,
   requestPermission
 } from '@tauri-apps/plugin-notification'
-import VersionChangelog from './componets/VersionChangelog'
 import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
 
+import VersionsDownloadPopup from '@/componets/popups/VersionsDownload'
+import GamesDownloadPopup from '@/componets/popups/GamesDownload'
+import DownloadsPopup from '@/componets/popups/Downloads'
+import VersionVersionPopup from '@/componets/popups/VersionVersion'
+
 const roboto = Roboto({
   subsets: ['latin']
 })
@@ -60,6 +50,7 @@ export default function RootLayout ({
   const [loadingText, setLoadingText] = useState('Loading...')
   const [outdated, setOutdated] = useState(false)
   const [version, setVersion] = useState<string | null>(null)
+  const [platformName, setPlatformName] = useState<string | null>(null)
 
   const [serverVersionList, setServerVersionList] =
     useState<null | ServerVersionsResponse>(null)
@@ -76,20 +67,36 @@ export default function RootLayout ({
   const [downloadProgress, setDownloadProgress] = useState<DownloadProgress[]>(
     []
   )
+  const [downloadQueue, setDownloadQueue] = useState<string[]>([])
+  const [isProcessingQueue, setIsProcessingQueue] = useState<boolean>(false)
   const [managingVersion, setManagingVersion] = useState<string | null>(null)
   const [viewingInfoFromDownloads, setViewingInfoFromDownloads] =
     useState<boolean>(false)
   const [selectedGame, setSelectedGame] = useState<number | null>(null)
 
+  const [category, setCategory] = useState<number>(-1)
+
   const pathname = usePathname()
+  const revisionCheck = useRef(false)
+  const previousQueueLength = useRef(0)
 
   function getSpecialVersionsList (game?: number): GameVersion[] {
     if (!normalConfig || !serverVersionList) return []
 
     return serverVersionList.versions
-      .filter(v => !downloadedVersionsConfig?.list.includes(v.id))
+      .filter(
+        v => !Object.keys(downloadedVersionsConfig?.list ?? []).includes(v.id)
+      )
       .filter(v => {
+        if (
+          platformName == 'linux' &&
+          v.wine &&
+          !normalConfig.settings.useWineOnUnixWhenNeeded
+        )
+          return false
+
         if (game && v.game != game) return false
+        if (category != -1 && v.category != category) return false
         if (downloadProgress.length != 0) {
           return !downloadProgress.some(d => d.version === v.id)
         }
@@ -101,22 +108,28 @@ export default function RootLayout ({
       })
   }
 
-  function getVersionInfo (id: string | undefined): GameVersion | undefined {
+  const getVersionInfo = useCallback(
-    if (!id) return undefined
+    (id: string | undefined): GameVersion | undefined => {
-    return serverVersionList?.versions.find(v => v.id === id)
+      if (!id) return undefined
-  }
+      return serverVersionList?.versions.find(v => v.id === id)
+    },
+    [serverVersionList]
+  )
 
-  function getGameInfo (game: number | undefined): Game | undefined {
+  const getGameInfo = useCallback(
-    if (!game) return undefined
+    (game: number | undefined): Game | undefined => {
-    return serverVersionList?.games.find(g => g.id === game)
+      if (!game) return undefined
-  }
+      return serverVersionList?.games.find(g => g.id === game)
+    },
+    [serverVersionList]
+  )
 
   function getListOfGames (): Game[] {
     if (!downloadedVersionsConfig?.list) return []
 
     const gamesMap = new Map<number, Game>()
 
-    downloadedVersionsConfig.list.forEach(i => {
+    Object.keys(downloadedVersionsConfig.list).forEach(i => {
       const version = getVersionInfo(i)
       if (!version) return
       const game = getGameInfo(version.game)
@@ -133,58 +146,50 @@ export default function RootLayout ({
   } | null {
     if (!downloadedVersionsConfig || !serverVersionList) return null
 
-    const installed = downloadedVersionsConfig.list.filter(
+    const allowWine =
-      v => getGameInfo(getVersionInfo(v)?.game)?.id === gameId
+      platformName !== 'linux' || normalConfig?.settings.useWineOnUnixWhenNeeded
-    ).length
 
-    const total = serverVersionList.versions.filter(
+    const installed = Object.keys(downloadedVersionsConfig.list).filter(v => {
-      v => getGameInfo(v?.game)?.id === gameId
+      const info = getVersionInfo(v)
-    ).length
+      if (!info) return false
+      if (info.wine && !allowWine) return false
+      return getGameInfo(info.game)?.id === gameId
+    }).length
+
+    const total = serverVersionList.versions.filter(v => {
+      if (!v) return false
+      if (v.wine && !allowWine) return false
+      return getGameInfo(v.game)?.id === gameId
+    }).length
 
     return { installed, total }
   }
 
-  function formatEtaSmart (seconds: number) {
+  const closePopup = useCallback(() => {
-    if (seconds < 60) return `${Math.floor(seconds)}s`
-    if (seconds < 3600)
-      return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`
-    if (seconds < 86400) {
-      const h = Math.floor(seconds / 3600)
-      const m = Math.floor((seconds % 3600) / 60)
-      return `${h}h ${m}m`
-    }
-    const d = Math.floor(seconds / 86400)
-    const h = Math.floor((seconds % 86400) / 3600)
-    return `${d}d ${h}h`
-  }
-
-  function closePopup () {
     if (popupMode == 0 && selectedGame && pathname === '/') {
       setSelectedGame(null)
       setSelectedVersionList([])
     } else if (viewingInfoFromDownloads) {
       setViewingInfoFromDownloads(false)
       setPopupMode(0)
-    } else if (popupMode == 4) {
-      setPopupMode(3)
     } else {
       setFadeOut(true)
       setTimeout(() => setShowPopup(false), 200)
     }
-  }
+  }, [popupMode, selectedGame, pathname, viewingInfoFromDownloads])
 
   useEffect(() => {
     let unlistenProgress: (() => void) | null = null
 
     listen<string>('download-progress', event => {
-      const [versionName, progStr, totalSizeStr, speedStr, etaSecsStr] =
+      const [displayName, progStr, totalSizeStr, speedStr, etaSecsStr] =
         event.payload.split(':')
       const prog = Number(progStr)
       const progBytes = Number(totalSizeStr)
       const speed = Number(speedStr)
       const etaSecs = Number(etaSecsStr)
       setDownloadProgress(prev => {
-        const i = prev.findIndex(d => d.version === versionName)
+        const i = prev.findIndex(d => d.version === displayName)
         if (i === -1) return prev
         const copy = [...prev]
         copy[i] = {
@@ -199,9 +204,9 @@ export default function RootLayout ({
     }).then(f => (unlistenProgress = f))
 
     listen<string>('download-hash-checking', event => {
-      const versionName = event.payload
+      const displayName = event.payload
       setDownloadProgress(prev => {
-        const i = prev.findIndex(d => d.version === versionName)
+        const i = prev.findIndex(d => d.version === displayName)
         if (i === -1) return prev
         const copy = [...prev]
         copy[i] = { ...copy[i], hash_checking: true }
@@ -210,9 +215,9 @@ export default function RootLayout ({
     }).then(f => (unlistenProgress = f))
 
     listen<string>('download-finishing', event => {
-      const versionName = event.payload
+      const displayName = event.payload
       setDownloadProgress(prev => {
-        const i = prev.findIndex(d => d.version === versionName)
+        const i = prev.findIndex(d => d.version === displayName)
         if (i === -1) return prev
         const copy = [...prev]
         copy[i] = { ...copy[i], hash_checking: false, finishing: true }
@@ -227,10 +232,10 @@ export default function RootLayout ({
 
   useEffect(() => {
     ;(async () => {
+      setPlatformName(platform())
       const client = await app.getVersion()
       setVersion(client)
       if (process.env.NODE_ENV === 'production') {
-        setLoadingText('Checking latest version...')
         try {
           const response = await axios.get(
             'https://games.lncvrt.xyz/api/launcher/latest'
@@ -244,7 +249,6 @@ export default function RootLayout ({
           return
         }
       }
-      setLoadingText('Downloading version list...')
       try {
         const res = await axios.get(
           `https://games.lncvrt.xyz/api/launcher/versions?platform=${platform()}&arch=${arch()}`
@@ -254,7 +258,6 @@ export default function RootLayout ({
         setLoadingText('Failed to download versions list.')
         return
       }
-      setLoadingText('Loading configs...')
       const normalConfig = await readNormalConfig()
       const versionsConfig = await readVersionsConfig()
       setDownloadedVersionsConfig(versionsConfig)
@@ -267,70 +270,91 @@ export default function RootLayout ({
     })()
   }, [])
 
+  const downloadVersions = useCallback(
+    async (list: string[]): Promise<void> => {
+      if (list.length === 0) return
+      setSelectedVersionList([])
+
+      const newVersions = list.filter(
+        version =>
+          !downloadQueue.includes(version) &&
+          !downloadProgress.some(d => d.version === version)
+      )
+
+      if (newVersions.length === 0) return
+
+      const newDownloads = newVersions.map(
+        version =>
+          new DownloadProgress(version, 0, 0, false, true, false, false, 0, 0)
+      )
+
+      setDownloadProgress(prev => [...prev, ...newDownloads])
+      setDownloadQueue(prev => [...prev, ...newVersions])
+    },
+    [downloadQueue, downloadProgress]
+  )
+
   useEffect(() => {
-    if (process.env.NODE_ENV !== 'production') return
+    if (isProcessingQueue || downloadQueue.length === 0) return
-    const handler = (e: MouseEvent) => e.preventDefault()
-    document.addEventListener('contextmenu', handler)
-    return () => document.removeEventListener('contextmenu', handler)
-  }, [])
 
-  async function downloadVersions (): Promise<void> {
+    const processNextDownload = async () => {
-    const list = selectedVersionList
+      setIsProcessingQueue(true)
-    setSelectedVersionList([])
 
-    const newDownloads = list.map(
+      const versionId = downloadQueue[0]
-      version =>
+      const info = getVersionInfo(versionId)
-        new DownloadProgress(version, 0, 0, false, true, false, false, 0, 0)
-    )
 
-    setDownloadProgress(newDownloads)
-
-    for (const download of newDownloads) {
-      const info = getVersionInfo(download.version)
       if (!info) {
-        setDownloadProgress(prev =>
+        setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
-          prev.filter(d => d.version !== download.version)
+        setDownloadQueue(prev => prev.slice(1))
-        )
+        setIsProcessingQueue(false)
         return
       }
+
       const gameInfo = getGameInfo(info.game)
       if (!gameInfo) {
-        setDownloadProgress(prev =>
+        setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
-          prev.filter(d => d.version !== download.version)
+        setDownloadQueue(prev => prev.slice(1))
-        )
+        setIsProcessingQueue(false)
         return
       }
+
       setDownloadProgress(prev =>
-        prev.map(d =>
+        prev.map(d => (d.version === versionId ? { ...d, queued: false } : d))
-          d.version === download.version ? { ...d, queued: false } : d
-        )
       )
+
+      try {
+        await axios.get(
+          'https://games.lncvrt.xyz/api/launcher/download?id=' + info.id
+        )
+      } catch {}
+
       const res = await invoke<string>('download', {
         url: info.downloadUrl,
         name: info.id,
         executable: info.executable,
         hash: info.sha512sum
       })
-      if (res == '1') {
+
-        setDownloadProgress(prev =>
+      if (res === '1') {
-          prev.filter(d => d.version !== download.version)
+        setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
-        )
+        setDownloadedVersionsConfig(prev => {
-        let data = downloadedVersionsConfig
+          if (!prev) return prev
-        if (!data) {
+
-          setDownloadProgress(prev =>
+          const updated = {
-            prev.filter(d => d.version !== download.version)
+            ...prev,
-          )
+            list: {
-          return
+              ...prev.list,
-        }
+              [versionId]: Date.now()
-        const date = Date.now()
+            }
-        data.list = [...data.list, download.version]
+          }
-        data.timestamps = { ...data.timestamps, [download.version]: date }
+
-        setDownloadedVersionsConfig(data)
+          writeVersionsConfig(updated)
-        writeVersionsConfig(data)
+          return updated
+        })
       } else {
         setDownloadProgress(prev =>
           prev.map(d =>
-            d.version === download.version
+            d.version === versionId
               ? { ...d, queued: false, failed: true, progress: 0 }
               : d
           )
@@ -338,14 +362,70 @@ export default function RootLayout ({
         if (normalConfig?.settings.allowNotifications)
           await notifyUser(
             'Download Failed',
-            `The download for version ${gameInfo.name} v${info.versionName} has failed.`
+            `The download for version ${info.displayName} has failed.`
           )
       }
+
+      setDownloadQueue(prev => prev.slice(1))
+      setIsProcessingQueue(false)
     }
 
-    if (normalConfig?.settings.allowNotifications)
+    processNextDownload()
-      await notifyUser('Downloads Finished', 'All downloads have finished.')
+  }, [
-  }
+    downloadQueue,
+    isProcessingQueue,
+    getVersionInfo,
+    getGameInfo,
+    normalConfig
+  ])
+
+  useEffect(() => {
+    if (
+      downloadQueue.length === 0 &&
+      downloadProgress.length === 0 &&
+      !isProcessingQueue &&
+      previousQueueLength.current > 0 &&
+      normalConfig?.settings.allowNotifications
+    ) {
+      notifyUser('Downloads Finished', 'All downloads have finished.')
+      setTimeout(() => closePopup(), 0)
+    }
+    previousQueueLength.current = downloadQueue.length + downloadProgress.length
+  }, [
+    downloadQueue,
+    downloadProgress,
+    isProcessingQueue,
+    normalConfig,
+    closePopup
+  ])
+
+  useEffect(() => {
+    if (revisionCheck.current) return
+    if (!serverVersionList || !downloadedVersionsConfig) return
+    revisionCheck.current = true
+    ;(async () => {
+      for (const [key, value] of Object.entries(
+        downloadedVersionsConfig.list
+      )) {
+        const verInfo = serverVersionList.versions.find(item => item.id === key)
+
+        if (
+          !verInfo ||
+          (verInfo.lastRevision > 0 && value / 1000 <= verInfo.lastRevision)
+        ) {
+          if (
+            await exists('game/' + key + '/' + verInfo?.executable, {
+              baseDir: BaseDirectory.AppLocalData
+            })
+          )
+            await remove('game/' + key + '/' + verInfo?.executable, {
+              baseDir: BaseDirectory.AppLocalData,
+              recursive: true
+            })
+        }
+      }
+    })()
+  }, [serverVersionList, downloadedVersionsConfig, downloadVersions])
 
   return (
     <>
@@ -355,37 +435,45 @@ export default function RootLayout ({
             normalConfig?.settings.theme === 1
               ? 'red-theme'
               : normalConfig?.settings.theme === 2
-              ? 'green-theme'
-              : normalConfig?.settings.theme === 3
               ? 'blue-theme'
-              : normalConfig?.settings.theme === 4
+              : normalConfig?.settings.theme === 3
               ? 'purple-theme'
-              : normalConfig?.settings.theme === 5
-              ? 'mint-theme'
               : 'dark-theme'
           }
         >
           {loading ? (
-            <div className='w-screen h-screen flex items-center justify-center'>
+            <>
-              {outdated ? (
+              <div
-                <div className='text-center'>
+                className='relative z-2 w-screen border-b border-b-(--col3) h-8.25 bg-(--col1)'
-                  <p className='text-8xl mb-4'>Outdated Launcher!</p>
+                hidden={platformName != 'windows'}
-                  <p className='text-4xl mb-4'>
+              />
-                    Please update to the latest version to continue.
+              <div
-                  </p>
+                className={`w-screen ${
-                  <button
+                  platformName == 'windows'
-                    className='button'
+                    ? 'h-[calc(100vh-64px)]'
-                    onClick={() =>
+                    : 'h-screen'
-                      openUrl('https://games.lncvrt.xyz/berrydash/download')
+                } flex items-center justify-center`}
-                    }
+              >
-                  >
+                {outdated ? (
-                    Download latest version
+                  <div className='text-center'>
-                  </button>
+                    <p className='text-8xl mb-4'>Outdated Launcher!</p>
-                </div>
+                    <p className='text-4xl mb-4'>
-              ) : (
+                      Please update to the latest version to continue.
-                <p className='text-7xl text-center'>{loadingText}</p>
+                    </p>
-              )}
+                    <button
-            </div>
+                      className='button'
+                      onClick={() =>
+                        openUrl('https://games.lncvrt.xyz/berrydash/download')
+                      }
+                    >
+                      Download latest version
+                    </button>
+                  </div>
+                ) : (
+                  <p className='text-7xl text-center'>{loadingText}</p>
+                )}
+              </div>
+            </>
           ) : (
             <GlobalProvider
               value={{
@@ -412,7 +500,16 @@ export default function RootLayout ({
                 setSelectedGame,
                 getVersionsAmountData,
                 viewingInfoFromDownloads,
-                version
+                version,
+                downloadVersions,
+                category,
+                setCategory,
+                downloadQueue,
+                setDownloadQueue,
+                closePopup,
+                getSpecialVersionsList,
+                selectedGame,
+                setViewingInfoFromDownloads
               }}
             >
               <div
@@ -423,10 +520,8 @@ export default function RootLayout ({
               >
                 <Sidebar />
                 <div
-                  className='relative z-2 ml-59.75 w-[calc(100vw-239px)] border-b border-(--col3) h-8.25 bg-(--col1)'
+                  className='relative z-2 ml-59.75 w-[calc(100vw-239px)] border-b border-b-(--col3) h-8.25 bg-(--col1)'
-                  style={{
+                  hidden={platformName != 'windows'}
-                    display: platform() === 'windows' ? 'block' : 'none'
-                  }}
                 />
                 <div className='relative z-0'>
                   <main className='ml-60'>{children}</main>
@@ -465,380 +560,14 @@ export default function RootLayout ({
                         />
                       </button>
                       {popupMode === 0 && selectedGame ? (
-                        <>
+                        <VersionsDownloadPopup />
-                          <p className='text-xl text-center'>
-                            Select versions to download
-                          </p>
-                          <div className='popup-content'>
-                            {getSpecialVersionsList(selectedGame).map(
-                              (v, i) => (
-                                <div key={i} className='popup-entry'>
-                                  <div className='flex items-center'>
-                                    <p
-                                      className={`text-2xl truncate ${
-                                        selectedVersionList.includes(v.id)
-                                          ? 'max-w-84.5'
-                                          : 'max-w-91.5'
-                                      }`}
-                                    >
-                                      {getGameInfo(v.game)?.name} v
-                                      {v.versionName}
-                                    </p>
-                                  </div>
-                                  <button
-                                    className='button btntheme3 right-20.75 bottom-1.75'
-                                    onClick={() => {
-                                      setSelectedVersionList(prev =>
-                                        prev.includes(v.id)
-                                          ? prev.filter(i => i !== v.id)
-                                          : [...prev, v.id]
-                                      )
-                                    }}
-                                    title={
-                                      selectedVersionList.includes(v.id)
-                                        ? 'This version will be downloaded. Click to remove from the list of versions that will be downloaded.'
-                                        : 'This version will NOT be downloaded. Click to add from the list of versions that will be downloaded.'
-                                    }
-                                  >
-                                    {selectedVersionList.includes(v.id) ? (
-                                      <>
-                                        <FontAwesomeIcon icon={faRemove} />{' '}
-                                        Remove
-                                      </>
-                                    ) : (
-                                      <>
-                                        <FontAwesomeIcon icon={faAdd} /> Add
-                                      </>
-                                    )}
-                                  </button>
-                                  <button
-                                    className='button btntheme3 right-1.5 bottom-1.75'
-                                    onClick={() => {
-                                      setManagingVersion(v.id)
-                                      setViewingInfoFromDownloads(true)
-                                      setPopupMode(3)
-                                    }}
-                                    title='Click to view version info'
-                                  >
-                                    <FontAwesomeIcon icon={faInfo} /> Info
-                                  </button>
-                                </div>
-                              )
-                            )}
-                          </div>
-                        </>
                       ) : popupMode === 0 && !selectedGame ? (
-                        <>
+                        <GamesDownloadPopup />
-                          <p className='text-xl text-center'>
-                            Select a game to download
-                          </p>
-                          <div className='popup-content'>
-                            {serverVersionList?.games.map((v, i) => (
-                              <div key={i} className='popup-entry'>
-                                <p className='text-2xl'>{v.name}</p>
-                                <div className='flex gap-2'>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    title='The amount of versions installed of this game in installed/installable format.'
-                                  >
-                                    <p>
-                                      {(() => {
-                                        const data = getVersionsAmountData(v.id)
-                                        if (!data) return 'N/A'
-                                        return `${data.installed}/${data.total}`
-                                      })()}{' '}
-                                      versions installed
-                                    </p>
-                                  </div>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    hidden={!v.official}
-                                    title='This game is official.'
-                                  >
-                                    <FontAwesomeIcon
-                                      icon={faCheck}
-                                      color='#19c84b'
-                                    />
-                                    <p>Official</p>
-                                  </div>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    hidden={v.official}
-                                    title={
-                                      v.verified
-                                        ? 'This game is verified to be safe'
-                                        : 'This game is NOT verified to be save. Proceed with caution.'
-                                    }
-                                  >
-                                    <FontAwesomeIcon
-                                      icon={
-                                        v.verified ? faShieldHalved : faWarning
-                                      }
-                                      color={v.verified ? '#19c84b' : '#ffc800'}
-                                    />
-                                    <p>
-                                      {v.verified ? 'Verified' : 'Unverified'}
-                                    </p>
-                                  </div>
-                                </div>
-                                <div
-                                  className='entry-info-item btntheme3 mt-2'
-                                  hidden={v.developer == null}
-                                  title={`The developer of ${v.name} is ${v.developer}.`}
-                                >
-                                  <FontAwesomeIcon
-                                    icon={faCode}
-                                    color='lightgray'
-                                  />
-                                  <p>Developer: {v.developer}</p>
-                                </div>
-                                <button
-                                  className='button btntheme3 right-2 bottom-2'
-                                  onClick={() => setSelectedGame(v.id)}
-                                  title={`Click to download specific versions of the game. You have ${(() => {
-                                    const data = getVersionsAmountData(v.id)
-                                    if (!data) return 'N/A'
-                                    return `${data.installed} of ${data.total}`
-                                  })()} versions downloaded.`}
-                                >
-                                  <>
-                                    <FontAwesomeIcon icon={faDownload} />{' '}
-                                    Download
-                                  </>
-                                </button>
-                              </div>
-                            ))}
-                          </div>
-                        </>
                       ) : popupMode === 1 ? (
-                        <>
+                        <DownloadsPopup />
-                          <p className='text-xl text-center'>Downloads</p>
-                          <div className='popup-content'>
-                            {downloadProgress.map((v, i) => (
-                              <div
-                                key={i}
-                                className='popup-entry flex flex-col justify-between'
-                              >
-                                <p className='text-2xl text-center'>
-                                  {
-                                    getGameInfo(getVersionInfo(v.version)?.game)
-                                      ?.name
-                                  }{' '}
-                                  v{getVersionInfo(v.version)?.versionName}
-                                </p>
-                                <div className='mt-6.25 flex items-center justify-between'>
-                                  {v.failed ? (
-                                    <>
-                                      <div className='flex items-center'>
-                                        <span className='text-red-500 inline-block w-full text-center'>
-                                          Download failed
-                                        </span>
-                                        <button
-                                          className='button btntheme3 ml-30 mb-2'
-                                          onClick={() => {
-                                            setDownloadProgress(prev =>
-                                              prev.filter(
-                                                d => d.version !== v.version
-                                              )
-                                            )
-                                          }}
-                                          title='Click to remove this version from this menu.'
-                                        >
-                                          Cancel
-                                        </button>
-                                      </div>
-                                    </>
-                                  ) : v.queued ? (
-                                    <span className='text-yellow-500 inline-block w-full text-center'>
-                                      Queued…
-                                    </span>
-                                  ) : v.queued ? (
-                                    <span className='text-yellow-500 inline-block w-full text-center'>
-                                      Queued…
-                                    </span>
-                                  ) : v.hash_checking ? (
-                                    <span className='text-blue-500 inline-block w-full text-center'>
-                                      Checking hash...
-                                    </span>
-                                  ) : v.finishing ? (
-                                    <span className='text-green-500 inline-block w-full text-center'>
-                                      Finishing...
-                                    </span>
-                                  ) : (
-                                    <div className='flex flex-col gap-1 w-full'>
-                                      <span className='text-center'>
-                                        Downloaded{' '}
-                                        {prettyBytes(v.progressBytes, {
-                                          minimumFractionDigits: 1,
-                                          maximumFractionDigits: 1
-                                        })}{' '}
-                                        of{' '}
-                                        {prettyBytes(
-                                          getVersionInfo(v.version)?.size ?? 0,
-                                          {
-                                            minimumFractionDigits: 1,
-                                            maximumFractionDigits: 1
-                                          }
-                                        )}{' '}
-                                        (ETA: {formatEtaSmart(v.etaSecs)} &bull;
-                                        Speed:{' '}
-                                        {prettyBytes(v.speed, {
-                                          minimumFractionDigits: 1,
-                                          maximumFractionDigits: 1
-                                        })}
-                                        /s)
-                                      </span>
-                                      <ProgressBar
-                                        progress={v.progress}
-                                        className='w-full'
-                                      />
-                                    </div>
-                                  )}
-                                </div>
-                              </div>
-                            ))}
-                          </div>
-                        </>
                       ) : popupMode === 2 ? (
-                        managingVersion ? (
+                        <VersionVersionPopup />
-                          <>
-                            <p className='text-xl text-center'>
-                              Manage{' '}
-                              {
-                                getGameInfo(
-                                  getVersionInfo(managingVersion)?.game
-                                )?.name
-                              }{' '}
-                              v{getVersionInfo(managingVersion)?.versionName}
-                            </p>
-                            <div className='popup-content flex flex-col items-center justify-center gap-2 h-full'>
-                              <button
-                                className='button btntheme2'
-                                disabled={downloadProgress.length != 0}
-                                onClick={async () => {
-                                  closePopup()
-
-                                  setDownloadedVersionsConfig(prev => {
-                                    if (!prev) return prev
-                                    const updatedList = prev.list.filter(
-                                      v => v !== managingVersion
-                                    )
-                                    const updatedTimestamps =
-                                      Object.fromEntries(
-                                        Object.entries(prev.timestamps).filter(
-                                          ([k]) => k !== managingVersion
-                                        )
-                                      )
-                                    const updatedConfig = {
-                                      ...prev,
-                                      list: updatedList,
-                                      timestamps: updatedTimestamps
-                                    }
-                                    writeVersionsConfig(updatedConfig)
-                                    setManagingVersion(null)
-                                    setFadeOut(true)
-                                    setTimeout(() => setShowPopup(false), 200)
-                                    return updatedConfig
-                                  })
-
-                                  if (
-                                    await exists('game/' + managingVersion, {
-                                      baseDir: BaseDirectory.AppLocalData
-                                    })
-                                  )
-                                    await remove('game/' + managingVersion, {
-                                      baseDir: BaseDirectory.AppLocalData,
-                                      recursive: true
-                                    })
-                                }}
-                                title='Click to uninstall this game. This will NOT remove any progress or any save files.'
-                              >
-                                Uninstall
-                              </button>
-                              <button
-                                className='button btntheme2'
-                                onClick={async () =>
-                                  invoke('open_folder', {
-                                    name: managingVersion
-                                  })
-                                }
-                                title="Click to browse the game's files."
-                              >
-                                Open Folder
-                              </button>
-                            </div>
-                          </>
-                        ) : (
-                          <p className='text-xl text-center'>
-                            No version selected
-                          </p>
-                        )
-                      ) : popupMode === 3 ? (
-                        managingVersion && downloadedVersionsConfig ? (
-                          <VersionInfo />
-                        ) : (
-                          <p className='text-xl text-center'>
-                            No version selected
-                          </p>
-                        )
-                      ) : popupMode === 4 ? (
-                        managingVersion && downloadedVersionsConfig ? (
-                          <VersionChangelog />
-                        ) : (
-                          <p className='text-xl text-center'>
-                            No version selected
-                          </p>
-                        )
                       ) : null}
-                      {popupMode == 0 &&
-                        selectedGame &&
-                        serverVersionList != null && (
-                          <div className='flex justify-center'>
-                            <button
-                              className='button btntheme1 w-fit mt-2 -mb-4'
-                              onClick={() => {
-                                setFadeOut(true)
-                                setTimeout(() => setShowPopup(false), 200)
-                                downloadVersions()
-                              }}
-                              disabled={downloadProgress.length != 0}
-                              title={
-                                downloadProgress.length != 0
-                                  ? "You cannot download the versions as you have another download that hasn't completed."
-                                  : `Click to download ${
-                                      selectedVersionList.length
-                                    } version${
-                                      selectedVersionList.length == 1 ? '' : 's'
-                                    } of ${getGameInfo(selectedGame)?.name}`
-                              }
-                            >
-                              Download {selectedVersionList.length} version
-                              {selectedVersionList.length == 1 ? '' : 's'}
-                            </button>
-                            <button
-                              className='button btntheme1 w-fit mt-2 ml-2 -mb-4'
-                              onClick={() => {
-                                const allIds = getSpecialVersionsList(
-                                  selectedGame
-                                ).map(v => v.id)
-                                setSelectedVersionList(prev =>
-                                  prev.length === allIds.length ? [] : allIds
-                                )
-                              }}
-                              title={
-                                selectedVersionList.length ===
-                                getSpecialVersionsList(selectedGame).length
-                                  ? 'Click to remove all selected versions for download.'
-                                  : 'Click to add all selected versions for download.'
-                              }
-                            >
-                              {selectedVersionList.length ===
-                              getSpecialVersionsList(selectedGame).length
-                                ? 'Deselect All'
-                                : 'Select All'}
-                            </button>
-                          </div>
-                        )}
                     </div>
                   </div>
                 )}

src/app/page.tsx

@@ -1,9 +1,8 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 import './Installs.css'
 import { useGlobal } from './GlobalProvider'
-import Link from 'next/link'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import {
   faCheck,
@@ -24,7 +23,8 @@ export default function Installs () {
     normalConfig,
     setSelectedGame,
     getListOfGames,
-    getVersionsAmountData
+    getVersionsAmountData,
+    setCategory
   } = useGlobal()
 
   const router = useRouter()
@@ -54,12 +54,13 @@ export default function Installs () {
       <div className='downloads-container'>
         <div
           className={`downloads-scroll ${
-            platform() === 'windows'
+            platform() == 'windows'
               ? 'h-[calc(100vh-116px)]'
               : 'h-[calc(100vh-84px)]'
           }`}
         >
-          {downloadedVersionsConfig && downloadedVersionsConfig.list.length ? (
+          {downloadedVersionsConfig &&
+          Object.keys(downloadedVersionsConfig.list).length ? (
             getListOfGames()
               .sort((a, b) => {
                 return a.id - b.id
@@ -67,18 +68,10 @@ export default function Installs () {
               .map(i => (
                 <div
                   key={i.id}
-                  className={`downloads-entry ${
+                  className={'downloads-entry'}
-                    normalConfig?.settings.useLegacyInteractButtons
+                  title={'Click to view game installs'}
-                      ? ''
-                      : 'cursor-pointer'
-                  }`}
-                  title={
-                    normalConfig?.settings.useLegacyInteractButtons
-                      ? ''
-                      : 'Click to view game installs'
-                  }
                   onClick={() => {
-                    if (normalConfig?.settings.useLegacyInteractButtons) return
+                    setCategory(-1)
                     router.push('/game?id=' + i.id)
                   }}
                 >
@@ -89,6 +82,7 @@ export default function Installs () {
                       <div
                         className='entry-info-item'
                         title='The amount of versions installed of this game in installed/installable format.'
+                        onClick={e => e.stopPropagation()}
                       >
                         <p>
                           {(() => {
@@ -103,6 +97,7 @@ export default function Installs () {
                         className='entry-info-item'
                         hidden={!i.official}
                         title='This game is official.'
+                        onClick={e => e.stopPropagation()}
                       >
                         <FontAwesomeIcon icon={faCheck} color='#19c84b' />
                         <p>Official</p>
@@ -115,6 +110,7 @@ export default function Installs () {
                             ? 'This game is verified to be safe'
                             : 'This game is not verified to be save. Proceed with caution.'
                         }
+                        onClick={e => e.stopPropagation()}
                       >
                         <FontAwesomeIcon
                           icon={i.verified ? faShieldHalved : faWarning}
@@ -123,15 +119,6 @@ export default function Installs () {
                         <p>{i.verified ? 'Verified' : 'Unverified'}</p>
                       </div>
                     </div>
-
-                    <Link
-                      className='button absolute right-0 bottom-0'
-                      href={'/game?id=' + i.id}
-                      hidden={!normalConfig?.settings.useLegacyInteractButtons}
-                      title='Click to view game installs'
-                    >
-                      Installs
-                    </Link>
                   </div>
                 </div>
               ))

src/app/settings/page.tsx

@@ -1,17 +1,18 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { Setting } from '../componets/Setting'
+import { Setting } from '@/componets/Setting'
-import { writeNormalConfig } from '../util/BazookaManager'
+import { writeNormalConfig } from '@/lib/BazookaManager'
-import { useGlobal } from '../GlobalProvider'
+import { useGlobal } from '@/app/GlobalProvider'
-import { copyToClipboard } from '../util/Clipboard'
+import { copyToClipboard } from '@/lib/Clipboard'
+import { platform } from '@tauri-apps/plugin-os'
 
 export default function Settings () {
   const [allowNotifications, setAllowNotifications] = useState(false)
   const [alwaysShowGamesInSidebar, setAlwaysShowGamesInSidebar] =
     useState(false)
-  const [useLegacyInteractButtons, setUseLegacyInteractButtons] =
+  const [useWineOnUnixWhenNeeded, setUseWineOnUnixWhenNeeded] = useState(false)
-    useState(false)
+  const [wineOnUnixCommand, setWineOnUnixCommand] = useState('wine %path%')
   const [theme, setTheme] = useState(0)
 
   const [loaded, setLoaded] = useState(false)
@@ -24,9 +25,10 @@ export default function Settings () {
         setAlwaysShowGamesInSidebar(
           normalConfig.settings.alwaysShowGamesInSidebar
         )
-        setUseLegacyInteractButtons(
+        setUseWineOnUnixWhenNeeded(
-          normalConfig.settings.useLegacyInteractButtons
+          normalConfig.settings.useWineOnUnixWhenNeeded
         )
+        setWineOnUnixCommand(normalConfig.settings.wineOnUnixCommand)
         setTheme(normalConfig.settings.theme)
         setLoaded(true)
         break
@@ -43,24 +45,22 @@ export default function Settings () {
             label='Allow sending notifications'
             value={allowNotifications}
             onChange={async () => {
-              while (normalConfig != null) {
+              if (!normalConfig) return
-                setAllowNotifications(!allowNotifications)
+              setAllowNotifications(!allowNotifications)
-                setNormalConfig({
+              setNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    allowNotifications: !allowNotifications
+                  allowNotifications: !allowNotifications
-                  }
+                }
-                })
+              })
-                writeNormalConfig({
+              await writeNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    allowNotifications: !allowNotifications
+                  allowNotifications: !allowNotifications
-                  }
+                }
-                })
+              })
-                break
-              }
             }}
             title='This setting does as you expect, allow the launcher to send notifications for when stuff like downloading is done.'
           />
@@ -68,85 +68,105 @@ export default function Settings () {
             label='Always show games in sidebar'
             value={alwaysShowGamesInSidebar}
             onChange={async () => {
-              while (normalConfig != null) {
+              if (!normalConfig) return
-                setAlwaysShowGamesInSidebar(!alwaysShowGamesInSidebar)
+              setAlwaysShowGamesInSidebar(!alwaysShowGamesInSidebar)
-                setNormalConfig({
+              setNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    alwaysShowGamesInSidebar: !alwaysShowGamesInSidebar
+                  alwaysShowGamesInSidebar: !alwaysShowGamesInSidebar
-                  }
+                }
-                })
+              })
-                writeNormalConfig({
+              await writeNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    alwaysShowGamesInSidebar: !alwaysShowGamesInSidebar
+                  alwaysShowGamesInSidebar: !alwaysShowGamesInSidebar
-                  }
+                }
-                })
+              })
-                break
-              }
             }}
             title="This setting will make it so when you are on a page like this, the games won't disappear."
           />
           <Setting
-            label='Show Installs/Launch/Manage Buttons'
+            label='Use wine when needed to launch games'
-            value={useLegacyInteractButtons}
+            value={useWineOnUnixWhenNeeded}
             onChange={async () => {
-              while (normalConfig != null) {
+              if (!normalConfig) return
-                setUseLegacyInteractButtons(!useLegacyInteractButtons)
+              setUseWineOnUnixWhenNeeded(!useWineOnUnixWhenNeeded)
-                setNormalConfig({
+              setNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    useLegacyInteractButtons: !useLegacyInteractButtons
+                  useWineOnUnixWhenNeeded: !useWineOnUnixWhenNeeded
-                  }
+                }
-                })
+              })
-                writeNormalConfig({
+              await writeNormalConfig({
-                  ...normalConfig,
+                ...normalConfig,
-                  settings: {
+                settings: {
-                    ...normalConfig.settings,
+                  ...normalConfig.settings,
-                    useLegacyInteractButtons: !useLegacyInteractButtons
+                  useWineOnUnixWhenNeeded: !useWineOnUnixWhenNeeded
-                  }
+                }
-                })
+              })
-                break
-              }
             }}
-            title='Enable the legacy method of using the installs/launch/manage buttons. In the future this setting may be removed so try and get used to the new method.'
+            className={platform() == 'linux' ? '' : 'hidden'}
           />
+          <p hidden={!(platform() == 'linux' && useWineOnUnixWhenNeeded)}>
+            Wine Command:
+          </p>
+          <input
+            type='text'
+            value={wineOnUnixCommand}
+            onChange={async e => {
+              if (!normalConfig) return
+              setWineOnUnixCommand(e.target.value)
+              setNormalConfig({
+                ...normalConfig,
+                settings: {
+                  ...normalConfig.settings,
+                  wineOnUnixCommand: e.target.value
+                }
+              })
+              await writeNormalConfig({
+                ...normalConfig,
+                settings: {
+                  ...normalConfig.settings,
+                  wineOnUnixCommand: e.target.value
+                }
+              })
+            }}
+            className={`input-field my-1 ${
+              platform() == 'linux' && useWineOnUnixWhenNeeded ? '' : 'hidden'
+            }`}
+          ></input>
           <div title='The theme you want the launcher to use.'>
             <label className='text-lg'>Theme:</label>
             <select
               className='ml-2 bg-(--col2) border border-(--col4) rounded-md'
               value={theme}
               onChange={async e => {
+                if (!normalConfig) return
                 const newTheme = parseInt(e.target.value)
-                while (normalConfig != null) {
+                setTheme(newTheme)
-                  setTheme(newTheme)
+                setNormalConfig({
-                  setNormalConfig({
+                  ...normalConfig,
-                    ...normalConfig,
+                  settings: {
-                    settings: {
+                    ...normalConfig.settings,
-                      ...normalConfig.settings,
+                    theme: newTheme
-                      theme: newTheme
+                  }
-                    }
+                })
-                  })
+                await writeNormalConfig({
-                  writeNormalConfig({
+                  ...normalConfig,
-                    ...normalConfig,
+                  settings: {
-                    settings: {
+                    ...normalConfig.settings,
-                      ...normalConfig.settings,
+                    theme: newTheme
-                      theme: newTheme
+                  }
-                    }
+                })
-                  })
-                  break
-                }
               }}
             >
               <option value={0}>Dark (default)</option>
               <option value={1}>Red</option>
-              <option value={2}>Green</option>
+              <option value={2}>Blue</option>
-              <option value={3}>Blue</option>
+              <option value={3}>Purple</option>
-              <option value={4}>Purple</option>
-              <option value={5}>Mint</option>
             </select>
           </div>
         </div>

src/app/types/LeaderboardEntry.ts

@@ -1,10 +0,0 @@
-export interface LeaderboardEntry {
-  username: string
-  userid: bigint
-  value: bigint
-  icon: number
-  overlay: number
-  birdColor: number[]
-  overlayColor: number[]
-  customIcon: string | null
-}

src/app/types/LeaderboardResponse.ts

@@ -1,6 +0,0 @@
-import { LeaderboardEntry } from './LeaderboardEntry'
-
-export interface LeaderboardResponse {
-  entries: LeaderboardEntry[]
-  customIcons: Record<string, string>
-}

src/app/types/VersionsConfig.ts

@@ -1,20 +0,0 @@
-type VersionsConfigData = {
-  version: string
-  list: string[]
-  timestamps: Record<string, number>
-}
-
-export class VersionsConfig {
-  constructor (
-    public version: string,
-    public list: string[] = [],
-    public timestamps: Record<string, number> = {}
-  ) {}
-
-  static import (data: VersionsConfigData) {
-    const cfg = new VersionsConfig(data.version)
-    cfg.list = [...data.list]
-    cfg.timestamps = { ...data.timestamps }
-    return cfg
-  }
-}

src/componets/Setting.tsx

@@ -1,7 +1,7 @@
 import './Setting.css'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faCheck } from '@fortawesome/free-solid-svg-icons'
-import { SettingProps } from '../types/SettingProps'
+import { SettingProps } from '@/types/SettingProps'
 
 export function Setting ({
   label,

src/componets/Sidebar.css

@@ -13,10 +13,6 @@
   @apply bg-(--col3) border-(--col4);
 }
 
-.logo {
-  @apply flex items-center pl-2 h-10 w-60 pt-2;
-}
-
 .nav-links {
   @apply flex flex-col px-4 space-y-1;
 }

src/componets/Sidebar.tsx

@@ -0,0 +1,212 @@
+'use client'
+
+import './Sidebar.css'
+import Icon from '@/assets/Icon.png'
+import { openUrl } from '@tauri-apps/plugin-opener'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import {
+  faCog,
+  faDownload,
+  faGamepad,
+  faHexagonNodes,
+  faLayerGroup
+} from '@fortawesome/free-solid-svg-icons'
+import { faDiscord } from '@fortawesome/free-brands-svg-icons'
+import { platform } from '@tauri-apps/plugin-os'
+import { useGlobal } from '@/app/GlobalProvider'
+import Image from 'next/image'
+import Link from 'next/link'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import { getCurrentWindow } from '@tauri-apps/api/window'
+import { Lexend } from 'next/font/google'
+import React from 'react'
+
+const lexend = Lexend({
+  subsets: ['latin']
+})
+
+export default function Sidebar () {
+  const {
+    normalConfig,
+    getListOfGames,
+    setShowPopup,
+    setPopupMode,
+    setFadeOut,
+    downloadProgress,
+    downloadedVersionsConfig,
+    getVersionInfo,
+    category,
+    setCategory
+  } = useGlobal()
+
+  const pathname = usePathname()
+  const params = useSearchParams()
+  const router = useRouter()
+
+  return (
+    <aside className='sidebar'>
+      <div
+        className='macos-drag'
+        hidden={platform() != 'macos'}
+        onMouseDown={e => {
+          if (e.buttons === 1) {
+            if (e.detail === 2) {
+              getCurrentWindow().toggleMaximize()
+            } else {
+              getCurrentWindow().startDragging()
+            }
+          }
+        }}
+      ></div>
+      <div
+        className={`flex items-center h-10 w-60 ${
+          (platform() == 'windows' ? 'pl-1 pt-1' : 'pl-2 pt-2') +
+          (platform() == 'macos' ? ' mt-7' : '')
+        }`}
+        onMouseDown={e => {
+          if (platform() != 'macos') return
+          if (e.buttons === 1) {
+            if (e.detail === 2) {
+              getCurrentWindow().toggleMaximize()
+            } else {
+              getCurrentWindow().startDragging()
+            }
+          }
+        }}
+      >
+        <Image draggable={false} src={Icon} width={36} height={36} alt='' />
+        <p className={`ml-1 text-[16px] whitespace-nowrap ${lexend.className}`}>
+          Lncvrt Games Launcher
+        </p>
+      </div>
+      <nav className='nav-links overflow-auto pt-2'>
+        <Link
+          draggable={false}
+          href='/'
+          className={`link relative flex items-center ${
+            pathname === '/' || pathname.startsWith('/game') ? 'active' : ''
+          }`}
+        >
+          <FontAwesomeIcon icon={faHexagonNodes} className='mr-2' /> Games
+        </Link>
+        {getListOfGames()
+          .sort((a, b) => {
+            return a.id - b.id
+          })
+          .map(i => (
+            <React.Fragment key={i.id}>
+              <div
+                draggable={false}
+                className={`link ${
+                  (pathname === '/game' &&
+                    Number(params.get('id') || 0) == i.id) ||
+                  (i.id == 1 && pathname === '/game/berrydash/leaderboards')
+                    ? 'active'
+                    : ''
+                } ml-auto w-50 ${
+                  normalConfig?.settings.alwaysShowGamesInSidebar ||
+                  pathname === '/' ||
+                  pathname.startsWith('/game')
+                    ? ''
+                    : 'hidden'
+                }`}
+                onClick={() => {
+                  setCategory(-1)
+                  router.push('/game?id=' + i.id)
+                }}
+              >
+                <div className='flex items-center'>
+                  <FontAwesomeIcon
+                    icon={
+                      Object.entries(i.categoryNames).length > 0
+                        ? faLayerGroup
+                        : faGamepad
+                    }
+                    className='mr-1'
+                  />
+                  <span className='truncate max-w-full'>{i.name}</span>
+                </div>
+              </div>
+              {Object.entries(i.categoryNames)
+                .sort(([a], [b]) => Number(b) - Number(a))
+                .filter(([key]) => {
+                  const count = Object.keys(
+                    downloadedVersionsConfig?.list ?? {}
+                  ).filter(v => {
+                    const info = getVersionInfo(v)
+                    if (!info) return false
+
+                    if (
+                      platform() == 'linux' &&
+                      info.wine &&
+                      !normalConfig?.settings.useWineOnUnixWhenNeeded
+                    )
+                      return false
+
+                    return info.game === i.id && info.category === Number(key)
+                  }).length
+
+                  return count >= 1
+                })
+                .map(([key, value]) => (
+                  <div
+                    key={`${i.id}-${key}`}
+                    draggable={false}
+                    className={`link ${
+                      (pathname === '/game' &&
+                        Number(params.get('id') || 0) == i.id) ||
+                      (i.id == 1 &&
+                        pathname === '/game/berrydash/leaderboards' &&
+                        category == Number(key))
+                        ? 'active'
+                        : ''
+                    } ml-auto w-47.5 ${
+                      normalConfig?.settings.alwaysShowGamesInSidebar ||
+                      pathname === '/' ||
+                      pathname.startsWith('/game')
+                        ? ''
+                        : 'hidden'
+                    }`}
+                    onClick={() => {
+                      setCategory(Number(key))
+                      router.push('/game?id=' + i.id)
+                    }}
+                  >
+                    <div className='flex items-center'>
+                      <FontAwesomeIcon icon={faGamepad} className='mr-1' />
+                      <span className='truncate max-w-full'>{value}</span>
+                    </div>
+                  </div>
+                ))}
+            </React.Fragment>
+          ))}
+        <Link
+          draggable={false}
+          href='/settings'
+          className={`link ${pathname === '/settings' ? 'active' : ''}`}
+        >
+          <FontAwesomeIcon icon={faCog} className='mr-1' /> Settings
+        </Link>
+        <button
+          onClick={() => openUrl('https://games.lncvrt.xyz/discord')}
+          className='link mr-auto'
+        >
+          <FontAwesomeIcon icon={faDiscord} className='mr-1' /> Community
+        </button>
+      </nav>
+      <div
+        className='sidebar-downloads'
+        hidden={downloadProgress.length == 0}
+        onClick={() => {
+          setPopupMode(1)
+          setShowPopup(true)
+          setFadeOut(false)
+        }}
+      >
+        <p>
+          <FontAwesomeIcon icon={faDownload} /> Downloads
+        </p>
+      </div>
+    </aside>
+  )
+}

src/componets/popups/Downloads.tsx

@@ -0,0 +1,94 @@
+import { useGlobal } from '@/app/GlobalProvider'
+import prettyBytes from 'pretty-bytes'
+import ProgressBar from '../ProgressBar'
+import { formatEtaSmart } from '@/lib/Util'
+
+export default function DownloadsPopup () {
+  const {
+    downloadProgress,
+    getVersionInfo,
+    setDownloadProgress,
+    downloadQueue,
+    setDownloadQueue
+  } = useGlobal()
+
+  return (
+    <>
+      <p className='text-xl text-center'>Downloads</p>
+      <div className='popup-content'>
+        {downloadProgress.map((v, i) => {
+          const queuePosition = downloadQueue.indexOf(v.version)
+          return (
+            <div key={i} className='popup-entry flex flex-col justify-between'>
+              <p className='text-2xl text-center'>
+                {getVersionInfo(v.version)?.displayName}
+              </p>
+              <div className='mt-6.25 flex items-center justify-between'>
+                {v.failed || v.queued ? (
+                  <div className='flex items-center justify-between w-full'>
+                    <span
+                      className={`${
+                        v.failed ? 'text-red-500' : 'text-yellow-300'
+                      } inline-block text-center flex-1`}
+                    >
+                      {v.failed
+                        ? 'Download failed'
+                        : queuePosition === 0
+                        ? 'Starting soon...'
+                        : `Queued (Position ${queuePosition + 1})`}
+                    </span>
+                    <button
+                      className='button btntheme3 -ml-1.25'
+                      onClick={() => {
+                        setDownloadQueue(prev =>
+                          prev.filter(id => id !== v.version)
+                        )
+                        setDownloadProgress(prev =>
+                          prev.filter(d => d.version !== v.version)
+                        )
+                      }}
+                      title='Click to remove this version from the download queue.'
+                    >
+                      Remove
+                    </button>
+                  </div>
+                ) : v.hash_checking || v.finishing ? (
+                  <span
+                    className={`${
+                      v.hash_checking ? 'text-blue-300' : 'text-green-300'
+                    } inline-block w-full text-center`}
+                  >
+                    {v.hash_checking ? 'Verifying file integerty' : 'Finishing'}
+                    ...
+                  </span>
+                ) : (
+                  <div className='flex flex-col gap-1 w-full'>
+                    <span className='text-center'>
+                      Downloaded{' '}
+                      {prettyBytes(v.progressBytes, {
+                        minimumFractionDigits: 1,
+                        maximumFractionDigits: 1
+                      })}{' '}
+                      of{' '}
+                      {prettyBytes(getVersionInfo(v.version)?.size ?? 0, {
+                        minimumFractionDigits: 1,
+                        maximumFractionDigits: 1
+                      })}{' '}
+                      (ETA: {formatEtaSmart(v.etaSecs)} &bull; Speed:{' '}
+                      {prettyBytes(v.speed, {
+                        minimumFractionDigits: 1,
+                        maximumFractionDigits: 1
+                      })}
+                      /s)
+                    </span>
+                    <ProgressBar progress={v.progress} className='w-full' />
+                  </div>
+                )}
+              </div>
+            </div>
+          )
+        })}
+      </div>
+    </>
+  )
+}

src/componets/popups/GamesDownload.tsx

@@ -0,0 +1,92 @@
+import { useGlobal } from '@/app/GlobalProvider'
+import {
+  faCheck,
+  faCode,
+  faDownload,
+  faShieldHalved,
+  faWarning
+} from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+
+export default function GamesDownloadPopup () {
+  const { serverVersionList, getVersionsAmountData, setSelectedGame } =
+    useGlobal()
+
+  return (
+    <>
+      <p className='text-xl text-center'>Select a game to download</p>
+      <div className='popup-content'>
+        {serverVersionList?.games
+          .filter(v => {
+            const data = getVersionsAmountData(v.id)
+            if (!data) return false
+            if (data.total > 0) return true
+          })
+          .map((v, i) => (
+            <div key={i} className='popup-entry'>
+              <p className='text-2xl'>{v.name}</p>
+              <div className='flex gap-2'>
+                <div
+                  className='entry-info-item btntheme3'
+                  title='The amount of versions installed of this game in installed/installable format.'
+                >
+                  <p>
+                    {(() => {
+                      const data = getVersionsAmountData(v.id)
+                      if (!data) return 'N/A'
+                      return `${data.installed}/${data.total}`
+                    })()}{' '}
+                    versions installed
+                  </p>
+                </div>
+                <div
+                  className='entry-info-item btntheme3'
+                  hidden={!v.official}
+                  title='This game is official.'
+                >
+                  <FontAwesomeIcon icon={faCheck} color='#19c84b' />
+                  <p>Official</p>
+                </div>
+                <div
+                  className='entry-info-item btntheme3'
+                  hidden={v.official}
+                  title={
+                    v.verified
+                      ? 'This game is verified to be safe'
+                      : 'This game is NOT verified to be save. Proceed with caution.'
+                  }
+                >
+                  <FontAwesomeIcon
+                    icon={v.verified ? faShieldHalved : faWarning}
+                    color={v.verified ? '#19c84b' : '#ffc800'}
+                  />
+                  <p>{v.verified ? 'Verified' : 'Unverified'}</p>
+                </div>
+              </div>
+              <div
+                className='entry-info-item btntheme3 mt-2'
+                hidden={v.developer == null}
+                title={`The developer of ${v.name} is ${v.developer}.`}
+              >
+                <FontAwesomeIcon icon={faCode} color='lightgray' />
+                <p>Developer: {v.developer}</p>
+              </div>
+              <button
+                className='button btntheme3 right-2 bottom-2'
+                onClick={() => setSelectedGame(v.id)}
+                title={`Click to download specific versions of the game. You have ${(() => {
+                  const data = getVersionsAmountData(v.id)
+                  if (!data) return 'N/A'
+                  return `${data.installed} of ${data.total}`
+                })()} versions downloaded.`}
+              >
+                <>
+                  <FontAwesomeIcon icon={faDownload} /> Download
+                </>
+              </button>
+            </div>
+          ))}
+      </div>
+    </>
+  )
+}

src/componets/popups/VersionVersion.tsx

@@ -0,0 +1,224 @@
+'use client'
+
+import {
+  faArrowUpRightFromSquare,
+  faCheck,
+  faCode,
+  faHardDrive,
+  faShieldHalved,
+  faWarning
+} from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { useGlobal } from '@/app/GlobalProvider'
+import { invoke } from '@tauri-apps/api/core'
+import { useEffect, useState } from 'react'
+import prettyBytes from 'pretty-bytes'
+import { message } from '@tauri-apps/plugin-dialog'
+import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
+import { writeVersionsConfig } from '@/lib/BazookaManager'
+import { openFolder } from '@/lib/Util'
+
+export default function VersionVersionPopup () {
+  const {
+    getGameInfo,
+    getVersionInfo,
+    managingVersion,
+    downloadedVersionsConfig,
+    viewingInfoFromDownloads,
+    setManagingVersion,
+    closePopup,
+    setDownloadedVersionsConfig,
+    setPopupMode,
+    setSelectedVersionList,
+    downloadVersions
+  } = useGlobal()
+  const [versionSize, setVersionSize] = useState<number>(0)
+
+  useEffect(() => {
+    if (viewingInfoFromDownloads) return
+    invoke<string>('folder_size', {
+      version: managingVersion
+    }).then(size => {
+      setVersionSize(Number(size))
+    })
+  }, [managingVersion, setVersionSize, viewingInfoFromDownloads])
+
+  if (!managingVersion || !downloadedVersionsConfig) return <></>
+
+  const versionInfo = getVersionInfo(managingVersion)
+  const gameInfo = getGameInfo(versionInfo?.game)
+
+  return (
+    <>
+      <p className='text-xl text-center'>Viewing {versionInfo?.displayName}</p>
+      <div className='popup-content flex flex-col items-center justify-center gap-2 h-full'>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={viewingInfoFromDownloads}
+        >
+          <p>
+            Installed{' '}
+            {new Intl.DateTimeFormat(undefined).format(
+              downloadedVersionsConfig.list[managingVersion] ?? 0
+            )}
+          </p>
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={!versionInfo || versionInfo.releaseDate == 0}
+        >
+          <p>
+            Released{' '}
+            {new Intl.DateTimeFormat(undefined).format(
+              versionInfo?.releaseDate ? versionInfo.releaseDate * 1000 : 0
+            )}
+          </p>
+        </div>
+        <div className='entry-info-item btntheme2' hidden={!gameInfo?.official}>
+          <FontAwesomeIcon icon={faCheck} color='#19c84b' />
+          <p>Official</p>
+        </div>
+        <div className='entry-info-item btntheme2' hidden={gameInfo?.official}>
+          <FontAwesomeIcon
+            icon={gameInfo?.verified ? faShieldHalved : faWarning}
+            color={gameInfo?.verified ? '#19c84b' : '#ffc800'}
+          />
+          <p>{gameInfo?.verified ? 'Verified' : 'Unverified'}</p>
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={gameInfo?.developer == null}
+        >
+          <FontAwesomeIcon icon={faCode} color='lightgray' />
+          <p>Developer: {gameInfo?.developer}</p>
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={viewingInfoFromDownloads}
+        >
+          <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
+          <p>
+            Size on disk:{' '}
+            {versionSize && versionSize > 0
+              ? prettyBytes(versionSize, {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2
+                })
+              : 'N/A'}
+          </p>
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={!viewingInfoFromDownloads}
+        >
+          <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
+          <p>
+            Size when downloaded (zipped):{' '}
+            {versionInfo
+              ? prettyBytes(versionInfo.size, {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2
+                })
+              : 'Loading...'}
+          </p>
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          onClick={async () => {
+            if (!versionInfo) return
+            await message(atob(versionInfo.changelog), {
+              title: 'Changelog for ' + versionInfo.displayName,
+              kind: 'info'
+            })
+          }}
+          hidden={!versionInfo?.changelog}
+        >
+          <p>View Changelog</p>
+          <FontAwesomeIcon icon={faArrowUpRightFromSquare} color='lightgray' />
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          onClick={async () => openFolder(managingVersion)}
+          title="Click to browse the game's files."
+          hidden={viewingInfoFromDownloads}
+        >
+          Open Folder
+          <FontAwesomeIcon icon={faArrowUpRightFromSquare} color='lightgray' />
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          onClick={async () => {
+            closePopup()
+
+            setDownloadedVersionsConfig(prev => {
+              if (!prev) return prev
+              const updatedList = Object.fromEntries(
+                Object.entries(prev.list).filter(([k]) => k !== managingVersion)
+              )
+              const updatedConfig = {
+                ...prev,
+                list: updatedList
+              }
+              writeVersionsConfig(updatedConfig)
+              return updatedConfig
+            })
+
+            if (
+              await exists('game/' + managingVersion, {
+                baseDir: BaseDirectory.AppLocalData
+              })
+            )
+              await remove('game/' + managingVersion, {
+                baseDir: BaseDirectory.AppLocalData,
+                recursive: true
+              })
+          }}
+          title='Click to uninstall this game. This will NOT remove any progress or any save files.'
+          hidden={viewingInfoFromDownloads}
+        >
+          Uninstall
+        </div>
+        <div
+          className='entry-info-item btntheme2'
+          onClick={async () => {
+            //change popup to downloads
+            setManagingVersion(null)
+            setPopupMode(1)
+
+            //uninstall
+            setDownloadedVersionsConfig(prev => {
+              if (!prev) return prev
+              const updatedList = Object.fromEntries(
+                Object.entries(prev.list).filter(([k]) => k !== managingVersion)
+              )
+              const updatedConfig = {
+                ...prev,
+                list: updatedList
+              }
+              writeVersionsConfig(updatedConfig)
+              return updatedConfig
+            })
+
+            if (
+              await exists('game/' + managingVersion, {
+                baseDir: BaseDirectory.AppLocalData
+              })
+            )
+              await remove('game/' + managingVersion, {
+                baseDir: BaseDirectory.AppLocalData,
+                recursive: true
+              })
+
+            //reinstall
+            setSelectedVersionList([managingVersion])
+            downloadVersions([managingVersion])
+          }}
+          title="Click to reinstall this game. This will NOT remove any progress or any save files. This WILL uninstall any modifications to the game's executable files."
+          hidden={viewingInfoFromDownloads}
+        >
+          Reinstall
+        </div>
+      </div>
+    </>
+  )
+}

src/componets/popups/VersionsDownload.tsx

@@ -0,0 +1,120 @@
+import { useGlobal } from '@/app/GlobalProvider'
+import { faAdd, faInfo, faRemove } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+
+export default function VersionsDownloadPopup () {
+  const {
+    selectedVersionList,
+    setSelectedVersionList,
+    setManagingVersion,
+    setPopupMode,
+    getSpecialVersionsList,
+    selectedGame,
+    setViewingInfoFromDownloads,
+    downloadedVersionsConfig,
+    downloadVersions,
+    getGameInfo
+  } = useGlobal()
+  if (!selectedGame) return <></>
+
+  return (
+    <>
+      <p className='text-xl text-center'>Select versions to download</p>
+      <div className='popup-content'>
+        {getSpecialVersionsList(selectedGame).map((v, i) => (
+          <div key={i} className='popup-entry'>
+            <div className='flex items-center'>
+              <p
+                className={`text-2xl truncate ${
+                  selectedVersionList.includes(v.id)
+                    ? 'max-w-84.5'
+                    : 'max-w-91.5'
+                }`}
+              >
+                {v.displayName}
+              </p>
+            </div>
+            <button
+              className='button btntheme3 right-20.75 bottom-1.75'
+              onClick={() => {
+                setSelectedVersionList(prev =>
+                  prev.includes(v.id)
+                    ? prev.filter(i => i !== v.id)
+                    : [...prev, v.id]
+                )
+              }}
+              title={
+                selectedVersionList.includes(v.id)
+                  ? 'This version will be downloaded. Click to remove from the list of versions that will be downloaded.'
+                  : 'This version will NOT be downloaded. Click to add from the list of versions that will be downloaded.'
+              }
+            >
+              {selectedVersionList.includes(v.id) ? (
+                <>
+                  <FontAwesomeIcon icon={faRemove} /> Remove
+                </>
+              ) : (
+                <>
+                  <FontAwesomeIcon icon={faAdd} /> Add
+                </>
+              )}
+            </button>
+            <button
+              className='button btntheme3 right-1.5 bottom-1.75'
+              onClick={() => {
+                setManagingVersion(v.id)
+                setViewingInfoFromDownloads(true)
+                setPopupMode(2)
+              }}
+              title='Click to view version info'
+            >
+              <FontAwesomeIcon icon={faInfo} /> Info
+            </button>
+          </div>
+        ))}
+      </div>
+      <div className='flex justify-center'>
+        <button
+          className='button btntheme1 w-fit mt-2 -mb-4'
+          onClick={() => {
+            if (downloadedVersionsConfig) {
+              downloadVersions(selectedVersionList)
+              setPopupMode(1)
+            }
+          }}
+          disabled={selectedVersionList.length == 0}
+          title={
+            selectedVersionList.length == 0
+              ? 'Select at least one version to download'
+              : `Download ${selectedVersionList.length} version${
+                  selectedVersionList.length == 1 ? '' : 's'
+                } of ${getGameInfo(selectedGame)?.name}`
+          }
+        >
+          Download {selectedVersionList.length} version
+          {selectedVersionList.length == 1 ? '' : 's'}
+        </button>
+        <button
+          className='button btntheme1 w-fit mt-2 ml-2 -mb-4'
+          onClick={() => {
+            const allIds = getSpecialVersionsList(selectedGame).map(v => v.id)
+            setSelectedVersionList(prev =>
+              prev.length === allIds.length ? [] : allIds
+            )
+          }}
+          title={
+            selectedVersionList.length ===
+            getSpecialVersionsList(selectedGame).length
+              ? 'Click to remove all selected versions for download.'
+              : 'Click to add all selected versions for download.'
+          }
+        >
+          {selectedVersionList.length ===
+          getSpecialVersionsList(selectedGame).length
+            ? 'Deselect All'
+            : 'Select All'}
+        </button>
+      </div>
+    </>
+  )
+}

src/lib/BazookaManager.ts

@@ -1,5 +1,5 @@
 import { app } from '@tauri-apps/api'
-import { NormalConfig } from '../types/NormalConfig'
+import { NormalConfig } from '@/types/NormalConfig'
 import {
   BaseDirectory,
   create,
@@ -8,7 +8,7 @@ import {
   readTextFile,
   writeFile
 } from '@tauri-apps/plugin-fs'
-import { VersionsConfig } from '../types/VersionsConfig'
+import { VersionsConfig } from '@/types/VersionsConfig'
 
 export async function readNormalConfig (): Promise<NormalConfig> {
   const version = await app.getVersion()
@@ -32,7 +32,31 @@ export async function readNormalConfig (): Promise<NormalConfig> {
       return new NormalConfig(version)
     }
     const config = await readTextFile('config.json', options)
-    return NormalConfig.import(JSON.parse(config))
+    const raw = JSON.parse(config)
+    if (
+      raw.settings &&
+      raw.settings.theme &&
+      (raw.version == '1.0.0' ||
+        raw.version == '1.1.0' ||
+        raw.version == '1.1.1' ||
+        raw.version == '1.2.0' ||
+        raw.version == '1.3.0' ||
+        raw.version == '1.3.1' ||
+        raw.version == '1.4.0' ||
+        raw.version == '1.5.0' ||
+        raw.version == '1.5.1' ||
+        raw.version == '1.5.2' ||
+        raw.version == '1.5.3' ||
+        raw.version == '1.5.4')
+    ) {
+      const parsed = Number(raw.settings.theme)
+      if (parsed == 3) raw.settings.theme = 2
+      if (parsed == 4) raw.settings.theme = 3
+      else if (parsed != 0 && parsed != 1) raw.settings.theme = 0
+    }
+    raw.version = version
+    writeNormalConfig(raw)
+    return NormalConfig.import(raw)
   } catch {
     return new NormalConfig(version)
   }
@@ -82,7 +106,20 @@ export async function readVersionsConfig (): Promise<VersionsConfig> {
       return new VersionsConfig(version)
     }
     const config = await readTextFile('versions.json', options)
-    return VersionsConfig.import(JSON.parse(config))
+    const raw = JSON.parse(config)
+    if (raw.list && raw.timestamps) {
+      raw.list = raw.timestamps
+      delete raw.timestamps
+
+      await writeFile(
+        'versions.json',
+        new TextEncoder().encode(JSON.stringify(raw, null, 2)),
+        options
+      )
+    }
+    raw.version = version
+    writeVersionsConfig(raw)
+    return VersionsConfig.import(raw)
   } catch {
     return new VersionsConfig(version)
   }

src/lib/BerryDash.ts

@@ -0,0 +1,7 @@
+export const GetIconForUser = (user: number) => {
+  if (user == 1) return -1
+  else if (user == 2) return -2
+  else if (user == 4) return -3
+  else if (user == 3) return -4
+  else return 1
+}

src/lib/Clipboard.ts

@@ -1,4 +1,4 @@
-import { NormalConfig } from '../types/NormalConfig'
+import { NormalConfig } from '@/types/NormalConfig'
 import { notifyUser } from './Notifications'
 
 export async function copyToClipboard (

src/lib/Util.ts

@@ -0,0 +1,50 @@
+import { message } from '@tauri-apps/plugin-dialog'
+import { BaseDirectory, exists, stat } from '@tauri-apps/plugin-fs'
+import { openPath } from '@tauri-apps/plugin-opener'
+import { join, appLocalDataDir } from '@tauri-apps/api/path'
+
+export const openFolder = async (name: string) => {
+  const relativePath = await join('game', name)
+  const basePath = await appLocalDataDir()
+  const absolutePath = await join(basePath, relativePath)
+
+  const folderExists = await exists(relativePath, {
+    baseDir: BaseDirectory.AppLocalData
+  })
+
+  if (!folderExists) {
+    await message(`Game folder "${absolutePath}" not found.`, {
+      title: 'Folder not found',
+      kind: 'error'
+    })
+    return
+  }
+
+  const folderStat = await stat(relativePath, {
+    baseDir: BaseDirectory.AppLocalData
+  })
+
+  if (folderStat.isFile) {
+    await message(`Game folder "${absolutePath}" not found.`, {
+      title: 'Folder not found',
+      kind: 'error'
+    })
+    return
+  }
+
+  await openPath(absolutePath)
+}
+
+export const formatEtaSmart = (seconds: number) => {
+  if (seconds < 60) return `${Math.floor(seconds)}s`
+  if (seconds < 3600)
+    return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`
+  if (seconds < 86400) {
+    const h = Math.floor(seconds / 3600)
+    const m = Math.floor((seconds % 3600) / 60)
+    return `${h}h ${m}m`
+  }
+  const d = Math.floor(seconds / 86400)
+  const h = Math.floor((seconds % 86400) / 3600)
+  return `${d}d ${h}h`
+}

src/types/BerryDash/BirdColor.ts

@@ -0,0 +1 @@
+export type BirdColor = [number, number, number]

src/types/Game.ts

@@ -4,4 +4,5 @@ export interface Game {
   official: boolean
   verified: boolean
   developer: string | null
+  categoryNames: Record<string, string>
 }

src/types/GameVersion.ts

@@ -1,6 +1,6 @@
 export interface GameVersion {
   id: string
-  versionName: string
+  displayName: string
   releaseDate: number
   game: number
   downloadUrl: string
@@ -9,4 +9,7 @@ export interface GameVersion {
   size: number
   place: number
   changelog: string
+  wine: number | undefined
+  category: number
+  lastRevision: number
 }

src/types/SettingsType.ts

@@ -2,7 +2,8 @@ export class SettingsType {
   constructor (
     public allowNotifications: boolean = true,
     public alwaysShowGamesInSidebar: boolean = true,
-    public useLegacyInteractButtons: boolean = false,
+    public useWineOnUnixWhenNeeded: boolean = false,
+    public wineOnUnixCommand: string = 'wine %path%',
     public theme: number = 0
   ) {}
 }

src/types/VersionsConfig.ts

@@ -0,0 +1,17 @@
+export type VersionsConfigData = {
+  version: string
+  list: Record<string, number>
+}
+
+export class VersionsConfig {
+  constructor (
+    public version: string,
+    public list: Record<string, number> = {}
+  ) {}
+
+  static import (data: VersionsConfigData) {
+    const cfg = new VersionsConfig(data.version)
+    cfg.list = { ...data.list }
+    return cfg
+  }
+}

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "ES2017",
+    "target": "es2024",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -28,7 +28,9 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts",
-    "**/*.mts"
+    "**/*.mts",
+    "next.config.ts",
+    "eslint.config.ts"
   ],
   "exclude": ["node_modules"]
 }