[chore] npm i

[chore] add missing scripts and asar package
Merge branch 'master' into chore/e2e-tests
2026-07-03 14:08:25 +02:00 · 2024-01-12 22:10:18 +01:00 · 2024-01-07 20:23:15 +01:00 · 2024-01-07 20:18:20 +01:00 · 2024-01-07 19:10:29 +01:00 · 2024-01-07 18:27:42 +01:00
124 changed files with 3401 additions and 2397 deletions
@@ -0,0 +1,48 @@
+name : e2e-tests
+
+on:
+    push:
+        branches: ["master"]
+    pull_request:
+        branches: ["master"]
+    workflow_dispatch:
+
+jobs:
+    e2e-tests-windows:
+        runs-on: windows-latest
+
+        steps:
+            - name: Cleanup files
+              run: cmd /r dir
+            
+            - name: Checkout
+              uses: actions/checkout@v3
+
+            - name: Use Node.js
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 18.x
+                  cache: "npm"
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Install Playwright deps
+              run: npx playwright install --with-deps
+            
+            - name: Build
+              run: npm run build
+
+            - name: Package
+              run: npm exec -c 'electron-builder build --publish "never" --win --x64'
+            
+            - name: Run e2e tests
+              run: npm run e2e-test-ci
+            
+            - name: Upload test results
+              if: always()
+              uses: actions/upload-artifact@v3
+              with:
+                  name: playwright-output
+                  path: test-results/
+
@@ -27,3 +27,5 @@ npm-debug.log.*
 *.css.d.ts
 *.sass.d.ts
 *.scss.d.ts
+
+test-results
@@ -1,4 +1,247 @@
-## [0.2.0](https://github.com/Zagrios/bs-manager/releases/tag/v0.2.0) (October 23, 2022)
+## Not released yet ~
+
+## [1.4.3](https://github.com/Zagrios/bs-manager/releases/tag/v1.4.3) (Dec 27, 2023)
+
+### Features
+- It's now possible to save Oculus token entered manually with a password #383
+
+### Fixes
+- Fixed issue where the latest Beat Saber version was misordered #379 
+
+### Other changes
+- Re-enabled Oculus downgrade with manual token input #383 
+
+## [1.4.2](https://github.com/Zagrios/bs-manager/releases/tag/v1.4.2) (Dec 17, 2023)
+
+### Features
+- Added Traditional Chinese translation (thanks to @mant0u0) #372
+
+### Fixes
+- Fixed an issue with keyboard navigation in the downloadable versions list [344e7ab](https://github.com/Zagrios/bs-manager/commit/344e7abc95130cfa44d9fa51365a5161c9f378a6)
+- Fixed an issue where automatic Steam version detection  was not working for some users  #375
+
+### Other changes
+- Temporarily disabled Oculus downgrade #377
+- Recommended version now appears first in the versions list #376 
+- Updated the "Broken Models" notification #378 
+
+## [1.4.1](https://github.com/Zagrios/bs-manager/releases/tag/v1.4.1) (Dec 5, 2023)
+
+### Features
+- Added Japanese translation (thanks to @emesan22) #365
+
+### Fixes
+- Fixed a JavaScript error that occurred when closing a window during a download #366
+- Resolved text overflow issue with the Spanish translation #367
+- Fixed an issue where downloading a playlist was not possible if a version do not has the "CustomLevel" folder #368
+- Installing a playlist now doesn't download maps that are already present #369 
+
+## [1.4.0](https://github.com/Zagrios/bs-manager/releases/tag/v1.4.0) (Nov 28, 2023)
+
+### Features
+- Oculus PCVR support #346 
+- The most moddable version now have a “Recommended” banner #354 
+- Chinese translation has been added (thanks to @ktKongTong)
+
+### Fixes
+- BSManager crashes if too many OneClick downloads are done at the same time #340
+- Unable to download playlists with OneClick from some websites #349
+- "Refresh list" was updating available versions but not installed versions #351
+- Prevent launching a version that is currently downloading #355 
+- Prioritize IPv4 to avoid IPv6 issues #353 
+- Import version progress bar is now accurate #358
+
+### Other changes
+- Fix french translation misspelling and standardize the "Beat Saber" name #341 (Thanks to @Synaelle)
+
+## [1.3.2](https://github.com/Zagrios/bs-manager/releases/tag/v1.3.2) (Oct 8, 2023)
+
+### Fixes
+- Maps or Playlists couldn't be downloaded with OneClick if maps were linked #331 #337 
+- Mishandling of additional launch arguments when launching from a shortcut #335 
+- Incorrect English translation #336 
+
+## [1.3.1](https://github.com/Zagrios/bs-manager/releases/tag/v1.3.1) (Oct 2, 2023)
+
+### Features
+- Beat Saber versions now automatically sync with LIV #320
+- Use ArcViewer to preview maps #312 
+
+### Fixes
+- SteamVR backup folder is now restored when disabling FPFC Mode #314 
+- OneClick installs now correctly place contents in user-defined symlinks #311
+- Currently downloading Beat Saber version no longer disappears on uninstalling a version #307 
+- Add "no-yeet" argument when launching Beat Saber to prevent mods to be removed if "UserData" is linked #321
+- Fixed a rare bug that prevent BSManager from launching due to a missing DLL #328 
+- Increase the SteamVR restore timeout to prevent it from launching in FPFC Mode #330 
+
+### Other changes
+- Improved Spanish translation #309 (Thanks to @GabiRP)
+- For new installations, the default folder for BSManager contents has been moved from "Documents" to the "User" directory to avoid OneDrive conflicts #319 
+
+## [1.3.0](https://github.com/Zagrios/bs-manager/releases/tag/v1.3.0) (Aug 10, 2023)
+
+### Features
+- Steam now launches automatically if needed when starting a version of Beat Saber #255
+- Create shortcuts to launch Beat Saber more quickly without going through BSManager #282
+- Russian translation has been added (thanks to @Dead0Duck)
+- Download Beat Saber versions without enter your credentials using QR code to login #293 
+- Login approval from the Steam app is now being handled #293 
+
+### Fixes
+- Unable to delete maps from shared content #262
+- Maps are no longer loaded unnecessarily when not accessing the map tab #261
+- BSManager no longer crashes when it loads tons of maps #288 
+- Loading maps is faster and consumes a lot less memory #288
+- Prevent installed mods from being downgraded after mods installation #291
+- Window title of BSManager no longer become "index.html" after closing settings #290 
+- Models' texts color within the download modal in light theme is now correct #296 
+- Downloading versions of Beat Saber now works on Linux #297 (thanks to @Insprill)
+- Fix the ability to focus on non-visible elements #299 
+
+### Other changes
+- Corrections and adjustments of some translations for better clarity #249 #279 (Thanks to @AltyFox and @KnuckleDF)
+- Improved compatibility with Linux (Thanks to @RedlineTriad and @Insprill)
+- Alpha versions should now update to the latest Stable version when its available #294 
+
+## [1.2.0](https://github.com/Zagrios/bs-manager/releases/tag/v1.2.0) (Jun 16, 2023)
+
+### Features
+- Add models management #218
+- Hexadecimal field has been added in color pickers #236 
+- "Show Password" button has been added in the login modal #244 
+
+### Fixes
+- Made permission error not possible when installing mods #219
+- Fix progress collision when switching versions while maps are being loaded #220 
+- Some mods do not show as installed after an update #231
+- Some mods are not marked as updated, after a mods update #229 
+- Shortcut to BSManager had an incorrect description #240 
+- Mod LookupID was never shown as installed #242 
+- Usernames with spaces were not supported for Steam login #243 
+- Can't clone Steam version without renaming it #248 
+
+### Other changes
+- Some UI elements have been reorganized to make usage more pleasant #218 
+- Initial loading of mods is now faster #232 
+- A warning has been added when the Steam password exceeds 64 characters #225 
+
+## [1.1.1](https://github.com/Zagrios/bs-manager/releases/tag/v1.1.1) (Apr 13, 2023)
+
+### Features
+- Add German translation #198 #199 (thanks @XCraftTM)
+- Add message when no mods are available #197 
+- Add button to link all folders at once #204 
+- Add indicator when a supporter is clickable #208 
+
+### Fixes
+- Fix error with mods management when offline #202
+- Can't open supporter link #207 
+- Change color of diamond supporters to match the discord role color #208 
+- Error when spaces are present in Steam Guard code #209 
+- Unable to move contents folder of BSManager when parent folder is named "BSManager" #210 
+- Unable to move contents folder of BSManager to another drive if symlinks are present #210 
+- Improve resilience to errors when moving contents folder of BSManager #210 
+- A strange bug prevents the launch of Beat Saber for some people #215 
+
+### Other changes
+- Add BeatLeader icon in OneClicks settings #193 
+
+## [1.1.0](https://github.com/Zagrios/bs-manager/releases/tag/v1.1.0) (Mar 24, 2023)
+
+### Features
+- Custom folders can now be shared between BeatSaber versions #176  
+- Advanced launch options to add custom launch arguments for BeatSaber #179 
+- Added an indicator if the current version is a preview #185 
+
+### Fixes
+- Disable SteamVR when "Desktop Mode" is enabled #181 
+- Fix some UI bugs #175 
+- Reactivate support button #183 
+- Installing an older version of a mod overwrites the most recent version installed #186
+- On version cloning, contents of linked folders no longer duplicate #189 
+- Now, the content of a shared folder is moved instead of being duplicated if no other version uses this shared folder #191 
+
+## [1.0.4](https://github.com/Zagrios/bs-manager/releases/tag/v1.0.4) (Mar 4, 2023)
+
+### Features
+- Add volume control #154 
+
+### Fixes
+- Fix some English translations #153 #151 #167 
+- The debug console does not open #158 
+- Can't enable Oculus and Desktop mode in the same time #159 
+- Pause Map song on open preview #160 
+- Reduces map loading time by 20 to 40% depending on configuration (still work on that) #161 
+- Mods menu partially hidden when no mods listed #165 
+- Fix light theme issues #168 
+- The .NET installation request notification sometimes does not appear #170 
+- Change Oculus Mode description #166 
+
+### Other changes
+- We have added an explanation of why we need your Steam credentials to download a BeatSaber version #164 
+
+## [1.0.3](https://github.com/Zagrios/bs-manager/releases/tag/v1.0.3) (Feb 28, 2023)
+
+### Fixes
+- Can't download Beat Saber version if there are spaces in the folder path
+
+## [1.0.2](https://github.com/Zagrios/bs-manager/releases/tag/v1.0.2) (Feb 24, 2023)
+
+### Fixes
+- Huge RAM usage optimization in maps list #140 
+- Maps deletion is way faster #140 
+- Maps progress bars are now accurate #140 
+- Maps loading is slightly faster #140 
+- Other little optimizations for the Maps management feature #140 
+- OneClick install for Maps not work if no Beat Saber version is installed #141
+- Little English translation fix #143 
+
+## [1.0.1](https://github.com/Zagrios/bs-manager/releases/tag/v1.0.1) (Feb 6, 2023)
+
+### Fixes
+- Some French translation corrections #133 
+- Update the default Mods to be more consistent with ModAssistant #132 #135 
+- Disable the `Support BSManager` button due to the change of the donation platform #134 
+
+## [1.0.0](https://github.com/Zagrios/bs-manager/releases/tag/v1.0.0) (Jan 26, 2023)
+
+### Breaking Change
+
+- Config file have been moved to contents folder of BSManager to keep user config even if it exports the contents folder to another pc #55
+- Versions file system have been modified to be more reliable #118 
+
+### Features
+
+- Maps Management #35 
+- OneClick installs (maps, playlists, models) #35
+- Oculus BeatSaber detection #17 
+- Lunch Steam from BSManager #37 
+- Alert if dotnet is not installed #54 
+- Swipe notification to close it #40 
+- Add discord button in settings #46 
+- Add Mods disclaimer #50 
+- Some UI tweaks #39 #51
+- Moving from Patreon to Mee6 #86 
+- Add launch mod infos #11 
+- Can import external BeatSaber installs #121
+- Add Web installer
+
+### Fixes
+
+- Outdated mod not seen as outdated #36 
+- Settings close button was stuck when scrolling #85 
+- Error when try to loading mods without internet #87 
+- Can't manage any version if Oculus app is not installed #101 
+- Download version button overlap with the spin loader #99 
+- After uninstall last BeatSaber version we stay on the same page #105 
+- No more files verification in available versions list #126 
+
+### Other Changes
+
+- Fix high CPU usage #121 
+
+## [0.2.0](https://github.com/Zagrios/bs-manager/releases/tag/v0.2.0) (Oct 23, 2022)

 ### Features

@@ -312,7 +312,7 @@
 </div>

 <div align="center">
-  <video src = "https://github.com/Zagrios/bs-manager/assets/40648115/5e0d1503-7a58-4134-878b-a2b31a8936df" />
+  <video src="https://github.com/Zagrios/bs-manager/assets/40648115/ba39aceb-f55f-4e58-8386-51fcfaad4957"/> 
 </div>


@@ -421,7 +421,7 @@
 </div>

 <div align="center">
-  <video src="https://github.com/Zagrios/bs-manager/assets/40648115/c2765468-e203-4989-85f8-2c3e54d8aba4" />
+  <video src="https://github.com/Zagrios/bs-manager/assets/40648115/733fe6bb-c157-4c47-8a79-f8062380bcc8" />
 </div>

 <!--
@@ -664,7 +664,7 @@
 		"ReleaseDate": "1698678611",
 		"year": "2023"
 	},
-    {
+	{
 		"BSVersion": "1.34.0",
 		"BSManifest": "3651119791147907495",
 		"OculusBinaryId": "6373048192794906",
@@ -672,5 +672,14 @@
 		"ReleaseImg": "https://clan.cloudflare.steamstatic.com/images/32055887/1ef505a26d6eb8d7d8c132df54bd57918339cb2c.png",
 		"ReleaseDate": "1701795528",
 		"year": "2023"
+	},
+	{
+		"BSVersion": "1.34.2",
+		"BSManifest": "8045892568861450718",
+		"OculusBinaryId": "6426757994090592",
+		"ReleaseURL": "https://steamcommunity.com/games/620980/announcements/detail/3865840827122760836",
+		"ReleaseImg": "https://clan.akamai.steamstatic.com/images/32055887/ae11d195bbe41a0f244d7b4d055a0ab89f88e5bb.png",
+		"ReleaseDate": "1702309893",
+		"year": "2023"
 	}
 ]
@@ -1,20 +1,71 @@
 [
-    {"username": "Shidorien"},
-    {"username": "iPixelGalaxy"},
-    {"username": "Emyte", "type": "gold"},
-    {"username": "GoodOldNervy"},
-    {"username": "Naysy"},
-    {"username": "Falmil"},
-    {"username": "K1Lc4m"},
-    {"username": "Anonymously42", "type": "diamond", "link": "https://www.twitch.tv/anonymously42tv"},
-    {"username": "Burt", "type": "gold"},
-    {"username": "Ilnahro"},
-    {"username": "Phil", "type": "gold"},
-    {"username": "Protocrush", "type": "gold"},
-    {"username": "ServerMensch", "type": "gold"},
-    {"username": "Karlito", "type": "gold"},
-    {"username": "Cathery", "type": "gold"},
-    {"username": ".sharkey"},
-    {"username": "Z3t4"},
-    {"username": "blot455", "type": "diamond"}
-]
+	{
+		"username": "Shidorien"
+	},
+	{
+		"username": "iPixelGalaxy"
+	},
+	{
+		"username": "Emyte",
+		"type": "gold"
+	},
+	{
+		"username": "GoodOldNervy"
+	},
+	{
+		"username": "Naysy"
+	},
+	{
+		"username": "Falmil"
+	},
+	{
+		"username": "K1Lc4m"
+	},
+	{
+		"username": "Anonymously42",
+		"type": "diamond",
+		"link": "https://www.twitch.tv/anonymously42tv"
+	},
+	{
+		"username": "Burt",
+		"type": "gold"
+	},
+	{
+		"username": "Ilnahro"
+	},
+	{
+		"username": "Phil",
+		"type": "gold"
+	},
+	{
+		"username": "Protocrush",
+		"type": "gold"
+	},
+	{
+		"username": "ServerMensch",
+		"type": "gold"
+	},
+	{
+		"username": "Karlito",
+		"type": "gold"
+	},
+	{
+		"username": "Cathery",
+		"type": "gold"
+	},
+	{
+		"username": ".sharkey"
+	},
+	{
+		"username": "Z3t4"
+	},
+	{
+		"username": "blot455",
+		"type": "diamond"
+	},
+	{
+		"username": "Lumberjack462",
+		"type": "diamond",
+		"link": "https://www.youtube.com/@lumberjack462"
+	}
+]
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "Geteilte Maps"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Oculus Modus",
@@ -42,7 +39,6 @@
                }
            },
            "maps": {
-                "title": "Geteilte Maps",
                "search-bar": {
                    "search-placeholder": "Suche eine Map",
                    "filters-btn": "Filter",
@@ -157,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "Englisch, Vereinigtes Königreich",
@@ -166,6 +163,7 @@
                        "de-DE": "Deutsch",
                        "ru-RU": "Russisch",
                        "zh-CN": "Vereinfachtes Chinesisch",
+                        "zh-TW": "Traditionelles Chinesisch",
                        "ja-JP": "Japanisch"
                    }
                }
@@ -705,12 +703,20 @@
            "understood": "Verstanden"
        },
        "enter-meta-token": {
-            "title": "Meta-Token",
+            "title": "Oculus Token",
            "body": {
-                "need-token": "Um Beat Saber herunterzuladen, ist Ihr Meta-Anmelde-Token erforderlich.",
-                "how-obtain-token": "Wie erhalte ich mein Meta-Token?",
-                "input-label": "Meta-Token",
-                "token-is-invalid": "Das Token ist ungültig."
+                "info-enter-token": "Um Beat Saber herunterzuladen, ist Ihr Oculus-Anmeldetoken erforderlich.",
+                "how-obtain-token": "Wie erhalte ich mein Oculus Token?",
+                "oculus-token": "Oculus Token",
+                "token-is-invalid": "Das Token ist ungültig.",
+                "save-my-token": "Mein Token speichern",
+                "have-token-saved": "Ich habe bereits ein Token gespeichert",
+                "save-token-info": "Dies wird Ihr Token zur einfacheren Wiederverwendung speichern. Sie müssen ein Passwort erstellen, um Ihr Token zu verschlüsseln und zu speichern. Wenn Sie Ihr Passwort vergessen, müssen Sie nur Ihr Token erneut angeben.",
+                "password": "Passwort",
+                "password-too-short": "Passwort zu kurz",
+                "info-enter-password": "Um Beat Saber herunterzuladen, ist Ihr Oculus-Anmeldetoken erforderlich. Geben Sie das Passwort ein, mit dem Ihr Oculus-Token gespeichert wurde.",
+                "info-disabled-btn-password": "Der mit dem angegebenen Passwort entschlüsselte Token ist ungültig. Stellen Sie sicher, dass das Passwort dasselbe ist wie das zum Speichern des Tokens verwendete.",
+                "enter-oculus-token": "Ein Oculus-Token eingeben"
            },
            "valid-btn": "Validieren"
        }
@@ -718,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "Länge",
+            "nps" : "Noten Pro Sekunde",
            "tags": "Stichworte",
            "specificities": "Allgemein",
            "requirements": "Anforderungen"
@@ -785,7 +792,13 @@
        },
        "map-item": {
            "by": "Von {songAutor}",
-            "mapped-by": "Gemapped von"
+            "mapped-by": "Gemapped von",
+            "delete": "Löschen",
+            "preview" : "Kartenvorschau",
+            "bsr-code" : "BSR Code",
+            "download" : "Karte herunterladen",
+            "downloading" :"Karte wird heruntergeladen",
+            "cancel-download" : "Download abbrechen"
        }
    },
    "models": {
@@ -944,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "Gebrochene Modelle",
-                "desc": "Seit dem Update des Beat Saber-Motors sind Modelle für diese Version nicht mehr funktional."
+                "desc": "Seit dem Update der Beat Saber Engine sind alle benutzerdefinierten Modellmods defekt und müssen aktualisiert werden. Sie wurden noch nicht aktualisiert."
            },
            "export-success": {
                "title": "Export abgeschlossen 🎉"
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "Shared maps"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Oculus Mode",
@@ -42,7 +39,6 @@
                }
            },
            "maps": {
-                "title": "Shared maps",
                "search-bar": {
                    "search-placeholder": "Search a map",
                    "filters-btn": "Filters",
@@ -157,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "English, United Kingdom",
@@ -166,6 +163,7 @@
                        "de-DE": "German",
                        "ru-RU": "Russian",
                        "zh-CN": "Chinese (Simplified)",
+                        "zh-TW": "Chinese (Traditional)",
                        "ja-JP": "Japanese"
                    }
                }
@@ -705,12 +703,20 @@
            "understood": "Understood"
        },
        "enter-meta-token": {
-            "title": "Meta Token",
+            "title": "Oculus Token",
            "body": {
-                "need-token": "To download Beat Saber, your Meta login token is required.",
-                "how-obtain-token": "How do I obtain my Meta Token?",
-                "input-label": "Meta Token",
-                "token-is-invalid": "The Token is invalid."
+                "info-enter-token": "To download Beat Saber, your Oculus login token is required.",
+                "how-obtain-token": "How do I obtain my Oculus Token?",
+                "oculus-token": "Oculus Token",
+                "token-is-invalid": "The Token is invalid.",
+                "save-my-token": "Save my token",
+                "have-token-saved": "I already have a token saved",
+                "save-token-info": "This will save your token for easier reuse. You will need to create a password to encrypt your token for storage purposes. If you ever forget your password, you just need to provide your token again.",
+                "password": "Password",
+                "password-too-short": "Password too short",
+                "info-enter-password": "To download Beat Saber, your Oculus login token is required. Enter the password used to save your Oculus token.",
+                "info-disabled-btn-password": "The token decrypted with the provided password is invalid. Make sure the password is the same as the one used to save the token.",
+                "enter-oculus-token": "Enter an Oculus token"
            },
            "valid-btn": "Validate"
        }
@@ -718,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "Duration",
+            "nps" : "Notes Per Second",
            "tags": "tags",
            "specificities": "general",
            "requirements": "requirements"
@@ -785,7 +792,13 @@
        },
        "map-item": {
            "by": "By {songAutor}",
-            "mapped-by": "mapped by"
+            "mapped-by": "mapped by",
+            "delete": "Delete",
+            "preview" : "Preview map",
+            "bsr-code" : "BSR code",
+            "download" : "Download map",
+            "downloading" :"Downloading map",
+            "cancel-download" : "Cancel download"
        }
    },
    "models": {
@@ -944,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "Broken models",
-                "desc": "Since the Beat Saber engine update, models are no longer functional for this version."
+                "desc": "Since the Beat Saber engine update, all custom model mods have broken and need to be updated. They have not been updated yet."
            },
            "export-success": {
                "title": "Export completed 🎉"
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "Mapas comunes"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Modo Oculus",
@@ -156,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "Inglés, Reino Unido",
@@ -165,6 +163,7 @@
                        "de-DE": "Alemán",
                        "ru-RU": "Ruso",
                        "zh-CN": "Chino simplificado",
+                        "zh-TW": "Chino tradicional",
                        "ja-JP": "Japonés"
                    }
                }
@@ -704,12 +703,20 @@
            "understood": "Entendido"
        },
        "enter-meta-token": {
-            "title": "Token de Meta",
+            "title": "Token de Oculus",
            "body": {
-                "need-token": "Para descargar Beat Saber, se requiere su token de inicio de sesión de Meta.",
-                "how-obtain-token": "¿Cómo obtengo mi Token de Meta?",
-                "input-label": "Token de Meta",
-                "token-is-invalid": "El Token es inválido."
+                "info-enter-token": "Para descargar Beat Saber, se requiere tu token de inicio de sesión de Oculus.",
+                "how-obtain-token": "¿Cómo obtengo mi Token de Oculus?",
+                "oculus-token": "Token de Oculus",
+                "token-is-invalid": "El token es inválido.",
+                "save-my-token": "Guardar mi token",
+                "have-token-saved": "Ya tengo un token guardado",
+                "save-token-info": "Esto guardará tu token para reutilizarlo más fácilmente. Necesitarás crear una contraseña para encriptar tu token para su almacenamiento. Si alguna vez olvidas tu contraseña, solo necesitas proporcionar tu token nuevamente.",
+                "password": "Contraseña",
+                "password-too-short": "Contraseña demasiado corta",
+                "info-enter-password": "Para descargar Beat Saber, se requiere tu token de inicio de sesión de Oculus. Introduce la contraseña utilizada para guardar tu token de Oculus.",
+                "info-disabled-btn-password": "El token descifrado con la contraseña proporcionada es inválido. Asegúrate de que la contraseña sea la misma que la utilizada para guardar el token.",
+                "enter-oculus-token": "Introducir un token de Oculus"
            },
            "valid-btn": "Validar"
        }
@@ -717,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "Duración",
+            "nps" : "Notas Por Segundo",
            "tags": "tags",
            "specificities": "general",
            "requirements": "requisitos"
@@ -784,7 +792,13 @@
        },
        "map-item": {
            "by": "Por {songAutor}",
-            "mapped-by": "mapeado por"
+            "mapped-by": "mapeado por",
+            "delete": "Borrar",
+            "preview" : "Vista previa del mapa",
+            "bsr-code" : "Código BSR",
+            "download" : "Descargar mapa",
+            "downloading" :"Descargando mapa",
+            "cancel-download" : "Cancelar descarga"
        }
    },
    "models": {
@@ -943,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "Modelos rotos",
-                "desc": "Desde la actualización del motor de Beat Saber, los modelos ya no son funcionales para esta versión."
+                "desc": "Desde la actualización del motor de Beat Saber, todos los mods de modelos personalizados se han roto y necesitan ser actualizados. Todavía no han sido actualizados."
            },
            "export-success": {
                "title": "Exportación completada 🎉"
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "Maps partagées"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Mode Oculus",
@@ -156,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "Anglais, Royaume-Uni",
@@ -165,6 +163,7 @@
                        "de-DE": "Allemand",
                        "ru-RU": "Russe",
                        "zh-CN": "Chinois simplifié",
+                        "zh-TW": "Chinois traditionnel",
                        "ja-JP": "Japonais"
                    }
                }
@@ -228,8 +227,11 @@
            "steam-download": {
                "warnings": {
                    "msg": {
+                        "ManifestChecksum": "Le manifeste précédemment téléchargé ne correspond pas au nouveau 🤔",
                        "ConnectionTimeout": "Ta connexion internet semble instable 🥶",
-                        "Unknown": "Quelque chose d'étrange s'est produit 🤔 Votre connexion est surement instable."
+                        "ConnectionLost": "La connexion a été perdue, essayez à nouveau...",
+                        "ConnectionError": "Impossible de se connecter à Steam, essayez à nouveau...",
+                        "Unknown": "Quelque chose d'étrange s'est produit 🤔 Votre connexion est probablement instable."
                    }
                },
                "errors": {
@@ -701,12 +703,20 @@
            "understood": "J'ai compris"
        },
        "enter-meta-token": {
-            "title": "Token Meta",
+            "title": "Token Oculus",
            "body": {
-                "need-token": "Pour télécharger Beat Saber, votre token de connexion à Meta est nécessaire.",
-                "how-obtain-token": "Comment obtenir mon Token Meta ?",
-                "input-label": "Token Meta",
-                "token-is-invalid": "Le Token est invalide."
+                "info-enter-token": "Pour télécharger Beat Saber, votre token de connexion à Oculus est nécessaire.",
+                "how-obtain-token": "Comment obtenir mon Token Oculus ?",
+                "oculus-token": "Token Oculus",
+                "token-is-invalid": "Le Token est invalide.",
+                "save-my-token": "Sauvegarder mon token",
+                "have-token-saved": "J'ai déjà un token sauvegardé",
+                "save-token-info": "Ceci enregistrera votre token pour le réutiliser plus facilement. Vous devrez créer un mot de passe pour crypter votre token à des fins de stockage. Si jamais vous oubliez votre mot de passe, il vous suffit de fournir à nouveau votre token.",
+                "password": "Mot de passe",
+                "password-too-short": "Mot de passe trop court",
+                "info-enter-password": "Pour télécharger Beat Saber, votre token de connexion à Oculus est nécessaire. Entrez le mot de passe utilisé pour sauvegarder votre token Oculus.",
+                "info-disabled-btn-password": "Le token déchiffré à l'aide du mot de passe fourni est invalide. Assurez-vous que le mot de passe est le même que celui utilisé pour sauvegarder le token.",
+                "enter-oculus-token": "Entrer un token Oculus"
            },
            "valid-btn": "Valider"
        }
@@ -714,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "Durée",
+            "nps" : "Notes Par Seconde",
            "tags": "tags",
            "specificities": "général",
            "requirements": "requis"
@@ -781,7 +792,13 @@
        },
        "map-item": {
            "by": "Par {songAutor}",
-            "mapped-by": "mappée par"
+            "mapped-by": "mappée par",
+            "delete": "Supprimer",
+            "preview" : "Aperçu de la carte",
+            "bsr-code" : "Code BSR",
+            "download" : "Télécharger la carte",
+            "downloading" :"Téléchargement de la carte",
+            "cancel-download" : "Annuler le téléchargement"
        }
    },
    "models": {
@@ -940,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "Modèles cassés",
-                "desc": "Depuis la mise à jour du moteur de Beat Saber, les modèles ne sont plus fonctionnels pour cette version."
+                "desc": "Depuis la mise à jour du moteur Beat Saber, tous les mods de modèles personnalisés ne sont plus fonctionnels et doivent être mis à jour. Ils n'ont pas encore été mis à jour."
            },
            "export-success": {
                "title": "Export terminé 🎉"
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "共有マップ"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Oculusモード",
@@ -42,7 +39,6 @@
                }
            },
            "maps": {
-                "title": "共有マップ",
                "search-bar": {
                    "search-placeholder": "マップを検索",
                    "filters-btn": "絞り込み",
@@ -157,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "イギリス英語",
@@ -166,6 +163,7 @@
                        "de-DE": "ドイツ語",
                        "ru-RU": "ロシア語",
                        "zh-CN": "簡体字中国",
+                        "zh-TW": "繁体字中国",
                        "ja-JP": "日本語"
                    }
                }
@@ -705,19 +703,28 @@
            "understood": "分かった"
        },
        "enter-meta-token": {
-            "title": "Metaトークン",
+            "title": "Oculusトークン",
            "body": {
-                "need-token": "Beat Saberをダウンロードするには、Metaのログイントークンが必要です。",
-                "how-obtain-token": "Metaトークンはどうやって入手すればいいですか？",
-                "input-label": "Metaトークン",
-                "token-is-invalid": "トークンが無効です。"
+                "info-enter-token": "Beat Saberをダウンロードするには、あなたのオキュラスログイントークンが必要です。",
+                "how-obtain-token": "オキュラストークンはどうやって取得するの？",
+                "oculus-token": "オキュラストークン",
+                "token-is-invalid": "トークンが無効です。",
+                "save-my-token": "私のトークンを保存する",
+                "have-token-saved": "すでにトークンを保存しています",
+                "save-token-info": "これにより、トークンを簡単に再利用するために保存します。保管のためにトークンを暗号化するパスワードを作成する必要があります。パスワードを忘れた場合は、トークンを再度提供するだけです。",
+                "password": "パスワード",
+                "password-too-short": "パスワードが短すぎます",
+                "info-enter-password": "Beat Saberをダウンロードするには、あなたのオキュラスログイントークンが必要です。オキュラストークンを保存するために使用したパスワードを入力してください。",
+                "info-disabled-btn-password": "提供されたパスワードで復号化されたトークンは無効です。トークンを保存するために使用されたパスワードと同じであることを確認してください。",
+                "enter-oculus-token": "オキュラストークンを入力する"
            },
-            "valid-btn": "検証"
+            "valid-btn": "確認"
        }
    },
    "maps": {
        "map-filter-panel": {
            "duration": "尺",
+            "nps" : "秒間ノート数",
            "tags": "タグ",
            "specificities": "一般",
            "requirements": "要Mod"
@@ -785,7 +792,13 @@
        },
        "map-item": {
            "by": "By {songAutor}",
-            "mapped-by": "作成者 "
+            "mapped-by": "作成者 ",
+            "delete": "削除",
+            "preview" : "マッププレビュー",
+            "bsr-code" : "BSRコード",
+            "download" : "マップをダウンロード",
+            "downloading" :"マップをダウンロード中",
+            "cancel-download" : "ダウンロードをキャンセル"
        }
    },
    "models": {
@@ -944,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "モデルが壊れています!",
-                "desc": "Beat Saberエンジンのアップデートしたため、このバージョンではモデルが機能しなくなりました。"
+                "desc": "Beat Saberのエンジンアップデート以来、すべてのカスタムモデルのMODが壊れており、更新が必要です。まだ更新されていません。"
            },
            "export-success": {
                "title": "エクスポート完了🎉"
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "Общие карты"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Режим Oculus",
@@ -42,7 +39,6 @@
                }
            },
            "maps": {
-                "title": "Общие карты",
                "search-bar": {
                    "search-placeholder": "Поиск среди карт",
                    "filters-btn": "Фильтр",
@@ -157,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "Английский, Великобритания",
@@ -166,6 +163,7 @@
                        "de-DE": "Немецкий",
                        "ru-RU": "Русский",
                        "zh-CN": "Китайский (упрощенный)",
+                        "zh-TW": "Китайский (традиционный)",
                        "ja-JP": "Японский"
                    }
                }
@@ -705,12 +703,20 @@
            "understood": "Понял"
        },
        "enter-meta-token": {
-            "title": "Мета Токен",
+            "title": "Токен Oculus",
            "body": {
-                "need-token": "Для загрузки Beat Saber требуется ваш токен входа в Meta.",
-                "how-obtain-token": "Как получить мой Мета Токен?",
-                "input-label": "Мета Токен",
-                "token-is-invalid": "Токен недействителен."
+                "info-enter-token": "Для загрузки Beat Saber требуется ваш токен входа в Oculus.",
+                "how-obtain-token": "Как получить мой токен Oculus?",
+                "oculus-token": "Токен Oculus",
+                "token-is-invalid": "Токен недействителен.",
+                "save-my-token": "Сохранить мой токен",
+                "have-token-saved": "У меня уже есть сохраненный токен",
+                "save-token-info": "Это сохранит ваш токен для удобства повторного использования. Вам необходимо создать пароль для шифрования вашего токена для хранения. Если вы забудете пароль, вам просто нужно будет снова предоставить свой токен.",
+                "password": "Пароль",
+                "password-too-short": "Слишком короткий пароль",
+                "info-enter-password": "Для загрузки Beat Saber требуется ваш токен входа в Oculus. Введите пароль, используемый для сохранения вашего токена Oculus.",
+                "info-disabled-btn-password": "Токен, расшифрованный с использованием предоставленного пароля, недействителен. Убедитесь, что пароль совпадает с тем, который использовался для сохранения токена.",
+                "enter-oculus-token": "Введите токен Oculus"
            },
            "valid-btn": "Подтвердить"
        }
@@ -718,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "Длительность",
+            "nps" : "Нот в Секунду",
            "tags": "тэги",
            "specificities": "основное",
            "requirements": "требуемые моды"
@@ -785,7 +792,13 @@
        },
        "map-item": {
            "by": "От {songAutor}",
-            "mapped-by": "автор карты "
+            "mapped-by": "автор карты ",
+            "delete": "Удалить",
+            "preview" : "Предпросмотр карты",
+            "bsr-code" : "Код BSR",
+            "download" : "Скачать карту",
+            "downloading" :"Загрузка карты",
+            "cancel-download" : "Отменить загрузку"
        }
    },
    "models": {
@@ -944,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "Сломанные модели",
-                "desc": "После обновления движка Beat Saber, модели не работают с этой версией."
+                "desc": "С момента обновления движка Beat Saber, все пользовательские модификации моделей сломались и требуют обновления. Они еще не были обновлены."
            },
            "export-success": {
                "title": "Экспорт завершен 🎉"
@@ -0,0 +1,998 @@
+{
+    "misc": {
+        "download": "下載",
+        "add": "新增",
+        "verify": "驗證",
+        "launch": "啟動",
+        "mods": "Mod",
+        "maps": "譜面",
+        "playlists": "歌單",
+        "models": "模型",
+        "cancel": "取消",
+        "delete": "刪除",
+        "accept": "接受",
+        "refuse": "拒絕",
+        "apply": "應用",
+        "copy": "複製",
+        "copied": "已複製!"
+    },
+    "nav-bar": {
+        "add-version": "新增版本",
+        "settings": "設定",
+        "shared": {
+            "text": "共享",
+            "tooltip": "共享內容"
+        }
+    },
+    "pages": {
+        "version-viewer": {
+            "launch-mods": {
+                "oculus": "Oculus 模式",
+                "oculus-description": "若使用 Steam 版 BeatSaber，這允許你在繞過 SteamVR 的同時使用 Oculus 的 VR comsposer，可能會有性能提升。（不只是 Oculus 頭顯）",
+                "desktop": "FPFC 模式",
+                "desktop-description": "第一人稱飛控模式允許你使用鍵盤 WASD 和滑鼠在遊戲中進行導航。你無需帶上頭顯即可進行測試!",
+                "debug": "Debug 模式",
+                "debug-description": "為 IPA 啟用輸出日誌窗口。 會顯示所用 Mod 的 debug 輸出",
+                "advanced-launch": {
+                    "button": "高級啟動",
+                    "placeholder": "額外啟動參數，例如: --revert; --nowait"
+                }
+            },
+            "maps": {
+                "search-bar": {
+                    "search-placeholder": "譜面搜尋",
+                    "filters-btn": "篩選",
+                    "dropdown": {
+                        "export-maps": "導出譜面",
+                        "delete-maps": "刪除譜面"
+                    }
+                },
+                "tabs": {
+                    "maps": {
+                        "actions": {
+                            "add-maps": {
+                                "text": "新增"
+                            },
+                            "link-maps": {
+                                "tooltips": {
+                                    "link": "Link maps",
+                                    "unlink": "Unlink maps"
+                                }
+                            }
+                        },
+                        "empty-maps": {
+                            "text": "無譜面",
+                            "button": "下載譜面"
+                        }
+                    }
+                }
+            },
+            "mods": {
+                "loading-mods": "Mod 載入中...",
+                "no-internet": "無網路",
+                "mods-not-available": "該版本 BeatSaber 暫無可用 Mod",
+                "buttons": {
+                    "more-infos": "更多資訊",
+                    "install-or-update": "安裝或更新"
+                },
+                "mods-grid": {
+                    "header-bar": {
+                        "name": "名稱",
+                        "installed": "已安裝",
+                        "latest": "最新",
+                        "description": "描述",
+                        "dropdown": {
+                            "uninstall-all": "全部移除"
+                        }
+                    }
+                }
+            },
+            "dropdown": {
+                "open-folder": "打開文件夾",
+                "verify-files": "驗證文件",
+                "clone": "Clone",
+                "edit": "編輯",
+                "uninstall": "移除",
+                "create-shortcut": "創建捷徑",
+                "shared-folders": "Shared Folders",
+                "restore-oculus-folder": "Restore the folder"
+            }
+        },
+        "available-versions": {
+            "title": "選擇版本",
+            "steam-release": "發布頁面",
+            "dropdown": {
+                "refresh": "刷新版本",
+                "import-version": "導入版本"
+            },
+            "recommended": "推薦",
+            "recommended-tooltip": "多 Mod 版本"
+        },
+        "settings": {
+            "steam-and-oculus": {
+                "title": "Steam & Oculus",
+                "description": "登出後，您可以在下一次下載 Beat Saber 時切換帳戶。",
+                "logout": "登出",
+                "download-platform": {
+                    "title": "，預設平台",
+                    "desc": "選擇要下載 BeatSaber 的預設平台。",
+                    "always-ask": "總是詢問"
+                }
+            },
+            "appearance": {
+                "title": "外觀",
+                "description": "選擇 BSManager 的兩種主題色",
+                "reset": "重設",
+                "sub-title": "主題",
+                "themes": {
+                    "dark": "Dark",
+                    "light": "Light",
+                    "os": "與系統保持同步"
+                }
+            },
+            "installation-folder": {
+                "title": "安裝文件夾",
+                "description": "為 BeatSaber 不同版本及未來其他特性修改預設文件夾",
+                "choose-folder": "選擇文件夾"
+            },
+            "additional-content": {
+                "title": "附加內容",
+                "description": "允許你自訂 BeatSaber 的附加內容！",
+                "deep-links": {
+                    "sub-title": "一鍵安裝"
+                }
+            },
+            "language": {
+                "title": "語言",
+                "description": "選擇語言",
+                "languages": {
+                    "en-EN": "English, UK",
+                    "en-US": "English, US",
+                    "fr-FR": "Français",
+                    "es-ES": "Español",
+                    "de-DE": "Deutsch",
+                    "ru-RU": "Русский",
+                    "zh-CN": "簡體中文",
+                    "zh-TW": "正體中文",
+                    "ja-JP": "日本語",
+                    "translated": {
+                        "en-EN": "英式英語",
+                        "en-US": "美式英語",
+                        "fr-FR": "法語",
+                        "es-ES": "西班牙語",
+                        "de-DE": "德語",
+                        "ru-RU": "俄語",
+                        "zh-CN": "簡體中文",
+                        "zh-TW": "正體中文",
+                        "ja-JP": "日語"
+                    }
+                }
+            },
+            "patreon": {
+                "title": "支持 BSManager 💖",
+                "description": "支持該項目並幫助我們持續改進 BSManager。",
+                "buttons": {
+                    "support": "支持 BSManager 🥰",
+                    "supporters": "支持者 👀"
+                },
+                "view": {
+                    "no-supporters": "暫無支持者",
+                    "sponsors": "贊助者",
+                    "supporters": "支持者"
+                }
+            },
+            "discord": {
+                "description": "在社交媒體上關注我們，加入 BSManager 社區！"
+            },
+            "contribution": {
+                "description": "建議新功能或報告錯誤以幫助改進 BSManager！",
+                "buttons": {
+                    "request-features": "請求新功能",
+                    "report-bug": "報告 bug",
+                    "open-logs": "打開日誌"
+                }
+            }
+        }
+    },
+    "notifications": {
+        "types": {
+            "error": "🚨 錯誤",
+            "warning": "⚠️ 警告",
+            "success": "🎉 成功"
+        },
+        "common": {
+            "msg": {
+                "error-occurred": "發生了一個錯誤"
+            }
+        },
+        "shared": {
+            "errors": {
+                "titles": {
+                    "operation-running": "操作進行中",
+                    "no-internet": "無網路"
+                },
+                "msg": {
+                    "operation-running": "等待當前操作完成，然後重試。",
+                    "no-internet": "檢查你的連接並重試。"
+                }
+            }
+        },
+        "bs-download": {
+            "success": {
+                "titles": {
+                    "download-success": "下載完成",
+                    "verification-finished": "驗證完成"
+                }
+            },
+            "steam-download": {
+                "warnings": {
+                    "msg": {
+                        "ManifestChecksum": "之前下載的清單與新的清單不匹配 🤔",
+                        "ConnectionTimeout": "你的網路連接似乎不穩定 🥶",
+                        "ConnectionLost": "連接已遺失，請重試...",
+                        "ConnectionError": "無法連接到 Steam，請重試...",
+                        "Unknown": "發生了奇怪的事情 🤔 你的連接可能不穩定。"
+                    }
+                },
+                "errors": {
+                    "titles": {
+                        "dotnet-required": "需要 .NET 6"
+                    },
+                    "msg": {
+                        "401": "Steam 似乎不想讓我們下載 Beat Saber😢",
+                        "404": "無法聯繫 Steam 伺服器。",
+                        "Password": "密碼無效",
+                        "InvalidCredentials": "登錄憑據無效、連接未經批准或登錄嘗試次數過多。",
+                        "NoManifest": "未找到清單",
+                        "DirectoryCreate": "無法安裝必要的文件夾。",
+                        "NotAvailableApp": "您是否在沒有安裝 BeatSaber 的情況下嘗試下載？🤣",
+                        "DepotNotFound": "無法下載 Beat Saber 😥 稍後重試 😕",
+                        "NotCompleted": "下載無法完成 ¯\\_(ツ)_/¯",
+                        "InvalidManifest": "無法下載 Beat Saber 😥 稍後重試 😕",
+                        "NoValidKey": "無法下載 Beat Saber 😥 稍後重試 😕",
+                        "NoManifestCode": "無法下載 Beat Saber 😥 稍後重試 😕",
+                        "Unknown": "發生了一個錯誤 ¯\\_(ツ)_/¯",
+                        "NoServer": "U無法聯繫 Steam 伺服器。",
+                        "NotAllowed": "顯然你沒有下載 Beat Saber 的許可 🥱",
+                        "ConnectionTimeout": "無法連接到 Steam 😕",
+                        "SteamLib": "如果你遇到此錯誤，請在 GitHub 上報告該錯誤並附上日誌。",
+                        "ConnectionError": "嘗試 10 次後仍無法連接到 Steam🤯",
+                        "LicenceError": "無法獲取許可證列表。",
+                        "RateLimitExceeded": "你已經嘗試了太多次，請稍等片刻，稍後再試。",
+                        "TokenRejected": "你的登錄令牌已被拒絕 😕 請重試。",
+                        "AccessDenied": "訪問 Steam 被拒絕。",
+                        "dotnet-required": "必須安裝 .NET 6 Runtime 才能下載 Beat Saber 版本。單擊下面的按鈕下載它。"
+                    },
+                    "actions": {
+                        "download-dotnet": "下載 .NET 6"
+                    }
+                }
+            },
+            "oculus-download": {
+                "errors": {
+                    "msg": {
+                        "DOWNLOAD_MANIFEST_FAILED": "無法下載此版本的清單；你的登錄令牌可能無效。",
+                        "MANIFEST_FILE_NOT_FOUND": "找不到此版本的清單。",
+                        "PARSE_MANIFEST_FILE_FAILED": "讀取清單時發生錯誤。",
+                        "ALREADY_DOWNLOADING": "已經有一個版本在下載中。",
+                        "UNABLE_TO_GET_MANIFEST": "無法獲取下載所需的清單。",
+                        "VERIFY_INTEGRITY_FAILED": "文件驗證過程中發生錯誤。",
+                        "SOME_FILES_FAILED_TO_DOWNLOAD": "一些文件下載失敗。",
+                        "OCULUS_LOGIN_TIMED_OUT": "獲取登錄令牌用時過長。",
+                        "OCULUS_LOGIN_WINDOW_CLOSED_BY_USER": "Meta 登錄窗口被關閉。",
+                        "NO_META_AUTH_TOKEN": "無法獲取下載所需的 Meta 登錄令牌。",
+                        "UNKNOWN_ERROR": "發生未知錯誤。"
+                    }
+                }
+            }
+        },
+        "bs-import-version": {
+            "success": {
+                "start-import": {
+                    "title": "正在導入 👌",
+                    "desc": "導入可能需要幾分鐘時間（依賴於你如何配置）。"
+                },
+                "imported": {
+                    "title": "已導入版本 🎉"
+                }
+            },
+            "errors": {
+                "import-error": {
+                    "desc": "檢查所選文件夾是否為 Beat Saber 的安裝內容。"
+                }
+            }
+        },
+        "settings": {
+            "move-folder": {
+                "success": {
+                    "titles": {
+                        "transfer-started": "正在傳輸",
+                        "transfer-finished": "傳輸完成"
+                    },
+                    "descs": {
+                        "transfer-started": "傳輸已開始，可能需要幾分鐘時間（依賴於你如何配置）。"
+                    }
+                },
+                "errors": {
+                    "titles": {
+                        "transfer-failed": "傳輸失敗 😕"
+                    },
+                    "descs": {
+                        "COPY_TO_SUBPATH": "目標文件夾不能是源文件夾的子文件夾。",
+                        "restore-linked-folders": "恢復共享文件夾時發生錯誤。你仍然可以通過版本頁面上的'共享文件夾'菜單手動恢復它們。"
+                    }
+                }
+            },
+            "steam": {
+                "success": {
+                    "titles": {
+                        "logout": "斷開與 Steam 的連接"
+                    }
+                }
+            },
+            "additional-content": {
+                "deep-link": {
+                    "select-all": "全選",
+                    "activation": {
+                        "success": {
+                            "title": "一鍵安裝啟用成功！",
+                            "description": "一鍵安裝已被啟用。"
+                        },
+                        "error": {
+                            "description": "無法啟用一鍵安裝。"
+                        }
+                    },
+                    "deactivation": {
+                        "success": {
+                            "title": "一鍵安裝已停用！",
+                            "description": "一鍵安裝安裝已被停用。"
+                        },
+                        "error": {
+                            "description": "發生未知錯誤。"
+                        }
+                    },
+                    "check-all-enabled": {
+                        "title": "一鍵安裝已禁用",
+                        "description": "一個或多個一鍵安裝被禁用。前往設定以啟用它們。",
+                        "actions": {
+                            "settings": "設定",
+                            "not-remind": "不再提醒"
+                        }
+                    }
+                }
+            }
+        },
+        "bs-launch": {
+            "success": {
+                "titles": {
+                    "BS_LAUNCHING": "啟動中...🚀",
+                    "STEAM_LAUNCHING": "Steam 正在啟動！"
+                },
+                "msg": {
+                    "BS_LAUNCHING": "別忘了熱身哦 😉",
+                    "STEAM_LAUNCHING": "Beat Saber 會在 Steam 啟動後自動啟動。"
+                }
+            },
+            "errors": {
+                "titles": {
+                    "UNKNOWN_ERROR": "無法啟動",
+                    "STEAM_NOT_RUNNING": "Steam 未運行",
+                    "OCULUS_NOT_RUNNING": "Oculus 未運行",
+                    "BS_ALREADY_RUNNING": "Beat Saber 已在運行",
+                    "EXE_NOT_FINDED": "缺少文件",
+                    "EXIT": "突然停止",
+                    "OCULUS_LIB_NOT_FOUND": "未找到 Oculus 庫"
+                },
+                "msg": {
+                    "UNKNOWN_ERROR": "發生未知錯誤。",
+                    "STEAM_NOT_RUNNING": "啟動 BeatSaber 前必須運行 Steam。",
+                    "OCULUS_NOT_RUNNING": "啟動 BeatSaber 前必須運行 Oculus。",
+                    "BS_ALREADY_RUNNING": "再次啟動前請關閉 BeatSaber。",
+                    "EXE_NOT_FINDED": "某些文件似乎遺失了，嘗試驗證文件。",
+                    "EXIT": "BeatSaber 突然停止，請檢查文件。",
+                    "OCULUS_LIB_NOT_FOUND": "檢查 Oculus 應用是否正確安裝，以及庫是否在 Oculus 中正確定義。"
+                },
+                "actions": {
+                    "STEAM_NOT_RUNNING": "啟動 Steam"
+                }
+            }
+        },
+        "steam": {
+            "steam-launching": {
+                "title": "Steam 正在啟動！",
+                "description": "Beat Saber 會在 Steam 啟動後自動啟動。"
+            }
+        },
+        "custom-version": {
+            "errors": {
+                "titles": {
+                    "CantEditSteam": "無法編輯",
+                    "CantRename": "無法重命名",
+                    "VersionAlreadExist": "該版本已存在",
+                    "CantClone": "無法複製"
+                },
+                "msg": {
+                    "CantEditSteam": "你不能編輯 Steam 版本。不過你可以複製它。"
+                }
+            },
+            "success": {
+                "titles": {
+                    "CloningFinished": "複製完成 🎉"
+                }
+            }
+        },
+        "mods": {
+            "install-mods": {
+                "titles": {
+                    "success": "Mod 已安裝 🎉",
+                    "warning": "Mod 已安裝 🤔"
+                },
+                "msg": {
+                    "success": "所有 Mod 已被安裝。",
+                    "warning": "一個或多個 Mod 無法安裝。",
+                    "errors": {
+                        "no-mods": "沒有 Mod 可安裝。",
+                        "cannot-install-bsipa": "BSIPA安裝失敗 😨"
+                    }
+                }
+            },
+            "uninstall-mod": {
+                "titles": {
+                    "success": "Mod 已移除 🎉"
+                },
+                "msg": {
+                    "errors": {
+                        "no-mods": "該 Mod 未安裝 😑"
+                    }
+                }
+            },
+            "uninstall-all-mods": {
+                "titles": {
+                    "success": "所有 Mod 已移除 🎉"
+                },
+                "msg": {
+                    "success": "所有 Mod 已被移除。",
+                    "errors": {
+                        "no-mods": "該版本中沒有安裝 Mod 😑"
+                    }
+                }
+            }
+        },
+        "maps": {
+            "one-click-install": {
+                "success": "譜面安裝完成",
+                "error": "安裝譜面時發生錯誤"
+            }
+        },
+        "playlists": {
+            "one-click-install": {
+                "success": "歌單安裝完成",
+                "error": "歌單安裝時發生錯誤"
+            }
+        },
+        "models": {
+            "one-click-install": {
+                "success": "模型安裝完成",
+                "error": "模型安裝時發生錯誤"
+            }
+        },
+        "shared-folder": {
+            "info": {
+                "userdata-backup-created": {
+                    "title": "備份已創建",
+                    "msg": "共享 “UserData” 文件夾可能會產生錯誤，如果出現問題，請取消關聯該文件夾以恢復備份"
+                }
+            }
+        },
+        "create-launch-shortcut": {
+            "success": {
+                "title": "捷徑已創建",
+                "msg": "捷徑已在桌面上創建"
+            },
+            "error": {
+                "msg": "創建捷徑時發生錯誤"
+            }
+        }
+    },
+    "modals": {
+        "misc": {
+            "remember-my-choice": "記住我的選擇"
+        },
+        "choose-store": {
+            "title": "選擇哪個平台？",
+            "body": "選擇你希望為其下載 BeatSaber 的平台。",
+            "set-in-settings": "在設定中設定預設平台"
+        },
+        "guard": {
+            "title": "Steam Guard",
+            "inputs": {
+                "guard-code": {
+                    "label": "Guard Code",
+                    "placeholder": "輸入你的 Guard Code"
+                }
+            },
+            "buttons": {
+                "submit": "登錄"
+            }
+        },
+        "steam-login": {
+            "title": "Steam 登錄",
+            "inputs": {
+                "username": {
+                    "label": "使用帳戶名登入",
+                    "placeholder": "輸入你的帳戶名"
+                },
+                "password": {
+                    "label": "密碼",
+                    "placeholder": "輸入你的密碼",
+                    "max-length-warning": "密碼超過64個字元！如果密碼無效，請嘗試只輸入前64個字元。"
+                },
+                "qr": {
+                    "label": "或使用二維碼",
+                    "note": {
+                        "use-the": "使用",
+                        "steam-mobile-app": "Steam 行動應用",
+                        "to-connect-with-qr": "通過二維碼登錄。"
+                    }
+                },
+                "stay": "記住我"
+            },
+            "why-credentials": "為什麼需要我的憑證？",
+            "need-help-to-connect": "我需要幫助以訪問我的帳戶！",
+            "buttons": {
+                "submit": "登錄"
+            }
+        },
+        "steam-auth-approve": {
+            "title": "等待確認",
+            "protected-by-mobile-auth": "帳戶受移動認證器保護。",
+            "use-steam-app-to-approve": "使用 Steam 行動應用程式確認連接...",
+            "not-access-to-steam-app": "我無法訪問 Steam 行動應用程式"
+        },
+        "steam-credentials": {
+            "title": "Steam 憑證",
+            "p-1": "憑證僅用於下載遊戲，因為 Steam 需要驗證你是否已經購買了遊戲，以便允許你下載它。它們不會被保存，而是直接傳遞給 DepotDownloader。如果你不想輸入你的憑證，你可以按照此教學操作：",
+            "p-2": "然後點擊右上角的齒輪圖示，選擇“導入版本”，選擇 Beat Saber 已下載的文件夾（如果你按照上面的教學，你應該會得到正確的位置）"
+        },
+        "bs-import-version": {
+            "title": "導入版本",
+            "description": "導入 Beat Saber 版本以與 BSManager 一起使用。這將把所選的 Beat Saber 安裝文件夾複製到 BSManager 版本文件夾。",
+            "oculus-version": "Oculus 版本",
+            "oculus-version-tooltip": "檢查是否為 Oculus 版本",
+            "buttons": {
+                "submit": "導入版本"
+            }
+        },
+        "bs-uninstall": {
+            "title": "移除",
+            "description": "你確定要移除 Beat Saber {version} 嗎？你將不得不重新下載它才能遊玩。",
+            "buttons": {
+                "submit": "移除"
+            }
+        },
+        "install-folder": {
+            "title": "安裝文件夾",
+            "description": "更改預設安裝文件夾將導致所有已安裝數據移動到新文件夾。",
+            "buttons": {
+                "submit": "選擇文件夾"
+            }
+        },
+        "edit-version": {
+            "title": "編輯版本",
+            "buttons": {
+                "submit": "編輯"
+            }
+        },
+        "clone-version": {
+            "title": "複製版本",
+            "description": "複製版本可以讓你在兩個版本之間分離附加的 BeatSaber 內容。",
+            "inputs": {
+                "name": {
+                    "label": "名稱",
+                    "placeholder": "版本名稱"
+                },
+                "color": {
+                    "label": "顏色"
+                }
+            },
+            "buttons": {
+                "submit": "複製"
+            }
+        },
+        "uninstall-mod": {
+            "title": "移除",
+            "description": "你確定要移除 {mod} 嗎？這可能會導致其他已安裝的 Mod 失效。",
+            "description-bsipa": "你確定要移除 BSIPA 嗎？之後所有已安裝的 Mod 將不再起作用。"
+        },
+        "uninstall-all-mods": {
+            "title": "Mod 移除中",
+            "description": "你確定要移除 {version} 版本的所有 Mod 移除嗎？該操作無法回退。"
+        },
+        "maps-actions": {
+            "delete-maps": {
+                "title": {
+                    "single": "刪除該譜面？",
+                    "multiple": "刪除譜面？"
+                },
+                "desc": {
+                    "single": "你確定要刪除譜面 {name} 嗎？",
+                    "multiple": "你確定要刪除全部 {nb} 個譜面嗎？"
+                },
+                "info": {
+                    "desc": {
+                        "single": "該譜面是共享譜面的一部分",
+                        "multiple": "這些譜面是共享譜面的一部分"
+                    },
+                    "title": {
+                        "single": "該譜面也將從使用共享譜面的版本中移除",
+                        "multiple": "這些譜面也將從使用共享譜面的版本中移除"
+                    }
+                }
+            },
+            "link-maps": {
+                "title": "關聯譜面",
+                "desc": "關聯譜面可以在所有啟用此功能的版本之間共享譜面。一旦關聯，該版本將受益於共享譜面。",
+                "info": "新增和刪除的譜面也將被共享",
+                "keep-maps": {
+                    "label": "保留譜面",
+                    "title": "保留譜面將會把當前版本的所有譜面複製到共享譜面文件夾。否則，該版本的譜面將不會被保留，它們將遺失。"
+                },
+                "valid-btn": "關聯譜面"
+            },
+            "unlink-maps": {
+                "title": "取消關聯譜面",
+                "desc": "請注意，取消關聯譜面後該版本將無法使用共享譜面，直到重新啟用。",
+                "keep-maps": {
+                    "label": "保留譜面",
+                    "title": "保留譜面將會在取消關聯後把共享文件夾的所有譜面複製到當前版本。如果此項被禁用，譜面也不會遺失。"
+                },
+                "valid-btn": "取消關聯譜面"
+            }
+        },
+        "download-maps": {
+            "search-btn": "搜尋",
+            "loading-maps": "譜面載入中...",
+            "no-maps-found": "未找到譜面",
+            "no-internet": "無網路"
+        },
+        "mods-disclaimer": {
+            "title": "免責聲明",
+            "p-1": "選擇使用 Mod，你需要理解：",
+            "li-1": "你可能會遇到原版遊戲中不存在的問題。99.9% 的 bug、崩潰和延遲都是由 Mod 引起的。",
+            "li-2": "模組可能會因更新而失效，這是正常的——當這種情況發生時，請保持耐心和尊重，因為模組製作者都是有真實生活的志願者。",
+            "li-3": "Beat Games並不是故意想要破壞 Mod。他們希望能夠修改代碼庫，有時這會破壞 Mod，但他們並不是想要消滅 Mod。",
+            "p-2": "不要因為與 Mod 相關的問題攻擊遊戲開發者，反之亦然——Mod 製作者和遊戲開發者是兩個不同的群體。總之，不要做個 SB。"
+        },
+        "shared-folders": {
+            "title": "共享文件夾",
+            "description": "關聯 Beat Saber 文件夾，以便與其他版本中的共享文件夾同步其內容。請注意，刪除操作也會被共享。",
+            "buttons": {
+                "add-folder": "新增文件夾",
+                "link-folder": "關聯文件夾",
+                "unlink-folder": "取消關聯文件夾",
+                "link-all": "關聯所有"
+            }
+        },
+        "create-launch-shortcut": {
+            "title": "創建捷徑",
+            "desc": "創建捷徑使得你可以在不通過 BSManager 的情況下以特定選項啟動 BeatSaber",
+            "launch-options": "啟動選項",
+            "advanced-launch": "高級啟動",
+            "valid-btn": "創建捷徑"
+        },
+        "connect-to-meta": {
+            "title": "連接到 Meta",
+            "body": {
+                "token-needed": "需要 Meta 登錄令牌用於下載 Beat Saber。",
+                "need-cookie-enabled": "通過登錄 Meta，將打開一個登錄窗口，然後你可以開始登錄過程。請確保接受 cookie，否則我們可能無法檢索你的令牌以開始下載。",
+                "enter-token-manually": "手動輸入我的登錄令牌",
+                "enter-token-manually-tooltip": "這將允許你在不通過 Meta 登錄的情況下輸入你的登錄令牌。"
+            },
+            "stay": "記住我",
+            "connect-to-meta": "連接到 Meta"
+        },
+        "original-version-backup-oculus": {
+            "title": "警告",
+            "body": {
+                "must-be-installed-once": "你必須至少從 Oculus 商店安裝過一次 BeatSaber，否則 BeatSaber 可能會在啟動後自動關閉。",
+                "need-backup": "要啟動該版本，位於你的 Oculus 庫中的 BeatSaber 安裝文件夾將被重命名。",
+                "can-restore-later": "如果需要，你可以通過前往 BSManager 的原始 Oculus 版本選項並點擊'恢復文件夾'來恢復它。",
+                "tips-launch-oculus": "提示：只要原始版本沒有被恢復，你就可以直接從 Oculus 啟動該版本。"
+            },
+            "not-remind-me": "不再提醒我",
+            "understood": "明白了"
+        },
+        "enter-meta-token": {
+            "title": "Oculus令牌",
+            "body": {
+                "info-enter-token": "下載Beat Saber需要您的Oculus登錄令牌。",
+                "how-obtain-token": "我如何獲得我的Oculus令牌？",
+                "oculus-token": "Oculus令牌",
+                "token-is-invalid": "令牌無效。",
+                "save-my-token": "保存我的令牌",
+                "have-token-saved": "我已經保存了一個令牌",
+                "save-token-info": "這將保存您的令牌以便更容易地重新使用。您需要創建一個密碼來加密您的令牌以進行存儲。如果您忘記了密碼，只需再次提供您的令牌即可。",
+                "password": "密碼",
+                "password-too-short": "密碼太短",
+                "info-enter-password": "下載Beat Saber需要您的Oculus登錄令牌。請輸入用於保存您的Oculus令牌的密碼。",
+                "info-disabled-btn-password": "使用提供的密碼解密的令牌無效。確保密碼與保存令牌時使用的密碼相同。",
+                "enter-oculus-token": "輸入Oculus令牌"
+            },
+            "valid-btn": "驗證"
+        }
+    },
+    "maps": {
+        "map-filter-panel": {
+            "duration": "時長",
+            "nps" : "每秒音符數",
+            "tags": "標籤",
+            "specificities": "general",
+            "requirements": "要求"
+        },
+        "map-types": {
+            "accuracy": "精確度",
+            "balanced": "平衡",
+            "challenge": "挑戰",
+            "dancestyle": "舞蹈",
+            "fitness": "健身",
+            "speed": "速度",
+            "tech": "技術"
+        },
+        "map-styles": {
+            "dance": "Dance",
+            "swing": "Swing",
+            "nightcore": "Nightcore",
+            "folk": "Folk",
+            "family": "Family",
+            "ambient": "Ambient",
+            "funk": "Funk",
+            "jazz": "Jazz",
+            "soul": "Soul",
+            "speedcore": "Speedcore",
+            "punk": "Punk",
+            "rb": "R&B",
+            "holiday": "Holiday",
+            "vocaloid": "Vocaloid",
+            "jrock": "J-rock",
+            "trance": "Trance",
+            "drumbass": "Drum & Bass",
+            "comedy": "Comedy",
+            "instrumental": "Instrumental",
+            "hardcore": "Hardcore",
+            "kpop": "K-pop",
+            "indie": "Indie",
+            "techno": "Techno",
+            "house": "House",
+            "game": "Video game",
+            "film": "Film",
+            "alt": "Alternative",
+            "dubstep": "Dubstep",
+            "metal": "Metal",
+            "anime": "Anime",
+            "hiphop": "Hiphop",
+            "jpop": "J-pop",
+            "rock": "Rock",
+            "pop": "Pop",
+            "electronic": "Electronic",
+            "classical-orchestral": "Classical & Orchestral"
+        },
+        "map-specificities": {
+            "automapper": "AI",
+            "ranked": "Ranked",
+            "curated": "Curated",
+            "verified": "Verified",
+            "fullSpread": "Full spread"
+        },
+        "difficulties": {
+            "Easy": "Easy",
+            "Normal": "Normal",
+            "Hard": "Hard",
+            "Expert": "Expert",
+            "ExpertPlus": "Expert+"
+        },
+        "map-item": {
+            "by": "By {songAutor}",
+            "mapped-by": "mapped by",
+            "delete": "刪除",
+            "preview" : "預覽地圖",
+            "bsr-code" : "BSR代碼",
+            "download" : "下載地圖",
+            "downloading" :"正在下載地圖",
+            "cancel-download" : "取消下載"
+        }
+    },
+    "models": {
+        "types": {
+            "singular": {
+                "avatar": "avatar",
+                "saber": "光劍",
+                "platform": "平台",
+                "bloq": "方塊"
+            },
+            "plural": {
+                "avatar": "avatars",
+                "saber": "光劍",
+                "platform": "平台",
+                "bloq": "方塊"
+            }
+        },
+        "sorts": {
+            "name": "名稱",
+            "date": "日期",
+            "author": "作者"
+        },
+        "panel": {
+            "actions": {
+                "search": "搜尋模型",
+                "drop-down": {
+                    "delete": "刪除模型",
+                    "export": "導出模型"
+                },
+                "link-models": "關聯模型",
+                "unlink-models": "取消關聯模型"
+            },
+            "grid": {
+                "loading": "模型載入中...",
+                "no-models": "無模型",
+                "download-models": "下載模型"
+            }
+        },
+        "modals": {
+            "delete-model": {
+                "title": "刪除該模型",
+                "desc": "確定要刪除模型 {modelName} 嗎？",
+                "linked-annotation": "該模型將從所有關聯版本中移除。"
+            },
+            "delete-models": {
+                "title": "刪除模型",
+                "desc": "確定要刪除 {nb} 個模型嗎？",
+                "linked-annotation": "這些模型將從所有關聯版本中移除。"
+            },
+            "download-models": {
+                "search-btn": "搜尋",
+                "search-placeholder": "搜尋模型",
+                "search-tips": {
+                    "header": {
+                        "tag": "Tag",
+                        "desc": "描述"
+                    },
+                    "author-desc": "僅顯示指定作者的模型。",
+                    "hash-desc": "僅顯示具有指定哈希值的模型。",
+                    "tag-desc": "僅顯示具有指定 tag 的模型。",
+                    "name-desc": "僅顯示具有指定名稱的模型。",
+                    "discordid-desc": "僅顯示來自指定 Discord 用戶的模型。",
+                    "status-desc": "僅顯示具有指定狀態的模型。（僅限個人資料，且僅限作者）"
+                },
+                "no-models": "未找到模型",
+                "no-internet": "無網路連接",
+                "error-occured": "發生了一個錯誤，稍後重試。"
+            },
+            "link-models": {
+                "avatar": {
+                    "title": "關聯 Avatar",
+                    "desc": "關聯 Avatar 允許在所有啟用此功能的版本之間共享 Avatar。一旦關聯，該版本將受益於共享 Avatar。",
+                    "info": "對 Avatar 的新增和刪除也將被共享",
+                    "keep-models": {
+                        "label": "保留 Avatar",
+                        "title": "保留 Avatar 將會把當前版本的所有 Avatar 複製到共享 Avatar文件夾。否則，該版本的 Avatar將不會被保留，它們將遺失。"
+                    },
+                    "valid-btn": "關聯 Avatar "
+                },
+                "saber": {
+                    "title": "關聯光劍",
+                    "desc": "關聯光劍允許在所有啟用此功能的版本之間共享光劍。一旦關聯，該版本將受益於共享光劍。",
+                    "info": "對光劍的新增和刪除也將被共享",
+                    "keep-models": {
+                        "label": "保留光劍",
+                        "title": "保留光劍將會把當前版本的所有光劍複製到共享光劍文件夾。否則，該版本的光劍將不會被保留，它們將遺失。"
+                    },
+                    "valid-btn": "關聯光劍"
+                },
+                "platform": {
+                    "title": "關聯平台",
+                    "desc": "關聯平台允許在所有啟用此功能的版本之間共享平台。一旦關聯，該版本將受益於共享平台。",
+                    "info": "對平台的新增和刪除也將被共享",
+                    "keep-models": {
+                        "label": "保留平台",
+                        "title": "保留平台將會把當前版本的所有平台複製到共享平台文件夾。否則，該版本的平台將不會被保留，它們將遺失。"
+                    },
+                    "valid-btn": "關聯平台"
+                },
+                "bloq": {
+                    "title": "關聯方塊",
+                    "desc": "關聯方塊允許在所有啟用此功能的版本之間共享方塊。一旦關聯，該版本將受益於共享方塊。",
+                    "info": "對方塊的新增和刪除也將被共享",
+                    "keep-models": {
+                        "label": "保留方塊",
+                        "title": "保留方塊將會把當前版本的所有方塊複製到共享方塊文件夾。否則，該版本的方塊將不會被保留，它們將遺失。"
+                    },
+                    "valid-btn": "關聯方塊"
+                }
+            },
+            "unlink-models": {
+                "avatar": {
+                    "title": "取消關聯 Avatar",
+                    "desc": "請注意，取消關聯 Avatar 將禁用該版本的共享 Avatar 使用，直到重新啟用。",
+                    "keep-models": {
+                        "label": "保留 Avatar",
+                        "title": "保留 Avatar 將會在取消關聯後把共享文件夾的所有 Avatar 複製到當前版本。如果此項被禁用，Avatar 將不會遺失。"
+                    },
+                    "valid-btn": "取消關聯 Avatar"
+                },
+                "saber": {
+                    "title": "取消關聯光劍",
+                    "desc": "請注意，取消關聯光劍將禁用該版本的共享光劍使用，直到重新啟用。",
+                    "keep-models": {
+                        "label": "保留光劍",
+                        "title": "保留光劍將會在取消關聯後把共享文件夾的所有光劍複製到當前版本。如果此項被禁用，光劍將不會遺失。"
+                    },
+                    "valid-btn": "取消關聯光劍"
+                },
+                "platform": {
+                    "title": "取消關聯平台",
+                    "desc": "請注意，取消關聯平台將禁用該版本的共享平台使用，直到重新啟用。",
+                    "keep-models": {
+                        "label": "保留平台",
+                        "title": "保留平台將會在取消關聯後把共享文件夾的所有平台複製到當前版本。如果此項被禁用，平台將不會遺失。"
+                    },
+                    "valid-btn": "取消關聯平台"
+                },
+                "bloq": {
+                    "title": "取消關聯方塊",
+                    "desc": "請注意，取消關聯方塊將禁用該版本的共享方塊使用，直到重新啟用。",
+                    "keep-models": {
+                        "label": "保留方塊",
+                        "title": "保留方塊將會在取消關聯後把共享文件夾的所有方塊複製到當前版本。如果此項被禁用，方塊將不會遺失。"
+                    },
+                    "valid-btn": "取消關聯方塊"
+                }
+            }
+        },
+        "notifications": {
+            "prevent-for-mods": {
+                "title": "需要的 Mod",
+                "desc": "確保你已經安裝了在 BeatSaber 中使用模型所需的 Mod",
+                "go-to-mods": "前往 Mod 頁",
+                "not-remind": "不再提醒我"
+            },
+            "prevent-for-models-breaks": {
+                "title": "已損壞的模型",
+                "desc": "自從Beat Saber引擎更新以來，所有自定義模型的MOD都已損壞，需要更新。它們還沒有被更新。"
+            },
+            "export-success": {
+                "title": "導出成功 🎉"
+            }
+        }
+    },
+    "beat-saver": {
+        "maps-sorts": {
+            "Latest": "最新",
+            "Relevance": "相關",
+            "Rating": "評分",
+            "Curated": "Curated"
+        }
+    },
+    "auto-update": {
+        "checking": "檢查更新中",
+        "downloading": "下載更新中"
+    },
+    "bs-shortcut-launch": {
+        "beat-saber-launching": "啟動 Beat Saber",
+        "launching": "啟動中",
+        "open-bsmanager": "打開 BSManager",
+        "status-text": {
+            "init": "正在初始化...",
+            "success": {
+                "BS_LAUNCHING": "Beat Saber 啟動中...",
+                "STEAM_LAUNCHING": "Steam 啟動中...",
+                "STEAM_LAUNCHED": "Steam 成功啟動！",
+                "UNABLE_TO_LAUNCH_STEAM": "無法啟動 Steam, 強制啟動 Beat Saber ..."
+            }
+        }
+    },
+    "dateformat": {
+        "dayNames": ["週日", "週一", "週二", "週三", "週四", "週五", "週六", "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+        "monthNames": ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月", "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        "timeNames": ["上午", "下午", "上午", "下午", "上午", "下午", "上午", "下午"]
+    }
+}
@@ -25,9 +25,6 @@
        }
    },
    "pages": {
-        "shared-maps": {
-            "title": "共享谱面"
-        },
        "version-viewer": {
            "launch-mods": {
                "oculus": "Oculus 模式",
@@ -42,7 +39,6 @@
                }
            },
            "maps": {
-                "title": "Shared maps",
                "search-bar": {
                    "search-placeholder": "谱面搜索",
                    "filters-btn": "筛选",
@@ -157,6 +153,7 @@
                    "de-DE": "Deutsch",
                    "ru-RU": "Русский",
                    "zh-CN": "简体中文",
+                    "zh-TW": "正體中文",
                    "ja-JP": "日本語",
                    "translated": {
                        "en-EN": "英式英语",
@@ -166,6 +163,7 @@
                        "de-DE": "德语",
                        "ru-RU": "俄语",
                        "zh-CN": "简体中文",
+                        "zh-TW": "正体中文",
                        "ja-JP": "日语"
                    }
                }
@@ -651,7 +649,6 @@
                "valid-btn": "取消关联谱面"
            }
        },
-
        "download-maps": {
            "search-btn": "搜索",
            "loading-maps": "谱面加载中...",
@@ -706,12 +703,20 @@
            "understood": "明白了"
        },
        "enter-meta-token": {
-            "title": "Meta 令牌",
+            "title": "Oculus令牌",
            "body": {
-                "need-token": "要下载 BeatSaber，需要你的 Meta 登录令牌。",
-                "how-obtain-token": "如何获取我的 Meta 令牌？",
-                "input-label": "Meta 令牌",
-                "token-is-invalid": "令牌无效。"
+                "info-enter-token": "下载Beat Saber需要您的Oculus登录令牌。",
+                "how-obtain-token": "我如何获得我的Oculus令牌？",
+                "oculus-token": "Oculus令牌",
+                "token-is-invalid": "令牌无效。",
+                "save-my-token": "保存我的令牌",
+                "have-token-saved": "我已经保存了一个令牌",
+                "save-token-info": "这将保存您的令牌以便更容易地重新使用。您需要创建一个密码来加密您的令牌以进行存储。如果您忘记了密码，只需再次提供您的令牌即可。",
+                "password": "密码",
+                "password-too-short": "密码太短",
+                "info-enter-password": "下载Beat Saber需要您的Oculus登录令牌。请输入用于保存您的Oculus令牌的密码。",
+                "info-disabled-btn-password": "使用提供的密码解密的令牌无效。确保密码与保存令牌时使用的密码相同。",
+                "enter-oculus-token": "输入Oculus令牌"
            },
            "valid-btn": "验证"
        }
@@ -719,6 +724,7 @@
    "maps": {
        "map-filter-panel": {
            "duration": "时长",
+            "nps" : "每秒音符数",
            "tags": "标签",
            "specificities": "general",
            "requirements": "要求"
@@ -786,7 +792,13 @@
        },
        "map-item": {
            "by": "By {songAutor}",
-            "mapped-by": "mapped by"
+            "mapped-by": "mapped by",
+            "delete": "删除",
+            "preview" : "预览地图",
+            "bsr-code" : "BSR代码",
+            "download" : "下载地图",
+            "downloading" :"正在下载地图",
+            "cancel-download" : "取消下载"
        }
    },
    "models": {
@@ -945,7 +957,7 @@
            },
            "prevent-for-models-breaks": {
                "title": "已损坏的模型",
-                "desc": "因 BeatSaber 引擎更新，这些模型在该版本中不再可用。"
+                "desc": "自从Beat Saber引擎更新以来，所有自定义模型的MOD都已损坏，需要更新。它们还没有被更新。"
            },
            "export-success": {
                "title": "导出成功 🎉"
@@ -1,26 +0,0 @@
-<job id="test">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-  	CheckZeroArgs("type A as first arg!!")
-		
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-	
-		'On Error Resume Next
-
-    Dim key: key = "HKCU\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders"
-    Dim value: value = "AppData"
-    
-    ParseHiveAndSubKey key, constHive, strSubKey
-    
-    GetExpandedStringValue constHive, strSubKey, value, exResult
-    WriteLine "GetExpandedStringValue: " & exResult
-
-    GetStringValue constHive, strSubKey, value, nResult
-    WriteLine "GetStringValue: " & nResult
-		
-    set ws = createobject("Wscript.shell")
-    WriteLine "regread: " & ws.regread(key & "\AppData")
-	</script>
-</job>
@@ -1,75 +0,0 @@
-' Notes: wanted to implement this using a class but:
-' 1. No matter what I did I could not assign the result of GetObject to a private member
-' 2. It looks as if all methods were treated as subs from the outside world which is not good since 
-' some of these need to return a value
-'
-
-Set private_oReg = GetObject("winmgmts:\root\default:StdRegProv")		
-
-Function SetStringValue(constHive, strSubKey, strValueName, strValue)	
-	SetStringValue  = private_oReg.SetStringValue(constHive, strSubKey, strValueName, strValue)	
-End Function
-
-Sub GetStringValue(constHive, strKey, strValueName, strValue)
-	private_oReg.GetStringValue constHive, strKey, strValueName, strValue
-End Sub
-
-Function SetExpandedStringValue(constHive, strSubKey, strValueName, strValue)
-	SetExpandedStringValue = private_oReg.SetExpandedStringValue(constHive, strSubKey, strValueName, strValue)
-End Function
-
-Sub GetExpandedStringValue(constHive, strKey, strValueName, strValue)
-	private_oReg.GetExpandedStringValue constHive, strKey, strValueName, strValue
-End Sub
-
-Function SetMultiStringValue(constHive, strSubKey, strValueName, arrValue)
-	SetMultiStringValue = private_oReg.SetMultiStringValue(constHive, strSubKey, strValueName, arrValue)
-End Function
-
-Sub GetMultiStringValue(constHive, strKey, strValueName, arrStrValue)
-	private_oReg.GetMultiStringValue constHive, strKey, strValueName, arrStrValue
-End Sub 
-
-Function SetDWORDValue(constHive, strSubKey, strValueName, arrValue)
-	SetDWORDValue = private_oReg.SetDWORDValue(constHive, strSubKey, strValueName, arrValue)
-End Function
-
-Sub GetDWORDValue(constHive, strKey, strValueName, intDWordValue)
-	private_oReg.GetDWORDValue constHive, strKey, strValueName, intDWordValue
-End Sub
-
-Function SetQWORDValue(constHive, strSubKey, strValueName, strQWordValue)
-	SetQWORDValue = private_oReg.SetQWORDValue(constHive, strSubKey, strValueName, strQWordValue)
-End Function
-
-Sub GetQWORDValue(constHive, strKey, strValueName, intQWordValue)
-	private_oReg.GetQWORDValue constHive, strKey, strValueName, intQWordValue
-End Sub
-
-Function SetBinaryValue(constHive, strSubKey, strValueName, arrValue)
-	SetBinaryValue = private_oReg.SetBinaryValue(constHive, strSubKey, strValueName, arrValue)
-End Function
-
-Sub GetBinaryValue(constHive, strKey, strValueName, arrBinaryValue)
-	private_oReg.GetBinaryValue constHive, strKey, strValueName, arrBinaryValue
-End Sub
-
-Function EnumKey(constHive, strSubKey, arrKeyNames)
-	EnumKey = private_oReg.EnumKey(constHive, strSubKey, arrKeyNames)
-End Function
-
-Function EnumValues(constHive, strSubKey, arrValueNames, arrValueTypes)
-	EnumValues = private_oReg.EnumValues(constHive, strSubKey, arrValueNames, arrValueTypes)
-End Function
-
-Function CreateKey(constHive, strSubKey)
-	CreateKey = private_oReg.CreateKey(constHive, strSubKey)
-End Function
-
-Function DeleteKey(constHive, strSubKey)
-	DeleteKey = private_oReg.DeleteKey(constHive, strSubKey)
-End Function
-
-Function DeleteValue(constHive, strSubKey, strValue)
-	DeleteValue = private_oReg.DeleteValue(constHive, strSubKey, strValue)
-End Function
@@ -1,358 +0,0 @@
-' Notes: wanted to implement this using a class but:
-' 1. No matter what I did I could not assign the result of GetObject to a private member
-' 2. It looks as if all methods were treated as subs from the outside world which is not good since 
-' some of these need to return a value
-
-' should be removed when migration is complete
-Set private_oReg = GetObject("winmgmts:\root\default:StdRegProv")		
-
-Set private_oCtx = CreateObject("WbemScripting.SWbemNamedValueSet")
-private_oCtx.Add "__ProviderArchitecture", CInt(OSArchitecture)
-
-Set private_oLocator = CreateObject("Wbemscripting.SWbemLocator")
-Set private_oServices = private_oLocator.ConnectServer(".", "root\default","","",,,,private_oCtx)
-Set private_oRegSpecific = private_oServices.Get("StdRegProv") 
-
-Function CheckAccess(hDefKey,sSubKeyName,uRequired, bGranted )	
-	Set Inparams = private_oRegSpecific.Methods_("CheckAccess").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.uRequired = uRequired
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("CheckAccess", Inparams,,private_oCtx)
-	
-	bGranted = Outparams.bGranted
-	
-
-	CheckAccess = 0
-	
-End Function
-
-Function CreateKey(hDefKey,sSubKeyName)	
-	Set Inparams = private_oRegSpecific.Methods_("CreateKey").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("CreateKey", Inparams,,private_oCtx)
-	
-
-	CreateKey = 0
-	
-End Function
-
-Function DeleteKey(hDefKey,sSubKeyName)	
-	Set Inparams = private_oRegSpecific.Methods_("DeleteKey").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("DeleteKey", Inparams,,private_oCtx)
-	
-
-	DeleteKey = 0
-	
-End Function
-
-Function DeleteValue(hDefKey,sSubKeyName,sValueName)	
-	Set Inparams = private_oRegSpecific.Methods_("DeleteValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("DeleteValue", Inparams,,private_oCtx)
-	
-
-	DeleteValue = 0
-	
-End Function
-
-Function EnumKey(hDefKey,sSubKeyName, sNames )	
-	Set Inparams = private_oRegSpecific.Methods_("EnumKey").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("EnumKey", Inparams,,private_oCtx)
-	
-	sNames = Outparams.sNames
-	
-
-	EnumKey = 0
-	
-End Function
-
-Function EnumValues(hDefKey,sSubKeyName, sNames,Types )	
-	Set Inparams = private_oRegSpecific.Methods_("EnumValues").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("EnumValues", Inparams,,private_oCtx)
-	
-	sNames = Outparams.sNames
-	
-	Types = Outparams.Types
-	
-
-	EnumValues = 0
-	
-End Function
-
-Function GetBinaryValue(hDefKey,sSubKeyName,sValueName, uValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetBinaryValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetBinaryValue", Inparams,,private_oCtx)
-	
-	uValue = Outparams.uValue
-	
-
-	GetBinaryValue = 0
-	
-End Function
-
-Function GetDWORDValue(hDefKey,sSubKeyName,sValueName, uValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetDWORDValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetDWORDValue", Inparams,,private_oCtx)
-	
-	uValue = Outparams.uValue
-	
-
-	GetDWORDValue = 0
-	
-End Function
-
-Function GetExpandedStringValue(hDefKey,sSubKeyName,sValueName, sValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetExpandedStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetExpandedStringValue", Inparams,,private_oCtx)
-	
-	sValue = Outparams.sValue
-	
-
-	GetExpandedStringValue = 0
-	
-End Function
-
-Function GetMultiStringValue(hDefKey,sSubKeyName,sValueName, sValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetMultiStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetMultiStringValue", Inparams,,private_oCtx)
-	
-	sValue = Outparams.sValue
-	
-
-	GetMultiStringValue = 0
-	
-End Function
-
-Function GetQWORDValue(hDefKey,sSubKeyName,sValueName, uValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetQWORDValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetQWORDValue", Inparams,,private_oCtx)
-	
-	uValue = Outparams.uValue
-	
-
-	GetQWORDValue = 0
-	
-End Function
-
-Function GetSecurityDescriptor(hDefKey,sSubKeyName, Descriptor )	
-	Set Inparams = private_oRegSpecific.Methods_("GetSecurityDescriptor").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetSecurityDescriptor", Inparams,,private_oCtx)
-	
-	Descriptor = Outparams.Descriptor
-	
-
-	GetSecurityDescriptor = 0
-	
-End Function
-
-Function GetStringValue(hDefKey,sSubKeyName,sValueName, sValue )	
-	Set Inparams = private_oRegSpecific.Methods_("GetStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("GetStringValue", Inparams,,private_oCtx)
-	
-	sValue = Outparams.sValue
-	
-
-	GetStringValue = 0
-	
-End Function
-
-Function SetBinaryValue(hDefKey,sSubKeyName,sValueName,uValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetBinaryValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.uValue = uValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetBinaryValue", Inparams,,private_oCtx)
-	
-
-	SetBinaryValue = 0
-	
-End Function
-
-Function SetDWORDValue(hDefKey,sSubKeyName,sValueName,uValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetDWORDValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.uValue = uValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetDWORDValue", Inparams,,private_oCtx)
-	
-
-	SetDWORDValue = 0
-	
-End Function
-
-Function SetExpandedStringValue(hDefKey,sSubKeyName,sValueName,sValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetExpandedStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.sValue = sValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetExpandedStringValue", Inparams,,private_oCtx)
-	
-
-	SetExpandedStringValue = 0
-	
-End Function
-
-Function SetMultiStringValue(hDefKey,sSubKeyName,sValueName,sValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetMultiStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.sValue = sValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetMultiStringValue", Inparams,,private_oCtx)
-	
-
-	SetMultiStringValue = 0
-	
-End Function
-
-Function SetQWORDValue(hDefKey,sSubKeyName,sValueName,uValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetQWORDValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.uValue = uValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetQWORDValue", Inparams,,private_oCtx)
-	
-
-	SetQWORDValue = 0
-	
-End Function
-
-Function SetSecurityDescriptor(hDefKey,sSubKeyName,Descriptor)	
-	Set Inparams = private_oRegSpecific.Methods_("SetSecurityDescriptor").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.Descriptor = Descriptor
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetSecurityDescriptor", Inparams,,private_oCtx)
-	
-
-	SetSecurityDescriptor = 0
-	
-End Function
-
-Function SetStringValue(hDefKey,sSubKeyName,sValueName,sValue)	
-	Set Inparams = private_oRegSpecific.Methods_("SetStringValue").Inparameters
-	
-	Inparams.hDefKey = hDefKey
-	
-	Inparams.sSubKeyName = sSubKeyName
-	
-	Inparams.sValueName = sValueName
-	
-	Inparams.sValue = sValue
-		
-	set Outparams = private_oRegSpecific.ExecMethod_("SetStringValue", Inparams,,private_oCtx)
-	
-
-	SetStringValue = 0
-	
-End Function
@@ -1,7 +0,0 @@
-<job id="JsonSafeStreamTest">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript">		
-		str = """" & vbcrlf & "测试\"
-		Write("{ ""a"": """ & JsonSafe(str) & """}" & vbcrlf)
-	</script>
-</job>
@@ -1,32 +0,0 @@
-<job id="createKeyStream">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-
-		CheckZeroArgs("usage: cscript regCreateKey.wsf architecture")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-
-		Do While Not stdin.AtEndOfLine
-			strLine = stdin.ReadLine()			
-			strLine = unescape(trim(strLine))
-
-			If IsNull(strLine) or strLine = "" Then
-				WScript.Quit 25127
-			End If
-			
-			ParseHiveAndSubKey strLine, constHive, strSubKey
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & strLine
-				WScript.Quit 25122
-			End If
-
-			Result = CreateKey(constHive, strSubKey)
-
-			If Not Result = 0 Then				
-				WScript.Quit Result
-			End If
-		Loop
-	</script>
-</job>
@@ -1,29 +0,0 @@
-<job id="deleteKey">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-
-		CheckZeroArgs("usage: cscript regDeleteKey.wsf architecture")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-
-		Do While Not stdin.AtEndOfLine
-			
-			strLine = stdin.ReadLine()
-			strLine = unescape(trim(strLine))
-		
-			ParseHiveAndSubKey strLine, constHive, strSubKey
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & strLine
-				WScript.Quit 25122   
-			End If
-
-			Result = DeleteKey(constHive, strSubKey)
-
-			If Not Result = 0 Then				
-				WScript.Quit Result
-			End If
-		Loop
-	</script>
-</job>
@@ -1,29 +0,0 @@
-<job id="deleteValue">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-
-		CheckZeroArgs("usage: cscript regDeleteValue.wsf architecture")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-
-		Do While Not stdin.AtEndOfLine
-
-			strLine = stdin.ReadLine()
-			strLine = unescape(trim(strLine))
-
-			ParseHiveAndSubKeyAndValue strLine, constHive, strSubKey, strValue
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & strLine
-				WScript.Quit 25122
-			End If
-
-			Result = DeleteValue(constHive, strSubKey, strValue)
-
-			If Not Result = 0 Then
-				WScript.Quit Result
-			End If
-		Loop
-	</script>
-</job>
@@ -1,49 +0,0 @@
-' 
-'	Lists the sub keys and values of a given registry key
-'
-'	cscript regList.wsg HKLM\Software
-'
-'	Will Yield:
-'
-'	{
-'		"hklm\software": { 
-'			"keys": [ .. array of sub keys .. ], 
-'			"values": { 
-'				"moo": { 
-'					"type": "REG_SZ", 
-'					"value": "bar"
-'				}
-'			}
-'		}
-'	}
-<job id="list">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">		
-		CheckZeroArgs("usage: cscript regList.wsf architecture regpath1 [regpath2] ... [regpathN]")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-	
-		Write "{"
-		On Error Resume Next
-		For v = 1 To args.Count - 1
-			If (v > 1) Then
-				Write ","
-			End If
-			
-			Dim key: key = trim(args(v))
-
-			Write """" & JsonSafe(key) & """: "
-			
-			ParseHiveAndSubKey key, constHive, strSubKey
-			
-			If IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & args(v)
-				WScript.Quit 25122       
-			End If
-
-			ListChildrenAsJson constHive, strSubKey
-		Next
-		Write "}"
-	</script>
-</job>
@@ -1,46 +0,0 @@
-' 
-'	Lists the sub keys and values of a given registry key, this script is slightly different
-'	than regList because it reads stdin for the keys to list
-'
-'	echo HKLM\Software | cscript regListStream.wsf A
-'
-'	Will Yield:
-'
-'	{
-'		"hklm\software": { 
-'			"keys": [ .. array of sub keys .. ], 
-'			"values": { 
-'				"moo": { 
-'					"type": "REG_SZ", 
-'					"value": "bar"
-'				}
-'			}
-'		}
-'	}
-<job id="listStream">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">		
-		CheckZeroArgs("usage: echo KEY | cscript regListStream.wsf architecture")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-		
-		Do While Not stdin.AtEndOfLine
-
-			strLine = stdin.ReadLine()
-			strLine = unescape(trim(strLine))
-		
-			ParseHiveAndSubKey strLine, constHive, strSubKey
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & strLine
-				WScript.Quit 25122       
-			End If
-
-			Write "{ ""key"" : """ & JsonSafe(strLine) & """, ""data"": "
-			ListChildrenAsJson constHive, strSubKey
-			Write "}" & vbcrlf
-		Loop
-
-	</script>
-</job>
@@ -1,56 +0,0 @@
-<job id="putValue">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-		usage = "usage: cscript regPutValue.wsf architecture" & vbNewLine _
-					& "types: REG_SZ, REG_EXPAND_SZ, REG_BINARY, REG_DWORD, REG_MULTI_SZ, REG_QWORD"
-
-		CheckZeroArgs(usage)
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-
-		ReadCount = 0
-		Dim lineArgs(3)
-
-		Do While Not stdin.AtEndOfLine
-			strLine = stdin.ReadLine()
-			strLine = unescape(trim(strLine))
-
-			If IsNull(strLine) or strLine = "" Then
-				WScript.Quit 25127
-			End If
-
-			lineArgs(ReadCount) = strLine
-			
-			ReadCount = ReadCount + 1
-
-			If ReadCount = 4 Then
-
-				ParseHiveAndSubKey lineArgs(0), constHive, strSubKey
-				
-				if IsNull(constHive) Then
-					WriteLineErr "unsupported hive " & lineArgs(0)
-					WScript.Quit 25122
-				End If
-
-				strValueName = lineArgs(1)
-				strValue = lineArgs(2)
-				strType = lineArgs(3)
-				
-				Result = PutValue(constHive, strSubKey, strValueName, strValue, strType)
-
-				If Not Result = 0 Then
-					WriteLineErr "error while putting value: " & result
-					WScript.Quit Result
-				End If
-
-				ReadCount = 0
-				Erase lineArgs				
-			End If
-		Loop
-
-		If ReadCount <> 0 Then
-			WScript.Quit 25123
-		End If
-	</script>
-</job>
@@ -1,358 +0,0 @@
-' TODO: consider incorporating a json writer of some sort instead of adhoc solution like the following
-' e.g: http://demon.tw/my-work/vbs-json.html
-
-const HKEY_CLASSES_ROOT = &H80000000
-const HKEY_CURRENT_USER = &H80000001
-const HKEY_LOCAL_MACHINE = &H80000002
-const HKEY_USERS = &H80000003
-const HKEY_CURRENT_CONFIG = &H80000005
-
-Sub LoadRegistryImplementationByOSArchitecture()
-	If IsNull(OSArchitecture) Then
-		WriteLineErr "missing OSArchitecture global. did not call util.DetermineOSArchitecture? or Forgot to load util.vbs?"
-		WScript.Quit 25125		
-	End If
-
-	If OSArchitecture = "A" Then
-		Include "ArchitectureAgnosticRegistry.vbs"
-	Else
-		Include "ArchitectureSpecificRegistry.vbs"
-	End If
-End Sub 
-
-Function PutValue(constHive, strSubKey, strValueName, strValue, strType)
-	Select Case UCase(strType)
-		
-		Case "REG_SZ"
-			PutValue = SetStringValue(constHive, strSubKey, strValueName, strValue)
-
-		Case "REG_EXPAND_SZ"
-			PutValue = SetExpandedStringValue(constHive, strSubKey, strValueName, strValue)
-
-		Case "REG_BINARY"
-			PutValue = SetBinaryValue(constHive, strSubKey, strValueName, ToBinaryValue(strValue))
-
-		Case "REG_NONE"
-			PutValue = SetBinaryValue(constHive, strSubKey, strValueName, ToBinaryValue(strValue))
-
-		' TODO: need to check that indeed int is the right type here
-		Case "REG_DWORD"
-			PutValue = SetDWORDValue(constHive, strSubKey, strValueName, CDbl(strValue))
-
-		Case "REG_MULTI_SZ"
-			PutValue = SetMultiStringValue(constHive, strSubKey, strValueName, Split(strValue, ","))
-
-		Case "REG_QWORD"
-			PutValue = SetQWORDValue(constHive, strSubKey, strValueName, strValue)
-
-		Case "REG_DEFAULT"
-			PutValue = SetStringValue(constHive, strSubKey, "", strValue)
-
-		Case Else
-			PutValue = SetStringValue(constHive, strSubKey, strValueName, strValue)
-
-	End Select
-End Function
-
-' render the child of a sub path strSubKey in hive constHive
-' as json.
-Sub ListChildrenAsJson(constHive, strSubKey)
-	' start outputting json to stdout
-	Write "{"
-
-	Dim e1: e1 = EnumKey (constHive, strSubKey, arrKeyNames)
-	If e1 <> 0 Then
-		Write """exists"": false,"
-		Dim arrValueNames: arrValueNames = null
-	Else
-		Write """exists"": true,"
-
-		Dim e2: e2 = EnumValues (constHive, strSubKey, arrValueNames, arrValueTypes)
-		If e2 <> 0 Then
-			WScript.Quit e2
-		End If
-	End If
-
-	Write """keys"": ["
-	If Not IsNull(arrKeyNames) Then
-		For x = 0 To UBound(arrKeyNames)
-			If (x > 0) Then
-				Write ","
-			End If
-	
-			Write """" & JsonSafe(arrKeyNames(x)) & """"
-		Next
-	End If
-	Write "],"
-	' TODO: some duplicity of code between the two paths of this condition, this needs to be address at some point
-	Write """values"":{"
-	If Not IsNull(arrValueNames) Then
-		For y = 0 To UBound(arrValueNames)
-			If y > 0 Then
-				Write ","
-			End If
-
-			strValueName = arrValueNames(y)
-			intValueType = arrValueTypes(y)
-			
-			' assign the value to varValue
-			GetValueByType constHive, strSubKey, strValueName, intValueType, varValue
-			
-			WriteValue strValueName, intValueType, varValue
-		Next
-	Else
-		' fix for keys with only default values in them
-		' see http://stackoverflow.com/questions/8840343/how-to-read-the-default-value-from-registry-in-vbscript
-		GetStringValue constHive, strSubKey, "", strDefaultValue
-
-		If IsNull(strDefaultValue) = false and strDefaultValue <> "" Then
-			' write the default value with REG_SZ
-			WriteValue "", 1, strDefaultValue
-		End If
-	End If
-	Write "}}"	
-End Sub
-
-Sub WriteValue (strValueName, intValueType, varValue)
-	Write """"  
-	Write JsonSafe(strValueName)
-	Write """:{"
-	Write """type"": """
-	Write RenderType(intValueType)
-	Write ""","
-	Write """value"":"
-	Write RenderValueByType(intValueType, varValue)
-	Write "}"
-End Sub
-
-' give a raw HKLM\something\somewhere
-' output the hive constant and the subkey, in this case:
-' HKEY_LOCAL_MACHINE will be assigned to outConstHive
-' and something\somewhere will be assigned to outStrSubKey
-Sub ParseHiveAndSubKey(strRawKey, outConstHive, outStrSubKey)	
-	' split into two parts to deduce the hive and the sub key
-	arrSplitted = Split(strRawKey, "\", 2, 1)
-	
-	If UBound(arrSplitted) > 0 Then
-		strHive = arrSplitted(0)	
-		outStrSubKey = arrSplitted(1)
-	Else
-		strHive = strRawKey
-		outStrSubKey = ""
-	End If
-
-	outConstHive = StringToHiveConst(UCase(strHive))
-End Sub
-
-Function ArrayRemoveAt(arr, pos)
-	Dim i
-	If IsArray(arr) Then
-		If pos >= 0 And pos <= UBound(arr) Then
-			For i = pos To UBound(arr) - 1
-				arr(i) = arr(i + 1)
-			Next
-			ReDim Preserve arr(UBound(arr) - 1)
-		End If
-	End If
-End Function
-
-Sub ParseHiveAndSubKeyAndValue(strRawKey, outConstHive, outStrSubKey, outStrValue)
-	' split into two parts to deduce the hive and the sub key
-	arrSplitted = Split(strRawKey, "\", -1, 1)
-  
-  If UBound(arrSplitted) > 0 Then
-		strHive = arrSplitted(0)
-		outStrValue = arrSplitted(UBound(arrSplitted))
-		test = ArrayRemoveAt(arrSplitted, UBound(arrSplitted))
-		test = ArrayRemoveAt(arrSplitted, 0)
-		outStrSubKey = Join(arrSplitted, "\")
-	Else
-		strHive = strRawKey
-		outStrSubKey = ""
-	End If
-
-	outConstHive = StringToHiveConst(UCase(strHive))
-End Sub
-
-Function StringToHiveConst(strHive)
-	
-	Select Case strHive
-		Case "HKCR"
-			StringToHiveConst = HKEY_CLASSES_ROOT
-		Case "HKCU"
-			StringToHiveConst = HKEY_CURRENT_USER
-		Case "HKLM"
-			StringToHiveConst = HKEY_LOCAL_MACHINE
-		Case "HKU"
-			StringToHiveConst = HKEY_USERS
-		Case "HKCC"
-			StringToHiveConst = HKEY_CURRENT_CONFIG
-		Case Else
-			StringToHiveConst = Null	
-	End Select	
-
-End Function
-
-' TODO: this entire "by type" should be transformed into OOP style
-' where each type will have a class with render(), getValue() etc...
-
-' convert a value type number into a string label
-Function RenderType(intType)
-	RenderType = "REG_UNKNOWN"
-
-	Select Case intType
-		Case 0
-			RenderType = "REG_NONE"
-		Case 1
-			RenderType = "REG_SZ"
-		Case 2
-			RenderType = "REG_EXPAND_SZ"
-		Case 3
-			RenderType = "REG_BINARY"
-		Case 4
-			RenderType = "REG_DWORD"
-		Case 7
-			RenderType = "REG_MULTI_SZ"
-		Case 11	
-			RenderType = "REG_QWORD"
-		Case Else
-			' TODO: should report / throw an error here
-			WriteErr("invalid Registry Value Type " & intType)
-
-	End Select
-
-End Function
-
-' render by value type:
-' string will return as a string with double quotes, e.g "value"
-' multi string values which return as an array ot strings "["1", "2"]" (double quotes included ofc)
-' numeric values like DWORD and QWORD just return as the number e.g. 1
-' byte arrays such as reg_binary return as an array of ints, e.g [1,2,3]
-Function RenderValueByType(intType, varValue)
-
-	Select Case intType
-		' REG_NONE
-		Case 0
-			RenderValueByType = "0"
-
-		' REG_SZ
-		Case 1
-			RenderValueByType = """" & JsonSafe(varValue) & """"
-
-		' REG_EXPAND_SZ
-		Case 2
-			RenderValueByType = """" & JsonSafe(varValue) & """"
-
-		' REG_BINARY
-		Case 3
-			RenderValueByType = RenderByteArray(varValue)
-
-		' REG_DWORD
-		Case 4
-			RenderValueByType= varValue
-
-		' REG_MULYI_SZ'
-		Case 7
-
-			RenderValueByType = RenderStringArray(varValue)
-		' REG_QWORD
-		Case 11
-			RenderValueByType = varValue
-		Case Else
-			' TODO: should report / throw an error here
-			WriteErr("invalid Registry Value Type " & intType)
-	End Select
-
-End Function
-
-' get the value of a registry based on its value type and assign it to out parameter outVarValue
-Sub GetValueByType(constHive, strKey, strValueName, intType, outVarValue)
-
-	Select Case intType
-		' REG_NONE
-		Case 0
-			GetStringValue constHive, strKey, strValueName, "0"
-			Exit Sub
-
-		' REG_SZ
-		Case 1
-			GetStringValue constHive, strKey, strValueName, outVarValue
-			Exit Sub
-
-		' REG_EXPAND_SZ
-		Case 2
-			GetExpandedStringValue constHive, strKey, strValueName, outVarValue			
-			Exit Sub
-			
-		' REG_BINARY
-		Case 3
-			GetBinaryValue constHive, strKey, strValueName, outVarValue
-			Exit Sub
-			
-		' REG_DWORD
-		Case 4
-			GetDWORDValue constHive, strKey, strValueName, outVarValue
-
-			' #21 - VBS does not support UInt32. This is the workaround
-			If outVarValue < 0 Then outVarValue = 4294967296 + outVarValue
-
-			Exit Sub
-			
-		' REG_MULYI_SZ'
-		Case 7
-			GetMultiStringValue constHive, strKey, strValueName, outVarValue
-			Exit Sub
-			
-		' REG_QWORD
-		Case 11	
-			GetQWORDValue constHive, strKey, strValueName, outVarValue
-			Exit Sub
-		
-		Case Else
-			' TODO: should report / throw an error here
-			WriteErr("invalid Registry Value Type " & intType)	
-	End Select
-
-End Sub
-
-' render a byte array as a json array of numbers
-Function RenderByteArray(arr)
-	RenderByteArray = "[]"
-
-	If Not IsNull(arr) Then		
-		RenderByteArray = "[" & Join(arr, ",") & "]"
-	End If
-End Function
-
-' render a string array as json string array
-Function RenderStringArray(arr)	
-	Result = "["
-	If Not IsNull(arr) Then
-		For t = 0 To UBound(arr)
-			If (t > 0) Then
-				Result = Result &  ","
-			End If
-
-			Result = Result & """" & JsonSafe(arr(t)) & """"
-		Next
-	End If
-	Result = Result & "]"
-
-	RenderStringArray = Result
-End Function
-
-Function ToBinaryValue(strValue)
-
-	arrValue = Split(strValue, ",")
-	
-	If IsNull(arrValue) Then		
-		ToBinaryValue = Array()
-		Exit Function
-	End If
-
-	For i = 0 To UBound(arrValue)
-		arrValue(i) = CInt(arrValue(i))
-	Next
-
-	ToBinaryValue = arrValue
-End Function
@@ -1,162 +0,0 @@
-Set stdout = WScript.StdOut
-Set stderr = WScript.StdErr
-Set stdin = WScript.StdIn
-Set args = WScript.Arguments
-Set fs = CreateObject("scripting.filesystemobject") 
-Dim OSArchitecture
-
-Sub WriteErr(message)
-	stderr.Write message
-End Sub
-
-Sub WriteLineErr(message)
-	stderr.WriteLine message
-End Sub
-
-Sub Write(message)
-	stdout.Write message
-End Sub
-
-Sub WriteLine(message)
-	stdout.WriteLine message
-End Sub
-
-Function IndexOf(varNeedle, arrHaystack)
-	IndexOf = -1
-	
-	If Not IsArray(arrHaystack)	 Then
-		Exit Function
-	End If
-
-	For xyz = 0 To UBound(arrHaystack)
-		If arrHaystack(xyz) = varNeedle Then
-			IndexOf = xyz
-			Exit Function
-		End If
-	Next
-End Function
-
-Sub CheckZeroArgs(message)
-	' bail if args are missing
-	If args.Count = 0 Then
-		WriteLineErr message
-		WScript.Quit 25121
-	End If
-End Sub
-
-Dim ALLOWED_OS_ARCHITECTURE_VALUES: ALLOWED_OS_ARCHITECTURE_VALUES = Array("S", "A", "32", "64")
-
-'
-'	determine the architecture of the operating system, that will be used. there are 4 possibilities:
-'	A - means agnostic
-'	S - means that we want to use a specific architecture, but auto detect Item
-'	32 - explicitly use 32 bit architecture
-'	64 - explicitly use 64 bit architecture
-'
-Sub DetermineOSArchitecture()
-	strArchitecture = args(0)
-
-	If IsNull(strArchitecture) Then
-		WriteLineErr "missing architecture argument"
-		WScript.Quit 25124
-	End If
-
-	strArchitecture = UCase(strArchitecture)
-
-	If IndexOf(strArchitecture, ALLOWED_OS_ARCHITECTURE_VALUES) = -1 Then
-		WriteLineErr "invalid architecture argument"
-		WScript.Quit 25124
-	End If
-
-	If (strArchitecture = "S") Then
-		OSArchitecture = GetOSArchitecture()
-		If OSArchitecture = -1 Then
-			WriteLineErr "invalid os architecture detected " & OSArchitecture
-			WScript.Quit 25126
-		End If
-	Else
-		OSArchitecture = strArchitecture
-	End If
-
-End Sub
-
-Sub Include(sPath)
-	' TODO this is fragile, but should work for "modules" nested relatively to script root
-	include_ScriptPath = Left(WScript.ScriptFullName, InStr(WScript.ScriptFullName, WScript.ScriptName) - 2)	
-	sPath = include_ScriptPath & "\" & sPath
-	
-	include_code = fs.OpenTextFile(sPath).ReadAll 	
-	ExecuteGlobal include_code
-End Sub
-
-Function GetOSArchitecture()
-
-	Dim ObjWMI, ColSettings, ObjProcessor 
-	Dim StrComputer, ObjNetwork 
-	
-	Set ObjWMI = GetObject("winmgmts:\Root\CIMV2") 
-	Set ColSettings = ObjWMI.ExecQuery ("SELECT DataWidth, AddressWidth, Architecture FROM Win32_Processor") 
-
-	' TODO: I make two assumptions here: 
-	' 1. Eveyone will have CPU0 device
-	' 2. There is only one cpu defined in the wmi database (and if not, then they are all of the same architecture)
-	Set ObjProcessor = ColSettings.Item("Win32_Processor.DeviceID=""CPU0""")
-
-	If ObjProcessor.Architecture = 0 AND ObjProcessor.AddressWidth = 32 Then 
-		GetOSArchitecture = 32
-	ElseIf (ObjProcessor.Architecture = 6 OR ObjProcessor.Architecture = 9) AND ObjProcessor.DataWidth = 64 AND ObjProcessor.AddressWidth = 32 Then 
-		GetOSArchitecture = 32
-	ElseIf (ObjProcessor.Architecture = 6 OR ObjProcessor.Architecture = 9) AND ObjProcessor.DataWidth = 64 AND ObjProcessor.AddressWidth = 64 Then 
-		GetOSArchitecture = 64
-	Else		
-		GetOSArchitecture = -1
-	End If 
-	
-End Function
-
-Function JsonSafe(inStrText)
-	If inStrText = "" Then
-		JsonSafe = ""
-		Exit Function 
-	End If
-	Dim outStrText: outStrText = inStrText
-	outStrText = Replace(outStrText, "\", "\\")
-	outStrText = Replace(outStrText, vbcrlf, "\\r\\n")
-	outStrText = Replace(outStrText, vblf, "\\n")
-	outStrText = Replace(outStrText, vbcr, "\\r")
-	outStrText = Replace(outStrText, """", "\""")	
-	outStrText = JsonU(outStrText)
-	JsonSafe = outStrText
-End Function
-
-'TODO: need to change this function's name to something more appropriate
-Function JsonU(astr)
-	
-	If isNull(astr) Then
-		JsonU = ""
-		Exit Function
-	End If
-
-	Dim c 
-	Dim utftext: utftext = ""
-	
-	For n = 1 To Len(astr)
-		c = CLng(AscW(Mid(astr, n, 1)))
-
-		If c < 0 Then
-			c = &H10000 + c
-		End If
-
-		If c < &H80 Then
-			utftext = utftext & Mid(astr, n, 1)
-		ElseIf c < &H100 Then
-			utftext = utftext & "\u00" & Hex(c)
-		ElseIf c < &H1000 Then
-			utftext = utftext & "\u0" & Hex(c)
-		Else
-			utftext = utftext & "\u" & Hex(c)
-		End If
-	Next
-
-	JsonU = utftext
-End Function
@@ -1,52 +0,0 @@
-' 
-'	Lists the values of a given registry path, this script takes its input from stdin
-'
-'	cscript regListStream.wsf A "HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\User Shell Folders\\AppData"
-'
-'	Will Yield:
-'
-'	{
-'		"HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\User Shell Folders\\AppData": "value here"
-'	}
-<job id="regRead">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-		CheckZeroArgs("usage: cscript wsRegRead.wsf architecture path1...pathN")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-		
-		set ws = createobject("Wscript.shell")
-	
-		Write "["
-		On Error Resume Next
-		For v = 1 To args.Count - 1
-			If (v > 1) Then
-				Write ","
-			End If
-
-			Dim key: key = trim(args(v))
-			
-			' not really needed except for validation
-			ParseHiveAndSubKeyAndValue key, constHive, strSubKey, strValue
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & args(v)
-				WScript.Quit 25122
-			End If
-			
-			Write "{ ""path"" : """ & JsonSafe(key) & """, "
-			
-			Dim result:	result = ws.RegRead(args(v))
-			Dim exists: exists = "true"
-
-			If Err.Number <> 0 Then
-				exists = "false"
-			End if
-
-			Write """exists"": " & exists & ", "
-			Write """value"": """ &  JsonSafe(result) & """}" & vbcrlf
-		Next
-		Write "]"
-	</script>
-</job>
@@ -1,47 +0,0 @@
-' 
-'	Lists the values of a given registry path, this script takes its input from stdin
-'
-'	echo HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\User Shell Folders\\AppData | cscript regListStream.wsf A
-'
-'	Will Yield:
-'
-'	{
-'		"HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\User Shell Folders\\AppData": "value here"
-'	}
-<job id="regRead">
-	<script language="VBScript" src="util.vbs" />
-	<script language="VBScript" src="regUtil.vbs" />
-	<script language="VBScript">
-		CheckZeroArgs("usage: echo KEY | cscript wsRegRead.wsf architecture")
-		DetermineOSArchitecture()
-		LoadRegistryImplementationByOSArchitecture()
-		
-		set ws = createobject("Wscript.shell")
-	
-		Do While Not stdin.AtEndOfLine
-
-			strLine = stdin.ReadLine()
-			strLine = unescape(trim(strLine))
-		
-			' not really needed except for validation
-			ParseHiveAndSubKeyAndValue strLine, constHive, strSubKey, strValue
-
-			if IsNull(constHive) Then
-				WriteLineErr "unsupported hive " & strLine
-				WScript.Quit 25122       
-			End If
-			
-			Write "{ ""path"" : """ & JsonSafe(strLine) & """, "
-
-			Dim result: result = ws.RegRead(strLine)
-			Dim exists: exists = "true"
-
-			If Err.Number <> 0 Then
-				exists = "false"
-			End if
-			
-			Write """exists"": " & exists & ", "
-			Write """value"": """ &  JsonSafe(result) & """}" & vbcrlf
-		Loop
-	</script>
-</job>
@@ -0,0 +1,243 @@
+/**
+* Code taken from https://github.com/kubeshop/monokle/blob/main/tests/electronHelpers.ts
+* don't tunch unless you know what you're doing
+*/
+
+import { Page } from "@playwright/test";
+import path from "path";
+import {ElectronApplication, _electron as electron} from 'playwright-core';
+import { pause } from "shared/helpers/promise.helpers";
+import log from "electron-log";
+import * as fs from 'fs';
+import * as ASAR from 'asar';
+
+export const TEST_OUTPUT_DIR = 'test-results';
+
+export async function startApp(): Promise<StartAppResponse> {
+    const latestBuild = findLatestBuild();
+    const appInfo = parseElectronApp(latestBuild);
+    const electronApp = await electron.launch({
+        args: [appInfo.main],
+        env: {
+            ...process.env,
+            E2E_BUILD: "true",
+        },
+        executablePath: appInfo.executable,
+        recordVideo: {
+            dir: getRecordingPath(appInfo.platform),
+            size: {
+                width: 1200,
+                height: 800,
+            },
+        },
+    });
+  
+    const appWindow = await electronApp.firstWindow();
+
+    if (!appWindow) {
+        throw new Error('Unable to get main window');
+    }
+
+    await pause(3000);
+
+    appWindow.on('console', log.info);
+    appWindow.screenshot({path: path.join(TEST_OUTPUT_DIR, "initial-screen.png")});
+  
+    return {appWindow, appInfo, electronApp};
+}
+
+export function findLatestBuild(): string {
+    const rootDir = path.resolve('./');
+    const outDir = path.join(rootDir, 'release', 'build');
+    const builds = fs.readdirSync(outDir);
+    const platforms = ['win32', 'win', 'windows', 'darwin', 'mac', 'macos', 'osx', 'linux', 'ubuntu'];
+  
+    const latestBuild = builds
+        .map(fileName => {
+            // make sure it's a directory with "-" delimited platform in its name
+            const stats = fs.statSync(path.join(outDir, fileName));
+            const isBuild = fileName.toLocaleLowerCase().split('-').some(part => platforms.includes(part));
+
+            if(!stats.isDirectory() || !isBuild){ return undefined; }
+
+            return {
+                name: fileName,
+                time: fs.statSync(path.join(outDir, fileName)).mtimeMs,
+            };
+        })
+        .sort((a, b) => b.time - a.time)
+        .map(file => file?.name)[0];
+
+    if (!latestBuild) {
+        throw new Error('No build found in out directory');
+    }
+    
+    return path.join(outDir, latestBuild);
+}
+
+/**
+ * Given a directory containing an Electron app build,
+ * return the path to the app's executable and the path to the app's main file.
+ */
+export function parseElectronApp(buildDir: string): ElectronAppInfo {
+    log.info(`Parsing Electron app in ${buildDir}`);
+
+    let platform: string | undefined;
+
+    if (buildDir.endsWith('.app')) {
+        buildDir = path.dirname(buildDir);
+        platform = 'darwin';
+    }
+    else if (buildDir.endsWith('.exe')) {
+        buildDir = path.dirname(buildDir);
+        platform = 'win32';
+    }
+  
+    const baseName = path.basename(buildDir).toLowerCase();
+    if (!platform) {
+        // parse the directory name to figure out the platform
+        if (baseName.includes('win')) {
+            platform = 'win32';
+        }
+        if (baseName.includes('linux') || baseName.includes('ubuntu') || baseName.includes('debian')) {
+            platform = 'linux';
+        }
+        if (baseName.includes('darwin') || baseName.includes('mac') || baseName.includes('osx')) {
+            platform = 'darwin';
+        }
+    }
+  
+    if (!platform) {
+        throw new Error(`Platform not found in directory name: ${baseName}`);
+    }
+  
+    let arch: Architecture;
+    if (baseName.includes('x32') || baseName.includes('i386')) {
+        arch = 'x32';
+    }
+    if (baseName.includes('x64')) {
+        arch = 'x64';
+    }
+    if (baseName.includes('arm64')) {
+        arch = 'arm64';
+    }
+  
+    let executable: string;
+    let main: string;
+    let name: string;
+    let asar: boolean;
+    let resourcesDir: string;
+  
+    if (platform === 'darwin') {
+      // MacOS Structure
+      // <buildDir>/
+      //   <appName>.app/
+      //     Contents/
+      //       MacOS/
+      //        <appName> (executable)
+      //       Info.plist
+      //       PkgInfo
+      //       Resources/
+      //         electron.icns
+      //         file.icns
+      //         app.asar (asar bundle) - or -
+      //         app
+      //           package.json
+      //           (your app structure)
+  
+        const list = fs.readdirSync(buildDir);
+        const appBundle = list.find(fileName => {
+            return fileName.endsWith('.app');
+        });
+
+        const appDir = path.join(buildDir, appBundle, 'Contents', 'MacOS');
+        const appName = fs.readdirSync(appDir)[0];
+        executable = path.join(appDir, appName);
+  
+        resourcesDir = path.join(buildDir, appBundle, 'Contents', 'Resources');
+        const resourcesList = fs.readdirSync(resourcesDir);
+        asar = resourcesList.includes('app.asar');
+  
+        let packageJson: {main: string; name: string};
+        if (asar) {
+            const asarPath = path.join(resourcesDir, 'app.asar');
+            packageJson = JSON.parse(ASAR.extractFile(asarPath, 'package.json').toString('utf8'));
+            main = path.join(asarPath, packageJson.main);
+        } else {
+            packageJson = JSON.parse(fs.readFileSync(path.join(resourcesDir, 'app', 'package.json'), 'utf8'));
+            main = path.join(resourcesDir, 'app', packageJson.main);
+        }
+        name = packageJson.name;
+    } 
+    else if (platform === 'win32') {
+      // Windows Structure
+      // <buildDir>/
+      //   <appName>.exe (executable)
+      //   resources/
+      //     app.asar (asar bundle) - or -
+      //     app
+      //       package.json
+      //       (your app structure)
+  
+        const list = fs.readdirSync(buildDir);
+        const exe = list.find(fileName => {
+            return fileName.endsWith('.exe');
+        });
+
+        executable = path.join(buildDir, exe);
+  
+        resourcesDir = path.join(buildDir, 'resources');
+        const resourcesList = fs.readdirSync(resourcesDir);
+        asar = resourcesList.includes('app.asar');
+  
+        let packageJson: {main: string; name: string};
+  
+        if (asar) {
+            const asarPath = path.join(resourcesDir, 'app.asar');
+            packageJson = JSON.parse(ASAR.extractFile(asarPath, 'package.json').toString('utf8'));
+            main = path.join(asarPath, packageJson.main);
+        } else {
+            packageJson = JSON.parse(fs.readFileSync(path.join(resourcesDir, 'app', 'package.json'), 'utf8'));
+            main = path.join(resourcesDir, 'app', packageJson.main);
+        }
+        name = packageJson.name;
+    } 
+    else {
+        /**  @todo add support for linux */
+        throw new Error(`Platform not supported: ${platform}`);
+    }
+
+    return { executable, main, asar, name, platform, resourcesDir, arch };
+}
+
+export function getRecordingPath(...paths: string[]): string {
+    return path.join(TEST_OUTPUT_DIR, ...paths);
+}
+
+export function getMainWindow(windows: Page[]): Page {
+    const mainWindow = windows.find(w => w.url().includes('index.html'));
+    return mainWindow;
+}
+
+type Architecture = 'x64' | 'x32' | 'arm64';
+export interface ElectronAppInfo {
+  /** Path to the app's executable file */
+  executable: string;
+  /** Path to the app's main (JS) file */
+  main: string;
+  /** Name of the app */
+  name: string;
+  /** Resources directory */
+  resourcesDir: string;
+  /** True if the app is using asar */
+  asar: boolean;
+  /** OS platform */
+  platform: 'darwin' | 'win32' | 'linux';
+  arch: Architecture;
+}
+
+interface StartAppResponse {
+    electronApp: ElectronApplication;
+    appWindow: Page;
+    appInfo: ElectronAppInfo;
+}
@@ -0,0 +1,55 @@
+import {Page} from 'playwright';
+import { test, expect } from '@playwright/test';
+import { getRecordingPath, startApp } from './helpers/electron.helpers';
+import { pause } from 'shared/helpers/promise.helpers';
+import { MainWindow } from './models/main-window.class';
+import { AddVersionPanel } from './models/add-version-panel.class';
+
+
+let appWindow: Page;
+let mainWindow: MainWindow;
+let addVersionPanel: AddVersionPanel;
+
+test.beforeAll(async () => {
+    const startAppResponse = await startApp();
+    appWindow = startAppResponse.appWindow;
+    mainWindow = new MainWindow(appWindow);
+    addVersionPanel = new AddVersionPanel(appWindow);
+});
+
+test.beforeEach(async () => {
+    await pause(1000);
+    await mainWindow.clickAddVersionButton();
+});
+
+test.afterEach(async () => {
+    await pause(1000);
+});
+
+test('should be able to select then unselect a bs version', async () => {
+    const versionManifest = "8948172000430595334";
+    await addVersionPanel.selectYear("2021");
+    await pause(1000);
+
+    await addVersionPanel.clickVersion(versionManifest); // select version 0.12.2
+    await pause(1000);
+
+    expect(await addVersionPanel.downloadVersionButton.isVisible()).toBeTruthy();
+
+    await addVersionPanel.clickVersion(versionManifest);  // deselect version 0.12.2
+    await pause(3000);
+
+    expect(await addVersionPanel.downloadVersionButton.isVisible()).toBeFalsy();
+
+    // sadly we can't test if the download works or not :( (Steam ids, dot-net, etc)
+});
+
+test('should be able to download a map then delete it', async () => {
+    // TODO: implement this test
+});
+
+test.afterAll(async () => {
+    await pause(3000);
+    await appWindow.screenshot({path: getRecordingPath("final-screen.png")});
+    await appWindow.close();
+});
@@ -0,0 +1,26 @@
+import { Page, Locator } from "playwright";
+import { MainWindow } from "./main-window.class";
+
+export class AddVersionPanel extends MainWindow {
+
+    private readonly _yearsTabBar: Locator;
+    private readonly _downloadVersionButton: Locator;
+
+    constructor(page: Page) {
+        super(page);
+
+        this._yearsTabBar = page.locator("#version-years-tab-bar");
+        this._downloadVersionButton = page.locator("#download-version-btn");
+    }
+
+    selectYear(year: string): Promise<void>{
+        return this._yearsTabBar.getByText(year).click();
+    }
+
+    clickVersion(manifest: string): Promise<void>{
+        return this._page.locator(`#version-item-${manifest}`).click();
+    }
+
+    get downloadVersionButton(): Locator { return this._downloadVersionButton; }
+
+}
@@ -0,0 +1,36 @@
+import { Page, Locator } from "playwright"
+
+export class MainWindow {
+
+    protected readonly _page: Page;
+
+    private readonly _bsmLogo: Locator;
+    private readonly _addVersionButton: Locator;
+    private readonly _settingsButton: Locator;
+    private readonly _sharedContentButton: Locator;
+
+    constructor(page: Page) {
+        this._page = page;
+
+        this._bsmLogo = page.locator("#bsm-logo");
+        this._addVersionButton = page.locator("#add-version-btn");
+        this._settingsButton = page.locator("#settings-btn");
+        this._sharedContentButton = page.locator("#shared-contents-btn");
+    }
+    public async clickBsmLogo(): Promise<void> {
+        return this._bsmLogo.click();
+    }
+
+    public async clickAddVersionButton(): Promise<void> {
+        return this._addVersionButton.click();
+    }
+
+    public async clickSettingsButton(): Promise<void> {
+        return this._settingsButton.click();
+    }
+
+    public async clickSharedContentButton(): Promise<void> {
+        return this._sharedContentButton.click();
+    }
+
+}
@@ -14,7 +14,9 @@
        "start:preload": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.preload.dev.ts",
        "start:renderer": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack serve --config ./.erb/configs/webpack.config.renderer.dev.ts",
        "test": "jest",
-        "publish": "npm run build && electron-builder -c.win.certificateSha1=842a817a51e2a1d360fcd62f54bf5f9193e919e1 --publish always --win --x64"
+        "publish": "npm run build && electron-builder -c.win.certificateSha1=842a817a51e2a1d360fcd62f54bf5f9193e919e1 --publish always --win --x64",
+        "e2e-test": "npm run package && xvfb-maybe npx playwright test --workers=1",
+        "e2e-test-ci": "xvfb-maybe npx playwright test --workers=1"
    },
    "lint-staged": {
        "*.{js,jsx,ts,tsx}": [
@@ -149,12 +151,14 @@
    },
    "devDependencies": {
        "@electron/rebuild": "^3.2.13",
+        "@playwright/test": "^1.38.1",
        "@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
        "@teamsupercell/typings-for-css-modules-loader": "^2.5.1",
        "@testing-library/jest-dom": "^5.16.5",
        "@testing-library/react": "^13.3.0",
        "@types/archiver": "^5.3.1",
        "@types/color": "^3.0.3",
+        "@types/crypto-js": "^4.2.1",
        "@types/dateformat": "^5.0.0",
        "@types/jest": "^27.5.2",
        "@types/node": "17.0.23",
@@ -174,6 +178,7 @@
        "@types/webpack-env": "^1.18.0",
        "@typescript-eslint/eslint-plugin": "^5.34.0",
        "@typescript-eslint/parser": "^5.34.0",
+        "asar": "^3.2.0",
        "autoprefixer": "^10.4.8",
        "browserslist-config-erb": "^0.0.3",
        "chalk": "^4.1.2",
@@ -183,8 +188,8 @@
        "css-loader": "^6.7.1",
        "css-minimizer-webpack-plugin": "^4.1.0",
        "detect-port": "^1.3.0",
-        "electron": "^27.0.0",
-        "electron-builder": "^24.6.3",
+        "electron": "^27.1.3",
+        "electron-builder": "^24.9.1",
        "electron-devtools-installer": "^3.2.0",
        "electron-notarize": "^1.2.1",
        "electronmon": "^2.0.2",
@@ -207,6 +212,8 @@
        "lint-staged": "^12.5.0",
        "mini-css-extract-plugin": "^2.6.1",
        "opencollective-postinstall": "^2.0.3",
+        "playwright": "^1.38.1",
+        "playwright-core": "^1.38.1",
        "postcss": "^8.4.16",
        "postcss-loader": "^6.2.1",
        "prettier": "^2.7.1",
@@ -230,7 +237,8 @@
        "webpack-bundle-analyzer": "^4.6.1",
        "webpack-cli": "^4.10.0",
        "webpack-dev-server": "^4.10.0",
-        "webpack-merge": "^5.8.0"
+        "webpack-merge": "^5.8.0",
+        "xvfb-maybe": "^0.2.1"
    },
    "dependencies": {
        "@electron/fuses": "^1.6.2",
@@ -238,15 +246,16 @@
        "@tippyjs/react": "^4.2.6",
        "archiver": "^6.0.1",
        "color": "^4.2.3",
+        "crypto-js": "^4.2.0",
        "dateformat": "^5.0.3",
        "dot-prop": "^8.0.2",
        "electron-debug": "^3.2.0",
        "electron-log": "^4.4.8",
        "electron-store": "^8.1.0",
-        "electron-updater": "^6.1.5",
+        "electron-updater": "^6.1.7",
        "fast-deep-equal": "^3.1.3",
-        "framer-motion": "^10.16.4",
-        "fs-extra": "^11.1.1",
+        "framer-motion": "^10.16.16",
+        "fs-extra": "^11.2.0",
        "history": "^5.3.0",
        "jszip": "^3.10.1",
        "md5-file": "^5.0.0",
@@ -264,7 +273,6 @@
        "react-virtualized-auto-sizer": "^1.0.12",
        "react-window": "^1.8.8",
        "recursive-readdir": "^2.2.3",
-        "regedit": "^5.1.2",
        "rfdc": "^1.3.0",
        "rxjs": "^7.8.0",
        "sanitize-filename": "^1.6.3",
@@ -0,0 +1,18 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+    testDir: "./e2e-tests",
+    testMatch: "**/*.test.ts",
+    timeout: 200000,
+    fullyParallel: true,
+    retries: 1,
+});
@@ -1,16 +1,17 @@
 {
  "name": "bs-manager",
-  "version": "1.3.1-alpha.2",
+  "version": "1.4.3",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "bs-manager",
-      "version": "1.3.1-alpha.2",
+      "version": "1.4.3",
      "hasInstallScript": true,
      "license": "MIT",
      "dependencies": {
        "ps-list": "^7.2.0",
+        "regedit-rs": "^1.0.1",
        "sharp": "^0.32.6"
      }
    },
@@ -375,6 +376,64 @@
        "node": ">= 6"
      }
    },
+    "node_modules/regedit-rs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs/-/regedit-rs-1.0.1.tgz",
+      "integrity": "sha512-wsvoGP5JDevIcx3q52aATW1c1dY86bQx7/tJ32gqV+L98OHRJykobKkjYqGzROtz9c2Pr+wGJZr0glFyc2dpvQ==",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "regedit-rs-win32-arm64-msvc": "1.0.1",
+        "regedit-rs-win32-ia32-msvc": "1.0.1",
+        "regedit-rs-win32-x64-msvc": "1.0.1"
+      }
+    },
+    "node_modules/regedit-rs-win32-arm64-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-arm64-msvc/-/regedit-rs-win32-arm64-msvc-1.0.1.tgz",
+      "integrity": "sha512-QA46d/wiUHlW2h0ZlHKrtDhnwoxMpVle+EbFziEbLYC7dimtAiWCeXu4zNymaFClDimYSifQkWgza5GBmD8etg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/regedit-rs-win32-ia32-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-ia32-msvc/-/regedit-rs-win32-ia32-msvc-1.0.1.tgz",
+      "integrity": "sha512-V2NisvicQqiozl0yMas9tjDYmBwHWf48M/dMJUWMQxxkJaDCNoHW8PljL59A/h8ew2NBFsJK5RYkYfxW1o+OyQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/regedit-rs-win32-x64-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-x64-msvc/-/regedit-rs-win32-x64-msvc-1.0.1.tgz",
+      "integrity": "sha512-qhQawjYPzXGrz0xODJiviwrzw0eytGP9+quuQJUQAiLEw2P1tQ0LCyID3jOvNltLH+tqJChSV4JaQcPVleohZg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
    "node_modules/safe-buffer": {
      "version": "5.2.1",
      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -818,6 +877,34 @@
        "util-deprecate": "^1.0.1"
      }
    },
+    "regedit-rs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs/-/regedit-rs-1.0.1.tgz",
+      "integrity": "sha512-wsvoGP5JDevIcx3q52aATW1c1dY86bQx7/tJ32gqV+L98OHRJykobKkjYqGzROtz9c2Pr+wGJZr0glFyc2dpvQ==",
+      "requires": {
+        "regedit-rs-win32-arm64-msvc": "1.0.1",
+        "regedit-rs-win32-ia32-msvc": "1.0.1",
+        "regedit-rs-win32-x64-msvc": "1.0.1"
+      }
+    },
+    "regedit-rs-win32-arm64-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-arm64-msvc/-/regedit-rs-win32-arm64-msvc-1.0.1.tgz",
+      "integrity": "sha512-QA46d/wiUHlW2h0ZlHKrtDhnwoxMpVle+EbFziEbLYC7dimtAiWCeXu4zNymaFClDimYSifQkWgza5GBmD8etg==",
+      "optional": true
+    },
+    "regedit-rs-win32-ia32-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-ia32-msvc/-/regedit-rs-win32-ia32-msvc-1.0.1.tgz",
+      "integrity": "sha512-V2NisvicQqiozl0yMas9tjDYmBwHWf48M/dMJUWMQxxkJaDCNoHW8PljL59A/h8ew2NBFsJK5RYkYfxW1o+OyQ==",
+      "optional": true
+    },
+    "regedit-rs-win32-x64-msvc": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/regedit-rs-win32-x64-msvc/-/regedit-rs-win32-x64-msvc-1.0.1.tgz",
+      "integrity": "sha512-qhQawjYPzXGrz0xODJiviwrzw0eytGP9+quuQJUQAiLEw2P1tQ0LCyID3jOvNltLH+tqJChSV4JaQcPVleohZg==",
+      "optional": true
+    },
    "safe-buffer": {
      "version": "5.2.1",
      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -1,6 +1,6 @@
 {
  "name": "bs-manager",
-  "version": "1.4.1",
+  "version": "1.4.3",
  "description": "BSManager",
  "main": "./dist/main/main.js",
  "author": {
@@ -15,6 +15,7 @@
  },
  "dependencies": {
    "ps-list": "^7.2.0",
+    "regedit-rs": "^1.0.1",
    "sharp": "^0.32.6"
  },
  "license": "MIT"
@@ -5,6 +5,8 @@ import { Observable, concatMap, from } from "rxjs";
 import log from "electron-log";
 import { BsmException } from "shared/models/bsm-exception.model";
 import crypto from "crypto";
+import { execSync } from "child_process";
+import { tryit } from "../../shared/helpers/error.helpers";

 export async function pathExist(path: string): Promise<boolean> {
    try {
@@ -232,6 +234,16 @@ export async function isJunction(path: string): Promise<boolean>{
    return lstats.isSymbolicLink() && stats.isDirectory();
 }

+export function resolveGUIDPath(guidPath: string): string {
+    const guidVolume = path.parse(guidPath).root;
+    const command = `powershell -command "(Get-WmiObject -Class Win32_Volume | Where-Object { $_.DeviceID -like '${guidVolume}' }).DriveLetter"`;
+    const {result: driveLetter, error} = tryit(() => execSync(command).toString().trim());
+    if (!driveLetter || error) {
+        throw new Error("Unable to resolve GUID path", error);
+    }
+    return path.join(driveLetter, path.relative(guidVolume, guidPath));
+}
+
 export interface Progression<T = unknown> {
    total: number;
    current: number;
@@ -23,6 +23,7 @@ import { LivShortcut } from "./services/liv/liv-shortcut.service";
 import { SteamLauncherService } from "./services/bs-launcher/steam-launcher.service";

 const isDebug = process.env.NODE_ENV === "development" || process.env.DEBUG_PROD === "true";
+const isE2E = process.env.E2E_BUILD === "true";

 log.transports.file.level = "info";
 log.transports.file.resolvePath = () => {
@@ -54,7 +55,7 @@ const installExtensions = async () => {
        .catch(log.error);
 };

-const createWindow = async (window: AppWindow = "launcher.html") => {
+const createWindow = async (window: AppWindow) => {
    if (isDebug) {
        await installExtensions();
    }
@@ -98,7 +99,7 @@ if (!gotTheLock) {
        const deepLink = process.argv.find(arg => DeepLinkService.getInstance().isDeepLink(arg));

        if (!deepLink) {
-            createWindow();
+            createWindow(!isE2E ? "launcher.html" : "index.html");
        } else {
            DeepLinkService.getInstance().dispatchLinkOpened(deepLink);
        }
@@ -7,7 +7,7 @@ import { InstallationLocationService } from "../installation-location.service";
 import { UtilsService } from "../utils.service";
 import crypto from "crypto";
 import { lstatSync } from "fs";
-import { copy, createReadStream, ensureDir, realpath, unlink } from "fs-extra";
+import { copy, createReadStream, ensureDir, pathExists, realpath, unlink } from "fs-extra";
 import StreamZip from "node-stream-zip";
 import { RequestService } from "../request.service";
 import sanitize from "sanitize-filename";
@@ -255,10 +255,12 @@ export class LocalMapsManagerService {
        const mapFolderName = sanitize(`${map.id}-${map.name}`);
        const mapsFolder = await this.getMapsFolderPath(version);

-        const installedMap = await this.loadMapInfoFromPath(path.join(mapsFolder, mapFolderName)).catch(e => {
-            log.error("loadMapInfoFromPath", e);
-            return null;
-        });
+        const mapPath = path.join(mapsFolder, mapFolderName);
+
+        const installedMap = await pathExists(mapPath).then(exists => {
+            if(!exists){ return null; }
+            return this.loadMapInfoFromPath(mapPath);
+        }).catch(() => null);
        
        if(map.versions.every(version => version.hash === installedMap?.hash)) {
            return installedMap;
@@ -270,8 +272,6 @@ export class LocalMapsManagerService {
            throw `Cannot download ${zipUrl}`;
        }

-        const mapPath = path.join(mapsFolder, mapFolderName);
-
        await ensureFolderExist(mapPath);

        await zip.extract(null, mapPath);
@@ -34,7 +34,9 @@ export class OculusLauncherService extends AbstractLauncherService implements St
        this.pathsService = InstallationLocationService.getInstance();

        this.oculus.tryGetGameFolder([OCULUS_BS_DIR, OCULUS_BS_BACKUP_DIR]).then(async dirPath => {
-            if(dirPath){ return this.oculusLib$.next( path.join(dirPath, "..") ); }
+            if(dirPath){
+                return this.oculusLib$.next( path.join(dirPath, "..") );
+            }
            const defaultLib = ((await this.oculus.getOculusLibs()) || []).find(lib => lib.isDefault);
            if(defaultLib?.path){ return this.oculusLib$.next(path.join(defaultLib.path, "Software")); }
            this.oculusLib$.next(null);
@@ -18,6 +18,8 @@ import readline from "readline";
 import { Observable, Subject, catchError, finalize, from, map, switchMap, throwError } from "rxjs";
 import { BsStore } from "../../shared/models/bs-store.enum";
 import { CustomError } from "../../shared/models/exceptions/custom-error.class";
+import crypto from "crypto";
+

 export class BSLocalVersionService {
    private static instance: BSLocalVersionService;
@@ -119,7 +121,14 @@ export class BSLocalVersionService {
            folderVersion.ino = folderStats.ino;
        }

-        folderVersion.metadata = await this.getAllVersionMetadata(folderVersion, { store: BsStore.STEAM });
+
+        let metadata = await this.getAllVersionMetadata(folderVersion);
+
+        // Will be removed in future version. It just to prepare future features
+        if(!metadata?.id){
+            metadata = await this.initVersionMetadata(folderVersion, metadata ?? { store: BsStore.STEAM });    
+        }
+        folderVersion.metadata = metadata;

        const customVersion = this.getCustomVersions().find(customVersion => {
            return customVersion.BSVersion === folderVersion.BSVersion && customVersion.name === folderVersion.name;
@@ -130,36 +139,27 @@ export class BSLocalVersionService {
        return folderVersion;
    }

-    public getAllVersionMetadata(version: BSVersion, defaultMetadata?: BSVersionMetadata): Promise<BSVersionMetadata>{
+    private async writeVersionMetadata(version: BSVersion, metadata: BSVersionMetadata): Promise<void>{
+        const versionPath = await this.getVersionPath(version);
+        const metadataPath = path.join(versionPath, this.METADATA_FILE);
+        return writeFile(metadataPath, JSON.stringify(metadata));
+    }
+
+    public initVersionMetadata(version: BSVersion, metadata: Omit<BSVersionMetadata, "id">): Promise<BSVersionMetadata>{
+        const firstMetadata = { id: crypto.randomUUID(), ...metadata };
+        return this.writeVersionMetadata(version, firstMetadata).then(() => firstMetadata).catch(err => {
+            log.error("initVersionMetadata error", err);
+            return firstMetadata;
+        });
+    }
+
+    public getAllVersionMetadata(version: BSVersion): Promise<BSVersionMetadata>{
        return (async () => {
            const versionPath = await this.getVersionPath(version);
            const contents = await readFile(path.join(versionPath, this.METADATA_FILE), "utf-8");
            return JSON.parse(contents);
        })().catch(e => {
-            log.warn("Not a critical error", e);
-            return {};
-        }).then(metadata => ({...defaultMetadata, ...metadata}));
-    }
-
-    public getVersionMetadata<K extends keyof BSVersionMetadata, T extends BSVersionMetadata[K]>(version: BSVersion, key: K, defaultValue?: T): Promise<T|undefined>{
-        return (async () => {
-            const metadata = await this.getAllVersionMetadata(version);
-            return metadata?.[key];
-        })().catch(e => {
-            log.warn("Not a critical error", e);
-            return null;
-        }).then(value => (value ?? defaultValue) as T);
-    }
-
-    public setVersionMetadata<K extends keyof BSVersionMetadata, T extends BSVersionMetadata[K]>(version: BSVersion, key: K, value: T): Promise<void>{
-        return (async () => {
-            const versionPath = await this.getVersionPath(version);
-            const metadataPath = path.join(versionPath, this.METADATA_FILE);
-            const metadata = await this.getAllVersionMetadata(version) ?? ({} as BSVersionMetadata);
-            metadata[key] = value;
-            await writeFile(metadataPath, JSON.stringify(metadata));
-        })().catch(e => {
-            log.error(e);
+            log.warn("Error getAllVersionMetadata", e);
        });
    }

@@ -378,7 +378,7 @@ export class BSLocalVersionService {
            }),
            finalize(async () => {
                if(failed){ return; }
-                await this.setVersionMetadata(versionDest.version, "store", store);
+                await this.initVersionMetadata(versionDest.version, { store });
            })
        );
    }
@@ -111,7 +111,7 @@ export class BsOculusDownloaderService {
            version: {
                ...version, 
                ...(path.basename(dest) !== version.BSVersion && { name: path.basename(dest) }),
-                metadata: { store: BsStore.OCULUS }
+                metadata: { store: BsStore.OCULUS, id: "" }
            },
            dest
        };
@@ -129,6 +129,7 @@ export class BsOculusDownloaderService {

        return tokenObs$.pipe(
            switchMap(token => {
+                isOculusTokenValid(token, log.info); // Log token validity
                if(!downloadInfo.isVerification){
                    return this.createDownloadVersion(downloadInfo.bsVersion).then(({version, dest}) => ({token, version, dest}))
                }
@@ -140,7 +141,7 @@ export class BsOculusDownloaderService {
                    progress => ({...progress, data: version})                
                ));
            }),
-            finalize(() => downloadVersion && this.versions.setVersionMetadata(downloadVersion, "store", BsStore.OCULUS)),
+            finalize(() => downloadVersion && this.versions.initVersionMetadata(downloadVersion, { store: BsStore.OCULUS })),
            finalize(() => this.oculusDownloader.stopDownload())
        );
    }
@@ -170,7 +171,7 @@ export class BsOculusDownloaderService {
                    map(progress => ({...progress, data: version})),
                );
            }),
-            finalize(() => downloadVersion && this.versions.setVersionMetadata(downloadVersion, "store", BsStore.OCULUS)),
+            finalize(() => downloadVersion && this.versions.initVersionMetadata(downloadVersion, { store: BsStore.OCULUS })),
            finalize(() => this.oculusDownloader.stopDownload()),
        );
    }
@@ -67,7 +67,7 @@ export class BsSteamDownloaderService {
        const downloadVersion: BSVersion = {
            ...downloadInfos.bsVersion,
            ...(path.basename(dest) !== downloadInfos.bsVersion.BSVersion && { name: path.basename(dest) }),
-            metadata: { store: BsStore.STEAM }
+            metadata: { store: BsStore.STEAM, id: "" }
        };

        const depotDownloaderOptions: DepotDownloaderArgsOptions = {
@@ -118,7 +118,7 @@ export class BsSteamDownloaderService {
                        }
                        return event;
                    }),
-                    finalize(() => this.localVersionService.setVersionMetadata(version, "store", BsStore.STEAM))
+                    finalize(() => this.localVersionService.initVersionMetadata(version, { store: BsStore.STEAM }))
                ).subscribe(sub);

            }).catch(err => sub.error({
@@ -1,6 +1,6 @@
 import { execOnOs } from "../../helpers/env.helpers";
+import { list, createKey, putValue, deleteKey, RegSzValue } from "regedit-rs";
 import path from "path";
-import regedit from "regedit";

 export class LivService {

@@ -23,8 +23,8 @@ export class LivService {
    public async isLivInstalled(): Promise<boolean> {
        return execOnOs({
            win32: async () => {
-                const regRes = await regedit.promisified.list([this.livRegeditKey]).then(res => res[this.livRegeditKey]);
-                return regRes?.exists;
+                const regRes = await list(this.livRegeditKey).then(res => res[this.livRegeditKey]);
+                return regRes.exists;
            },
        }, true);
    }
@@ -33,25 +33,13 @@ export class LivService {
        return execOnOs({
            win32: async () => {
                const livExternalAppRegeditKey = path.join(this.livExternalAppsRegeditKey, entry.id);
-                await regedit.promisified.createKey([livExternalAppRegeditKey]);
-                await regedit.promisified.putValue({
+                await createKey(livExternalAppRegeditKey);
+                await putValue({
                    [livExternalAppRegeditKey]: {
-                        "InstallPath": {
-                            value: entry.installPath,
-                            type: "REG_SZ"
-                        },
-                        "Executable": {
-                            value: entry.executable,
-                            type: "REG_SZ"
-                        },
-                        "Arguments": {
-                            value: entry.arguments,
-                            type: "REG_SZ"
-                        },
-                        "Name": {
-                            value: entry.name,
-                            type: "REG_SZ"
-                        }
+                        InstallPath: new RegSzValue(entry.installPath),
+                        Executable: new RegSzValue(entry.executable),
+                        Arguments: new RegSzValue(entry.arguments),
+                        Name: new RegSzValue(entry.name)
                    }
                });
            }
@@ -62,7 +50,7 @@ export class LivService {
        return execOnOs({
            win32: async () => {
                const shotcutsKeys = ids.map(id => path.join(this.livExternalAppsRegeditKey, id));
-                return regedit.promisified.deleteKey(shotcutsKeys);
+                return deleteKey(shotcutsKeys);
            }
        })
    }
@@ -70,7 +58,7 @@ export class LivService {
    public getLivShortcuts(): Promise<LivEntry[]> {
        return execOnOs({
            win32: async () => {
-                const regRes = await regedit.promisified.list([this.livExternalAppsRegeditKey]).then(res => res[this.livExternalAppsRegeditKey]);
+                const regRes = await list(this.livExternalAppsRegeditKey).then(res => res[this.livExternalAppsRegeditKey]);
                
                if(!regRes.exists){
                    return [];
@@ -78,7 +66,7 @@ export class LivService {

                const promises = regRes.keys.map(async key => {
                    const shortcutKey = path.join(this.livExternalAppsRegeditKey, key);
-                    const entries = await regedit.promisified.list([shortcutKey]).then(res => res[shortcutKey]);
+                    const entries = await list(shortcutKey).then(res => res[shortcutKey]);

                    if(!entries.exists){
                        return undefined;
@@ -57,7 +57,7 @@ export class BeatModsApiService {
            if (Array.from(aliases.keys()).some(k => k === version.BSVersion)) {
                return version;
            }
-            const alias = Array.from(aliases.entries()).find(([key, value]) => value.find(v => v.BSVersion === version.BSVersion))[0];
+            const alias = Array.from(aliases.entries()).find(([key, value]) => value.find(v => v.BSVersion === version.BSVersion))?.[0];
            return { BSVersion: alias } as BSVersion;
        });
    }
@@ -1,8 +1,9 @@
-import regedit from "regedit";
+import { list } from "regedit-rs";
 import path from "path";
-import { pathExist } from "../helpers/fs.helpers";
+import { pathExist, resolveGUIDPath } from "../helpers/fs.helpers";
 import log from "electron-log";
 import { lstat } from "fs-extra";
+import { tryit } from "../../shared/helpers/error.helpers";

 export class OculusService {
    private static instance: OculusService;
@@ -29,26 +30,30 @@ export class OculusService {
        }

        const oculusLibsRegKey = "HKCU\\SOFTWARE\\Oculus VR, LLC\\Oculus\\Libraries";
+        const libsRegData = await list(oculusLibsRegKey).then(data => data[oculusLibsRegKey]);

-        const libsRegData = (await regedit.promisified.list([oculusLibsRegKey]))["HKCU\\SOFTWARE\\Oculus VR, LLC\\Oculus\\Libraries"];
-
-        if (!libsRegData.exists || !libsRegData.keys) {
+        if (!libsRegData.keys?.length) {
+            log.info("Registry key \"HKCU\\SOFTWARE\\Oculus VR, LLC\\Oculus\\Libraries\" not found");
            return null;
        }

        const defaultLibraryId = libsRegData.values.DefaultLibrary.value as string;

        const libsPath: OculusLibrary[] = (
-            await Promise.all(
-                libsRegData.keys.map(async key => {
-                    const originalPath = (await regedit.promisified.list([`${oculusLibsRegKey}\\${key}`]))[`${oculusLibsRegKey}\\${key}`];
-                    if (!originalPath.exists || !libsRegData.values || !originalPath.values.OriginalPath) {
-                        return null;
-                    }
+            await Promise.all(libsRegData.keys.map(async key => {
+                const originalPath = await list([`${oculusLibsRegKey}\\${key}`]).then(res => res[`${oculusLibsRegKey}\\${key}`]);
+                
+                if (originalPath.values?.OriginalPath) {
+                    return { id: key, path: originalPath.values.OriginalPath.value, isDefault: defaultLibraryId === key } as OculusLibrary;
+                } 
+                
+                if(originalPath.values?.Path) {
+                    const { result } = tryit(() => resolveGUIDPath(originalPath.values.Path.value as string));
+                    return result ? { id: key, path: result, isDefault: defaultLibraryId === key } as OculusLibrary : null;
+                }

-                    return { id: key, path: originalPath.values.OriginalPath.value, isDefault: defaultLibraryId === key } as OculusLibrary
-                }, [])
-            )
+                return null;
+            }, []))
        ).filter(Boolean);

        this.oculusLibraries = libsPath;
@@ -1,5 +1,4 @@
-import { UtilsService } from "./utils.service";
-import regedit from "regedit";
+import { list, RegDwordValue } from "regedit-rs"
 import path from "path";
 import { parse } from "@node-steam/vdf";
 import { readFile } from "fs/promises";
@@ -11,15 +10,9 @@ import { taskRunning } from "../helpers/os.helpers";
 export class SteamService {

    private static instance: SteamService;
-
-    private readonly utils: UtilsService = UtilsService.getInstance();
-
    private steamPath: string = '';

-    private constructor(){
-        const vbsDirectory = path.join(this.utils.getAssetsScriptsPath(), "node-regedit", "vbs");
-        regedit.setExternalVBSLocation(vbsDirectory);
-    }
+    private constructor(){}

    public static getInstance(){
        if(!SteamService.instance){ SteamService.instance = new SteamService(); }
@@ -27,17 +20,19 @@ export class SteamService {
    }

    public async getActiveUser(): Promise<number>{
-        const res = await regedit.promisified.list(["HKCU\\Software\\Valve\\Steam\\ActiveProcess"]);
-        const keys = res?.["HKCU\\Software\\Valve\\Steam\\ActiveProcess"];
-        if(!keys?.exists){ throw "Key \"HKCU\\Software\\Valve\\Steam\\ActiveProcess\" not exist"; }
-        return (keys.values?.ActiveUser.value || undefined) as number;
+        const res = await list("HKCU\\Software\\Valve\\Steam\\ActiveProcess");
+        const key = res["HKCU\\Software\\Valve\\Steam\\ActiveProcess"];
+        if(!key.exists){ throw new Error("Key \"HKCU\\Software\\Valve\\Steam\\ActiveProcess\" not exist"); }
+        const registryValue = key.values.ActiveUser as RegDwordValue;
+        if(!registryValue){ throw new Error("Value \"ActiveUser\" not exist"); }
+        return registryValue.value;
    }

    public async steamRunning(): Promise<boolean>{
        const steamProcessRunning = await taskRunning("steam");
        if(process.platform === "linux") { return steamProcessRunning; }
-
-        return steamProcessRunning && !!(await this.getActiveUser());
+        const activeUser = await this.getActiveUser().catch(err => log.error(err));
+        return steamProcessRunning && !!activeUser;
    }

    public async getSteamPath(): Promise<string>{
@@ -48,24 +43,19 @@ export class SteamService {
            case "linux":
                this.steamPath = path.join(app.getPath('home'), '.steam', "steam");
                return this.steamPath;
-            case "win32":
-                // eslint-disable-next-line no-case-declarations
-                const [win32Res, win64Res] = await Promise.all([
-                    regedit.promisified.list(['HKLM\\SOFTWARE\\Valve\\Steam']),
-                    regedit.promisified.list(['HKLM\\SOFTWARE\\WOW6432Node\\Valve\\Steam'])
-                ]);
+            case "win32": {
+                const res = await list(['HKLM\\SOFTWARE\\Valve\\Steam', 'HKLM\\SOFTWARE\\WOW6432Node\\Valve\\Steam']);
+                const win64 = res['HKLM\\SOFTWARE\\Valve\\Steam'];
+                const win32 = res['HKLM\\SOFTWARE\\WOW6432Node\\Valve\\Steam'];

-                // eslint-disable-next-line no-case-declarations
-                const [win32, win64] = [win32Res["HKLM\\SOFTWARE\\Valve\\Steam"], win64Res["HKLM\\SOFTWARE\\WOW6432Node\\Valve\\Steam"]];
-
-                if(win64.exists && win64?.values?.InstallPath?.value){ 
+                if (win64.exists && win64?.values?.InstallPath?.value) {
                    this.steamPath = win64.values.InstallPath.value as string;
-                }
-                else if (win32.exists && win32?.values?.InstallPath?.value){
-                    this.steamPath = win32.values.InstallPath.value as string; 
+                } else if (win32.exists && win32?.values?.InstallPath?.value) {
+                    this.steamPath = win32.values.InstallPath.value as string;
                }

                return this.steamPath;
+            }
            default:
                return null;
        }
@@ -23,7 +23,7 @@ export const AvailableVersionItem = memo(function AvailableVersionItem({version,
    const formatedDate = useConstant(() => dateFormat(+version.ReleaseDate * 1000, "ddd. d mmm yyyy"));

    return (
-        <motion.li className="group relative w-72 h-60 active:scale-[.98]" onClick={onClick} onHoverStart={() => setHovered(true)} onHoverEnd={() => setHovered(false)}>
+        <motion.li id={`version-item-${version.BSManifest}`} className="group relative w-72 h-60 active:scale-[.98]" onClick={onClick} onHoverStart={() => setHovered(true)} onHoverEnd={() => setHovered(false)}>
            <GlowEffect visible={hovered || selected} className="absolute" />
            <div className={`relative flex flex-col overflow-hidden rounded-md w-72 h-60 cursor-pointer group-hover:shadow-none duration-300 bg-light-main-color-2 dark:bg-main-color-2 ${!selected && "shadow-lg shadow-gray-900"}`}>
                {version.recommended && (
@@ -37,7 +37,7 @@ export const AvailableVersionItem = memo(function AvailableVersionItem({version,
                        <span className="text-sm text-gray-700 dark:text-gray-400">{formatedDate}</span>
                    </div>
                    {version.ReleaseURL && (
-                        <a href={version.ReleaseURL} target="_blank" className="flex flex-row justify-between items-center rounded-full bg-black bg-opacity-30 text-white pb-px overflow-hidden hover:bg-opacity-50">
+                        <a href={version.ReleaseURL} target="_blank" className="flex flex-row justify-between items-center rounded-full bg-black bg-opacity-30 text-white pb-px overflow-hidden hover:bg-opacity-50" tabIndex={-1}>
                            <SteamIcon className="w-[25px] h-[25px] transition-transform group-hover:rotate-[-360deg] duration-300" />
                            <span className="relative -left-px text-sm w-fit max-w-0 text-center overflow-hidden h-full whitespace-nowrap pb-[3px] transition-all group-hover:max-w-[200px] group-hover:px-1 duration-300">{t("pages.available-versions.steam-release")}</span>
                        </a>
@@ -19,9 +19,18 @@ export function AvailableVersionsSlide({ versions }: Props) {
        context.setSelectedVersion(version);
    }

+    const getVersions = () => {
+        const copy = [...(versions ?? [])];
+        const recommendedVersion = copy.find(v => v.recommended);
+        if(!recommendedVersion) { return copy; }
+        copy.splice(copy.indexOf(recommendedVersion), 1);
+        copy.unshift(recommendedVersion);
+        return copy;
+    }
+
    return (
-        <ol className="w-full flex items-start justify-center gap-6 shrink-0 content-start flex-wrap p-4 overflow-x-hidden overflow-y-scroll scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900">
-            {versions.map(version => (
+        <ol id={`version-slide-${versions}`} className="w-full flex items-start justify-center gap-6 shrink-0 content-start flex-wrap px-3.5 py-4 overflow-x-hidden overflow-y-scroll scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900">
+            {getVersions().map(version => (
                <AvailableVersionItem key={version.BSManifest} version={version} selected={equal(version, context.selectedVersion)} onClick={() => setSelectedVersion(version)}/>
            ))}
        </ol>
@@ -8,7 +8,7 @@ import { useObservable } from "renderer/hooks/use-observable.hook";
 export function AvailableVersionsSlider() {
    const versionManagerService = useService(BSVersionManagerService);

-    const availableVersions = useObservable(versionManagerService.availableVersions$);
+    const availableVersions = useObservable(() => versionManagerService.availableVersions$);
    const [yearIndex, setYearIndex] = useState(0);

    const availableYears = (() => {
@@ -26,7 +26,7 @@ export function AvailableVersionsSlider() {

    return (
        <div className="w-full h-fit max-h-full flex flex-col items-center grow min-h-0 gap-3">
-            <TabNavBar tabIndex={yearIndex} tabsText={availableYears} onTabChange={setSelectedYear} />
+            <TabNavBar id="version-years-tab-bar" tabIndex={yearIndex} tabsText={availableYears} onTabChange={setSelectedYear} />
            <ol className="w-full min-h-0 flex transition-transform duration-300" style={{ transform: `translate(${-(yearIndex * 100)}%, 0)` }}>
                {availableYears.map(year => (
                    <AvailableVersionsSlide key={year} versions={getVersionOfYear(year)} />
@@ -56,7 +56,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
    const renderDurationLabel = (sec: number): JSX.Element => {
        const textValue = (() => {
            if (sec === MIN_DURATION) {
-                return t("maps.map-filter-panel.duration");
+                return MIN_DURATION;
            }
            if (sec === MAX_DURATION) {
                return "∞";
@@ -72,7 +72,7 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
    const renderNpsLabel = (nps: number): JSX.Element => {
        const textValue = (() => {
            if (nps === MIN_NPS) {
-                return "NPS";
+                return MIN_NPS;
            }
            if (nps === MAX_NPS) {
                return "∞";
@@ -167,9 +167,11 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange

    return !playlist ? (
        <motion.div ref={ref} className={`${className} bg-light-main-color-2 dark:bg-main-color-3`} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>
-            <div className="w-full h-6 grid grid-cols-2 gap-x-12 px-4 mb-6 pt-2">
-                <BsmRange min={MIN_NPS} max={MAX_NPS} values={npss} onChange={onNpssChange} renderLabel={renderNpsLabel} step={0.1} />
-                <BsmRange min={MIN_DURATION} max={MAX_DURATION} values={durations} onChange={onDurationsChange} renderLabel={renderDurationLabel} step={5} />
+            <div className="w-full h-6 grid grid-cols-2 gap-x-12 px-4 mb-6 pt-1">
+              <BsmRange min={MIN_NPS} max={MAX_NPS} values={npss} onChange={onNpssChange} renderLabel={renderNpsLabel} step={0.1} />
+              <BsmRange min={MIN_DURATION} max={MAX_DURATION} values={durations} onChange={onDurationsChange} renderLabel={renderDurationLabel} step={5} />
+              <span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.nps")}</span>
+              <span className=" text-sm font-bold text-center mt-2.5">{t("maps.map-filter-panel.duration")}</span>
            </div>
            <div className="w-full h-full flex gap-x-2">
                <section className="shrink-0">
@@ -180,7 +182,6 @@ export function FilterPanel({ className, ref, playlist = false, filter, onChange
                            <span className="grow capitalize">{translateMapSpecificity(specificity)}</span>
                        </div>
                    ))}
-
                    <h2 className="my-1 uppercase text-sm">{t("maps.map-filter-panel.requirements")}</h2>
                    {MAP_REQUIREMENTS.map(requirement => (
                        <div key={requirement} className="flex justify-start items-center h-[22px] z-20 relative py-0.5 cursor-pointer" onClick={() => handleCheckbox(requirement)}>
@@ -1,48 +1,56 @@
 import { motion } from "framer-motion";
-import { forwardRef } from "react";
 import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
 import { BsmIcon } from "../svgs/bsm-icon.component";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { FolderLinkState } from "renderer/services/version-folder-linker.service";

-type Props = {
+export type LinkBtnProps = {
    className?: string;
    title?: string;
-    linked?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
+    state: FolderLinkState;
+    onClick?: () => unknown;
 };

-export const LinkButton = motion(
-    forwardRef((props: Props, ref) => {
-        const t = useTranslation();
-        const color = useThemeColor("first-color");
+export const LinkButton = ({className, title, state, onClick}: LinkBtnProps) => {
+    const t = useTranslation();
+    
+    const color = useThemeColor("first-color");
+    const disabled = state === FolderLinkState.Processing || state === FolderLinkState.Pending;

-        const linkedColor = (() => {
-            if (props.disabled) {
-                return "orange";
-            }
-            if (props.linked) {
+    const btnColor = () => {
+        switch (state) {
+            case FolderLinkState.Linked:
                return color;
-            }
-            return "red";
-        })();
+            case FolderLinkState.Pending:
+            case FolderLinkState.Processing:
+                return "orange";
+            case FolderLinkState.Unlinked:
+                return "red";
+            default:
+                return "red";
+        }
+    }

-        return (
-            <div
-                ref={ref}
-                className={props.className}
-                title={props.title ? t(props.title) : undefined}
-                onClick={e => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    !props.disabled && props.onClick?.();
-                }}
-                style={{ pointerEvents: props.disabled ? "none" : "auto" }}
-                tabIndex={-1}
-            >
-                <span className="absolute top-0 left-0 h-full w-full rounded-full brightness-50 opacity-75 dark:opacity-20 dark:filter-none" style={{ backgroundColor: linkedColor }} />
-                <BsmIcon className="p-1 absolute top-0 left-0 h-full w-full !bg-transparent -rotate-45 brightness-150" icon={props.linked ? "link" : "unlink"} style={{ color: linkedColor }} />
-            </div>
-        );
-    })
-);
+    const handleClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        !disabled && onClick?.();
+    }
+
+    return (
+        <motion.div
+            variants={{ hover: { rotate: 22.5 }, tap: { rotate: 45 } }}
+            whileHover="hover" 
+            whileTap="tap" 
+            initial={{ rotate: 0 }}
+            className={className}
+            title={title ? t(title) : null}
+            onClick={handleClick}
+            style={{ pointerEvents: disabled ? "none" : "auto" }}
+            tabIndex={-1}
+        >
+            <span className="absolute top-0 left-0 h-full w-full rounded-full brightness-50 opacity-75 dark:opacity-20 dark:filter-none" style={{ backgroundColor: btnColor() }} />
+            <BsmIcon className="p-1 absolute top-0 left-0 h-full w-full !bg-transparent -rotate-45 brightness-150" icon={state === FolderLinkState.Linked ? "link" : "unlink"} style={{ color: btnColor() }} />
+        </motion.div>
+    );
+}
@@ -429,7 +429,7 @@ export const LocalMapsListPanel = forwardRef(({ version, className, filter, sear

    return (
        <div ref={ref} className={className}>
-            <VariableSizeList className="p-0 scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900" width="100%" height={listHeight} itemSize={() => 108} itemCount={preppedMaps.length} itemData={preppedMaps} layout="vertical" style={{ scrollbarGutter: "stable both-edges" }} itemKey={(i, data) => data[i].map(map => map.hash).join()}>
+            <VariableSizeList className="scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900" width="100%" height={listHeight} itemSize={() => 108} itemCount={preppedMaps.length} itemData={preppedMaps} layout="vertical" style={{ scrollbarGutter: "stable both-edges" }} itemKey={(i, data) => data[i].map(map => map.hash).join()}>
                {props => <MapsRow maps={props.data[props.index]} style={props.style} selectedMaps$={selectedMaps$} onMapSelect={onMapSelected} onMapDelete={handleDelete} />}
            </VariableSizeList>
        </div>
@@ -21,6 +21,7 @@ import useDoubleClick from "use-double-click";
 import { GlowEffect } from "../shared/glow-effect.component";
 import { useDelayedState } from "renderer/hooks/use-delayed-state.hook";
 import { useService } from "renderer/hooks/use-service.hook";
+import Tippy from "@tippyjs/react";

 export type ParsedMapDiff = { type: BsvMapDifficultyType; name: string; stars: number };

@@ -51,7 +52,6 @@ export type MapItemProps<T = unknown> = {
 };

 export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl, autorId, mapId, diffs, ranked, bpm, duration, likes, createdAt, selected, downloading, showOwned, callBackParam, onDelete, onDownload, onSelected, onCancelDownload, onDoubleClick }: MapItemProps) => {
-    
    const linkOpener = useService(LinkOpenerService);
    const audioPlayer = useService(AudioPlayerService);

@@ -70,7 +70,7 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
        onDoubleClick: () => onDoubleClick?.(callBackParam),
    });

-    const songPlaying = useObservable(audioPlayer.playing$.pipe(map(playing => playing && audioPlayer.src === songUrl)));
+    const songPlaying = useObservable(() => audioPlayer.playing$.pipe(map(playing => playing && audioPlayer.src === songUrl)));

    const previewUrl = mapId ? `https://allpoland.github.io/ArcViewer/?id=${mapId}` : null;
    const mapUrl = mapId ? `https://beatsaver.com/maps/${mapId}` : null;
@@ -156,25 +156,25 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
    return (
        <motion.li className="relative h-[100px] w-[400px] min-w-[370px] shrink-0 grow basis-0 text-white group cursor-pointer" onHoverStart={() => setHovered(true)} onHoverEnd={() => setHovered(false)} style={{ zIndex: hovered && 5, transform: "translateZ(0) scale(1.0, 1.0)", backfaceVisibility: "hidden" }}>
            <GlowEffect visible={hovered || (selected && !!onSelected)} />
-            <AnimatePresence>
-                {(diffsPanelHovered || bottomBarHovered) && (
-                    <motion.ul key={hash} className="absolute top-[calc(100%-10px)] w-full h-fit max-h-[200%] pt-4 pb-2 px-2 overflow-y-scroll bg-light-main-color-3 dark:bg-main-color-3 text-main-color-1 dark:text-current brightness-125 rounded-md flex flex-col gap-3 scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900 shadow-sm shadow-black" initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.15 }} onHoverStart={diffsPanelHoverStart} onHoverEnd={diffsPanelHoverEnd}>
-                        {Array.from(diffs.entries()).map(([charac, diffSet]) => (
-                            <ol key={crypto.randomUUID()} className="flex flex-col w-full gap-1">
-                                {diffSet.map(({ type, name, stars }) => (
-                                    <li key={`${type}${name}${stars}`} className="w-full h-4 flex items-center gap-1">
-                                        <BsmIcon className="h-full w-fit p-px" icon={charac} />
-                                        <span className="h-full px-2 flex items-center text-xs font-bold bg-current rounded-full" style={{ color: MAP_DIFFICULTIES_COLORS[type] }}>
-                                            {stars ? <span className="h-full block brightness-[.25]">★ {stars}</span> : <span className="h-full brightness-[.25] leading-4 pb-[2px] capitalize">{parseDiffLabel(type)}</span>}
-                                        </span>
-                                        <span className="text-sm leading-4 pb-[2px] capitalize">{parseDiffLabel(name)}</span>
-                                    </li>
-                                ))}
-                            </ol>
-                        ))}
-                    </motion.ul>
-                )}
-            </AnimatePresence>
+                <AnimatePresence>
+                    {(diffsPanelHovered || bottomBarHovered) && (
+                        <motion.ul key={hash} className="absolute top-[calc(100%-10px)] w-full h-fit max-h-[200%] pt-4 pb-2 px-2 overflow-y-scroll bg-light-main-color-3 dark:bg-main-color-3 text-main-color-1 dark:text-current brightness-125 rounded-md flex flex-col gap-3 scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900 shadow-sm shadow-black" initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.15 }} onHoverStart={diffsPanelHoverStart} onHoverEnd={diffsPanelHoverEnd}>
+                            {Array.from(diffs.entries()).map(([charac, diffSet]) => (
+                                <ol key={crypto.randomUUID()} className="flex flex-col w-full gap-1">
+                                    {diffSet.map(({ type, name, stars }) => (
+                                        <li key={`${type}${name}${stars}`} className="w-full h-4 flex items-center gap-1">
+                                            <BsmIcon className="h-full w-fit p-px" icon={charac} />
+                                            <span className="h-full px-2 flex items-center text-xs font-bold bg-current rounded-full" style={{ color: MAP_DIFFICULTIES_COLORS[type] }}>
+                                                {stars ? <span className="h-full block brightness-[.25]">★ {stars}</span> : <span className="h-full brightness-[.25] leading-4 pb-[2px] capitalize">{parseDiffLabel(type)}</span>}
+                                            </span>
+                                            <span className="text-sm leading-4 pb-[2px] capitalize">{parseDiffLabel(name)}</span>
+                                        </li>
+                                    ))}
+                                </ol>
+                            ))}
+                        </motion.ul>
+                    )}
+                </AnimatePresence>
            <div className="h-full w-full relative pl-[100px] rounded-md overflow-hidden flex flex-row justify-end">
                <div className={`absolute top-0 left-0 h-full aspect-square cursor-pointer ${showOwned && "border-l-[5px]"}`} style={{ borderColor: showOwned && color }}>
                    <BsmImage className="w-full h-full object-cover" image={coverUrl} placeholder={defaultImage} errorImage={defaultImage} loading="lazy" />
@@ -191,8 +191,8 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                    </span>
                </div>
                <div className="relative h-full w-full z-[1] rounded-md overflow-hidden -translate-x-1" ref={ref}>
-                    <BsmImage className="absolute top-0 left-0 w-full h-full -z-[1] object-cover" image={coverUrl} placeholder={defaultImage} errorImage={defaultImage} loading="lazy" />
-                    <div className="pt-1 pl-2 pr-7 top-0 left-0 w-full h-full bg-gray-600 bg-opacity-80 flex flex-col justify-between group-hover:bg-main-color-1 group-hover:bg-opacity-80">
+                    <BsmImage className="absolute top-0 left-0 w-full h-full -z-[1] object-cover saturate-200" image={coverUrl} placeholder={defaultImage} errorImage={defaultImage} loading="lazy" />
+                    <div className="pt-1 pl-2 pr-7 top-0 left-0 w-full h-full bg-neutral-600 bg-opacity-80 flex flex-col justify-between group-hover:bg-main-color-1 group-hover:bg-opacity-80">
                        <h1 className="font-bold whitespace-nowrap text-ellipsis overflow-hidden w-full leading-5 tracking-wide text-lg" title={title}>
                            <BsmLink className="hover:underline" href={mapUrl}>
                                {title}
@@ -240,52 +240,72 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                        </motion.div>
                    </div>
                </div>
-                <div className="absolute bg-light-main-color-1 dark:bg-main-color-3 top-0 h-full z-[1] w-[30px] -right-5 group-hover:right-0 transition-all">
+                <div className="absolute bg-light-main-color-3 dark:bg-main-color-3 top-0 h-full z-[1] w-[30px] -right-5 group-hover:right-0 transition-all">
                    <span className="absolute w-[10px] h-[10px] top-0 right-full bg-inherit" style={{ clipPath: 'path("M11 -1 L11 10 L10 10 A10 10 0 0 0 0 0 L0 -1 Z")' }} />
                    <span className="absolute w-[10px] h-[10px] bottom-0 right-full bg-inherit" style={{ clipPath: 'path("M11 11 L11 0 L10 0 A10 10 0 0 1 0 10 L 0 11 Z")' }} />

                    <div className="flex flex-col justify-center items-center gap-1 w-full h-full overflow-hidden opacity-0 group-hover:opacity-100">
                        {onDelete && !downloading && (
-                            <BsmButton
-                                className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
-                                iconClassName="w-full h-full brightness-75 dark:brightness-200"
-                                iconColor={color}
-                                icon="trash"
-                                withBar={false}
-                                onClick={e => {
-                                    e.stopPropagation();
-                                    onDelete(callBackParam);
-                                }}
-                            />
+                        <Tippy content={t("maps.map-item.delete")} placement="left" theme="default">
+                            <div>
+                                <BsmButton
+                                    className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
+                                    iconClassName="w-full h-full brightness-75 dark:brightness-200"
+                                    iconColor={color}
+                                    icon="trash"
+                                    withBar={false}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                        onDelete(callBackParam);
+                                    }}
+                                />
+                            </div>
+                        </Tippy>
                        )}
                        {onDownload && !downloading && (
-                            <BsmButton
-                                className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
-                                iconClassName="w-full h-full brightness-75 dark:brightness-200"
-                                iconColor={color}
-                                icon="download"
-                                withBar={false}
-                                onClick={e => {
-                                    e.stopPropagation();
-                                    onDownload(callBackParam);
-                                }}
-                            />
+                        <Tippy content={t("maps.map-item.download")} placement="left" theme="default">
+                            <div>
+                                <BsmButton
+                                    className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
+                                    iconClassName="w-full h-full brightness-75 dark:brightness-200"
+                                    iconColor={color}
+                                    icon="download"
+                                    withBar={false}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                        onDownload(callBackParam);
+                                    }}
+                                />
+                            </div>
+                        </Tippy>
                        )}
                        {onCancelDownload && !downloading && (
-                            <BsmButton
-                                className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
-                                iconClassName="w-full h-full brightness-75 dark:brightness-200"
-                                iconColor="red"
-                                icon="cross"
-                                withBar={false}
-                                onClick={e => {
-                                    e.stopPropagation();
-                                    onCancelDownload(callBackParam);
-                                }}
-                            />
+                        <Tippy content={t("maps.map-item.cancel-download")} placement="left" theme="default">
+                            <div>
+                                <BsmButton
+                                    className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
+                                    iconClassName="w-full h-full brightness-75 dark:brightness-200"
+                                    iconColor="red"
+                                    icon="cross"
+                                    withBar={false}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                        onCancelDownload(callBackParam);
+                                    }}
+                                />
+                            </div>
+                        </Tippy>
                        )}
-                        {downloading && <BsmBasicSpinner className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2 flex items-center justify-center" spinnerClassName="brightness-75 dark:brightness-200" style={{ color }} thikness="3px" />}
+                        {downloading &&
+                        <Tippy content={t("maps.map-item.downloading")} placement="left" theme="default">
+                        <div>
+                            <BsmBasicSpinner className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2 flex items-center justify-center" spinnerClassName="brightness-75 dark:brightness-200" style={{ color }} thikness="3px" />
+                        </div>
+                        </Tippy>
+                        }
                        {previewUrl && (
+                        <Tippy content={t("maps.map-item.preview")} placement="left" theme="default">
+                            <div>
                            <BsmButton
                                className="w-6 h-6 p-[2px] rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
                                iconClassName="w-full h-full brightness-75 dark:brightness-200"
@@ -297,8 +317,12 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                                    openPreview();
                                }}
                            />
+                            </div>
+                        </Tippy>
                        )}
                        {mapId && (
+                        <Tippy content={t("maps.map-item.bsr-code")} placement="left" theme="default">
+                            <div>
                            <BsmButton
                                className="w-6 h-6 p-1 rounded-md !bg-inherit hover:!bg-light-main-color-2 hover:dark:!bg-main-color-2"
                                iconClassName="w-full h-full brightness-75 dark:brightness-200"
@@ -310,6 +334,8 @@ export const MapItem = memo(({ hash, title, autor, songAutor, coverUrl, songUrl,
                                    copyBsr();
                                }}
                            />
+                            </div>
+                        </Tippy>
                        )}
                    </div>
                </div>
@@ -1,24 +1,22 @@
-import { DetailedHTMLProps, useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { BSVersion } from "shared/bs-version.interface";
-import { TabNavBar } from "../shared/tab-nav-bar.component";
 import { LocalMapsListPanel } from "./local-maps-list-panel.component";
 import { BsmDropdownButton, DropDownItem } from "../shared/bsm-dropdown-button.component";
 import { FilterPanel } from "./filter-panel.component";
 import { MapFilter } from "shared/models/maps/beat-saver.model";
-import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
 import { MapsManagerService } from "renderer/services/maps-manager.service";
-import { motion, Variants } from "framer-motion";
 import { MapsDownloaderService } from "renderer/services/maps-downloader.service";
 import { BsmImage } from "../shared/bsm-image.component";
 import wipGif from "../../../../assets/images/gifs/wip.gif";
-import { OsDiagnosticService } from "renderer/services/os-diagnostic.service";
-import { useObservable } from "renderer/hooks/use-observable.hook";
-import { BsmIcon } from "../svgs/bsm-icon.component";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
-import { LinkButton } from "./link-button.component";
-import { debounceTime } from "rxjs/operators";
-import { VersionFolderLinkerService, VersionLinkerActionListener } from "renderer/services/version-folder-linker.service";
+import { FolderLinkState, VersionFolderLinkerService, VersionLinkerActionListener } from "renderer/services/version-folder-linker.service";
 import { useService } from "renderer/hooks/use-service.hook";
+import { BsContentTabPanel } from "../shared/bs-content-tab-panel/bs-content-tab-panel.component";
+import { BsmButton } from "../shared/bsm-button.component";
+import { MapIcon } from "../svgs/icons/map-icon.component";
+import { PlaylistIcon } from "../svgs/icons/playlist-icon.component";
+import { useObservable } from "renderer/hooks/use-observable.hook";
+import { of } from "rxjs";

 type Props = {
    version?: BSVersion;
@@ -29,7 +27,6 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
    
    const mapsService = useService(MapsManagerService);
    const mapsDownloader = useService(MapsDownloaderService);
-    const osDiagnostic = useService(OsDiagnosticService);
    const linker = useService(VersionFolderLinkerService);

    const [tabIndex, setTabIndex] = useState(0);
@@ -37,9 +34,7 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
    const [mapSearch, setMapSearch] = useState("");
    const [playlistSearch, setPlaylistSearch] = useState("");
    const [mapsLinked, setMapsLinked] = useState(false);
-    const [linkingPending, setLinkingPending] = useState(false);
-    const isOnline = useObservable(osDiagnostic.isOnline$);
-    const color = useThemeColor("first-color");
+    const mapsLinkedState = useObservable(() => version ? mapsService.$mapsFolderLinkState(version) : of(null), FolderLinkState.Unlinked, [version]);
    const t = useTranslation();
    const mapsRef = useRef<any>();

@@ -50,8 +45,6 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {

        loadMapIsLinked();

-        const sub = mapsService.$mapsLinkingPending(version).pipe(debounceTime(50)).subscribe(setLinkingPending);
-
        const onMapsLinked: VersionLinkerActionListener = action => {
            if (!action.relativeFolder.includes(MapsManagerService.RELATIVE_MAPS_FOLDER)) {
                return;
@@ -63,7 +56,6 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
        linker.onVersionFolderUnlinked(onMapsLinked);

        return () => {
-            sub.unsubscribe();
            linker.removeVersionFolderLinkedListener(onMapsLinked);
            linker.removeVersionFolderUnlinkedListener(onMapsLinked);
        };
@@ -80,6 +72,10 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
        return setPlaylistSearch(() => value);
    };

+    const handleMapsAddClick = () => {
+        mapsDownloader.openDownloadMapModal(version, mapsRef.current.getMaps?.());
+    };
+
    const handleMapsLinkClick = () => {
        if (!mapsLinked) {
            return mapsService.linkVersion(version);
@@ -87,56 +83,6 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
        return mapsService.unlinkVersion(version);
    };

-    const handleMapsAddClick = () => {
-        mapsDownloader.openDownloadMapModal(version, mapsRef.current.getMaps?.());
-    };
-
-    const renderTab = (props: DetailedHTMLProps<React.HTMLAttributes<HTMLLIElement>, HTMLLIElement>, text: string, index: number): JSX.Element => {
-        const onClickLink = (index: number) => {
-            if (index === 0) {
-                handleMapsLinkClick();
-            }
-        };
-
-        const onClickAdd = (index: number) => {
-            if (index === 0) {
-                handleMapsAddClick();
-            }
-        };
-
-        const variants: Variants = { hover: { rotate: 22.5 }, tap: { rotate: 45 } };
-
-        return (
-            <li className="relative text-center text-lg font-bold hover:backdrop-brightness-75 flex justify-center items-center content-center" onClick={props.onClick}>
-                <span className="text-main-color-1 dark:text-gray-200">{text}</span>
-                {index === 0 && (
-                    <div className="h-full flex absolute right-0 top-0 gap-1.5 items-center pr-2">
-                        {isOnline && (
-                            <motion.div
-                                whileHover="hover"
-                                whileTap="tap"
-                                className="relative h-[calc(100%-5px)] flex flex-row justify-center items-center shrink-0 rounded-full overflow-hidden pr-2"
-                                style={{ color }}
-                                onClick={e => {
-                                    e.stopPropagation();
-                                    onClickAdd(index);
-                                }}
-                                tabIndex={-1}
-                            >
-                                <span className="absolute top-0 left-0 h-full w-full brightness-50 opacity-75 dark:opacity-20 dark:filter-none" style={{ backgroundColor: "currentcolor" }} />
-                                <motion.div className="h-full p-0.5" variants={variants}>
-                                    <BsmIcon className="block h-full aspect-square brightness-150" icon="add" />
-                                </motion.div>
-                                <span className="text-sm brightness-150">{t("misc.add")}</span>
-                            </motion.div>
-                        )}
-                        {!!version && <LinkButton variants={variants} disabled={linkingPending} whileHover="hover" whileTap="tap" initial={{ rotate: 0 }} className="block p-0.5 h-[calc(100%-5px)] aspect-square blur-0 hover:brightness-75" linked={mapsLinked} title={mapsLinked ? "pages.version-viewer.maps.tabs.maps.actions.link-maps.tooltips.unlink" : "pages.version-viewer.maps.tabs.maps.actions.link-maps.tooltips.link"} onClick={() => onClickLink(index)} />}
-                    </div>
-                )}
-            </li>
-        );
-    };
-
    const dropDownItems = ((): DropDownItem[] => {
        if (tabIndex === 1) {
            return [];
@@ -150,6 +96,15 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
    return (
        <div className="w-full h-full flex flex-col items-center justify-center gap-4">
            <nav className="w-full shrink-0 flex h-9 justify-center px-40 gap-2 text-main-color-1 dark:text-white">
+                <BsmButton
+                    className="flex items-center justify-center w-fit rounded-full px-2 py-1 font-bold"
+                    icon="add"
+                    text="misc.add"
+                    typeColor="primary"
+                    withBar={false}
+                    disabled={tabIndex === 1}
+                    onClick={handleMapsAddClick}
+                />
                <div className="h-full rounded-full bg-light-main-color-2 dark:bg-main-color-2 grow p-[6px]">
                    <input type="text" className="h-full w-full bg-light-main-color-1 dark:bg-main-color-1 rounded-full px-2" placeholder={t("pages.version-viewer.maps.search-bar.search-placeholder")} value={tabIndex === 0 ? mapSearch : playlistSearch} onChange={e => handleSearch(e.target.value)} tabIndex={-1} />
                </div>
@@ -158,16 +113,34 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
                </BsmDropdownButton>
                <BsmDropdownButton className="h-full flex aspect-square relative rounded-full z-[1] bg-light-main-color-1 dark:bg-main-color-3" buttonClassName="rounded-full h-full w-full p-[6px]" icon="three-dots" withBar={false} items={dropDownItems} menuTranslationY="6px" align="center" />
            </nav>
-            <div className="w-full h-full flex flex-col bg-light-main-color-3 dark:bg-main-color-2 rounded-md shadow-black shadow-md overflow-hidden">
-                <TabNavBar className="!rounded-none shadow-sm" tabIndex={tabIndex} tabsText={["misc.maps", "misc.playlists"]} onTabChange={setTabIndex} renderTab={renderTab} />
-                <div className="w-full grow min-h-0 flex flex-row items-center transition-transform duration-300" style={{ transform: `translate(${-(tabIndex * 100)}%, 0)` }}>
+            <BsContentTabPanel
+                tabIndex={tabIndex}
+                onTabChange={index => setTabIndex(index)}
+                tabs={[
+                    {
+                        text: "misc.maps",
+                        icon: MapIcon,
+                        onClick: () => setTabIndex(0),
+                        linkProps: version ? {
+                            state: mapsLinkedState,
+                            onClick: handleMapsLinkClick,
+                        } : null,
+                    },
+                    {
+                        text: "misc.playlists",
+                        icon: PlaylistIcon,
+                        onClick: () => setTabIndex(1),
+                    },
+                ]}
+            >
+                <>
                    <LocalMapsListPanel isActive={isActive && tabIndex === 0} ref={mapsRef} className="w-full h-full shrink-0 flex flex-col" version={version} filter={mapFilter} search={mapSearch} linked={mapsLinked} />
                    <div className="w-full h-full shrink-0 flex flex-col justify-center items-center content-center gap-2 overflow-hidden text-gray-800 dark:text-gray-200">
                        <BsmImage className="rounded-md" image={wipGif} />
                        <span>Coming soon</span>
                    </div>
-                </div>
-            </div>
+                </>
+            </BsContentTabPanel>
        </div>
    );
 }
@@ -16,13 +16,10 @@ type Props = {
 };

 export const MapsRow = memo(({ maps, style, selectedMaps$, onMapSelect, onMapDelete }: Props) => {
-    const selectedMaps = useObservable<BsmLocalMap[]>(
-        selectedMaps$.pipe(
+    const selectedMaps = useObservable<BsmLocalMap[]>(() => selectedMaps$.pipe(
            map(selectedMaps => selectedMaps.filter(selected => maps.some(map => map.hash === selected.hash))),
-            distinctUntilChanged(equal)
-        ),
-        []
-    );
+            distinctUntilChanged(equal),
+        ), []);

    const extractMapDiffs = (map: BsmLocalMap): Map<BsvMapCharacteristic, ParsedMapDiff[]> => {
        const res = new Map<BsvMapCharacteristic, ParsedMapDiff[]>();
@@ -48,11 +45,30 @@ export const MapsRow = memo(({ maps, style, selectedMaps$, onMapSelect, onMapDel
    };

    const renderMapItem = (map: BsmLocalMap) => {
-        return <MapItem key={map.hash} hash={map.hash} title={map.rawInfo._songName} coverUrl={map.coverUrl} songUrl={map.songUrl} autor={map.rawInfo._levelAuthorName} songAutor={map.rawInfo._songAuthorName} bpm={map.rawInfo._beatsPerMinute} duration={map.bsaverInfo?.metadata?.duration} selected={selectedMaps.some(selected => selected.hash === map.hash)} diffs={extractMapDiffs(map)} mapId={map.bsaverInfo?.id} ranked={map.bsaverInfo?.ranked} autorId={map.bsaverInfo?.uploader?.id} likes={map.bsaverInfo?.stats?.upvotes} createdAt={map.bsaverInfo?.createdAt} onDelete={onMapDelete} onSelected={onMapSelect} callBackParam={map} />;
+        return <MapItem 
+            key={map.hash} 
+            hash={map.hash} 
+            title={map.rawInfo._songName} 
+            coverUrl={map.coverUrl} 
+            songUrl={map.songUrl} 
+            autor={map.rawInfo._levelAuthorName} 
+            songAutor={map.rawInfo._songAuthorName} 
+            bpm={map.rawInfo._beatsPerMinute} 
+            duration={map.bsaverInfo?.metadata?.duration} 
+            selected={selectedMaps.some(selected => selected.hash === map.hash)} 
+            diffs={extractMapDiffs(map)} mapId={map.bsaverInfo?.id} 
+            ranked={map.bsaverInfo?.ranked} 
+            autorId={map.bsaverInfo?.uploader?.id} 
+            likes={map.bsaverInfo?.stats?.upvotes} 
+            createdAt={map.bsaverInfo?.createdAt} 
+            onDelete={onMapDelete} 
+            onSelected={onMapSelect} 
+            callBackParam={map}
+        />;
    };

    return (
-        <ul className="h-fit w-full flex flex-nowrap basis-0 gap-x-[8px] py-1 px-3" style={style}>
+        <ul className="h-fit w-full flex flex-nowrap basis-0 gap-x-2 p-2" style={style}>
            {maps?.map(renderMapItem)}
        </ul>
    );
@@ -5,55 +5,207 @@ import BeatWaiting from "../../../../../../assets/images/apngs/beat-impatient.pn
 import { useTranslation } from "renderer/hooks/use-translation.hook";
 import { useState } from "react";
 import { isOculusTokenValid } from "shared/helpers/oculus.helpers";
+import crypto from "crypto-js";
+import { BsmCheckbox } from "renderer/components/shared/bsm-checkbox.component";
+import Tippy from "@tippyjs/react";
+import { tryit } from "shared/helpers/error.helpers";
 import { logRenderError } from "renderer";
+import { useService } from "renderer/hooks/use-service.hook";
+import { ConfigurationService } from "renderer/services/configuration.service";
+
+const OCULUS_TOKEN_STORAGE_KEY = "meta-token";

 export const EnterMetaTokenModal: ModalComponent<string> = ({resolver}) => {

    const t = useTranslation();

-    const [token, setToken] = useState("");
-    const [showToken, setShowToken] = useState(false);
+    const config = useService(ConfigurationService);

-    const submit = () => {
+    const [passwordView, setPasswordView] = useState(() => !!config.get(OCULUS_TOKEN_STORAGE_KEY));
+
+    const submit = (token: string) => {
        resolver({exitCode: ModalExitCode.COMPLETED, data: token});
    }

    const cancel = () => {
        resolver({exitCode: ModalExitCode.CANCELED});
    }
-
-    const isTokenValid = (() => {
-        return isOculusTokenValid(token, logRenderError);
-    })();
    
    return (
        <form className="flex flex-col w-80 gap-4">
            <h1 className="text-3xl uppercase tracking-wide w-full text-center">{t("modals.enter-meta-token.title")}</h1>
-
            <BsmImage className="h-20 w-20 mx-auto" image={BeatWaiting}/>
+            {passwordView ? (
+                <EnterPasswordView onValid={submit} onCancel={cancel} dontHaveToken={() => setPasswordView(() => false)}/>
+            ) : (
+                <EnterOculusTokenView onValid={submit} onCancel={cancel} alreadyHaveToken={() => setPasswordView(() => true)}/>
+            )}
+        </form>
+    );
+}

-            <p>{t("modals.enter-meta-token.body.need-token")}</p>
+const EnterPasswordView = ({onValid, onCancel, dontHaveToken}: {onValid: (token: string) => void, onCancel: () => void, dontHaveToken: () => void}) => {

-            <a href="https://github.com/Zagrios/bs-manager/wiki/How-to-obtain-your-Oculus-Token" target="_blank" className="underline">{t("modals.enter-meta-token.body.how-obtain-token")}</a>
-            
-            <div>
-                <div className="flex flex-row items-center justify-between">
-                    <label className="font-bold cursor-pointer tracking-wide inline-block" htmlFor="meta_token">{t("modals.enter-meta-token.body.input-label")}</label>
-                    {!isTokenValid && token.length > 0 && (
-                        <span className="text-orange-700 dark:text-orange-400 text-xs whitespace-normal min-w-0">{t("modals.enter-meta-token.body.token-is-invalid")}</span>
-                    )}
+    const t = useTranslation();
+
+    const config = useService(ConfigurationService);
+
+    const [password, setPassword] = useState("");
+
+    const getTokenFromStorage = () => {
+        const cryptedToken = config.get<string>(OCULUS_TOKEN_STORAGE_KEY);
+        if(!cryptedToken) return null;
+        const { result: token, error } = tryit(() => crypto.AES.decrypt(cryptedToken, password).toString(crypto.enc.Utf8));
+
+        if(error){
+            logRenderError(error, "Often indicate that the password is not the same as the one used to save the token. This error can occur when the use is writing the password.");
+        }
+
+        return token;
+    }
+
+    const isTokenValid = () => {
+        const token = getTokenFromStorage();
+        return isOculusTokenValid(token);
+    }
+
+    const valid = () => {
+        const token = getTokenFromStorage();
+        onValid(token);
+    }
+
+    return (
+        <>
+            <p>{t("modals.enter-meta-token.body.info-enter-password")}</p>
+
+            <div className="flex flex-col gap-2">
+                <div>
+                    <PasswordInput onChange={v => setPassword(v.password)} value={password}/>
                </div>
-                <div className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md flex box-border h-9">
-                    <input className="grow px-1 py-[2px] outline-none bg-transparent" onChange={e => setToken(e.target.value)} value={token} type={showToken ? "text" : "password"} name="meta_token" id="meta_token" placeholder="OCAStr43sdx2..." />
-                    <BsmButton className="shrink-0 m-1 rounded-md p-0.5 !bg-light-main-color-3 dark:!bg-main-color-3" icon={showToken ? "eye-cross" : "eye"} withBar={false} onClick={() => setShowToken(prev => !prev)} />
+
+                <div>
+                    <span className="underline italic text-sm float-right cursor-pointer" onClick={dontHaveToken}>{t("modals.enter-meta-token.body.enter-oculus-token")}</span>
                </div>
            </div>

            <div className="flex flex-row gap-2">
-                <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="cancel" text="misc.cancel" withBar={false} onClick={cancel}/>
-                <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="primary" text="modals.enter-meta-token.valid-btn" withBar={false} onClick={submit} disabled={!isTokenValid}/>
+                <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="cancel" text="misc.cancel" withBar={false} onClick={onCancel}/>
+                <Tippy className="!bg-neutral-900" disabled={!password || isTokenValid()} arrow={false} content={t("modals.enter-meta-token.body.info-disabled-btn-password")} hideOnClick={false}>
+                    <div className="w-full">
+                        <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="primary" text="modals.enter-meta-token.valid-btn" withBar={false} onClick={valid} disabled={!isTokenValid()}/>
+                    </div>
+                </Tippy>
            </div>
-        
-        </form>
+        </>
+
    );
+
+}
+
+const EnterOculusTokenView = ({onValid, onCancel, alreadyHaveToken}: {onValid: (token: string) => void, onCancel: () => void, alreadyHaveToken: () => void}) => {
+
+    const t = useTranslation();
+
+    const config = useService(ConfigurationService);
+
+    const [token, setToken] = useState("");
+    const [showToken, setShowToken] = useState(false);
+    const [stay, setStay] = useState(false);
+    const [password, setPassword] = useState("");
+    const [passwordValid, setPasswordValid] = useState(false);
+
+    const storeToken = (token: string, password: string) => {
+        const cryptedToken = crypto.AES.encrypt(token, password).toString();
+        config.set(OCULUS_TOKEN_STORAGE_KEY, cryptedToken);
+    }
+
+    const valid = () => {
+
+        if(stay){
+            storeToken(token, password);
+        } else {
+            config.delete(OCULUS_TOKEN_STORAGE_KEY);
+        }
+
+        onValid(token);
+    }
+
+    const isCryptedTokenPresent = () => {
+        return !!config.get(OCULUS_TOKEN_STORAGE_KEY);
+    }
+
+    return (
+        <>
+            <p>{t("modals.enter-meta-token.body.info-enter-token")}</p>
+            <a href="https://github.com/Zagrios/bs-manager/wiki/How-to-obtain-your-Oculus-Token" target="_blank" className="underline">{t("modals.enter-meta-token.body.how-obtain-token")}</a>
+
+            <div className="flex flex-col gap-2">
+                <div>
+                    <div className="flex flex-row items-center justify-between">
+                        <label className="font-bold cursor-pointer tracking-wide inline-block" htmlFor="meta_token">{t("modals.enter-meta-token.body.oculus-token")}</label>
+                        {!isOculusTokenValid(token) && token.length > 0 && (
+                            <span className="text-orange-700 dark:text-orange-400 text-xs whitespace-normal min-w-0">{t("modals.enter-meta-token.body.token-is-invalid")}</span>
+                        )}
+                    </div>
+                    <div className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md flex box-border h-9">
+                        <input className="grow px-1 py-[2px] outline-none bg-transparent" onChange={e => setToken(e.target.value)} value={token} type={showToken ? "text" : "password"} name="meta_token" id="meta_token" placeholder="FRLAStr43sdx2..." />
+                        <BsmButton className="shrink-0 m-1 rounded-md p-0.5 !bg-light-main-color-3 dark:!bg-main-color-3" icon={showToken ? "eye-cross" : "eye"} withBar={false} onClick={() => setShowToken(prev => !prev)} />
+                    </div>
+                </div>
+
+                <Tippy className="!bg-neutral-900" arrow={false} content={t("modals.enter-meta-token.body.save-token-info")}>
+                    <div className="flex flex-row items-center gap-1 w-fit">
+                        <BsmCheckbox className="h-6 w-6 relative z-[1]" onChange={setStay} checked={stay}/>
+                        <span className="font-bold cursor-help">{t("modals.enter-meta-token.body.save-my-token")}</span>
+                    </div>
+                </Tippy>
+
+                <div className="grid grid-rows-[0fr] transition-[grid-template-rows]" style={{gridTemplateRows: stay && "1fr"}}>
+                    <div className="overflow-hidden">
+                        <PasswordInput onChange={v => {setPassword(v.password); setPasswordValid(v.valid)}} value={password}/>
+                    </div>
+                </div>
+
+                {isCryptedTokenPresent() && (
+                    <div>
+                        <span className="underline italic text-sm float-right cursor-pointer" onClick={alreadyHaveToken}>{t("modals.enter-meta-token.body.have-token-saved")}</span>
+                    </div>
+                )}
+            </div>
+
+            <div className="flex flex-row gap-2">
+                <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="cancel" text="misc.cancel" withBar={false} onClick={onCancel}/>
+                <BsmButton className="rounded-md flex justify-center items-center transition-all h-9 w-full" typeColor="primary" text="modals.enter-meta-token.valid-btn" withBar={false} onClick={valid} disabled={!isOculusTokenValid(token) || (stay && !passwordValid)}/>
+            </div>
+        </>
+
+    );
+
+}
+
+const PasswordInput = ({onChange, value}: {onChange: (value : {password: string, valid: boolean}) => void, value: string}) => {
+
+    const t = useTranslation();
+
+    const [showPassword, setShowPassword] = useState(false);
+
+    const isPasswordValid = (password: string) => {
+        return password.length >= 8;
+    }
+
+    return (
+        <>
+            <div className="flex flex-row items-center justify-between">
+                <label className="font-bold cursor-pointer tracking-wide inline-block" htmlFor="password">{t("modals.enter-meta-token.body.password")}</label>
+                {!isPasswordValid(value) && value.length > 0 && (
+                    <span className="text-orange-700 dark:text-orange-400 text-xs whitespace-normal min-w-0">{t("modals.enter-meta-token.body.password-too-short")}</span>
+                )}
+            </div>
+            <div className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md flex box-border h-9">
+                <input className="grow px-1 py-[2px] outline-none bg-transparent" onChange={e => onChange({password: e.target.value, valid: isPasswordValid(e.target.value)})} value={value} type={showPassword ? "text" : "password"} name="password" id="password" placeholder={t("modals.enter-meta-token.body.password")} />
+                <BsmButton className="shrink-0 m-1 rounded-md p-0.5 !bg-light-main-color-3 dark:!bg-main-color-3" icon={showPassword ? "eye-cross" : "eye"} withBar={false} onClick={() => setShowPassword(prev => !prev)} />
+            </div>
+        </> 
+    )
+
 }
@@ -21,7 +21,7 @@ export const LoginToSteamModal: ModalComponent<
    const [password, setPassword] = useState("");
    const [stay, setStay] = useState(false);
    const [showPassword, setShowPassword] = useState(false);
-    const qrCodeUrl = useObservable(data.qrCode$);
+    const qrCodeUrl = useObservable(() => data.qrCode$);
    const t = useTranslation();

    useEffect(() => {
@@ -27,8 +27,8 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
    const progressBar = useService(ProgressBarService);
    const os = useService(OsDiagnosticService);

-    const currentDownload = useObservable(mapsDownloader.currentMapDownload$);
-    const mapsInQueue = useObservable(mapsDownloader.mapsInQueue$);
+    const currentDownload = useObservable(() => mapsDownloader.currentMapDownload$);
+    const mapsInQueue = useObservable(() => mapsDownloader.mapsInQueue$);
    const t = useTranslation();
    const filterContainerRef = useRef(null);
    const [filter, setFilter] = useState<MapFilter>({});
@@ -37,7 +37,7 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
    const [sortOrder, setSortOrder] = useState<SearchOrder>(BSV_SORT_ORDER.at(0));
    const [ownedMapHashs, setOwnedMapHashs] = useState<string[]>(ownedMaps?.map(map => map.hash) ?? []);
    const [loading, setLoading] = useState(false);
-    const isOnline = useObservable(os.isOnline$);
+    const isOnline = useObservable(() => os.isOnline$);
    const [searchParams, setSearchParams] = useState<SearchParams>({
        sortOrder,
        filter,
@@ -44,10 +44,10 @@ export const DownloadModelsModal: ModalComponent<void, { version: BSVersion; typ
        }))
    );

-    const currentDownload = useObservable(modelsDownloader.currentDownload$(), null);
-    const downloadQueue = useObservable(modelsDownloader.getQueue$(), []);
+    const currentDownload = useObservable(() => modelsDownloader.currentDownload$(), null);
+    const downloadQueue = useObservable(() => modelsDownloader.getQueue$(), []);
    const [msModels, msModels$] = useBehaviorSubject<MSModel[]>([]);
-    const isOnline = useObservable(os.isOnline$, true);
+    const isOnline = useObservable(() => os.isOnline$, true);
    const [error, error$] = useBehaviorSubject(false);
    const [isLoading, isLoading$] = useBehaviorSubject(false);
    const [ownedModels, setOwnedModels] = useState<BsmLocalModel[]>(owned ?? []);
@@ -1,5 +1,4 @@
 import Tippy from "@tippyjs/react";
-import { Variants } from "framer-motion";
 import { useEffect, useState } from "react";
 import { LinkButton } from "renderer/components/maps-mangement-components/link-button.component";
 import { BsmBasicSpinner } from "renderer/components/shared/bsm-basic-spinner/bsm-basic-spinner.component";
@@ -12,7 +11,7 @@ import { BSVersionManagerService } from "renderer/services/bs-version-manager.se
 import { ConfigurationService } from "renderer/services/configuration.service";
 import { IpcService } from "renderer/services/ipc.service";
 import { ModalComponent } from "renderer/services/modale.service";
-import { VersionFolderLinkerService, VersionLinkerActionType } from "renderer/services/version-folder-linker.service";
+import { FolderLinkState, VersionFolderLinkerService, VersionLinkerActionType } from "renderer/services/version-folder-linker.service";
 import { BSVersion } from "shared/bs-version.interface";

 export const ShareFoldersModal: ModalComponent<void, BSVersion> = ({ data }) => {
@@ -107,33 +106,12 @@ const FolderItem = ({ version, relativeFolder, onDelete }: FolderProps) => {

    const t = useTranslation();

-    const name = relativeFolder.split(window.electron.path.sep).at(-1);
    const color = useThemeColor("first-color");
-
-    const variants: Variants = {
-        hover: { rotate: 22.5 },
-        tap: { rotate: 45 },
-    };
-
-    const pending = useObservable(linker.isPending(version, relativeFolder));
-    const processing = useObservable(linker.isProcessing(version, relativeFolder));
-    const linkDisabled = pending || processing;
-
-    const [linked, setLinked] = useState(false);
-
-    useEffect(() => {
-        if (pending) {
-            return;
-        }
-        loadFolderIsLinked();
-    }, [version, relativeFolder, pending]);
-
-    const loadFolderIsLinked = () => {
-        linker.isVersionFolderLinked(version, relativeFolder).toPromise().then(setLinked);
-    };
+    const state = useObservable(() => linker.$folderLinkedState(version, relativeFolder), FolderLinkState.Unlinked, [version, relativeFolder]);
+    const name = relativeFolder.split(window.electron.path.sep).at(-1);

    const onClickLink = () => {
-        if (linked) {
+        if (state === FolderLinkState.Linked) {
            return linker.unlinkVersionFolder({
                version,
                relativeFolder,
@@ -150,7 +128,6 @@ const FolderItem = ({ version, relativeFolder, onDelete }: FolderProps) => {

    const cancelLink = () => {
        linker.cancelAction(version, relativeFolder);
-        loadFolderIsLinked();
    };

    return (
@@ -159,14 +136,18 @@ const FolderItem = ({ version, relativeFolder, onDelete }: FolderProps) => {
                {name}
            </span>
            <div className="flex flex-row gap-1.5">
-                <Tippy placement="left" content={t(`modals.shared-folders.buttons.${linked ? "unlink-folder" : "link-folder"}`)} arrow={false}>
-                    <LinkButton variants={variants} linked={linked} disabled={linkDisabled} whileHover="hover" whileTap="tap" className="p-0.5 h-7 shrink-0 aspect-square blur-0 cursor-pointer hover:brightness-75" onClick={onClickLink} />
+                <Tippy placement="left" content={t(`modals.shared-folders.buttons.${state === FolderLinkState.Linked ? "unlink-folder" : "link-folder"}`)} arrow={false}>
+                    <LinkButton 
+                        className="p-0.5 h-7 shrink-0 aspect-square blur-0 cursor-pointer hover:brightness-75"
+                        state={state}
+                        onClick={onClickLink}
+                    />
                </Tippy>
                {(() => {
-                    if (processing) {
+                    if (state === FolderLinkState.Processing) {
                        return <BsmBasicSpinner className="aspect-square h-7 rounded-md p-1 dark:bg-main-color-2" thikness="3.5px" style={{ color }} />;
                    }
-                    if (pending) {
+                    if (state === FolderLinkState.Pending) {
                        return (
                            <BsmButton
                                className="aspect-square h-7 rounded-md p-1"
@@ -8,7 +8,7 @@ import { BsmIcon } from "../svgs/bsm-icon.component";
 export function Modal() {
    const modalSevice = ModalService.getInstance();

-    const ModalComponent = useObservable(modalSevice.getModalToShow());
+    const ModalComponent = useObservable(() => modalSevice.getModalToShow());

    const modalData = modalSevice.getModalData();
    const resolver = modalSevice.getResolver();
@@ -1,6 +1,5 @@
 import { BSVersion } from "shared/bs-version.interface";
 import { useRef, useState } from "react";
-import { ModelsTabsNavbar } from "./models-tabs-navbar.component";
 import { ModelsGrid } from "./models-grid.component";
 import { MSModelType } from "shared/models/models/model-saber.model";
 import { BsmDropdownButton, DropDownItem } from "../shared/bsm-dropdown-button.component";
@@ -14,6 +13,16 @@ import { NotificationService } from "renderer/services/notification.service";
 import { ConfigurationService } from "renderer/services/configuration.service";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
 import { lt } from "semver";
+import { lastValueFrom, of, take } from "rxjs";
+import { FolderLinkState } from "renderer/services/version-folder-linker.service";
+import { BsContentTabItemProps } from "../shared/bs-content-tab-panel/bs-content-tab-item.component";
+import { BsContentTabPanel } from "../shared/bs-content-tab-panel/bs-content-tab-panel.component";
+import { ModelTypeAvatarIcon } from "../svgs/icons/model-type-avatar-icon.component";
+import { SvgIcon } from "../svgs/svg-icon.type";
+import { ModelTypeSaberIcon } from "../svgs/icons/model-type-saber-icon.component";
+import { ModelTypePlatformIcon } from "../svgs/icons/model-type-platform-icon.component";
+import { ModelTypeBloqIcon } from "../svgs/icons/model-type-bloq-icon.component";
+import { useObservable } from "renderer/hooks/use-observable.hook";

 export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersion; isActive: boolean; goToMods?: () => void }) {
    const modelsManager = useService(ModelsManagerService);
@@ -29,9 +38,15 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi

    const [modelTypeTab, setModelTypeTab] = useState<MSModelType>(MSModelType.Avatar);
    const [currentTabIndex, setCurrentTabIndex] = useState<number>(0);
-
    const [search, setSearch] = useState<string>("");

+    const modelsLinkStats = {
+        [MSModelType.Avatar]: useObservable(() => version ? modelsManager.$modelsLinkingState(version, MSModelType.Avatar) : of(null), FolderLinkState.Unlinked, [version]),
+        [MSModelType.Saber]: useObservable(() => version ? modelsManager.$modelsLinkingState(version, MSModelType.Saber) : of(null), FolderLinkState.Unlinked, [version]),
+        [MSModelType.Platfrom]: useObservable(() => version ? modelsManager.$modelsLinkingState(version, MSModelType.Platfrom) : of(null), FolderLinkState.Unlinked, [version]),
+        [MSModelType.Bloq]: useObservable(() => version ? modelsManager.$modelsLinkingState(version, MSModelType.Bloq) : of(null), FolderLinkState.Unlinked, [version]),
+    }
+
    useOnUpdate(() => {
        if (!isActive || !goToMods) {
            return;
@@ -66,7 +81,7 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi
        if (config.get("not-remind-models-breaks")) {
            return;
        }
-        notification.notifyWarning({ title: "models.notifications.prevent-for-models-breaks.title", desc: "models.notifications.prevent-for-models-breaks.desc", actions: [{ id: "0", title: "models.notifications.prevent-for-mods.not-remind", cancel: true }], duration: 12_000 }).then(res => {
+        notification.notifyInfo({ title: "models.notifications.prevent-for-models-breaks.title", desc: "models.notifications.prevent-for-models-breaks.desc", actions: [{ id: "0", title: "models.notifications.prevent-for-mods.not-remind", cancel: true }], duration: 12_000 }).then(res => {
            if (res === "0") {
                config.set("not-remind-models-breaks", true);
            }
@@ -93,6 +108,44 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi
        { text: "models.panel.actions.drop-down.delete", onClick: deleteModels, icon: "trash" },
    ];

+    const getModelTabProps = (model: MSModelType): BsContentTabItemProps => {
+
+        const onClick = async () => {
+            const state = await lastValueFrom(modelsManager.$modelsLinkingState(version, model).pipe(take(1)));
+            if (state === FolderLinkState.Pending || state === FolderLinkState.Processing) { return; }
+            if (state === FolderLinkState.Linked) {
+                modelsManager.unlinkModels(model, version);
+            } else {
+                modelsManager.linkModels(model, version);
+            }
+        }
+
+        const getModelIcon = (model: MSModelType): SvgIcon => {
+            switch (model) {
+                case MSModelType.Avatar:
+                    return ModelTypeAvatarIcon;
+                case MSModelType.Saber:
+                    return ModelTypeSaberIcon;
+                case MSModelType.Platfrom:
+                    return ModelTypePlatformIcon;
+                case MSModelType.Bloq:
+                    return ModelTypeBloqIcon;
+                default:
+                    return ModelTypeAvatarIcon;
+            }
+        }
+
+        return {
+            text: `models.types.plural.${model}`,
+            icon: getModelIcon(model),
+            onClick: () => setModelTypeTab(model),
+            linkProps: version ? {
+                onClick,
+                state: modelsLinkStats[model],
+            } : null
+        }
+    };
+
    return (
        <div ref={ref} className="w-full h-full flex flex-col items-center justify-center gap-4">
            <div className="w-full shrink-0 flex h-9 justify-center px-40 gap-2 text-main-color-1 dark:text-white">
@@ -112,24 +165,23 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi
                </div>
                <BsmDropdownButton items={threeDotsItems} className="h-full flex aspect-square relative rounded-full z-[1] bg-light-main-color-1 dark:bg-main-color-3" buttonClassName="rounded-full h-full w-full p-[6px]" icon="three-dots" withBar={false} menuTranslationY="6px" align="center" />
            </div>
-            <div className="w-full h-full flex flex-row bg-light-main-color-3 dark:bg-main-color-2 rounded-md shadow-black shadow-md overflow-hidden">
-                <ModelsTabsNavbar
-                    className="flex-shrink-0"
-                    version={version}
-                    tabIndex={currentTabIndex}
-                    onTabChange={(index, tab) => {
-                        setModelTypeTab(() => tab.extra);
-                        setCurrentTabIndex(() => index);
-                    }}
-                />
-
-                <div className="flex-grow h-full flex flex-col transition-all duration-300" style={{ translate: `0 ${0 - currentTabIndex * 100}%` }}>
+            <BsContentTabPanel
+                tabIndex={currentTabIndex}
+                onTabChange={(index) => setCurrentTabIndex(index)}
+                tabs={[
+                    getModelTabProps(MSModelType.Avatar),
+                    getModelTabProps(MSModelType.Saber),
+                    getModelTabProps(MSModelType.Platfrom),
+                    getModelTabProps(MSModelType.Bloq),
+                ]}
+            >
+                <>
                    <ModelsGrid ref={modelsGridRefs[0]} version={version} type={MSModelType.Avatar} active={isActive && modelTypeTab === MSModelType.Avatar} search={search} downloadModels={openDownloadModal} />
                    <ModelsGrid ref={modelsGridRefs[1]} version={version} type={MSModelType.Saber} active={isActive && modelTypeTab === MSModelType.Saber} search={search} downloadModels={openDownloadModal} />
                    <ModelsGrid ref={modelsGridRefs[2]} version={version} type={MSModelType.Platfrom} active={isActive && modelTypeTab === MSModelType.Platfrom} search={search} downloadModels={openDownloadModal} />
                    <ModelsGrid ref={modelsGridRefs[3]} version={version} type={MSModelType.Bloq} active={isActive && modelTypeTab === MSModelType.Bloq} search={search} downloadModels={openDownloadModal} />
-                </div>
-            </div>
+                </>
+            </BsContentTabPanel>
        </div>
    );
 }
@@ -1,87 +0,0 @@
-import { BSVersion } from "shared/bs-version.interface";
-import { MSModelType } from "../../../shared/models/models/model-saber.model";
-import { LinkButton } from "../maps-mangement-components/link-button.component";
-import { useState } from "react";
-import { useOnUpdate } from "renderer/hooks/use-on-update.hook";
-import { ModelsManagerService } from "renderer/services/models-management/models-manager.service";
-import { BsContentNavBar, BsContentNavBarTab } from "../shared/bs-content-nav-bar.component";
-import { useConstant } from "renderer/hooks/use-constant.hook";
-import { BsmIcon } from "../svgs/bsm-icon.component";
-import { MODEL_TYPES } from "../../../shared/models/models/constants";
-import { useService } from "renderer/hooks/use-service.hook";
-import { useTranslation } from "renderer/hooks/use-translation.hook";
-
-type Props = {
-    className?: string;
-    version?: BSVersion;
-    tabIndex: number;
-    onTabChange: (index: number, tab: BsContentNavBarTab<MSModelType>) => void;
-};
-
-export function ModelsTabsNavbar({ className, version, tabIndex, onTabChange }: Props) {
-    const tabs = useConstant<BsContentNavBarTab<MSModelType>[]>(() => {
-        return MODEL_TYPES.map(type => ({
-            text: type,
-            extra: type,
-        }));
-    });
-
-    return <BsContentNavBar className={`!rounded-none shadow-sm ${className ?? ""}`} tabIndex={tabIndex} onTabChange={onTabChange} tabs={tabs} renderTab={(props, tab, activeTab) => <ModelTab version={version} modelType={tab.extra} {...props} active={tab === activeTab} />} />;
-}
-
-type TabProps = {
-    version?: BSVersion;
-    modelType: MSModelType;
-    active?: boolean;
-} & React.ComponentProps<"li">;
-
-function ModelTab({ version, modelType, active, onClick }: TabProps) {
-    const modelsManager = useService(ModelsManagerService);
-
-    const t = useTranslation();
-
-    const [modelsAreLinked, setModelsAreLinked] = useState(false);
-    const [linkBtnDisabled, setLinkBtnDisabled] = useState(false);
-
-    useOnUpdate(() => {
-        if (!version) {
-            return;
-        }
-
-        const sub = modelsManager.$modelsLinkingPending(version, modelType).subscribe(async pending => {
-            if (pending) {
-                return setLinkBtnDisabled(() => pending);
-            }
-            const modelsLinked = await modelsManager.isModelsLinked(version, modelType);
-            setModelsAreLinked(() => modelsLinked);
-            setLinkBtnDisabled(() => pending);
-        });
-
-        return () => {
-            sub.unsubscribe();
-        };
-    }, [version]);
-
-    const linkModels = () => modelsManager.linkModels(modelType, version);
-    const unlinkModels = () => modelsManager.unlinkModels(modelType, version);
-
-    const onClickLink = () => {
-        if (!version) {
-            return Promise.resolve();
-        }
-        if (modelsAreLinked) {
-            return unlinkModels();
-        }
-        return linkModels();
-    };
-
-    return (
-        <li className={`relative w-full cursor-pointer flex-1 text-center text-lg font-bold flex justify-center items-center content-center px-7 dim-on-hover ${active ? "dim" : ""}`} onClick={onClick}>
-            <div className="flex flex-col gap-0.5 justify-start items-center text-main-color-1 dark:text-gray-200">
-                <BsmIcon icon={modelType} className="w-7 h-7" />
-                <span className=" font-thin italic text-xs">{t(`models.types.plural.${modelType}`)}</span>
-            </div>
-            <div className="flex items-center absolute top-1.5 left-1.5">{!!version && <LinkButton variants={{ hover: { rotate: 22.5 }, tap: { rotate: 45 } }} disabled={linkBtnDisabled} whileHover="hover" whileTap="tap" initial={{ rotate: 0 }} className="block w-6 h-6 aspect-square blur-0 cursor-pointer hover:brightness-75" linked={modelsAreLinked} title={modelsAreLinked ? "models.panel.actions.unlink-models" : "models.panel.actions.link-models"} onClick={onClickLink} />}</div>
-        </li>
-    );
-}
@@ -12,7 +12,7 @@ export const BsManagerIcon = memo(({ className }: { className?: string }) => {
    const audioPlayer = useService(AudioPlayerService);

    const { firstColor, secondColor } = useThemeColor();
-    const playing = useObservable(audioPlayer.playing$);
+    const playing = useObservable(() => audioPlayer.playing$);

    const { bpm } = audioPlayer;

@@ -31,7 +31,7 @@ export const BsManagerIcon = memo(({ className }: { className?: string }) => {
    };

    return (
-        <motion.div className="cursor-pointer" whileTap={{ rotate: -10 }} variants={transitions} animate={playing && bpm > 0 ? "playing" : "idle"} onClick={clickAction}>
+        <motion.div id="bsm-logo" className="cursor-pointer" whileTap={{ rotate: -10 }} variants={transitions} animate={playing && bpm > 0 ? "playing" : "idle"} onClick={clickAction}>
            <svg className={className} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
                <g fill={firstColor}>
                    <path d="M626.75,485.91l20.82,351.94a35.21,35.21,0,0,1-15.49,31.36L487.37,965.35l-.06,0A35.56,35.56,0,0,1,476,970.12a34.85,34.85,0,0,1-23.51-2.87L136.58,809.9a115.45,115.45,0,0,1-63.75-96.49L52,361.46a35.26,35.26,0,0,1,15.23-31.21l145.05-96.36a35.72,35.72,0,0,1,11.27-4.7,34.87,34.87,0,0,1,23.51,2.87L563,389.42a115.41,115.41,0,0,1,63.75,96.49Z" />
@@ -7,13 +7,14 @@ type Props = {
    progress?: number;
    isActive?: boolean;
    onCancel?: (e: React.MouseEvent) => void;
+    id?: string;
 };

-export function NavBarItem({ progress, isDownloading, children, isActive, onCancel }: Props) {
+export function NavBarItem({ progress, isDownloading, children, isActive, onCancel, id }: Props) {
    const { firstColor, secondColor } = useThemeColor();

    return (
-        <li className={`outline-none relative p-[1px] overflow-hidden rounded-xl flex justify-center items-center mb-1 ${isDownloading && "nav-item-download"} active:translate-y-[1px]`}>
+        <li id={id} className={`outline-none relative p-[1px] overflow-hidden rounded-xl flex justify-center items-center mb-1 ${isDownloading && "nav-item-download"} active:translate-y-[1px]`}>
            {isDownloading && <div className="download-progress absolute top-0 w-full h-full" style={{ transform: `translate(${-(100 - progress)}%, 0)`, background: `linear-gradient(90deg, ${firstColor}, ${secondColor}, ${firstColor}, ${secondColor})` }} />}
            <div className={`wrapper z-[1] px-1 py-[3px] w-full rounded-xl ${isDownloading && "bg-white dark:bg-black"} ${!isDownloading && "hover:bg-light-main-color-3 dark:hover:bg-main-color-3"} ${isActive && !isDownloading && "bg-light-main-color-3 dark:bg-main-color-3"}`}>
                {children}
@@ -12,11 +12,11 @@ export function SharedNavBarItem() {
    const pageState = useService(PageStateService);

    const t = useTranslation();
-    const route = useObservable(pageState.route$);
+    const route = useObservable(() => pageState.route$);
    const color = useThemeColor("first-color");

    return (
-        <NavBarItem isActive={route === "/shared"}>
+        <NavBarItem id="shared-contents-btn" isActive={route === "/shared"}>
            <Tippy content={t("nav-bar.shared.tooltip")} className="font-bold !bg-neutral-900" placement="right-end" arrow={false} duration={[100, 0]} animation="shift-away-subtle">
                <Link to="shared" className="w-full flex items-center justify-start content-center max-w-full h-[30px]">
                    <BsmIcon className="w-[19px] h-[19px] mr-[5px] shrink-0 brightness-125" icon="link" style={{ color }} />
@@ -19,8 +19,8 @@ export function NavBar() {
    const versionManager = useService(BSVersionManagerService);
    const versionDownloader = useService(BsDownloaderService);

-    const downloadingVersion = useObservable(versionDownloader.downloadingVersion$.pipe(distinctUntilChanged(equal)));
-    const installedVersions = useObservable(versionManager.installedVersions$);
+    const downloadingVersion = useObservable(() => versionDownloader.downloadingVersion$.pipe(distinctUntilChanged(equal)));
+    const installedVersions = useObservable(() => versionManager.installedVersions$);

    const color = useThemeColor("first-color");
    const t = useTranslation();
@@ -48,12 +48,12 @@ export function NavBar() {
            <NavBarSpliter />
            <div className="w-full pb-2 flex flex-col items-center content-center justify-start gap-1">
                <Tippy placement="right" content={t("nav-bar.add-version")} className="!bg-neutral-900" arrow={false}>
-                    <Link className="rounded-md w-9 h-9 flex justify-center items-center hover:bg-light-main-color-3 dark:hover:bg-main-color-3" to="blah">
+                    <Link id="add-version-btn" className="rounded-md w-9 h-9 flex justify-center items-center hover:bg-light-main-color-3 dark:hover:bg-main-color-3" to="blah">
                        <BsmIcon icon="add" className="text-blue-500 h-[34px]" style={{ color }} />
                    </Link>
                </Tippy>
                <Tippy placement="right" content={t("nav-bar.settings")} className="!bg-neutral-900" arrow={false}>
-                    <Link className="rounded-md w-9 h-9 flex justify-center items-center hover:bg-light-main-color-3 dark:hover:bg-main-color-3" to="settings">
+                    <Link id="settings-btn" className="rounded-md w-9 h-9 flex justify-center items-center hover:bg-light-main-color-3 dark:hover:bg-main-color-3" to="settings">
                        <BsmIcon icon="settings" className="text-blue-500 h-7" style={{ color }} />
                    </Link>
                </Tippy>
@@ -7,7 +7,7 @@ import { useService } from "renderer/hooks/use-service.hook";
 export function NotificationOverlay() {
    const notificationService = useService(NotificationService);

-    const notifications = useObservable(notificationService.notifications$);
+    const notifications = useObservable(() => notificationService.notifications$);

    return (
        <ul className="absolute h-full w-0 top-0 right-0 z-[100] pt-10">
@@ -9,9 +9,9 @@ import { useService } from "renderer/hooks/use-service.hook";
 export function BsmProgressBar() {
    const progressBarService = useService(ProgressBarService);

-    const progressData = useObservable(progressBarService.progressData$);
-    const visible = useObservable(progressBarService.visible$);
-    const style = useObservable(progressBarService.style$);
+    const progressData = useObservable(() => progressBarService.progressData$);
+    const visible = useObservable(() => progressBarService.visible$);
+    const style = useObservable(() => progressBarService.style$);

    const progressLabel = (() => {
        if (!progressData) {
@@ -9,7 +9,7 @@ type Props = {
 };

 export default function TextProgressBar({ value$, className, style }: Props) {
-    const value = useObservable(value$);
+    const value = useObservable(() => value$);

    const prefix = typeof value === "number" ? "%" : "";

@@ -21,7 +21,7 @@ export function SettingRadioArray<T>({ id, items, selectedItemId, selectedItemVa
    return (
        <div id={id} className="w-full flex gap-1.5" style={{flexDirection: direction}}>
            {items.map(i => (
-                <div onClick={() => onItemSelected(i)} key={i.id} className={`py-3 w-full flex cursor-pointer justify-between items-center rounded-md px-2 transition-colors duration-200 ${isSelected(i) ? "bg-light-main-color-3 dark:bg-main-color-3" : "bg-light-main-color-1 dark:bg-main-color-1"} ${i.className}`}>
+                <div onClick={() => onItemSelected(i)} key={i.id} className={`py-3 w-full flex cursor-pointer justify-between items-center rounded-md px-2 transition-colors duration-300 ${isSelected(i) ? "bg-light-main-color-3 dark:bg-main-color-3" : "bg-light-main-color-1 dark:bg-main-color-1"} ${i.className}`}>
                    <div className="flex items-center">
                        <div className="h-5 rounded-full aspect-square border-2 border-gray-800 dark:border-white p-[3px] mr-2">
                            <motion.span initial={{ scale: 0 }} animate={{ scale: isSelected(i) ? 1 : 0 }} className="h-full w-full block bg-gray-800 dark:bg-white rounded-full" />
@@ -1,30 +0,0 @@
-import { DetailedHTMLProps, Fragment } from "react";
-import { BsmIconType } from "../svgs/bsm-icon.component";
-
-type Props<T> = {
-    className?: string;
-    tabIndex: number;
-    tabs: BsContentNavBarTab<T>[];
-    renderTab: (props: DetailedHTMLProps<React.HTMLAttributes<any>, any>, tab?: BsContentNavBarTab<T>, activeTab?: BsContentNavBarTab<T>) => JSX.Element;
-    onTabChange?: (index: number, tab?: BsContentNavBarTab<T>) => void;
-};
-
-export type BsContentNavBarTab<T = unknown> = {
-    text: string;
-    icon?: BsmIconType;
-    extra?: T;
-};
-
-export function BsContentNavBar<T>({ className, tabIndex, tabs, renderTab, onTabChange }: Props<T>) {
-    const handleTabClick = (index: number) => {
-        onTabChange?.(index, tabs[index]);
-    };
-
-    return (
-        <nav className={`h-full grid grid-flow-row ${className ?? ""}`}>
-            {tabs.map((tab, i) => (
-                <Fragment key={JSON.stringify(tab)}>{renderTab({ onClick: () => handleTabClick(i) }, tab, tabs[tabIndex])}</Fragment>
-            ))}
-        </nav>
-    );
-}
@@ -0,0 +1,44 @@
+import { LinkBtnProps, LinkButton } from "renderer/components/maps-mangement-components/link-button.component";
+import { SvgIcon } from "renderer/components/svgs/svg-icon.type";
+import { useTranslation } from "renderer/hooks/use-translation.hook";
+
+export type BsContentTabItemProps<T = unknown> = {
+    text: string;
+    icon: SvgIcon;
+    active?: boolean;
+    value?: T;
+    linkProps?: LinkBtnProps;
+    onClick: (value?: T) => void;
+};
+
+type BsContentTabItemComponent<T = unknown> = ({text, icon, active, value, linkProps, onClick}: BsContentTabItemProps<T>) => JSX.Element;
+
+export const BsContentTabItem: BsContentTabItemComponent = ({ text, icon: Icon, active, value, linkProps, onClick }) => {
+
+    const t = useTranslation();
+
+    const handleClick = (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onClick(value);
+    }
+
+    return (
+        <li className={`relative w-full cursor-pointer flex-1 text-center text-lg font-bold flex justify-center items-center content-center px-7 bg-light-main-color-2 dark:bg-main-color-2 hover:bg-light-main-color-1 dark:hover:bg-main-color-1 ${active && "!bg-light-main-color-1 dark:!bg-main-color-1"}`} onClick={handleClick}>
+            <div className="flex flex-col gap-0.5 justify-start items-center text-main-color-1 dark:text-gray-200">
+                <Icon className="w-7 h-7"/>
+                <span className=" font-thin italic text-xs">{t(text)}</span>
+            </div>
+            {linkProps && (
+                <div className="flex items-center absolute top-1.5 left-1.5">
+                    <LinkButton
+                        state={linkProps.state} 
+                        className={linkProps.className ?? "block w-6 h-6 aspect-square blur-0 cursor-pointer hover:brightness-75"} 
+                        title={linkProps.title} 
+                        onClick={linkProps.onClick} 
+                    />
+                </div>
+            )}
+        </li>
+    );
+}
@@ -0,0 +1,35 @@
+import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
+import { LaserSlider } from "../laser-slider.component";
+import { BsContentTabItem, BsContentTabItemProps } from "./bs-content-tab-item.component";
+
+type Props<T = unknown> = Readonly<{
+    className?: string;
+    tabs: BsContentTabItemProps<T>[];
+    tabIndex: number;
+    onTabChange: (index: number, tab: BsContentTabItemProps<T>) => void;
+    children: JSX.Element;
+}>;
+
+export function BsContentTabPanel({className, tabIndex, tabs, onTabChange, children}: Props) {
+
+    const sliderColor = useThemeColor("second-color");
+
+    return (
+        <div className={className ?? "w-full h-full flex flex-row bg-light-main-color-1 dark:bg-main-color-1 rounded-md shadow-black shadow-md overflow-hidden"}>
+            <nav className="h-full grid grid-flow-row !rounded-none shadow-sm flex-shrink-0">
+                {tabs.map((tab, i) => (
+                    <BsContentTabItem 
+                        key={`${tab.text}${tab.icon}`} 
+                        {...tab}
+                        active={tab.active ?? tabIndex === i} 
+                        onClick={value => {onTabChange(i, tab); tab.onClick(value);}} 
+                    />
+                ))}
+            </nav>
+            <LaserSlider className="h-full w-1 relative shrink-0" mode="vertical" color={sliderColor} nbSteps={tabs.length} step={tabIndex}/>
+            <div className="flex-grow h-full flex flex-col transition-all duration-300" style={{ translate: `0 ${0 - tabIndex * 100}%` }}>
+                {children}
+            </div>
+        </div>
+  )
+}
@@ -9,6 +9,7 @@ import { getCorrectTextColor } from "renderer/helpers/correct-text-color";
 type BsmButtonType = "primary" | "secondary" | "success" | "cancel" | "error";

 type Props = {
+    id?: string;
    className?: string;
    style?: CSSProperties;
    imgClassName?: string;
@@ -29,7 +30,7 @@ type Props = {
    textClassName?: string;
 };

-export function BsmButton({ className, style, imgClassName, iconClassName, icon, image, text, type, active, withBar = true, disabled, onClickOutside, onClick, typeColor, color, title, iconColor, textClassName }: Props) {
+export function BsmButton({ id, className, style, imgClassName, iconClassName, icon, image, text, type, active, withBar = true, disabled, onClickOutside, onClick, typeColor, color, title, iconColor, textClassName }: Props) {
    const t = useTranslation();
    const { firstColor, secondColor } = useThemeColor();
    const ref = useRef(null);
@@ -72,7 +73,7 @@ export function BsmButton({ className, style, imgClassName, iconClassName, icon,
    const handleClick = (e: MouseEvent<HTMLDivElement>) => !disabled && onClick?.(e);

    return (
-        <div ref={ref} onClick={handleClick} title={t(title)} className={`${className} overflow-hidden group ${!withBar && !disabled && (!!typeColor || !!color) && "hover:brightness-[1.15]"} ${disabled ? "brightness-75 cursor-not-allowed" : "cursor-pointer"} ${renderTypeColor}`} style={{ ...style, backgroundColor: primaryColor || color }}>
+        <div id={id} ref={ref} onClick={handleClick} title={t(title)} className={`${className} overflow-hidden group ${!withBar && !disabled && (!!typeColor || !!color) && "hover:brightness-[1.15]"} ${disabled ? "brightness-75 cursor-not-allowed" : "cursor-pointer"} ${renderTypeColor}`} style={{ ...style, backgroundColor: primaryColor || color }}>
            {image && <BsmImage image={image} className={imgClassName} />}
            {icon && <BsmIcon icon={icon} className={iconClassName ?? "h-full w-full text-gray-800 dark:text-white"} style={{ color: iconColor || textColor }} />}
            {text &&
@@ -8,7 +8,7 @@ import { LinkOpenerService } from "renderer/services/link-opener.service";
 export function BsmIframeView() {
    const linkService = useService(LinkOpenerService);

-    const iframeUrl = useObservable(linkService.iframeLink$);
+    const iframeUrl = useObservable(() => linkService.iframeLink$);
    const ref = useRef(null);
    useClickOutside(ref, () => linkService.closeIframe());

@@ -0,0 +1,35 @@
+import { CSSProperties } from "react";
+
+type Props = Readonly<{
+    mode: "horizontal" | "vertical";
+    color: string;
+    className?: string;
+    nbSteps: number;
+    step: number;
+}>
+
+export function LaserSlider({mode, color, className, nbSteps, step}: Props) {
+
+    const sliderStyle = ((): CSSProperties => {
+        if(mode === "vertical"){
+            return {
+                transform: `translate(0, ${step * 100}%)`,
+                height: `calc(100% / ${nbSteps})`,
+                width: "100%"
+            }
+        }
+
+        return {
+            transform: `translate(${step * 100}%, 0)`,
+            width: `calc(100% / ${nbSteps})`,
+            height: "100%"
+        }
+    })();
+
+    return (
+        <div className={className} style={{ color }}>
+            <span className="absolute h-full w-full bg-current brightness-50" />
+            <span className="absolute block bg-current transition-transform duration-300 shadow-center shadow-current" style={sliderStyle} />
+        </div>
+    )
+}
@@ -1,8 +1,10 @@
 import { DetailedHTMLProps, Fragment } from "react";
 import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { LaserSlider } from "./laser-slider.component";

 type Props = {
+    id?: string,
    tabIndex: number;
    tabsText: string[];
    onTabChange: (index: number) => void;
@@ -21,11 +23,8 @@ export function TabNavBar(props: Props) {
    };

    return (
-        <nav className={`relative h-8 shrink-0 cursor-pointer rounded-md overflow-hidden shadow-md shadow-black bg-light-main-color-2 dark:bg-main-color-2 ${props.className}`}>
-            <div className="absolute w-full h-1 bottom-0" style={{ color: secondColor }}>
-                <span className="absolute h-full w-full bg-current brightness-50" />
-                <span className="absolute h-full block bg-current transition-transform duration-300 shadow-center shadow-current" style={{ transform: `translate(${currentIndex * 100}%, 0)`, width: `calc(100% / ${props.tabsText.length})` }} />
-            </div>
+        <nav id={props.id} className={`relative h-8 shrink-0 cursor-pointer rounded-md overflow-hidden shadow-md shadow-black bg-light-main-color-2 dark:bg-main-color-2 ${props.className}`}>
+            <LaserSlider className="absolute w-full h-1 bottom-0" mode="horizontal" color={secondColor} nbSteps={props.tabsText.length} step={currentIndex} />
            <ul className="grid" style={{ gridTemplateColumns: `repeat(${props.tabsText.length}, minmax(0, 1fr))` }}>
                {props.tabsText.map((text, index) =>
                    props.renderTab ? (
@@ -2,7 +2,15 @@ import { BsmImage } from "../shared/bsm-image.component";
 import "./slideshow.component.css";

 export function Slideshow(props: { className: string }) {
-    const slideshowImages = [require("../../../../assets/images/slideshow-images/image-1-blur.jpg"), require("../../../../assets/images/slideshow-images/image-2-blur.jpg"), require("../../../../assets/images/slideshow-images/image-3-blur.jpg"), require("../../../../assets/images/slideshow-images/image-4-blur.jpg"), require("../../../../assets/images/slideshow-images/image-5-blur.png"), require("../../../../assets/images/slideshow-images/image-6-blur.png"), require("../../../../assets/images/slideshow-images/image-7-blur.png")];
+    const slideshowImages = [
+        require("../../../../assets/images/slideshow-images/image-1-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-2-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-3-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-4-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-5-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-6-blur.jpg"),
+        require("../../../../assets/images/slideshow-images/image-7-blur.jpg")
+    ];

    return (
        <div className={`slide ${props.className}`}>
@@ -54,21 +54,18 @@ import { VolumeDownIcon } from "./icons/volume-down-icon.component";
 import { GermanIcon } from "./flags/german-icon.component";
 import { RussianIcon } from "./flags/russian-icon.component";
 import { ChineseIcon } from "./flags/chinese-icon.component";
+import { ChineseTraditionalIcon } from "./flags/chineseTraditional-icon.component";
 import { JapanIcon } from "./flags/japan-icon.component";
-import { MSModelType } from "shared/models/models/model-saber.model";
-import { ModelTypeAvatarIcon } from "./icons/model-type-avatar-icon.component";
-import { ModelTypeSaberIcon } from "./icons/model-type-saber-icon.component";
-import { ModelTypePlatformIcon } from "./icons/model-type-platform-icon.component";
-import { ModelTypeBloqIcon } from "./icons/model-type-bloq-icon.component";
 import { ChevronTopIcon } from "./icons/chevron-top-icon.component";
 import { EyeCrossIcon } from "./icons/eye-cross-icon.component";
 import { ShortcutIcon } from "./icons/shortcut-icon.component";
 import { BackupRestoreIcon } from "./icons/backup-restore-icon.component";

-export type BsmIconType = BsvMapCharacteristic | MSModelType | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "ja-JP-flag");
+export type BsmIconType = BsvMapCharacteristic | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "zh-TW-flag" | "ja-JP-flag");

 export const BsmIcon = memo(({ className, icon, style }: { className?: string; icon: BsmIconType; style?: CSSProperties }) => {
    // TODO : Very ugly very messy, need to find a better way to do this
+    // the rework have started, see `svg-icon.type.ts`

    const renderIcon = () => {
        if (icon === "settings") {
@@ -122,6 +119,9 @@ export const BsmIcon = memo(({ className, icon, style }: { className?: string; i
        if (icon === "zh-CN-flag") {
            return <ChineseIcon className={className} style={style} />;
        }
+        if (icon === "zh-TW-flag") {
+            return <ChineseTraditionalIcon className={className} style={style} />;
+        }
        if (icon === "ja-JP-flag") {
            return <JapanIcon className={className} style={style} />;
        }
@@ -250,19 +250,6 @@ export const BsmIcon = memo(({ className, icon, style }: { className?: string; i
        if (icon === "backup-restore") {
            return <BackupRestoreIcon className={className} style={style} />;
        }
-
-        if (icon === MSModelType.Avatar) {
-            return <ModelTypeAvatarIcon className={className} style={style} />;
-        }
-        if (icon === MSModelType.Saber) {
-            return <ModelTypeSaberIcon className={className} style={style} />;
-        }
-        if (icon === MSModelType.Platfrom) {
-            return <ModelTypePlatformIcon className={className} style={style} />;
-        }
-        if (icon === MSModelType.Bloq) {
-            return <ModelTypeBloqIcon className={className} style={style} />;
-        }
        return <TrashIcon className={className} style={style} />;
    };

@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+
+export function ChineseTraditionalIcon(props: { className?: string; style?: CSSProperties }) {
+    return (
+        <svg width="71px" height="48px" viewBox="0 0 71 48" fill="none" xmlns="http://www.w3.org/2000/svg"  className={props.className} style={props.style}>
+            <defs />
+            <g id="Flags">
+                <path d="M65.6826 47.9999H5.31737C2.38058 47.9999 0 45.5435 0 42.5132V5.48699C0 2.45673 2.38058 0.00012207 5.31737 0.00012207H65.6826C68.6193 0.00012207 71 2.45658 71 5.48699V42.5132C71 45.5435 68.6194 47.9999 65.6826 47.9999Z" fill="#FF4B55"/>
+                <path d="M1.2242 24H34.2759C34.952 24 35.5001 23.4346 35.5001 22.7368V1.26322C35.5001 0.565643 34.952 0 34.2759 0H5.31737C2.38058 0.000143092 0 2.45661 0 5.48701V22.7371C0 23.4346 0.54817 24 1.2242 24Z" fill="#41479B"/>
+                <path d="M13.3685 12.0001C13.3685 10.7521 13.8585 9.62222 14.6509 8.80416L10.9797 7.72052C10.7666 7.65771 10.6139 7.93073 10.7731 8.0897L13.5203 10.8306L9.81306 11.7871C9.59812 11.8424 9.59812 12.1578 9.81306 12.2133L13.5203 13.1698L10.7731 15.9107C10.6138 16.0697 10.7666 16.3427 10.9797 16.2799L14.6509 15.1962C13.8585 14.378 13.3685 13.2482 13.3685 12.0001Z" fill="#F5F5F5"/>
+                <path d="M14.6525 8.80222C15.4453 7.98459 16.5403 7.4789 17.7498 7.4789C18.9593 7.4789 20.0542 7.98459 20.847 8.80222L21.8972 5.014C21.958 4.79407 21.6935 4.63652 21.5394 4.80079L18.8831 7.63545L17.9562 3.81002C17.9026 3.58823 17.597 3.58823 17.5431 3.81002L16.6163 7.63545L13.96 4.80079C13.8059 4.63638 13.5412 4.79407 13.6022 5.014L14.6525 8.80222Z" fill="#F5F5F5"/>
+                <path d="M20.8473 15.1981C20.0545 16.0157 18.9596 16.5214 17.7501 16.5214C16.5406 16.5214 15.4456 16.0157 14.6528 15.1981L13.6027 18.9865C13.5418 19.2064 13.8064 19.364 13.9605 19.1997L16.6167 16.365L17.5436 20.1905C17.5973 20.4123 17.9029 20.4123 17.9567 20.1905L18.8836 16.365L21.5398 19.1997C21.6939 19.3641 21.9585 19.2064 21.8976 18.9865L20.8473 15.1981Z" fill="#F5F5F5"/>
+                <path d="M25.6871 11.7868L21.9799 10.8304L24.7269 8.08946C24.8863 7.93048 24.7335 7.65746 24.5203 7.72028L20.8491 8.80392C21.6415 9.62212 22.1316 10.7518 22.1316 11.9999C22.1316 13.2479 21.6415 14.3778 20.8491 15.1958L24.5203 16.2795C24.7335 16.3423 24.8861 16.0693 24.7269 15.9103L21.9799 13.1694L25.6871 12.2129C25.9022 12.1579 25.9022 11.8426 25.6871 11.7868Z" fill="#F5F5F5"/>
+                <path d="M17.7502 15.6007C19.6771 15.6007 21.2392 13.9888 21.2392 12.0005C21.2392 10.0121 19.6771 8.40027 17.7502 8.40027C15.8233 8.40027 14.2612 10.0121 14.2612 12.0005C14.2612 13.9888 15.8233 15.6007 17.7502 15.6007Z" fill="#F5F5F5"/>
+            </g>
+        </svg>
+    );
+}
@@ -0,0 +1,9 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const MapIcon = createSvgIcon((props, ref) => {
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="m574-129-214-75-186 72q-10 4-19.5 2.5T137-136q-8-5-12.5-13.5T120-169v-561q0-13 7.5-23t20.5-15l186-63q6-2 12.5-3t13.5-1q7 0 13.5 1t12.5 3l214 75 186-72q10-4 19.5-2.5T823-824q8 5 12.5 13.5T840-791v561q0 13-7.5 23T812-192l-186 63q-6 2-12.5 3t-13.5 1q-7 0-13.5-1t-12.5-3Zm-14-89v-468l-160-56v468l160 56Z"/>
+        </svg>
+    )
+});
@@ -1,9 +1,9 @@
-import { CSSProperties } from "react";
+import { createSvgIcon } from "../svg-icon.type";

-export function ModelTypeAvatarIcon(props: { className?: string; style?: CSSProperties }) {
+export const ModelTypeAvatarIcon = createSvgIcon((props, ref) => {
    return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props} fill="currentColor">
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
            <path d="M64 416L168.6 180.7c15.3-34.4 40.3-63.5 72-83.7l146.9-94c3-1.9 6.5-2.9 10-2.9C407.7 0 416 8.3 416 18.6v1.6c0 2.6-.5 5.1-1.4 7.5L354.8 176.9c-1.9 4.7-2.8 9.7-2.8 14.7c0 5.5 1.2 11 3.4 16.1L448 416H240.9l11.8-35.4 40.4-13.5c6.5-2.2 10.9-8.3 10.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5-13.5-40.4C237 276.4 230.9 272 224 272s-13 4.4-15.2 10.9l-13.5 40.4-40.4 13.5C148.4 339 144 345.1 144 352s4.4 13 10.9 15.2l40.4 13.5L207.1 416H64zM279.6 141.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5 2.2-7.6 5.5l-6.7 20.2-20.2 6.7c-3.3 1.1-5.5 4.1-5.5 7.6s2.2 6.5 5.5 7.6l20.2 6.7 6.7 20.2c1.1 3.3 4.1 5.5 7.6 5.5s6.5-2.2 7.6-5.5l6.7-20.2 20.2-6.7c3.3-1.1 5.5-4.1 5.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7-6.7-20.2zM32 448H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32z" />
        </svg>
-    );
-}
+    )
+});
@@ -1,9 +1,9 @@
-import { CSSProperties } from "react";
+import { createSvgIcon } from "../svg-icon.type";

-export function ModelTypeBloqIcon(props: { className?: string; style?: CSSProperties }) {
+export const ModelTypeBloqIcon = createSvgIcon((props, ref) => {
    return (
-        <svg xmlns="http://www.w3.org/2000/svg" id="Bloq" viewBox="0 0 300 300" {...props} fill="currentColor">
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" id="Bloq" viewBox="0 0 300 300" fill="currentColor">
            <path d="M264,0H36.05A36,36,0,0,0,0,36.05V264A36,36,0,0,0,36.05,300H264A36,36,0,0,0,300,264V36.05A36,36,0,0,0,264,0Zm2.38,52.68a5.86,5.86,0,0,1-3.53,5.37L152.08,106a5.87,5.87,0,0,1-4.7,0L39.19,58.07a5.87,5.87,0,0,1-3.48-5.35V36.46a5.85,5.85,0,0,1,5.86-5.85H260.48a5.85,5.85,0,0,1,5.85,5.85Z" />
        </svg>
    );
-}
+});
@@ -1,9 +1,9 @@
-import { CSSProperties } from "react";
+import { createSvgIcon } from "../svg-icon.type";

-export function ModelTypePlatformIcon(props: { className?: string; style?: CSSProperties }) {
+export const ModelTypePlatformIcon = createSvgIcon((props, ref) => {
    return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props} fill="currentColor">
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
            <path d="M0 80c0 26.5 21.5 48 48 48H64v64h64V128h96v64h64V128h96v64h64V128h16c26.5 0 48-21.5 48-48V13.4C512 6 506 0 498.6 0c-1.7 0-3.4 .3-5 1l-49 19.6C425.7 28.1 405.5 32 385.2 32H126.8c-20.4 0-40.5-3.9-59.4-11.4L18.4 1c-1.6-.6-3.3-1-5-1C6 0 0 6 0 13.4V80zM64 288V480c0 17.7 14.3 32 32 32s32-14.3 32-32V288H384V480c0 17.7 14.3 32 32 32s32-14.3 32-32V288h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H64z" />
        </svg>
    );
-}
+});
@@ -1,9 +1,9 @@
-import { CSSProperties } from "react";
+import { createSvgIcon } from "../svg-icon.type";

-export function ModelTypeSaberIcon(props: { className?: string; style?: CSSProperties }) {
+export const ModelTypeSaberIcon = createSvgIcon((props, ref) => {
    return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" {...props} fill="currentColor">
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor">
            <path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z" />
        </svg>
-    );
-}
+    )
+});
@@ -0,0 +1,9 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const PlaylistIcon = createSvgIcon((props, ref) => {
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="M500-360q42 0 71-29t29-71v-220h80q17 0 28.5-11.5T720-720q0-17-11.5-28.5T680-760h-80q-17 0-28.5 11.5T560-720v180q-13-10-28-15t-32-5q-42 0-71 29t-29 71q0 42 29 71t71 29ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320ZM160-80q-33 0-56.5-23.5T80-160v-520q0-17 11.5-28.5T120-720q17 0 28.5 11.5T160-680v520h520q17 0 28.5 11.5T720-120q0 17-11.5 28.5T680-80H160Z"/>
+        </svg>
+    )
+})
@@ -0,0 +1,10 @@
+// These types and functions are meant replace the current clunky SVG system (the one with `bsm-icon.component.tsx`) 
+
+import { ForwardedRef, forwardRef } from "react"
+
+export type SvgIcon = React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export type SvgRenderFunction = (props: React.SVGProps<SVGSVGElement>, ref: ForwardedRef<SVGSVGElement>) => JSX.Element;
+
+export function createSvgIcon(render: SvgRenderFunction): SvgIcon {
+    return forwardRef(render);
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
MathieuG-P	c140d30e90	[chore] npm i	2024-01-12 22:10:18 +01:00
MathieuG-P	a6826cc899	[chore] add missing scripts and asar package	2024-01-07 20:23:15 +01:00
MathieuG-P	1266da74d8	Merge branch 'master' into chore/e2e-tests	2024-01-07 20:18:20 +01:00
Shidorien	f908acefd6	Merge pull request #397 from Zagrios/feature/maps-tooltips/392 Feature/maps tooltips/392	2024-01-07 19:10:29 +01:00
shidorien	7dc63fa775	Fix tippy-box styles in index.css	2024-01-07 18:27:42 +01:00
MathieuG-P	08e1b46e06	Merge pull request #399 from Zagrios/chore/update-maps-ui-for-coherence Chore/update maps UI for coherence	2024-01-07 17:23:14 +01:00
shidorien	9d613d5a7f	Merge branch 'master' into feature/maps-tooltips/392	2024-01-07 17:21:26 +01:00
shidorien	6e2dfa26b7	Add modification after review	2024-01-07 17:21:08 +01:00
MathieuG-P	86017e65c0	[chore] component props readonly	2024-01-07 17:06:32 +01:00
MathieuG-P	d6e51f0d11	[chore] fix sonarcloud bug	2024-01-07 17:01:20 +01:00
MathieuG-P	c095469214	Merge pull request #398 from Zagrios/bugfix/handle-oculus-library-doesnt-have-originalpath Bugfix/handle oculus library doesnt have originalpath	2024-01-07 16:46:36 +01:00
MathieuG-P	fcf391db55	add info log	2024-01-07 16:40:03 +01:00
MathieuG-P	68b105dd63	[bugfix] remove test logs + add tryit in resolveGUID function	2024-01-07 16:33:06 +01:00
MathieuG-P	c54185b348	[chore] rework useObservable hook to properly re-subsrive when the state change	2024-01-07 16:22:51 +01:00
MathieuG-P	cc42f0a978	[chore] add map and playlist icon + init the new svg system	2024-01-07 14:36:01 +01:00
MathieuG-P	073061c8e5	[chore] update maps and playlists panel UI for coherence	2024-01-07 03:00:53 +01:00
shidorien	e071d792ad	Remove unnecessary empty lines and whitespace	2024-01-07 01:32:05 +01:00
shidorien	072e2991ba	Update filter panel component layout	2024-01-07 01:28:47 +01:00
shidorien	8c9597ab0e	Remove unnecessary code in zh.json	2024-01-07 01:27:16 +01:00
shidorien	a7dbe61535	Remove unnecessary whitespace in zh-tw.json	2024-01-07 01:26:44 +01:00
shidorien	a51bf1ab15	Update French translations	2024-01-07 01:22:30 +01:00
shidorien	1ed71c61ef	Remove unnecessary line in es.json	2024-01-07 01:18:04 +01:00
shidorien	40ecf536d0	Remove unused translation	2024-01-07 01:17:29 +01:00
shidorien	32cab3d4eb	Update translations for de.json, es.json, and fr.json	2024-01-07 01:06:25 +01:00
shidorien	4c7a61ecd0	Update translation for delete button in Spanish	2024-01-07 00:57:26 +01:00
shidorien	0b1f36cc96	Add translations	2024-01-07 00:44:17 +01:00
shidorien	902ca819c5	Remove unused abbreviation for NPS	2024-01-07 00:27:52 +01:00
shidorien	fcad40ec66	Update filter panel component	2024-01-07 00:26:10 +01:00
shidorien	f448f023f8	Remove unused import statement	2024-01-06 20:44:52 +01:00
shidorien	05a3a383ee	Remove unused map characteristics translations	2024-01-06 20:44:23 +01:00
MathieuG-P	54f24d93a3	[bugfix] Handle oculus library doesnt have OriginaPath value Added a method to resolve GUID path to resolve Path value in oculus library reg	2024-01-06 14:49:07 +01:00
shidorien	395b6704fd	add tippy	2024-01-05 22:54:41 +01:00
shidorien	79be8a8173	Add styles for tooltips	2024-01-05 22:53:54 +01:00
shidorien	7f3a55cee4	Add translations for map characteristics and map item actions	2024-01-05 22:53:47 +01:00
MathieuG-P	c2d722d5fe	Merge branch 'master' of https://github.com/Zagrios/bs-manager	2024-01-02 19:15:12 +01:00
MathieuG-P	91d71b295b	npx update-browserslist-db@latest	2024-01-02 19:15:08 +01:00
MathieuG-P	c1afa24d7a	[chore] fix array empty error	2024-01-02 19:14:38 +01:00
MathieuG-P	081e4e4fa7	Update CHANGELOG.md	2023-12-29 02:09:09 +01:00
MathieuG-P	07a353393b	bumb to 1.4.3	2023-12-27 03:10:31 +01:00
MathieuG-P	7b22387fc5	[chore] add id in version's metadatas for future features	2023-12-27 00:40:32 +01:00
MathieuG-P	2bba3c5232	Merge pull request #383 from Zagrios/chore/disable-oculus-download-with-meta-login [chore] disable download oculus version with Meta login	2023-12-26 23:18:11 +01:00
MathieuG-P	b97e03041a	[chore] reduce code duplication	2023-12-26 23:14:43 +01:00
MathieuG-P	fb7f08ee2e	[chore] move types of "crypto-js" to dev dependencies	2023-12-26 22:56:44 +01:00
MathieuG-P	1ba0b0beac	[chore] remove comments	2023-12-26 22:52:44 +01:00
MathieuG-P	fa50d90941	[chore] disable download oculus version with Meta login + Add possibility to store token with password	2023-12-26 22:41:05 +01:00
MathieuG-P	0539b0da8d	Revert "Handle already chosen Oculus as default download platform" This reverts commit `14036b9269`.	2023-12-25 17:44:22 +01:00
MathieuG-P	ea33ee3a62	Revert "[chore] disable oculus downgrade" This reverts commit `891e2338c9`.	2023-12-25 17:43:03 +01:00
MathieuG-P	fd4918017b	Merge pull request #379 from Zagrios/bugfix/recommended-version-at-first-swap-version-instead-of-just-come-at-first [bugfix] Just move the recommeded version at first instead of swap versions	2023-12-17 15:32:42 +01:00
MathieuG-P	95688b9d33	Just move the recommeded version at first insteam of swap versions	2023-12-17 14:47:51 +01:00
MathieuG-P	14036b9269	Handle already chosen Oculus as default download platform	2023-12-17 13:39:48 +01:00
MathieuG-P	01bc0e13e3	bumb to 1.4.2	2023-12-17 13:13:20 +01:00
MathieuG-P	f7849344d1	Fix wrong padding	2023-12-17 12:48:23 +01:00
MathieuG-P	db345e0c2c	Merge pull request #378 from Zagrios/chore/change-models-broken-notification [chore] Change the description and notification level of broken models	2023-12-17 01:23:37 +01:00
MathieuG-P	90d1abcc55	[chore] Change the description and notification level of broken models	2023-12-17 01:17:25 +01:00
MathieuG-P	6966cb9e90	[chore] compress slideshow images	2023-12-16 16:53:10 +01:00
MathieuG-P	b764ac90cf	fix available versions not on 3 column with default window size	2023-12-16 13:18:49 +01:00
MathieuG-P	921b1fd230	[chore] Update deps	2023-12-16 12:53:45 +01:00
MathieuG-P	7df499641c	Merge branch 'master' of https://github.com/Zagrios/bs-manager	2023-12-16 02:10:26 +01:00
MathieuG-P	344e7abc95	disable tab navigation on Steam icon	2023-12-16 02:10:23 +01:00
MathieuG-P	94c1614c2f	Merge pull request #377 from Zagrios/chore/disable-oculus-downgrade [chore] disable oculus downgrade	2023-12-16 02:09:25 +01:00
MathieuG-P	891e2338c9	[chore] disable oculus downgrade	2023-12-16 02:05:11 +01:00
MathieuG-P	2d63708d11	Merge pull request #376 from Zagrios/feature/recommended-version-now-come-at-first [feature] The recommended versions are displayed at first	2023-12-15 21:28:48 +01:00
MathieuG-P	80d0333170	Recommended version now come at first	2023-12-15 21:21:20 +01:00
MathieuG-P	f76e693bb7	Refactor language import in I18nService	2023-12-15 21:10:49 +01:00
MathieuG-P	220111d81f	remove regedit external scripts	2023-12-15 20:55:25 +01:00
MathieuG-P	4571d8da73	Merge pull request #375 from Zagrios/chore/use-regedit-rs-instead-of-node-regedit [chore] Use regedit-rs instead of node-regedit	2023-12-15 20:49:21 +01:00
MathieuG-P	cb6682d954	[chore] fix sonarcloud issues	2023-12-15 20:46:00 +01:00
MathieuG-P	c2ff4fed8b	[chore] Use regedit-rs instead of node-regedit	2023-12-15 20:43:03 +01:00
Shidorien	04f811f53b	Merge pull request #374 from Zagrios/feature/update-readme Feature/update readme - Fix bug with Firefox	2023-12-13 14:28:48 +01:00
Shidorien	341308eab5	fix bug with firefox	2023-12-13 14:24:40 +01:00
Shidorien	57f050ad28	Update README.md	2023-12-13 14:13:58 +01:00
Shidorien	890884b587	Test for firefox	2023-12-13 14:12:30 +01:00
MathieuG-P	83875bbf13	Merge pull request #372 from mant0u0/master Added "Traditional Chinese" language system	2023-12-12 20:12:03 +01:00
Iluhadesu	b4fdf1b9ec	Fix 1.34.2 release date	2023-12-11 17:32:42 +01:00
Iluhadesu	44f6ec2db5	Add 1.34.2 to bs-versions.json	2023-12-11 17:31:25 +01:00
Iluhadesu	30327824ea	Update patreons	2023-12-06 12:55:49 +01:00
Mant0u	4146a66405	Added "Traditional Chinese" language system	2023-12-06 16:48:22 +08:00
MathieuG-P	bb05b14236	[chore] bypass udate properly + tweak first test	2023-10-08 17:12:55 +02:00
MathieuG-P	4f475d4224	[chore] tweak first test	2023-10-08 16:48:04 +02:00
MathieuG-P	e55c146824	[chore] add install playwright deps	2023-10-08 16:27:40 +02:00
MathieuG-P	696eec5f2b	[chore] test bypass auto update	2023-09-25 13:54:03 +02:00
MathieuG-P	2699b4a7cd	[chore] nb retries to 1	2023-09-25 13:27:20 +02:00
MathieuG-P	36749a39cc	[chore] update package-locks	2023-09-25 13:27:02 +02:00
MathieuG-P	e13c641ba3	Merge branch 'master' into chore/e2e-tests	2023-09-25 13:06:54 +02:00
MathieuG-P	5385797e06	[chore] replace checkout by upload-artifact	2023-09-25 12:53:55 +02:00
MathieuG-P	b13ee858b6	[chore] restaure auto updater	2023-09-24 19:11:42 +02:00
MathieuG-P	7c792d6520	[chore] try e2e tests with no auto-update	2023-09-24 18:13:09 +02:00
MathieuG-P	d03ae069ca	Update e2e-tests.yaml	2023-09-24 17:45:36 +02:00
MathieuG-P	3bf2d8814f	Update e2e-tests.yaml	2023-09-24 17:33:07 +02:00
MathieuG-P	0e9f1fc8a1	[chore] reduce nb retries	2023-09-24 17:31:38 +02:00
MathieuG-P	d3e65f9f92	[chore] fix "a step cannot have both the `uses` and `run` keys"	2023-09-24 17:10:06 +02:00
MathieuG-P	5909ac4373	[chore] add simple windows e2e tests	2023-09-24 16:49:29 +02:00