1.5.0

README.md

@@ -1,3 +0,0 @@
-# Berry Dash Launcher
-
-The version launcher for Berry Dash users

bun.lock

@@ -18,7 +18,7 @@
         "@tauri-apps/plugin-os": "2.3.2",
         "axios": "1.13.2",
         "date-fns": "4.1.0",
-        "next": "16.1.0",
+        "next": "16.1.1",
         "pretty-bytes": "7.1.0",
         "react": "19.2.3",
         "react-dom": "19.2.3",
@@ -33,7 +33,7 @@
         "@types/react-dom": "19.2.3",
         "crypto-js": "4.2.0",
         "eslint": "9.39.2",
-        "eslint-config-next": "16.1.0",
+        "eslint-config-next": "16.1.1",
         "tailwindcss": "4.1.18",
         "typescript": "5.9.3",
       },
@@ -80,7 +80,7 @@
 
     "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
 
-    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g=="],
+    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.1", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ=="],
 
     "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="],
 
@@ -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.0", "", {}, "sha512-Dd23XQeFHmhf3KBW76leYVkejHlCdB7erakC2At2apL1N08Bm+dLYNP+nNHh0tzUXfPQcNcXiQyacw0PG4Fcpw=="],
+    "@next/env": ["@next/env@16.1.1", "", {}, "sha512-3oxyM97Sr2PqiVyMyrZUtrtM3jqqFxOQJVuKclDsgj/L728iZt/GyslkN4NwarledZATCenbk4Offjk1hQmaAA=="],
 
-    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@16.1.0", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-sooC/k0LCF4/jLXYHpgfzJot04lZQqsttn8XJpTguP8N3GhqXN3wSkh68no2OcZzS/qeGwKDFTqhZ8WofdXmmQ=="],
+    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@16.1.1", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-Ovb/6TuLKbE1UiPcg0p39Ke3puyTCIKN9hGbNItmpQsp+WX3qrjO3WaMVSi6JHr9X1NrmthqIguVHodMJbh/dw=="],
 
-    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-onHq8dl8KjDb8taANQdzs3XmIqQWV3fYdslkGENuvVInFQzZnuBYYOG2HGHqqtvgmEU7xWzhgndXXxnhk4Z3fQ=="],
+    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-JS3m42ifsVSJjSTzh27nW+Igfha3NdBOFScr9C80hHGrWx55pTrVL23RJbqir7k7/15SKlrLHhh/MQzqBBYrQA=="],
 
-    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-Am6VJTp8KhLuAH13tPrAoVIXzuComlZlMwGr++o2KDjWiKPe3VwpxYhgV6I4gKls2EnsIMggL4y7GdXyDdJcFA=="],
+    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-hbyKtrDGUkgkyQi1m1IyD3q4I/3m9ngr+V93z4oKHrPcmxwNL5iMWORvLSGAf2YujL+6HxgVvZuCYZfLfb4bGw=="],
 
-    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-fVicfaJT6QfghNyg8JErZ+EMNQ812IS0lmKfbmC01LF1nFBcKfcs4Q75Yy8IqnsCqH/hZwGhqzj3IGVfWV6vpA=="],
+    "@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-musl": ["@next/swc-linux-arm64-musl@16.1.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-TojQnDRoX7wJWXEEwdfuJtakMDW64Q7NrxQPviUnfYJvAx5/5wcGE+1vZzQ9F17m+SdpFeeXuOr6v3jbyusYMQ=="],
+    "@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-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.0", "", { "os": "linux", "cpu": "x64" }, "sha512-quhNFVySW4QwXiZkZ34SbfzNBm27vLrxZ2HwTfFFO1BBP0OY1+pI0nbyewKeq1FriqU+LZrob/cm26lwsiAi8Q=="],
+    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-20bYDfgOQAPUkkKBnyP9PTuHiJGM7HzNBbuqmD0jiFVZ0aOldz+VnJhbxzjcSabYsnNjMPsE0cyzEudpYxsrUQ=="],
 
-    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.0", "", { "os": "linux", "cpu": "x64" }, "sha512-6JW0z2FZUK5iOVhUIWqE4RblAhUj1EwhZ/MwteGb//SpFTOHydnhbp3868gxalwea+mbOLWO6xgxj9wA9wNvNw=="],
+    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-9pRbK3M4asAHQRkwaXwu601oPZHghuSC8IXNENgbBSyImHv/zY4K5udBusgdHkvJ/Tcr96jJwQYOll0qU8+fPA=="],
 
-    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-+DK/akkAvvXn5RdYN84IOmLkSy87SCmpofJPdB8vbLmf01BzntPBSYXnMvnEEv/Vcf3HYJwt24QZ/s6sWAwOMQ=="],
+    "@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-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Tr0j94MphimCCks+1rtYPzQFK+faJuhHWCegU9S9gDlgyOk8Y3kPmO64UcjyzZAlligeBtYZ/2bEyrKq0d2wqQ=="],
+    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.1", "", { "os": "win32", "cpu": "x64" }, "sha512-Ncwbw2WJ57Al5OX0k4chM68DKhEPlrXBaSXDCi2kPi5f4d8b3ejr3RRJGfKBLrn2YJL5ezNS7w2TZLHSti8CMw=="],
 
     "@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=="],
 
@@ -294,25 +294,25 @@
 
     "@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.50.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.10.0", "@typescript-eslint/scope-manager": "8.50.0", "@typescript-eslint/type-utils": "8.50.0", "@typescript-eslint/utils": "8.50.0", "@typescript-eslint/visitor-keys": "8.50.0", "ignore": "^7.0.0", "natural-compare": "^1.4.0", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.50.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-O7QnmOXYKVtPrfYzMolrCTfkezCJS9+ljLdKW/+DCvRsc3UAz+sbH6Xcsv7p30+0OwUbeWfUDAQE0vpabZ3QLg=="],
+    "@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/parser": ["@typescript-eslint/parser@8.50.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.50.0", "@typescript-eslint/types": "8.50.0", "@typescript-eslint/typescript-estree": "8.50.0", "@typescript-eslint/visitor-keys": "8.50.0", "debug": "^4.3.4" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q=="],
+    "@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/project-service": ["@typescript-eslint/project-service@8.50.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.50.0", "@typescript-eslint/types": "^8.50.0", "debug": "^4.3.4" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Cg/nQcL1BcoTijEWyx4mkVC56r8dj44bFDvBdygifuS20f3OZCHmFbjF34DPSi07kwlFvqfv/xOLnJ5DquxSGQ=="],
+    "@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/scope-manager": ["@typescript-eslint/scope-manager@8.50.0", "", { "dependencies": { "@typescript-eslint/types": "8.50.0", "@typescript-eslint/visitor-keys": "8.50.0" } }, "sha512-xCwfuCZjhIqy7+HKxBLrDVT5q/iq7XBVBXLn57RTIIpelLtEIZHXAF/Upa3+gaCpeV1NNS5Z9A+ID6jn50VD4A=="],
+    "@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/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.50.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-vxd3G/ybKTSlm31MOA96gqvrRGv9RJ7LGtZCn2Vrc5htA0zCDvcMqUkifcjrWNNKXHUU3WCkYOzzVSFBd0wa2w=="],
+    "@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/type-utils": ["@typescript-eslint/type-utils@8.50.0", "", { "dependencies": { "@typescript-eslint/types": "8.50.0", "@typescript-eslint/typescript-estree": "8.50.0", "@typescript-eslint/utils": "8.50.0", "debug": "^4.3.4", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-7OciHT2lKCewR0mFoBrvZJ4AXTMe/sYOe87289WAViOocEmDjjv8MvIOT2XESuKj9jp8u3SZYUSh89QA4S1kQw=="],
+    "@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/types": ["@typescript-eslint/types@8.50.0", "", {}, "sha512-iX1mgmGrXdANhhITbpp2QQM2fGehBse9LbTf0sidWK6yg/NE+uhV5dfU1g6EYPlcReYmkE9QLPq/2irKAmtS9w=="],
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.51.0", "", {}, "sha512-TizAvWYFM6sSscmEakjY3sPqGwxZRSywSsPEiuZF6d5GmGD9Gvlsv0f6N8FvAAA0CD06l3rIcWNbsN1e5F/9Ag=="],
 
-    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.50.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.50.0", "@typescript-eslint/tsconfig-utils": "8.50.0", "@typescript-eslint/types": "8.50.0", "@typescript-eslint/visitor-keys": "8.50.0", "debug": "^4.3.4", "minimatch": "^9.0.4", "semver": "^7.6.0", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-W7SVAGBR/IX7zm1t70Yujpbk+zdPq/u4soeFSknWFdXIFuWsBGBOUu/Tn/I6KHSKvSh91OiMuaSnYp3mtPt5IQ=="],
+    "@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/utils": ["@typescript-eslint/utils@8.50.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.7.0", "@typescript-eslint/scope-manager": "8.50.0", "@typescript-eslint/types": "8.50.0", "@typescript-eslint/typescript-estree": "8.50.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-87KgUXET09CRjGCi2Ejxy3PULXna63/bMYv72tCAlDJC3Yqwln0HiFJ3VJMst2+mEtNtZu5oFvX4qJGjKsnAgg=="],
+    "@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/visitor-keys": ["@typescript-eslint/visitor-keys@8.50.0", "", { "dependencies": { "@typescript-eslint/types": "8.50.0", "eslint-visitor-keys": "^4.2.1" } }, "sha512-Xzmnb58+Db78gT/CCj/PVCvK+zxbnsw6F+O1oheYszJbBSdEjVhQi3C/Xttzxgi/GLmpvOggRs1RFpiJ8+c34Q=="],
+    "@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=="],
 
     "@unrs/resolver-binding-android-arm-eabi": ["@unrs/resolver-binding-android-arm-eabi@1.11.1", "", { "os": "android", "cpu": "arm" }, "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw=="],
 
@@ -412,7 +412,7 @@
 
     "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
 
-    "caniuse-lite": ["caniuse-lite@1.0.30001761", "", {}, "sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001762", "", {}, "sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw=="],
 
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
@@ -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.0", "", { "dependencies": { "@next/eslint-plugin-next": "16.1.0", "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-RlPb8E2uO/Ix/w3kizxz6+6ogw99WqtNzTG0ArRZ5NEkIYcsfRb8U0j7aTG7NjRvcrsak5QtUSuxGNN2UcA58g=="],
+    "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-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=="],
 
@@ -510,7 +510,7 @@
 
     "espree": ["espree@10.4.0", "", { "dependencies": { "acorn": "^8.15.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^4.2.1" } }, "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ=="],
 
-    "esquery": ["esquery@1.6.0", "", { "dependencies": { "estraverse": "^5.1.0" } }, "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg=="],
+    "esquery": ["esquery@1.7.0", "", { "dependencies": { "estraverse": "^5.1.0" } }, "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g=="],
 
     "esrecurse": ["esrecurse@4.3.0", "", { "dependencies": { "estraverse": "^5.2.0" } }, "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag=="],
 
@@ -526,7 +526,7 @@
 
     "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="],
 
-    "fastq": ["fastq@1.19.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ=="],
+    "fastq": ["fastq@1.20.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw=="],
 
     "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
 
@@ -740,7 +740,7 @@
 
     "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
 
-    "next": ["next@16.1.0", "", { "dependencies": { "@next/env": "16.1.0", "@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.0", "@next/swc-darwin-x64": "16.1.0", "@next/swc-linux-arm64-gnu": "16.1.0", "@next/swc-linux-arm64-musl": "16.1.0", "@next/swc-linux-x64-gnu": "16.1.0", "@next/swc-linux-x64-musl": "16.1.0", "@next/swc-win32-arm64-msvc": "16.1.0", "@next/swc-win32-x64-msvc": "16.1.0", "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-Y+KbmDbefYtHDDQKLNrmzE/YYzG2msqo2VXhzh5yrJ54tx/6TmGdkR5+kP9ma7i7LwZpZMfoY3m/AoPPPKxtVw=="],
+    "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=="],
 
     "node-releases": ["node-releases@2.0.27", "", {}, "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA=="],
 
@@ -882,7 +882,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.1.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ=="],
+    "ts-api-utils": ["ts-api-utils@2.3.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-6eg3Y9SF7SsAvGzRHQvvc1skDAhwI4YQ32ui1scxD1Ccr0G5qIIbUBT3pFTKX8kmWIQClHobtUdNuaBgwdfdWg=="],
 
     "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 +900,7 @@
 
     "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
 
-    "typescript-eslint": ["typescript-eslint@8.50.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.50.0", "@typescript-eslint/parser": "8.50.0", "@typescript-eslint/typescript-estree": "8.50.0", "@typescript-eslint/utils": "8.50.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Q1/6yNUmCpH94fbgMUMg2/BSAr/6U7GBk61kZTv1/asghQOWOjTlp9K8mixS5NcJmm2creY+UFfGeW/+OcA64A=="],
+    "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=="],
 
     "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=="],
 
@@ -928,7 +928,7 @@
 
     "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
 
-    "zod": ["zod@4.2.1", "", {}, "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw=="],
+    "zod": ["zod@4.3.4", "", {}, "sha512-Zw/uYiiyF6pUT1qmKbZziChgNPRu+ZRneAsMUDU6IwmXdWt5JwcUfy2bvLOCUtz5UniaN/Zx5aFttZYbYc7O/A=="],
 
     "zod-validation-error": ["zod-validation-error@4.0.2", "", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ=="],
 
@@ -942,7 +942,7 @@
 
     "@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=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.0", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-Fq6DJW+Bb5jaWE69/qOE0D1TUN9+6uWhCeZpdnSBk14pjLcCWR7Q8n49PTSPHazM37JqrsdpEthXy2xn6jWWiA=="],
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
 
     "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lncvrt-games-launcher",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.5.0",
   "type": "module",
   "scripts": {
     "dev": "next dev",
@@ -24,23 +24,23 @@
     "@tauri-apps/plugin-os": "2.3.2",
     "axios": "1.13.2",
     "date-fns": "4.1.0",
-    "next": "16.1.0",
+    "next": "16.1.1",
     "pretty-bytes": "7.1.0",
     "react": "19.2.3",
     "react-dom": "19.2.3"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "3.3.3",
     "@tailwindcss/postcss": "4.1.18",
     "@tauri-apps/cli": "2.9.6",
     "@types/crypto-js": "4.2.2",
+    "@types/node": "25.0.3",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "crypto-js": "4.2.0",
-    "@types/node": "25.0.3",
-    "tailwindcss": "4.1.18",
-    "typescript": "5.9.3",
     "eslint": "9.39.2",
-    "eslint-config-next": "16.1.0",
+    "eslint-config-next": "16.1.1",
-    "@eslint/eslintrc": "3.3.3"
+    "tailwindcss": "4.1.18",
+    "typescript": "5.9.3"
   }
 }

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "lncvrt-games-launcher"
-version = "1.3.0"
+version = "1.5.0"
 authors = ["Lncvrt"]
 edition = "2024"
 
@@ -15,15 +15,15 @@ tauri-build = { version = "2.5.3", features = [] }
 tauri = { version = "2.9.5", features = ["macos-private-api"] }
 tauri-plugin-opener = "2.5.2"
 serde = { version = "1.0.228", features = ["derive"] }
-serde_json = "1.0.145"
+serde_json = "1.0.149"
 tauri-plugin-os = "2.3.2"
-reqwest = { version = "0.12.26", default-features = false, features = ["stream", "rustls-tls"] }
+reqwest = { version = "0.13.1", default-features = false, features = ["stream", "rustls"] }
-tokio = "1.48.0"
+tokio = "1.49.0"
 futures-util = { version = "0.3.31", features = ["io"] }
 tauri-plugin-decorum = "1.1.1"
 tauri-plugin-fs = "2.4.4"
 zip = "7.0.0"
-libc = "0.2.178"
+libc = "0.2.179"
 tauri-plugin-dialog = "2.4.2"
 tauri-plugin-notification = "2.3.3"
 sysinfo = "0.37.2"

src-tauri/capabilities/default.json

@@ -21,11 +21,17 @@
     "core:window:allow-toggle-maximize",
     "decorum:allow-show-snap-overlay",
     "fs:default",
-    "fs:allow-applocaldata-read",
-    "fs:allow-applocaldata-write",
     "dialog:default",
     "notification:default",
     "clipboard-manager:default",
-    "clipboard-manager:allow-write-text"
+    "clipboard-manager:allow-write-text",
+    "fs:allow-applocaldata-read",
+    "fs:allow-applocaldata-write",
+    {
+      "identifier": "fs:scope",
+      "allow": [
+        { "path": "$APPLOCALDATA/game/**" }
+      ]
+    }
   ]
 }

src-tauri/src/lib.rs

@@ -15,22 +15,25 @@ use tauri::{AppHandle, Emitter, Manager};
 use tauri_plugin_dialog::{DialogExt, MessageDialogKind};
 use tauri_plugin_opener::OpenerExt;
 use tauri_plugin_os::platform;
+use tokio::io::AsyncReadExt;
 use tokio::{io::AsyncWriteExt, time::timeout};
 use zip::ZipArchive;
 
-#[cfg(target_os = "linux")]
-use std::os::unix::fs::PermissionsExt;
 #[cfg(target_os = "windows")]
 use tauri_plugin_decorum::WebviewWindowExt;
 
-fn is_running_by_path(path: &PathBuf) -> bool {
+#[allow(unused)]
+fn is_running_by_path(path: &Path) -> bool {
     let sys = System::new_all();
+    let target = path.canonicalize().ok();
+    if target.is_none() {
+        return false;
+    }
+    let target = target.unwrap();
     sys.processes().values().any(|proc| {
-        if let Some(exe) = proc.exe() {
+        proc.exe()
-            exe == path
+            .and_then(|exe| exe.canonicalize().ok())
-        } else {
+            .map_or(false, |exe| exe == target)
-            false
-        }
     })
 }
 
@@ -182,9 +185,26 @@ async fn download(
 
     app.emit("download-hash-checking", format!("{}", &name))
         .unwrap();
-    let mut hasher = Sha512::new();
+
-    hasher.update(&tokio::fs::read(download_part_path.clone()).await.unwrap());
+    let download_hash = {
-    let download_hash = format!("{:x}", hasher.finalize());
+        let mut file = tokio::fs::File::open(download_part_path.clone())
+            .await
+            .unwrap();
+        let mut hasher = Sha512::new();
+        {
+            let mut buffer = [0; 8192];
+            loop {
+                let bytes_read = file.read(&mut buffer).await.unwrap();
+                if bytes_read == 0 {
+                    break;
+                }
+                hasher.update(&buffer[..bytes_read]);
+            }
+        }
+        drop(file);
+        format!("{:x}", hasher.finalize())
+    };
+
     if hash != download_hash {
         tokio::fs::remove_file(download_part_path.clone())
             .await
@@ -205,102 +225,77 @@ async fn download(
         return "-1".to_string();
     }
 
-    #[cfg(target_os = "linux")]
+    #[cfg(any(target_os = "linux", target_os = "macos"))]
     {
-        let executable_path = game_path.join(&name).join(&executable);
+        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();
+        fs::set_permissions(&executable_path, perms).unwrap();
     }
-    #[cfg(target_os = "macos")]
-    {
-        use std::fs;
-        use std::os::unix::fs::PermissionsExt;
 
-        let macos_app_path = 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(&macos_app_path).unwrap().permissions();
-        perms.set_mode(0o755);
-        fs::set_permissions(&macos_app_path, perms).unwrap();
-    }
     return "1".to_string();
 }
 
 #[allow(unused_variables)]
 #[tauri::command]
-fn launch_game(app: AppHandle, name: String, executable: String) {
+fn launch_game(app: AppHandle, name: String, executable: String, display_name: String) {
     let game_folder = app
         .path()
         .app_local_data_dir()
         .unwrap()
         .join("game")
         .join(&name);
-    let game_path = game_folder.join(&executable);
+    if !game_folder.exists() {
-    if !game_path.exists() {
-        app.dialog()
-            .message(
-                format!(
-                    "Executable \"{}\" not found.\n\nTry reinstalling the game or make a support request in the Community link on the sidebar.",
-                    game_path.display().to_string()
-                )
-            )
-            .kind(MessageDialogKind::Error)
-            .title("Game not found")
-            .show(|_| {});
         return;
     }
-    if is_running_by_path(&game_path) {
+
-        app.dialog()
+    //if already running on macos, it'll auto take the user to that proccess
-            .message(format!("The version {} is already running.", name))
+    #[cfg(any(target_os = "windows", target_os = "linux"))]
-            .kind(MessageDialogKind::Error)
+    {
-            .title("Game already running")
+        if is_running_by_path(&game_folder.join(&executable)) {
-            .show(|_| {});
+            app.dialog()
-        return;
+                .message(format!(
+                    "{} is already running, if this doesn't seem true, try to kill the proccess.",
+                    display_name
+                ))
+                .kind(MessageDialogKind::Error)
+                .title("Game already running")
+                .show(|_| {});
+            return;
+        }
     }
 
     if platform() == "macos" {
         Command::new("open")
-            .arg(&game_path)
+            .arg(&executable)
             .current_dir(&game_folder)
             .spawn()
             .unwrap();
     } else {
-        Command::new(&game_path)
+        Command::new(&game_folder.join(&executable))
             .current_dir(&game_folder)
             .spawn()
             .unwrap();
     }
 }
 
-#[tauri::command]
-async fn uninstall_version(app: AppHandle, name: String) {
-    let game_path = app
-        .path()
-        .app_local_data_dir()
-        .unwrap()
-        .join("game")
-        .join(&name);
-    if game_path.exists() {
-        if let Err(_) = tokio::fs::remove_dir_all(&game_path).await {
-            app.emit("version-failed", &name).unwrap();
-        } else {
-            app.emit("version-uninstalled", &name).unwrap();
-        }
-    } else {
-        app.emit("version-uninstalled", &name).unwrap();
-    }
-}
-
 #[tauri::command]
 async fn open_folder(app: AppHandle, name: String) {
     let game_path = app
@@ -345,7 +340,6 @@ pub fn run() {
         .invoke_handler(tauri::generate_handler![
             download,
             launch_game,
-            uninstall_version,
             open_folder,
             folder_size
         ])

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src-tauri/tauri.linux.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src-tauri/tauri.macos.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src-tauri/tauri.windows.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src/app/GlobalProvider.tsx

@@ -28,7 +28,7 @@ type GlobalCtxType = {
   setManagingVersion: (v: string | null) => void
   setSelectedGame: (v: number | null) => void
   getVersionInfo: (id: string | undefined) => GameVersion | undefined
-  getVersionGame: (id: number | undefined) => Game | undefined
+  getGameInfo: (id: number | undefined) => Game | undefined
   getListOfGames: () => Game[]
   getVersionsAmountData: (gameId: number) => {
     installed: number

src/app/Globals.css

@@ -64,20 +64,32 @@ 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.5 px-3 transition-colors border;
+  @apply rounded-md cursor-pointer text-[16px] py-1 px-2 transition-colors border;
 }
 
 .btntheme1 {
-  @apply bg-(--col2) border-(--col4) hover:bg-(--col4) hover:border-(--col6);
+  @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 {
-  @apply bg-(--col3) border-(--col5) hover:bg-(--col5) hover:border-(--col7);
+  @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 {
-  @apply bg-(--col4) border-(--col6) hover:bg-(--col6) hover:border-(--col8);
+  @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);
 }
 
 ::-webkit-scrollbar {
@@ -135,7 +147,7 @@ body {
 }
 
 .close-button {
-  @apply flex justify-center items-center absolute bg-(--col3) hover:bg-(--col4) text-2xl cursor-pointer text-gray-300 hover:text-white h-12 w-12 p-3 rounded-xl left-2 top-2 transition-colors border border-(--col4) hover:border-(--col5);
+  @apply flex justify-center items-center absolute text-2xl text-gray-200 hover:text-white cursor-pointer h-12 w-12 p-3 rounded-lg left-2 top-2 transition-colors border;
 }
 
 *:focus {
@@ -147,5 +159,5 @@ body {
 }
 
 .entry-info-item {
-  @apply flex flex-row items-center gap-1 border text-gray-300 py-1 px-2 rounded-lg w-fit text-[16px] transition-colors cursor-pointer;
+  @apply flex flex-row items-center gap-1 border text-gray-300 py-1 px-2 rounded-md w-fit text-[16px] transition-colors cursor-pointer;
 }

src/app/Installs.css

@@ -9,5 +9,15 @@
 }
 
 .downloads-entry {
-  @apply flex justify-between items-center m-2 p-4 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);
+}
+
+.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/Setting.tsx

@@ -3,9 +3,15 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faCheck } from '@fortawesome/free-solid-svg-icons'
 import { SettingProps } from '../types/SettingProps'
 
-export function Setting ({ label, value, onChange, className }: SettingProps) {
+export function Setting ({
+  label,
+  value,
+  onChange,
+  className,
+  title
+}: SettingProps) {
   return (
-    <div className={`flex items-center gap-2 mb-2 ${className}`}>
+    <div className={`flex items-center gap-2 mb-2 ${className}`} title={title}>
       <label className='text-white text-lg'>{label}</label>
       <div className='setting-checkbox-wrapper'>
         <input

src/app/componets/Sidebar.css

@@ -14,7 +14,7 @@
 }
 
 .logo {
-  @apply flex items-center pl-1 h-14 w-60;
+  @apply flex items-center pl-2 h-10 w-60 pt-2;
 }
 
 .nav-links {

src/app/componets/Sidebar.tsx

@@ -17,6 +17,11 @@ 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 {
@@ -63,64 +68,62 @@ export default function Sidebar () {
           }
         }}
       >
-        <Image draggable={false} src={Icon} width={48} height={48} alt='' />
+        <Image draggable={false} src={Icon} width={36} height={36} alt='' />
-        <p className='ml-1 text-[17px] whitespace-nowrap'>
+        <p className={`ml-1 text-[16px] whitespace-nowrap ${lexend.className}`}>
           Lncvrt Games Launcher
         </p>
       </div>
-      <div className='overflow-auto'>
+      <nav className='nav-links overflow-auto pt-2'>
-        <nav className='nav-links'>
+        <Link
-          <Link
+          draggable={false}
-            draggable={false}
+          href='/'
-            href='/'
+          className={`link relative flex items-center ${
-            className={`link relative flex items-center ${
+            pathname === '/' || pathname === '/game' ? 'active' : ''
-              pathname === '/' || pathname === '/game' ? 'active' : ''
+          }`}
-            }`}
+        >
-          >
+          <FontAwesomeIcon icon={faHexagonNodes} className='mr-2' /> Games
-            <FontAwesomeIcon icon={faHexagonNodes} className='mr-2' /> Games
+        </Link>
-          </Link>
+        {getListOfGames()
-          {getListOfGames()
+          .sort((a, b) => {
-            .sort((a, b) => {
+            return a.id - b.id
-              return a.id - b.id
+          })
-            })
+          .map(i => (
-            .map(i => (
+            <Link
-              <Link
+              key={i.id}
-                key={i.id}
+              draggable={false}
-                draggable={false}
+              href={'/game?id=' + i.id}
-                href={'/game?id=' + i.id}
+              className={`link ${
-                className={`link ${
+                pathname === '/game' && Number(params.get('id') || 0) == i.id
-                  pathname === '/game' && Number(params.get('id') || 0) == i.id
+                  ? 'active'
-                    ? 'active'
+                  : ''
-                    : ''
+              } ml-auto w-50 ${
-                } ml-auto w-50 ${
+                normalConfig?.settings.alwaysShowGamesInSidebar ||
-                  normalConfig?.settings.alwaysShowGamesInSidebar ||
+                pathname === '/' ||
-                  pathname === '/' ||
+                pathname === '/game'
-                  pathname === '/game'
+                  ? ''
-                    ? ''
+                  : 'hidden'
-                    : 'hidden'
+              }`}
-                }`}
+            >
-              >
+              <div className='flex items-center'>
-                <div className='flex items-center'>
+                <FontAwesomeIcon icon={faGamepad} className='mr-1' />
-                  <FontAwesomeIcon icon={faGamepad} className='mr-1' />
+                <span className='truncate max-w-full'>{i.name}</span>
-                  <span className='truncate max-w-full'>{i.name}</span>
+              </div>
-                </div>
+            </Link>
-              </Link>
+          ))}
-            ))}
+        <Link
-          <Link
+          draggable={false}
-            draggable={false}
+          href='/settings'
-            href='/settings'
+          className={`link ${pathname === '/settings' ? 'active' : ''}`}
-            className={`link ${pathname === '/settings' ? 'active' : ''}`}
+        >
-          >
+          <FontAwesomeIcon icon={faCog} className='mr-1' /> Settings
-            <FontAwesomeIcon icon={faCog} className='mr-1' /> Settings
+        </Link>
-          </Link>
+        <button
-          <button
+          onClick={() => openUrl('https://games.lncvrt.xyz/discord')}
-            onClick={() => openUrl('https://games.lncvrt.xyz/discord')}
+          className='link mr-auto'
-            className='link mr-auto'
+        >
-          >
+          <FontAwesomeIcon icon={faDiscord} className='mr-1' /> Community
-            <FontAwesomeIcon icon={faDiscord} className='mr-1' /> Community
+        </button>
-          </button>
+      </nav>
-        </nav>
-      </div>
       <div
         className='sidebar-downloads'
         hidden={downloadProgress.length == 0}

src/app/componets/VersionChangelog.tsx

@@ -0,0 +1,32 @@
+'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,6 +1,7 @@
 'use client'
 
 import {
+  faArrowUpRightFromSquare,
   faCheck,
   faCode,
   faHardDrive,
@@ -16,16 +17,17 @@ import prettyBytes from 'pretty-bytes'
 
 export default function VersionInfo () {
   const {
-    getVersionGame,
+    getGameInfo,
     getVersionInfo,
     managingVersion,
     downloadedVersionsConfig,
-    viewingInfoFromDownloads
+    viewingInfoFromDownloads,
+    setPopupMode
   } = useGlobal()
   if (!managingVersion || !downloadedVersionsConfig) return <></>
 
   const versionInfo = getVersionInfo(managingVersion)
-  const gameInfo = getVersionGame(versionInfo?.game)
+  const gameInfo = getGameInfo(versionInfo?.game)
   const [versionSize, setVersionSize] = useState<number | null>(null)
 
   useEffect(() => {
@@ -39,9 +41,7 @@ export default function VersionInfo () {
   return (
     <>
       <p className='text-xl text-center'>
-        Viewing info for{' '}
+        Viewing info for {gameInfo?.name} v{versionInfo?.versionName}
-        {getVersionGame(getVersionInfo(managingVersion)?.game)?.name} v
-        {getVersionInfo(managingVersion)?.versionName}
       </p>
       <div className='popup-content flex flex-col items-center justify-center gap-2 h-full'>
         <div
@@ -83,7 +83,10 @@ export default function VersionInfo () {
           />
           <p>{gameInfo?.verified ? 'Verified' : 'Unverified'}</p>
         </div>
-        <div className='entry-info-item btntheme2' hidden={gameInfo?.official}>
+        <div
+          className='entry-info-item btntheme2'
+          hidden={gameInfo?.developer == null}
+        >
           <FontAwesomeIcon icon={faCode} color='lightgray' />
           <p>Developer: {gameInfo?.developer}</p>
         </div>
@@ -114,6 +117,14 @@ export default function VersionInfo () {
               : '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/page.tsx

@@ -10,7 +10,6 @@ import { platform } from '@tauri-apps/plugin-os'
 
 export default function Installs () {
   const {
-    downloadProgress,
     showPopup,
     setShowPopup,
     setPopupMode,
@@ -20,12 +19,11 @@ export default function Installs () {
     normalConfig,
     setManagingVersion,
     getVersionInfo,
-    getVersionGame,
+    getGameInfo,
     setSelectedGame
   } = useGlobal()
 
   const params = useSearchParams()
-  const [hoveredIds, setHoveredIds] = useState<string[]>([])
 
   useEffect(() => {
     if (!showPopup) return
@@ -37,14 +35,14 @@ export default function Installs () {
       <div className='flex justify-between items-center mb-4'>
         <p className='text-3xl'>Installs</p>
         <button
-          className='button btntheme1 text-3xl'
+          className='button btntheme1'
           onClick={() => {
             setSelectedGame(Number(params.get('id') || 0))
             setPopupMode(0)
             setShowPopup(true)
             setFadeOut(false)
           }}
-          disabled={downloadProgress.length != 0}
+          title='Click to download more versions of this game.'
         >
           Download versions
         </button>
@@ -83,30 +81,40 @@ export default function Installs () {
                       ? ''
                       : 'cursor-pointer'
                   }`}
-                  title='Click to launch game'
+                  title={
+                    normalConfig?.settings.useLegacyInteractButtons
+                      ? ''
+                      : 'Click to launch game. Right-click to manage this version install'
+                  }
                   onClick={async () => {
                     if (normalConfig?.settings.useLegacyInteractButtons) return
                     const verInfo = getVersionInfo(entry)
                     if (verInfo == undefined) return
+                    const gameInfo = getGameInfo(verInfo.game)
+                    if (gameInfo == undefined) return
                     invoke('launch_game', {
                       name: verInfo.id,
-                      executable: verInfo.executable
+                      executable: verInfo.executable,
+                      displayName: `${gameInfo.name} v${verInfo.versionName}`
                     })
                   }}
-                  onMouseEnter={() => setHoveredIds(prev => [...prev, entry])}
+                  onContextMenu={e => {
-                  onMouseLeave={() =>
+                    e.preventDefault()
-                    setHoveredIds(prev => prev.filter(i => i !== i))
+                    setManagingVersion(entry)
-                  }
+                    setPopupMode(2)
+                    setShowPopup(true)
+                    setFadeOut(false)
+                  }}
                 >
-                  <div className='flex flex-col'>
+                  <div className='h-18 w-screen relative'>
                     <p className='text-2xl'>
-                      {getVersionGame(getVersionInfo(entry)?.game)?.name} v
+                      {getGameInfo(getVersionInfo(entry)?.game)?.name} v
                       {getVersionInfo(entry)?.versionName}
                     </p>
+
                     <div
-                      className={`entry-info-item ${
+                      className='entry-info-item absolute left-0 bottom-0'
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                      title='The date the game was installed in MM/dd/yyyy format'
-                      }`}
                     >
                       <p>
                         Installed{' '}
@@ -116,53 +124,56 @@ export default function Installs () {
                         )}
                       </p>
                     </div>
-                  </div>
+
-                  <div className='flex flex-row items-center gap-2'>
+                    <div className='flex gap-2 absolute right-0 bottom-0'>
-                    <button
+                      <button
-                      className={`button ${
+                        className='button'
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                        onClick={e => {
-                      }`}
+                          e.stopPropagation()
-                      onClick={e => {
+                          setManagingVersion(entry)
-                        e.stopPropagation()
+                          setPopupMode(3)
-                        setManagingVersion(entry)
+                          setShowPopup(true)
-                        setPopupMode(3)
+                          setFadeOut(false)
-                        setShowPopup(true)
+                        }}
-                        setFadeOut(false)
+                        title='Click to view version info'
-                      }}
+                      >
-                    >
+                        View Info
-                      View Info
+                      </button>
-                    </button>
+                      <button
-                    <button
+                        className='button'
-                      className={`button ${
+                        hidden={
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                          !normalConfig?.settings.useLegacyInteractButtons
-                      }`}
+                        }
-                      onClick={e => {
+                        onClick={e => {
-                        e.stopPropagation()
+                          e.stopPropagation()
-                        setManagingVersion(entry)
+                          setManagingVersion(entry)
-                        setPopupMode(2)
+                          setPopupMode(2)
-                        setShowPopup(true)
+                          setShowPopup(true)
-                        setFadeOut(false)
+                          setFadeOut(false)
-                      }}
+                        }}
-                    >
+                        title='Click to manage this version install'
-                      Manage
+                      >
-                    </button>
+                        Manage
-                    <button
+                      </button>
-                      className={`button ${
+                      <button
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                        className='button'
-                      }`}
+                        onClick={e => {
-                      onClick={e => {
+                          e.stopPropagation()
-                        e.stopPropagation()
+                          const verInfo = getVersionInfo(entry)
-                        const verInfo = getVersionInfo(entry)
+                          if (verInfo == undefined) return
-                        if (verInfo == undefined) return
+                          invoke('launch_game', {
-                        invoke('launch_game', {
+                            name: verInfo.id,
-                          name: verInfo.id,
+                            executable: verInfo.executable
-                          executable: verInfo.executable
+                          })
-                        })
+                        }}
-                      }}
+                        hidden={
-                      hidden={!normalConfig?.settings.useLegacyInteractButtons}
+                          !normalConfig?.settings.useLegacyInteractButtons
-                    >
+                        }
-                      Launch
+                        title='Click to launch game'
-                    </button>
+                      >
+                        Launch
+                      </button>
+                    </div>
                   </div>
                 </div>
               ))

src/app/layout.tsx

@@ -44,6 +44,8 @@ import {
   isPermissionGranted,
   requestPermission
 } from '@tauri-apps/plugin-notification'
+import VersionChangelog from './componets/VersionChangelog'
+import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
 
 const roboto = Roboto({
   subsets: ['latin']
@@ -79,24 +81,100 @@ export default function RootLayout ({
     useState<boolean>(false)
   const [selectedGame, setSelectedGame] = useState<number | null>(null)
 
-  function handleOverlayClick (e: React.MouseEvent<HTMLDivElement>) {
+  const pathname = usePathname()
-    if (e.target === e.currentTarget) {
+
-      if (viewingInfoFromDownloads) {
+  function getSpecialVersionsList (game?: number): GameVersion[] {
-        setPopupMode(0)
+    if (!normalConfig || !serverVersionList) return []
-        setViewingInfoFromDownloads(false)
+
-        setManagingVersion(null)
+    return serverVersionList.versions
-        setSelectedGame(null)
+      .filter(v => !downloadedVersionsConfig?.list.includes(v.id))
-      }
+      .filter(v => {
+        if (game && v.game != game) return false
+        if (downloadProgress.length != 0) {
+          return !downloadProgress.some(d => d.version === v.id)
+        }
+        return true
+      })
+      .sort((a, b) => {
+        if (b.game !== a.game) return a.game - b.game
+        return 0
+      })
+  }
+
+  function getVersionInfo (id: string | undefined): GameVersion | undefined {
+    if (!id) return undefined
+    return serverVersionList?.versions.find(v => v.id === id)
+  }
+
+  function getGameInfo (game: number | undefined): Game | undefined {
+    if (!game) return undefined
+    return serverVersionList?.games.find(g => g.id === game)
+  }
+
+  function getListOfGames (): Game[] {
+    if (!downloadedVersionsConfig?.list) return []
+
+    const gamesMap = new Map<number, Game>()
+
+    downloadedVersionsConfig.list.forEach(i => {
+      const version = getVersionInfo(i)
+      if (!version) return
+      const game = getGameInfo(version.game)
+      if (!game) return
+      gamesMap.set(game.id, game)
+    })
+
+    return Array.from(gamesMap.values())
+  }
+
+  function getVersionsAmountData (gameId: number): {
+    installed: number
+    total: number
+  } | null {
+    if (!downloadedVersionsConfig || !serverVersionList) return null
+
+    const installed = downloadedVersionsConfig.list.filter(
+      v => getGameInfo(getVersionInfo(v)?.game)?.id === gameId
+    ).length
+
+    const total = serverVersionList.versions.filter(
+      v => getGameInfo(v?.game)?.id === gameId
+    ).length
+
+    return { installed, total }
+  }
+
+  function 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`
+  }
+
+  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)
     }
   }
 
-  const pathname = usePathname()
-
   useEffect(() => {
     let unlistenProgress: (() => void) | null = null
-    let unlistenUninstalled: (() => void) | null = null
 
     listen<string>('download-progress', event => {
       const [versionName, progStr, totalSizeStr, speedStr, etaSecsStr] =
@@ -142,30 +220,8 @@ export default function RootLayout ({
       })
     }).then(f => (unlistenProgress = f))
 
-    listen<string>('version-uninstalled', event => {
-      const versionName = event.payload
-      setDownloadedVersionsConfig(prev => {
-        if (!prev) return prev
-        const updatedList = prev.list.filter(v => v !== versionName)
-        const updatedTimestamps = Object.fromEntries(
-          Object.entries(prev.timestamps).filter(([k]) => k !== versionName)
-        )
-        const updatedConfig = {
-          ...prev,
-          list: updatedList,
-          timestamps: updatedTimestamps
-        }
-        writeVersionsConfig(updatedConfig)
-        setManagingVersion(null)
-        setFadeOut(true)
-        setTimeout(() => setShowPopup(false), 200)
-        return updatedConfig
-      })
-    }).then(f => (unlistenUninstalled = f))
-
     return () => {
       unlistenProgress?.()
-      unlistenUninstalled?.()
     }
   }, [])
 
@@ -218,47 +274,6 @@ export default function RootLayout ({
     return () => document.removeEventListener('contextmenu', handler)
   }, [])
 
-  function getSpecialVersionsList (game?: number): GameVersion[] {
-    if (!normalConfig || !serverVersionList) return []
-
-    return serverVersionList.versions
-      .filter(v => !downloadedVersionsConfig?.list.includes(v.id))
-      .filter(v => {
-        if (game && v.game != game) return false
-        return true
-      })
-      .sort((a, b) => {
-        if (b.game !== a.game) return a.game - b.game
-        return 0
-      })
-  }
-
-  function getVersionInfo (id: string | undefined): GameVersion | undefined {
-    if (!id) return undefined
-    return serverVersionList?.versions.find(v => v.id === id)
-  }
-
-  function getVersionGame (game: number | undefined): Game | undefined {
-    if (!game) return undefined
-    return serverVersionList?.games.find(g => g.id === game)
-  }
-
-  function getListOfGames (): Game[] {
-    if (!downloadedVersionsConfig?.list) return []
-
-    const gamesMap = new Map<number, Game>()
-
-    downloadedVersionsConfig.list.forEach(i => {
-      const version = getVersionInfo(i)
-      if (!version) return
-      const game = getVersionGame(version.game)
-      if (!game) return
-      gamesMap.set(game.id, game)
-    })
-
-    return Array.from(gamesMap.values())
-  }
-
   async function downloadVersions (): Promise<void> {
     const list = selectedVersionList
     setSelectedVersionList([])
@@ -278,7 +293,7 @@ export default function RootLayout ({
         )
         return
       }
-      const gameInfo = getVersionGame(info.game)
+      const gameInfo = getGameInfo(info.game)
       if (!gameInfo) {
         setDownloadProgress(prev =>
           prev.filter(d => d.version !== download.version)
@@ -332,37 +347,6 @@ export default function RootLayout ({
       await notifyUser('Downloads Finished', 'All downloads have finished.')
   }
 
-  function getVersionsAmountData (gameId: number): {
-    installed: number
-    total: number
-  } | null {
-    if (!downloadedVersionsConfig || !serverVersionList) return null
-
-    const installed = downloadedVersionsConfig.list.filter(
-      v => getVersionGame(getVersionInfo(v)?.game)?.id === gameId
-    ).length
-
-    const total = serverVersionList.versions.filter(
-      v => getVersionGame(v?.game)?.id === gameId
-    ).length
-
-    return { installed, total }
-  }
-
-  function 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`
-  }
-
   return (
     <>
       <html lang='en' className={roboto.className}>
@@ -376,6 +360,8 @@ export default function RootLayout ({
               ? 'blue-theme'
               : normalConfig?.settings.theme === 4
               ? 'purple-theme'
+              : normalConfig?.settings.theme === 5
+              ? 'mint-theme'
               : 'dark-theme'
           }
         >
@@ -421,7 +407,7 @@ export default function RootLayout ({
                 managingVersion,
                 setManagingVersion,
                 getVersionInfo,
-                getVersionGame,
+                getGameInfo,
                 getListOfGames,
                 setSelectedGame,
                 getVersionsAmountData,
@@ -432,18 +418,7 @@ export default function RootLayout ({
               <div
                 tabIndex={0}
                 onKeyDown={e => {
-                  if (showPopup && e.key === 'Escape') {
+                  if (showPopup && e.key === 'Escape') closePopup()
-                    if (popupMode == 0 && selectedGame) {
-                      setSelectedGame(null)
-                      setSelectedVersionList([])
-                    } else if (viewingInfoFromDownloads) {
-                      setViewingInfoFromDownloads(false)
-                      setPopupMode(0)
-                    } else {
-                      setFadeOut(true)
-                      setTimeout(() => setShowPopup(false), 200)
-                    }
-                  }
                 }}
               >
                 <Sidebar />
@@ -459,34 +434,31 @@ export default function RootLayout ({
                 {showPopup && (
                   <div
                     className={`popup-overlay ${fadeOut ? 'fade-out' : ''}`}
-                    onClick={handleOverlayClick}
+                    onClick={(e: React.MouseEvent<HTMLDivElement>) => {
+                      if (e.target === e.currentTarget) {
+                        if (viewingInfoFromDownloads) {
+                          setPopupMode(0)
+                          setViewingInfoFromDownloads(false)
+                          setManagingVersion(null)
+                          setSelectedGame(null)
+                        }
+                        setFadeOut(true)
+                        setTimeout(() => setShowPopup(false), 200)
+                      }
+                    }}
                   >
                     <div className='popup-box'>
                       <button
-                        className='close-button'
+                        className='close-button btntheme1'
-                        onClick={() => {
+                        onClick={() => closePopup()}
-                          if (
-                            popupMode == 0 &&
-                            selectedGame &&
-                            pathname === '/'
-                          ) {
-                            setSelectedGame(null)
-                            setSelectedVersionList([])
-                          } else if (viewingInfoFromDownloads) {
-                            setViewingInfoFromDownloads(false)
-                            setPopupMode(0)
-                          } else {
-                            setFadeOut(true)
-                            setTimeout(() => setShowPopup(false), 200)
-                          }
-                        }}
                       >
                         <FontAwesomeIcon
                           icon={
                             (popupMode == 0 &&
                               selectedGame &&
                               pathname === '/') ||
-                            viewingInfoFromDownloads
+                            viewingInfoFromDownloads ||
+                            popupMode == 4
                               ? faChevronLeft
                               : faXmark
                           }
@@ -505,16 +477,16 @@ export default function RootLayout ({
                                     <p
                                       className={`text-2xl truncate ${
                                         selectedVersionList.includes(v.id)
-                                          ? 'max-w-82.5'
+                                          ? 'max-w-84.5'
-                                          : 'max-w-90'
+                                          : 'max-w-91.5'
                                       }`}
                                     >
-                                      {getVersionGame(v.game)?.name} v
+                                      {getGameInfo(v.game)?.name} v
                                       {v.versionName}
                                     </p>
                                   </div>
                                   <button
-                                    className='button btntheme3 right-22 bottom-1.5'
+                                    className='button btntheme3 right-20.75 bottom-1.75'
                                     onClick={() => {
                                       setSelectedVersionList(prev =>
                                         prev.includes(v.id)
@@ -522,6 +494,11 @@ export default function RootLayout ({
                                           : [...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) ? (
                                       <>
@@ -535,12 +512,13 @@ export default function RootLayout ({
                                     )}
                                   </button>
                                   <button
-                                    className='button btntheme3 right-1.5 bottom-1.5'
+                                    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>
@@ -559,7 +537,10 @@ export default function RootLayout ({
                               <div key={i} className='popup-entry'>
                                 <p className='text-2xl'>{v.name}</p>
                                 <div className='flex gap-2'>
-                                  <div className='entry-info-item btntheme3'>
+                                  <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)
@@ -572,6 +553,7 @@ export default function RootLayout ({
                                   <div
                                     className='entry-info-item btntheme3'
                                     hidden={!v.official}
+                                    title='This game is official.'
                                   >
                                     <FontAwesomeIcon
                                       icon={faCheck}
@@ -582,6 +564,11 @@ export default function RootLayout ({
                                   <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={
@@ -596,7 +583,8 @@ export default function RootLayout ({
                                 </div>
                                 <div
                                   className='entry-info-item btntheme3 mt-2'
-                                  hidden={v.official}
+                                  hidden={v.developer == null}
+                                  title={`The developer of ${v.name} is ${v.developer}.`}
                                 >
                                   <FontAwesomeIcon
                                     icon={faCode}
@@ -607,6 +595,11 @@ export default function RootLayout ({
                                 <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} />{' '}
@@ -621,96 +614,89 @@ export default function RootLayout ({
                         <>
                           <p className='text-xl text-center'>Downloads</p>
                           <div className='popup-content'>
-                            {downloadProgress.length === 0 ? (
+                            {downloadProgress.map((v, i) => (
-                              <p className='text-center mt-6'>
+                              <div
-                                No more downloads!
+                                key={i}
-                              </p>
+                                className='popup-entry flex flex-col justify-between'
-                            ) : (
+                              >
-                              downloadProgress.map((v, i) => (
+                                <p className='text-2xl text-center'>
-                                <div
+                                  {
-                                  key={i}
+                                    getGameInfo(getVersionInfo(v.version)?.game)
-                                  className='popup-entry flex flex-col justify-between'
+                                      ?.name
-                                >
+                                  }{' '}
-                                  <p className='text-2xl text-center'>
+                                  v{getVersionInfo(v.version)?.versionName}
-                                    {
+                                </p>
-                                      getVersionGame(
+                                <div className='mt-6.25 flex items-center justify-between'>
-                                        getVersionInfo(v.version)?.game
+                                  {v.failed ? (
-                                      )?.name
+                                    <>
-                                    }{' '}
+                                      <div className='flex items-center'>
-                                    v{getVersionInfo(v.version)?.versionName}
+                                        <span className='text-red-500 inline-block w-full text-center'>
-                                  </p>
+                                          Download failed
-                                  <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
-                                                )
-                                              )
-                                            }}
-                                          >
-                                            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
+                                        <button
-                                          progress={v.progress}
+                                          className='button btntheme3 ml-30 mb-2'
-                                          className='w-full'
+                                          onClick={() => {
-                                        />
+                                            setDownloadProgress(prev =>
+                                              prev.filter(
+                                                d => d.version !== v.version
+                                              )
+                                            )
+                                          }}
+                                          title='Click to remove this version from this menu.'
+                                        >
+                                          Cancel
+                                        </button>
                                       </div>
-                                    )}
+                                    </>
-                                  </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 ? (
@@ -719,7 +705,7 @@ export default function RootLayout ({
                             <p className='text-xl text-center'>
                               Manage{' '}
                               {
-                                getVersionGame(
+                                getGameInfo(
                                   getVersionInfo(managingVersion)?.game
                                 )?.name
                               }{' '}
@@ -729,11 +715,43 @@ export default function RootLayout ({
                               <button
                                 className='button btntheme2'
                                 disabled={downloadProgress.length != 0}
-                                onClick={() =>
+                                onClick={async () => {
-                                  invoke('uninstall_version', {
+                                  closePopup()
-                                    name: managingVersion
+
+                                  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>
@@ -744,6 +762,7 @@ export default function RootLayout ({
                                     name: managingVersion
                                   })
                                 }
+                                title="Click to browse the game's files."
                               >
                                 Open Folder
                               </button>
@@ -762,6 +781,14 @@ export default function RootLayout ({
                             No version selected
                           </p>
                         )
+                      ) : popupMode === 4 ? (
+                        managingVersion && downloadedVersionsConfig ? (
+                          <VersionChangelog />
+                        ) : (
+                          <p className='text-xl text-center'>
+                            No version selected
+                          </p>
+                        )
                       ) : null}
                       {popupMode == 0 &&
                         selectedGame &&
@@ -774,6 +801,16 @@ export default function RootLayout ({
                                 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'}
@@ -788,6 +825,12 @@ export default function RootLayout ({
                                   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

src/app/page.tsx

@@ -15,7 +15,6 @@ import { useRouter } from 'next/navigation'
 
 export default function Installs () {
   const {
-    downloadProgress,
     showPopup,
     setShowPopup,
     setPopupMode,
@@ -29,7 +28,6 @@ export default function Installs () {
   } = useGlobal()
 
   const router = useRouter()
-  const [hoveredIds, setHoveredIds] = useState<number[]>([])
 
   useEffect(() => {
     if (!showPopup) return
@@ -41,14 +39,14 @@ export default function Installs () {
       <div className='flex justify-between items-center mb-4'>
         <p className='text-3xl'>Games</p>
         <button
-          className='button btntheme1 text-3xl'
+          className='button btntheme1'
           onClick={() => {
             setSelectedGame(null)
             setPopupMode(0)
             setShowPopup(true)
             setFadeOut(false)
           }}
-          disabled={downloadProgress.length != 0}
+          title='Click to download more games.'
         >
           Download game
         </button>
@@ -74,23 +72,23 @@ export default function Installs () {
                       ? ''
                       : 'cursor-pointer'
                   }`}
-                  title='Click to view game installs'
+                  title={
+                    normalConfig?.settings.useLegacyInteractButtons
+                      ? ''
+                      : 'Click to view game installs'
+                  }
                   onClick={() => {
                     if (normalConfig?.settings.useLegacyInteractButtons) return
                     router.push('/game?id=' + i.id)
                   }}
-                  onMouseEnter={() => setHoveredIds(prev => [...prev, i.id])}
-                  onMouseLeave={() =>
-                    setHoveredIds(prev => prev.filter(e => e !== i.id))
-                  }
                 >
-                  <div className='flex flex-col'>
+                  <div className='h-18 w-screen relative'>
                     <p className='text-2xl'>{i.name}</p>
-                    <div className='flex gap-2'>
+
+                    <div className='flex gap-2 absolute left-0 bottom-0'>
                       <div
-                        className={`entry-info-item ${
+                        className='entry-info-item'
-                          hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
+                        title='The amount of versions installed of this game in installed/installable format.'
-                        }`}
                       >
                         <p>
                           {(() => {
@@ -102,19 +100,21 @@ export default function Installs () {
                         </p>
                       </div>
                       <div
-                        className={`entry-info-item ${
+                        className='entry-info-item'
-                          hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
-                        }`}
                         hidden={!i.official}
+                        title='This game is official.'
                       >
                         <FontAwesomeIcon icon={faCheck} color='#19c84b' />
                         <p>Official</p>
                       </div>
                       <div
-                        className={`entry-info-item ${
+                        className='entry-info-item'
-                          hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
-                        }`}
                         hidden={i.official}
+                        title={
+                          i.verified
+                            ? 'This game is verified to be safe'
+                            : 'This game is not verified to be save. Proceed with caution.'
+                        }
                       >
                         <FontAwesomeIcon
                           icon={i.verified ? faShieldHalved : faWarning}
@@ -123,16 +123,12 @@ export default function Installs () {
                         <p>{i.verified ? 'Verified' : 'Unverified'}</p>
                       </div>
                     </div>
-                  </div>
+
-                  <div
-                    className='flex flex-row items-center gap-2'
-                    hidden={!normalConfig?.settings.useLegacyInteractButtons}
-                  >
                     <Link
-                      className={`button ${
+                      className='button absolute right-0 bottom-0'
-                        hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
-                      }`}
                       href={'/game?id=' + i.id}
+                      hidden={!normalConfig?.settings.useLegacyInteractButtons}
+                      title='Click to view game installs'
                     >
                       Installs
                     </Link>

src/app/settings/page.tsx

@@ -62,6 +62,7 @@ export default function Settings () {
                 break
               }
             }}
+            title='This setting does as you expect, allow the launcher to send notifications for when stuff like downloading is done.'
           />
           <Setting
             label='Always show games in sidebar'
@@ -86,9 +87,10 @@ export default function Settings () {
                 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 Buttons'
+            label='Show Installs/Launch/Manage Buttons'
             value={useLegacyInteractButtons}
             onChange={async () => {
               while (normalConfig != null) {
@@ -110,8 +112,9 @@ export default function Settings () {
                 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.'
           />
-          <div>
+          <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'
@@ -143,6 +146,7 @@ export default function Settings () {
               <option value={2}>Green</option>
               <option value={3}>Blue</option>
               <option value={4}>Purple</option>
+              <option value={5}>Mint</option>
             </select>
           </div>
         </div>
@@ -152,6 +156,7 @@ export default function Settings () {
         onClick={async () => {
           await copyToClipboard(`v${version}`, normalConfig)
         }}
+        title='The current launcher version.'
       >
         v{version}
       </p>

src/app/types/GameVersion.ts

@@ -8,4 +8,5 @@ export interface GameVersion {
   sha512sum: string
   size: number
   place: number
+  changelog: string
 }

src/app/types/SettingProps.ts

@@ -3,4 +3,5 @@ export type SettingProps = {
   value: boolean
   onChange: (val: boolean) => void
   className?: string
+  title?: string
 }