Merge branch 'main' into feat/souvenirs-for-achievements

chore: update subproject commit reference and clean up imports in settings-general
feat: move new achievement related settings into achievement tab in settings
2026-01-19 09:13:57 +00:00 · 2026-01-11 14:09:36 +00:00 · 2025-12-27 22:17:12 +02:00 · 2025-12-27 22:13:48 +02:00 · 2025-12-27 21:50:28 +02:00 · 2025-11-25 21:41:52 +02:00
74 changed files with 3062 additions and 2328 deletions
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "hydralauncher",
-  "version": "3.8.1",
+  "version": "3.8.0",
  "description": "Hydra",
  "main": "./out/main/index.js",
  "author": "Los Broxas",
--- a/python_rpc/http_multi_link_downloader.py
+++ b/python_rpc/http_multi_link_downloader.py
@@ -0,0 +1,151 @@
+import aria2p
+from aria2p.client import ClientException as DownloadNotFound
+
+class HttpMultiLinkDownloader:
+    def __init__(self):
+        self.downloads = []
+        self.completed_downloads = []
+        self.total_size = None
+        self.aria2 = aria2p.API(
+            aria2p.Client(
+                host="http://localhost",
+                port=6800,
+                secret=""
+            )
+        )
+
+    def start_download(self, urls: list[str], save_path: str, header: str = None, out: str = None, total_size: int = None):
+        """Add multiple URLs to download queue with same options"""
+        options = {"dir": save_path}
+        if header:
+            options["header"] = header
+        if out:
+            options["out"] = out
+
+        # Clear any existing downloads first
+        self.cancel_download()
+        self.completed_downloads = []
+        self.total_size = total_size
+
+        for url in urls:
+            try:
+                added_downloads = self.aria2.add(url, options=options)
+                self.downloads.extend(added_downloads)
+            except Exception as e:
+                print(f"Error adding download for URL {url}: {str(e)}")
+
+    def pause_download(self):
+        """Pause all active downloads"""
+        if self.downloads:
+            try:
+                self.aria2.pause(self.downloads)
+            except Exception as e:
+                print(f"Error pausing downloads: {str(e)}")
+
+    def cancel_download(self):
+        """Cancel and remove all downloads"""
+        if self.downloads:
+            try:
+                # First try to stop the downloads
+                self.aria2.remove(self.downloads)
+            except Exception as e:
+                print(f"Error removing downloads: {str(e)}")
+            finally:
+                # Clear the downloads list regardless of success/failure
+                self.downloads = []
+                self.completed_downloads = []
+
+    def get_download_status(self):
+        """Get status for all tracked downloads, auto-remove completed/failed ones"""
+        if not self.downloads and not self.completed_downloads:
+            return []
+
+        total_completed = 0
+        current_download_speed = 0
+        active_downloads = []
+        to_remove = []
+
+        # First calculate sizes from completed downloads
+        for completed in self.completed_downloads:
+            total_completed += completed['size']
+
+        # Then check active downloads
+        for download in self.downloads:
+            try:
+                current_download = self.aria2.get_download(download.gid)
+
+                # Skip downloads that are not properly initialized
+                if not current_download or not current_download.files:
+                    to_remove.append(download)
+                    continue
+
+                # Add to completed size and speed calculations    
+                total_completed += current_download.completed_length
+                current_download_speed += current_download.download_speed
+
+                # If download is complete, move it to completed_downloads
+                if current_download.status == 'complete':
+                    self.completed_downloads.append({
+                        'name': current_download.name,
+                        'size': current_download.total_length
+                    })
+                    to_remove.append(download)
+                else:
+                    active_downloads.append({
+                        'name': current_download.name,
+                        'size': current_download.total_length,
+                        'completed': current_download.completed_length,
+                        'speed': current_download.download_speed
+                    })
+
+            except DownloadNotFound:
+                to_remove.append(download)
+                continue
+            except Exception as e:
+                print(f"Error getting download status: {str(e)}")
+                continue
+
+        # Clean up completed/removed downloads from active list
+        for download in to_remove:
+            try:
+                if download in self.downloads:
+                    self.downloads.remove(download)
+            except ValueError:
+                pass
+
+        # Return aggregate status
+        if self.total_size or active_downloads or self.completed_downloads:
+            # Use the first active download's name as the folder name, or completed if none active
+            folder_name = None
+            if active_downloads:
+                folder_name = active_downloads[0]['name']
+            elif self.completed_downloads:
+                folder_name = self.completed_downloads[0]['name']
+
+            if folder_name and '/' in folder_name:
+                folder_name = folder_name.split('/')[0]
+
+            # Use provided total size if available, otherwise sum from downloads
+            total_size = self.total_size
+            if not total_size:
+                total_size = sum(d['size'] for d in active_downloads) + sum(d['size'] for d in self.completed_downloads)
+
+            # Calculate completion status based on total downloaded vs total size
+            is_complete = len(active_downloads) == 0 and total_completed >= (total_size * 0.99)  # Allow 1% margin for size differences
+
+            # If all downloads are complete, clear the completed_downloads list to prevent status updates
+            if is_complete:
+                self.completed_downloads = []
+
+            return [{
+                'folderName': folder_name,
+                'fileSize': total_size,
+                'progress': total_completed / total_size if total_size > 0 else 0,
+                'downloadSpeed': current_download_speed,
+                'numPeers': 0,
+                'numSeeds': 0,
+                'status': 'complete' if is_complete else 'active',
+                'bytesDownloaded': total_completed,
+            }]
+
+        return []
--- a/python_rpc/main.py
+++ b/python_rpc/main.py
@@ -3,6 +3,7 @@ import sys, json, urllib.parse, psutil
 from torrent_downloader import TorrentDownloader
 from http_downloader import HttpDownloader
 from profile_image_processor import ProfileImageProcessor
+from http_multi_link_downloader import HttpMultiLinkDownloader
 import libtorrent as lt

 app = Flask(__name__)
@@ -24,7 +25,15 @@ if start_download_payload:
    initial_download = json.loads(urllib.parse.unquote(start_download_payload))
    downloading_game_id = initial_download['game_id']
    
-    if initial_download['url'].startswith('magnet'):
+    if isinstance(initial_download['url'], list):
+        # Handle multiple URLs using HttpMultiLinkDownloader
+        http_multi_downloader = HttpMultiLinkDownloader()
+        downloads[initial_download['game_id']] = http_multi_downloader
+        try:
+            http_multi_downloader.start_download(initial_download['url'], initial_download['save_path'], initial_download.get('header'), initial_download.get("out"))
+        except Exception as e:
+            print("Error starting multi-link download", e)
+    elif initial_download['url'].startswith('magnet'):
        torrent_downloader = TorrentDownloader(torrent_session)
        downloads[initial_download['game_id']] = torrent_downloader
        try:
@@ -69,6 +78,14 @@ def status():
    if not status:
        return jsonify(None)

+    if isinstance(status, list):
+        if not status:  # Empty list
+            return jsonify(None)
+
+        # For multi-link downloader, use the aggregated status
+        # The status will already be aggregated by the HttpMultiLinkDownloader
+        return jsonify(status[0]), 200
+
    return jsonify(status), 200

@app.route("/seed-status", methods=["GET"])
@@ -87,7 +104,21 @@ def seed_status():
        if not response:
            continue
        
-        if response.get('status') == 5:  # Torrent seeding check
+        if isinstance(response, list):
+            # For multi-link downloader, check if all files are complete
+            if response and all(item['status'] == 'complete' for item in response):
+                seed_status.append({
+                    'gameId': game_id,
+                    'status': 'complete',
+                    'folderName': response[0]['folderName'],
+                    'fileSize': sum(item['fileSize'] for item in response),
+                    'bytesDownloaded': sum(item['bytesDownloaded'] for item in response),
+                    'downloadSpeed': 0,
+                    'numPeers': 0,
+                    'numSeeds': 0,
+                    'progress': 1.0
+                })
+        elif response.get('status') == 5:  # Original torrent seeding check
            seed_status.append({
                'gameId': game_id,
                **response,
@@ -149,7 +180,15 @@ def action():

        existing_downloader = downloads.get(game_id)

-        if url.startswith('magnet'):
+        if isinstance(url, list):
+            # Handle multiple URLs using HttpMultiLinkDownloader
+            if existing_downloader and isinstance(existing_downloader, HttpMultiLinkDownloader):
+                existing_downloader.start_download(url, data['save_path'], data.get('header'), data.get('out'))
+            else:
+                http_multi_downloader = HttpMultiLinkDownloader()
+                downloads[game_id] = http_multi_downloader
+                http_multi_downloader.start_download(url, data['save_path'], data.get('header'), data.get('out'))
+        elif url.startswith('magnet'):
            if existing_downloader and isinstance(existing_downloader, TorrentDownloader):
                existing_downloader.start_download(url, data['save_path'])
            else:
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -404,10 +404,6 @@
    "completed": "Completed",
    "removed": "Not downloaded",
    "cancel": "Cancel",
-    "cancel_download": "Cancel download?",
-    "cancel_download_description": "Are you sure you want to cancel this download? All downloaded files will be deleted.",
-    "keep_downloading": "No, keep downloading",
-    "yes_cancel": "Yes, cancel",
    "filter": "Filter downloaded games",
    "remove": "Remove",
    "downloading_metadata": "Downloading metadata…",
@@ -447,6 +443,7 @@
    "launch_with_system": "Launch Hydra on system start-up",
    "general": "General",
    "behavior": "Behavior",
+    "achievements": "Achievements",
    "download_sources": "Download sources",
    "language": "Language",
    "api_token": "API Token",
@@ -570,6 +567,8 @@
    "show_download_speed_in_megabytes": "Show download speed in megabytes per second",
    "extract_files_by_default": "Extract files by default after download",
    "enable_steam_achievements": "Enable search for Steam achievements",
+    "enable_achievement_screenshots": "Enable achievement screenshots",
+    "open_screenshots_directory": "Open screenshots directory",
    "enable_new_download_options_badges": "Show new download options badges",
    "achievement_custom_notification_position": "Achievement custom notification position",
    "top-left": "Top left",
@@ -598,10 +597,7 @@
    "notification_preview": "Achievement Notification Preview",
    "enable_friend_start_game_notifications": "When a friend starts playing a game",
    "autoplay_trailers_on_game_page": "Automatically start playing trailers on game page",
-    "hide_to_tray_on_game_start": "Hide Hydra to tray on game startup",
-    "downloads": "Downloads",
-    "use_native_http_downloader": "Use native HTTP downloader (experimental)",
-    "cannot_change_downloader_while_downloading": "Cannot change this setting while a download is in progress"
+    "hide_to_tray_on_game_start": "Hide Hydra to tray on game startup"
  },
  "notifications": {
    "download_complete": "Download complete",
@@ -649,6 +645,7 @@
    "amount_minutes_short": "{{amount}}m",
    "last_time_played": "Last played {{period}}",
    "activity": "Recent Activity",
+    "souvenirs": "Souvenirs",
    "library": "Library",
    "pinned": "Pinned",
    "sort_by": "Sort by:",
@@ -696,7 +693,6 @@
    "blocked_users": "Blocked users",
    "unblock": "Unblock",
    "no_friends_added": "You have no added friends",
-    "no_friends_yet": "You haven't added any friends yet",
    "view_all": "View all",
    "load_more": "Load more",
    "loading": "Loading",
@@ -724,15 +720,8 @@
    "profile_reported": "Profile reported",
    "your_friend_code": "Your friend code:",
    "copy_friend_code": "Copy friend code",
-    "copied": "Copied!",
    "upload_banner": "Upload banner",
    "uploading_banner": "Uploading banner…",
-    "change_banner": "Change banner",
-    "replace_banner": "Replace banner",
-    "remove_banner": "Remove banner",
-    "remove_banner_modal_title": "Remove banner?",
-    "remove_banner_confirmation": "Are you sure you want to remove your banner? You can always pick a new one when you want.",
-    "remove": "Remove",
    "background_image_updated": "Background image updated",
    "stats": "Stats",
    "achievements": "achievements",
@@ -753,7 +742,15 @@
    "user_reviews": "Reviews",
    "delete_review": "Delete Review",
    "loading_reviews": "Loading reviews...",
-    "wrapped_2025": "Wrapped 2025"
+    "souvenir_deleted_successfully": "Souvenir deleted successfully",
+    "souvenir_deletion_failed": "Failed to delete souvenir",
+    "delete_souvenir_modal_title": "Are you sure you want to delete this souvenir?",
+    "delete_souvenir_modal_description": "This action cannot be undone.",
+    "delete_souvenir_modal_delete_button": "Delete",
+    "delete_souvenir_modal_cancel_button": "Cancel",
+    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "View My Wrapped 2025",
+    "view_wrapped_button": "View {{displayName}}'s Wrapped 2025"
  },
  "library": {
    "library": "Library",
--- a/src/locales/es/translation.json
+++ b/src/locales/es/translation.json
@@ -26,7 +26,6 @@
    "game_has_no_executable": "El juego no tiene un ejecutable seleccionado",
    "sign_in": "Iniciar Sesión",
    "friends": "Amigos",
-    "notifications": "Notificaciones",
    "need_help": "¿Necesitás ayuda?",
    "favorites": "Favoritos",
    "playable_button_title": "Solo mostrar juegos que podés jugar en este momento",
@@ -116,7 +115,6 @@
    "downloading": "Descargando {{title}}… ({{percentage}} completado) - Restante {{eta}} - {{speed}}",
    "calculating_eta": "Descargando {{title}}… ({{percentage}} completado) - Comprobando tiempo restante…",
    "checking_files": "Revisando archivos de {{title}}… ({{percentage}} completado)",
-    "extracting": "Extrayendo {{title}}… ({{percentage}} completado)",
    "installing_common_redist": "{{log}}…",
    "installation_complete": "Instalación completada",
    "installation_complete_message": "Common redistributables instalados correctamente"
@@ -175,7 +173,6 @@
    "repacks_modal_description": "Elegí el repack que querés descargar",
    "select_folder_hint": "Si querés cambiar la carpeta por defecto, andá a <0>Ajustes</0>",
    "download_now": "Descargar ahora",
-    "loading": "Cargando...",
    "no_shop_details": "No se pudieron obtener detalles de la tienda.",
    "download_options": "Opciones de descarga",
    "download_path": "Ruta de descarga",
@@ -209,7 +206,6 @@
    "danger_zone_section_description": "Remover este juego de tu librería o los archivos descargados por Hydra",
    "download_in_progress": "Descarga en progreso",
    "download_paused": "Descarga pausada",
-    "extracting": "Extrayendo",
    "last_downloaded_option": "Última opción de descarga",
    "new_download_option": "Nuevo",
    "create_steam_shortcut": "Crear atajo de Steam",
@@ -404,10 +400,6 @@
    "completed": "Completado",
    "removed": "No descargado",
    "cancel": "Cancelar",
-    "cancel_download": "¿Cancelar descarga?",
-    "cancel_download_description": "¿Estás seguro de que querés cancelar esta descarga? Todos los archivos descargados serán eliminados.",
-    "keep_downloading": "No, seguir descargando",
-    "yes_cancel": "Sí, cancelar",
    "filter": "Filtrar juegos descargados",
    "remove": "Remover",
    "downloading_metadata": "Descargando metadatos…",
@@ -428,13 +420,7 @@
    "resume_seeding": "Continuar sembrando",
    "options": "Administrar",
    "extract": "Extraer archivos",
-    "extracting": "Extrayendo archivos…",
-    "delete_archive_title": "¿Querés eliminar {{fileName}}?",
-    "delete_archive_description": "El archivo se extrajo exitosamente y ya no es necesario.",
-    "yes": "Sí",
-    "no": "No",
-    "network": "RED",
-    "peak": "PICO"
+    "extracting": "Extrayendo archivos…"
  },
  "settings": {
    "downloads_path": "Ruta de descarga",
@@ -558,7 +544,6 @@
    "show_download_speed_in_megabytes": "Mostrar velocidad de descarga en megabytes por segundo",
    "extract_files_by_default": "Extraer archivos por defecto después de descargar",
    "enable_steam_achievements": "Habilitar búsqueda de logros de Steam",
-    "enable_new_download_options_badges": "Mostrar badges de nuevas opciones de descarga",
    "achievement_custom_notification_position": "Posición de notificación de logros",
    "top-left": "Superior Izquierda",
    "top-center": "Superior Centro",
@@ -585,10 +570,20 @@
    "debrid_description": "Los servicios Debrid son descargadores premium sin restricciones que te dejan descargar más rápido archivos alojados en servicios de alojamiento siendo que la única limitación es tu velocidad de internet.",
    "enable_friend_start_game_notifications": "Cuando un amigo está jugando un juego",
    "autoplay_trailers_on_game_page": "Reproducir trailers automáticamente en la página del juego",
-    "hide_to_tray_on_game_start": "Ocultar Hydra en la bandeja al iniciar un juego",
-    "downloads": "Descargas",
-    "use_native_http_downloader": "Usar descargador HTTP nativo (experimental)",
-    "cannot_change_downloader_while_downloading": "No se puede cambiar esta configuración mientras una descarga está en progreso"
+    "change_achievement_sound": "Cambiar sonido de logro",
+    "download_source_already_exists": "Esta fuente de descarga URL ya existe.",
+    "download_source_failed": "Error",
+    "download_source_matched": "Actualizado",
+    "download_source_matching": "Actualizando",
+    "download_source_no_information": "Sin información disponible",
+    "download_source_pending_matching": "Actualizando pronto",
+    "download_sources_synced_successfully": "Todas las fuentes de descarga están sincronizadas",
+    "failed_add_download_source": "Error al añadir la fuente de descarga. Por favor intentá de nuevo.",
+    "hydra_cloud": "Hydra Cloud",
+    "preview_sound": "Vista previa de sonido",
+    "remove_achievement_sound": "Eliminar sonido de logros",
+    "removed_all_download_sources": "Todas las fuentes de descarga eliminadas",
+    "hide_to_tray_on_game_start": "Ocultar Hydra en la bandeja al iniciar un juego"
  },
  "notifications": {
    "download_complete": "Descarga completada",
@@ -680,7 +675,6 @@
    "blocked_users": "Usuarios bloqueados",
    "unblock": "Desbloquear",
    "no_friends_added": "No tenés amistades añadidas",
-    "no_friends_yet": "Aún no has agregado ningún amigo",
    "view_all": "Ver todo",
    "load_more": "Cargar más",
    "loading": "Cargando",
@@ -708,15 +702,8 @@
    "profile_reported": "Perfil reportado",
    "your_friend_code": "Tu código de amistad:",
    "copy_friend_code": "Copiar código de amistad",
-    "copied": "¡Copiado!",
    "upload_banner": "Subir banner",
    "uploading_banner": "Subiendo banner…",
-    "change_banner": "Cambiar banner",
-    "replace_banner": "Reemplazar banner",
-    "remove_banner": "Eliminar banner",
-    "remove_banner_modal_title": "¿Eliminar banner?",
-    "remove_banner_confirmation": "¿Estás seguro de que querés eliminar tu banner? Siempre podés elegir uno nuevo cuando quieras.",
-    "remove": "Eliminar",
    "background_image_updated": "Imagen de fondo actualizada",
    "stats": "Estadísticas",
    "achievements": "logros",
@@ -740,6 +727,8 @@
    "user_reviews": "Reseñas",
    "loading_reviews": "Cargando reseñas...",
    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Ver Mi Wrapped 2025",
+    "view_wrapped_button": "Ver Wrapped 2025 de {{displayName}}",
    "no_reviews": "Sin reseñas aún",
    "delete_review": "Eliminar reseña"
  },
--- a/src/locales/hu/translation.json
+++ b/src/locales/hu/translation.json
@@ -26,7 +26,6 @@
    "game_has_no_executable": "A játékhoz nincs tallózva futtatható fájl",
    "sign_in": "Bejelentkezés",
    "friends": "Barátok",
-    "notifications": "Értesítések",
    "need_help": "Elakadtál?",
    "favorites": "Kedvenc Játékaim",
    "playable_button_title": "Csak az azonnal játszható játékokat mutasd",
@@ -175,7 +174,6 @@
    "repacks_modal_description": "Válaszd ki a repacket amit leszeretnél tölteni",
    "select_folder_hint": "A letöltési mappát a <0>Beállításokban</0> változtathatod meg",
    "download_now": "Letöltés",
-    "loading": "Töltés...",
    "no_shop_details": "A bolt adatai nem érhetőek el.",
    "download_options": "Letöltési opciók",
    "download_path": "Letöltési hely",
@@ -184,13 +182,7 @@
    "screenshot": "Screenshot {{number}}",
    "open_screenshot": "{{number}} Screenshot megnyitása ",
    "download_settings": "Letöltési beállítások",
-    "downloader": "Letöltő",
-    "downloader_online": "Elérhető",
-    "downloader_not_configured": "Elérhető de nincs beállítva",
-    "downloader_offline": "A link nem elérhető",
-    "downloader_not_available": "Nem elérhető",
-    "recommended": "Ajánlott",
-    "go_to_settings": "Beállítások megnyitása",
+    "downloader": "Letöltési mód",
    "select_executable": "Tallózás",
    "no_executable_selected": "Nincs futtatható fájl tallózva",
    "open_folder": "Mappa megnyitása",
@@ -426,11 +418,9 @@
    "extract": "Fájlok kibontása",
    "extracting": "Fájlok kibontása…",
    "delete_archive_title": "Szeretnéd törölni ezt a fájlt? {{fileName}}",
-    "delete_archive_description": "A tömörített fájl ki lett csomagolva és többé nincs rá szükség.",
+    "delete_archive_description": "A tömörített fájl ki lett csomagolva, s többé nincs rá szükség. ",
    "yes": "Igen",
-    "no": "Nem",
-    "network": "HÁLÓZAT",
-    "peak": "CSÚCS"
+    "no": "Nem"
  },
  "settings": {
    "downloads_path": "Letöltési útvonalak",
@@ -454,7 +444,7 @@
    "debrid_linked_message": "Fiók összekapcsolva: \"{{username}}\" ",
    "save_changes": "Változtatások mentése",
    "changes_saved": "Változtatások sikeresen mentve",
-    "download_sources_description": "A Hydra lefogja tölteni a letöltési linkeket a forrásokból, ennek az URL Forrásnak közvetlen linknek kell lennie egy .json fájlhoz, ami tartalmazza a linkeket.",
+    "download_sources_description": "A Hydra lefogja tölteni a letöltési linkeket a forrásokból. Az URL Forrásnak közvetlen linknek kell lennie egy .json fájlhoz, ami tartalmazza a linkeket.",
    "validate_download_source": "Érvényesítés",
    "remove_download_source": "Eltávolítás",
    "add_download_source": "Forrás hozáadása",
@@ -566,7 +556,6 @@
    "show_download_speed_in_megabytes": "Letöltési sebesség megabájt/másodpercben lévő megjelenítése",
    "extract_files_by_default": "Fájlok kicsomagolása letöltés után",
    "enable_steam_achievements": "Steam-achievementek utáni keresés engedélyezése",
-    "enable_new_download_options_badges": "Új letöltési helyek",
    "achievement_custom_notification_position": "Achievement-értesítések egyéni elhelyezése",
    "top-left": "Bal felső sarok",
    "top-center": "Felső közép",
@@ -647,9 +636,9 @@
    "sort_by": "Rendezés:",
    "achievements_earned": "Elért achievementek",
    "played_recently": "Nemrég játszva",
-    "playtime": "Játékidő",
-    "total_play_time": "Teljes játékidő",
-    "manual_playtime_tooltip": "Ez a játékidő manuálisan lett frissítve",
+    "playtime": "Játszottidő",
+    "total_play_time": "Teljes játszottidő",
+    "manual_playtime_tooltip": "Ez a játszottidő manuálisan lett frissítve",
    "no_recent_activity_title": "Hmmm… itt semmi sincs",
    "no_recent_activity_description": "Mostanában nem játszottál semmivel. Hát ideje ezt megváltoztatni!",
    "display_name": "Profilnév",
@@ -671,7 +660,6 @@
    "sending": "Küldés..",
    "friend_request_sent": "Barátfelkérés elküldve",
    "friends": "Barátok",
-    "badges": "Kitűzők",
    "friends_list": "Barát lista",
    "user_not_found": "Felhasználó nem találva",
    "block_user": "Felhasználó letiltása",
@@ -682,16 +670,12 @@
    "ignore_request": "Kérés ignorálása",
    "cancel_request": "Kérés visszavonása",
    "undo_friendship": "Barát eltávolítása",
-    "friendship_removed": "Barát eltávolítva",
    "request_accepted": "Barátfelkérés elfogadva",
    "user_blocked_successfully": "Felhasználó sikeresen letiltva",
    "user_block_modal_text": "Ez által letiltod őt: {{displayName}}",
    "blocked_users": "Letiltott felhasználók",
    "unblock": "Tiltás feloldása",
    "no_friends_added": "Nincs bejelölt barátod",
-    "view_all": "Összes megtekintése",
-    "load_more": "Több betöltése",
-    "loading": "Töltés..",
    "pending": "Függőben",
    "no_pending_invites": "Nincs függőben lévő barátfelkérésed",
    "no_blocked_users": "Nincs letiltott felhasználó",
@@ -715,7 +699,6 @@
    "report_reason_other": "Egyéb",
    "profile_reported": "Profil bejelentve",
    "your_friend_code": "A barát kódod:",
-    "copy_friend_code": "Barátkód kimásolása",
    "upload_banner": "Borítókép feltöltése",
    "uploading_banner": "Borítókép feltöltése…",
    "background_image_updated": "Borítókép frissítve",
@@ -737,10 +720,7 @@
    "karma_count": "karma",
    "user_reviews": "Vélemények",
    "delete_review": "Vélemény Törlése",
-    "loading_reviews": "Vélemények betöltése...",
-    "wrapped_2025": "Wrapped 2025",
-    "view_my_wrapped_button": "Wrapped 2025 megtekintése",
-    "view_wrapped_button": "{{displayName}} Wrapped 2025 megtekintése"
+    "loading_reviews": "Vélemények betöltése..."
  },
  "library": {
    "library": "Könyvtár",
@@ -758,7 +738,7 @@
    "amount_minutes": "{{amount}} perc",
    "amount_hours_short": "{{amount}}ó",
    "amount_minutes_short": "{{amount}}p",
-    "manual_playtime_tooltip": "Ez a játékidő manuálisan lett frissítve",
+    "manual_playtime_tooltip": "Ez a játszottidő manuálisan lett frissítve",
    "all_games": "Összes Játék",
    "recently_played": "Nemrég Játszva",
    "favorites": "Kedvencek"
@@ -791,41 +771,5 @@
    "hydra_cloud_feature_found": "Épp felfedeztél egy Hydra Cloud funkciót!",
    "learn_more": "Tudj meg többet",
    "debrid_description": "Akár 4x gyorsabb letöltés a Nimbusszal"
-  },
-  "notifications_page": {
-    "title": "Értesítések",
-    "mark_all_as_read": "Megjelölés olvasottként",
-    "clear_all": "Összes Törlése",
-    "loading": "Töltés..",
-    "empty_title": "Nincsenek értesítések",
-    "empty_description": "Már mindet láttad! Nézz vissza később az újdonságokért.",
-    "empty_filter_description": "Nincs értesítés ami megfelel ennek a szűrőnek.",
-    "filter_all": "Összes",
-    "filter_unread": "Olvasatlan",
-    "filter_friends": "Barátok",
-    "filter_badges": "Kitűzők",
-    "filter_upvotes": "Felpontok",
-    "filter_local": "Helyi",
-    "load_more": "Több betöltése",
-    "dismiss": "Eltüntetés",
-    "accept": "Elfogad",
-    "refuse": "Elutasít",
-    "notification": "Értesítés",
-    "friend_request_received_title": "Új barátkérelem!",
-    "friend_request_received_description": "{{displayName}} a barátod szeretne lenni",
-    "friend_request_accepted_title": "Barátkérelem elfogadva!",
-    "friend_request_accepted_description": "{{displayName}} elfogadta a barátkérelmed",
-    "badge_received_title": "Kaptál egy új kitűzőt!",
-    "badge_received_description": "{{badgeName}}",
-    "review_upvote_title": "A véleményed a(z) {{gameTitle}} játékhoz felpont-ot kapott!",
-    "review_upvote_description": "A véleményed {{count}} új felpontot kapott",
-    "marked_all_as_read": "Összes értesítés olvasottnak jelölve",
-    "failed_to_mark_as_read": "Az értesítések olvasottnak jelölése nem sikerült",
-    "cleared_all": "Összes értesítés eltüntetve",
-    "failed_to_clear": "Az értesítések eltüntetése nem sikerült",
-    "failed_to_load": "Az értesítések betöltése nem sikerült",
-    "failed_to_dismiss": "Értesítés eltüntetése nem sikerült",
-    "friend_request_accepted": "Barátfelkérés elfogadva",
-    "friend_request_refused": "Barátfelkérés elutasítva"
  }
 }
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -26,7 +26,6 @@
    "game_has_no_executable": "Jogo não possui executável selecionado",
    "sign_in": "Login",
    "friends": "Amigos",
-    "notifications": "Notificações",
    "need_help": "Precisa de ajuda?",
    "favorites": "Favoritos",
    "playable_button_title": "Mostrar apenas jogos que você pode jogar agora",
@@ -164,7 +163,6 @@
    "repacks_modal_description": "Escolha o repack do jogo que deseja baixar",
    "select_folder_hint": "Para trocar o diretório padrão, acesse a <0>Tela de Ajustes</0>",
    "download_now": "Iniciar download",
-    "loading": "Carregando...",
    "no_shop_details": "Não foi possível obter os detalhes da loja.",
    "download_options": "Opções de download",
    "download_path": "Diretório de download",
@@ -370,7 +368,6 @@
    "show_translation": "Mostrar tradução",
    "show_original_translated_from": "Mostrar original (traduzido do {{language}})",
    "hide_original": "Ocultar original",
-    "vote_failed": "Falha ao registrar seu voto. Por favor, tente novamente.",
    "rating_count": "Avaliação",
    "review_from_blocked_user": "Avaliação de usuário bloqueado",
    "show": "Mostrar",
@@ -393,10 +390,6 @@
    "completed": "Concluído",
    "removed": "Cancelado",
    "cancel": "Cancelar",
-    "cancel_download": "Cancelar download?",
-    "cancel_download_description": "Tem certeza de que deseja cancelar este download? Todos os arquivos baixados serão excluídos.",
-    "keep_downloading": "Não, continuar baixando",
-    "yes_cancel": "Sim, cancelar",
    "filter": "Filtrar jogos baixados",
    "remove": "Remover",
    "downloading_metadata": "Baixando metadados…",
@@ -470,7 +463,6 @@
    "download_sources_synced_successfully": "Fontes de download sincronizadas",
    "removed_download_source": "Fonte removida",
    "removed_download_sources": "Fontes removidas",
-    "removed_all_download_sources": "Todas as fontes de download removidas",
    "cancel_button_confirmation_delete_all_sources": "Não",
    "confirm_button_confirmation_delete_all_sources": "Sim, excluir tudo",
    "title_confirmation_delete_all_sources": "Remover todas as fontes de download",
@@ -496,7 +488,6 @@
    "blocked_users": "Usuários bloqueados",
    "user_unblocked": "Usuário desbloqueado",
    "enable_achievement_notifications": "Quando uma conquista é desbloqueada",
-    "hydra_cloud": "Hydra Cloud",
    "launch_minimized": "Iniciar o Hydra minimizado",
    "disable_nsfw_alert": "Desativar alerta de conteúdo inapropriado",
    "seed_after_download_complete": "Semear após a conclusão do download",
@@ -559,7 +550,6 @@
    "show_download_speed_in_megabytes": "Exibir taxas de download em megabytes por segundo",
    "extract_files_by_default": "Extrair arquivos automaticamente após o download",
    "enable_steam_achievements": "Habilitar busca por conquistas da Steam",
-    "enable_new_download_options_badges": "Mostrar badges de novas opções de download",
    "enable_achievement_custom_notifications": "Habilitar notificações customizadas de conquistas",
    "top-left": "Superior esquerdo",
    "top-center": "Superior central",
@@ -577,9 +567,6 @@
    "test_notification": "Testar notificação",
    "achievement_sound_volume": "Volume do som de conquista",
    "select_achievement_sound": "Selecionar som de conquista",
-    "change_achievement_sound": "Alterar som de conquista",
-    "remove_achievement_sound": "Remover som de conquista",
-    "preview_sound": "Reproduzir som",
    "select": "Selecionar",
    "preview": "Reproduzir",
    "remove": "Remover",
@@ -587,10 +574,7 @@
    "notification_preview": "Prévia da Notificação de Conquistas",
    "enable_friend_start_game_notifications": "Quando um amigo iniciar um jogo",
    "autoplay_trailers_on_game_page": "Reproduzir trailers automaticamente na página do jogo",
-    "hide_to_tray_on_game_start": "Ocultar o Hydra na bandeja ao iniciar um jogo",
-    "downloads": "Downloads",
-    "use_native_http_downloader": "Usar downloader HTTP nativo (experimental)",
-    "cannot_change_downloader_while_downloading": "Não é possível alterar esta configuração enquanto um download estiver em andamento"
+    "hide_to_tray_on_game_start": "Ocultar o Hydra na bandeja ao iniciar um jogo"
  },
  "notifications": {
    "download_complete": "Download concluído",
@@ -696,7 +680,6 @@
    "blocked_users": "Usuários bloqueados",
    "unblock": "Desbloquear",
    "no_friends_added": "Você ainda não possui amigos adicionados",
-    "no_friends_yet": "Você ainda não adicionou nenhum amigo",
    "view_all": "Ver todos",
    "load_more": "Carregar mais",
    "loading": "Carregando",
@@ -724,15 +707,8 @@
    "profile_reported": "Perfil reportado",
    "your_friend_code": "Seu código de amigo:",
    "copy_friend_code": "Copiar código de amigo",
-    "copied": "Copiado!",
    "upload_banner": "Carregar banner",
    "uploading_banner": "Carregando banner…",
-    "change_banner": "Alterar banner",
-    "replace_banner": "Substituir banner",
-    "remove_banner": "Remover banner",
-    "remove_banner_modal_title": "Remover banner?",
-    "remove_banner_confirmation": "Tem certeza de que deseja remover seu banner? Você sempre pode escolher um novo quando quiser.",
-    "remove": "Remover",
    "background_image_updated": "Imagem de fundo salva",
    "stats": "Estatísticas",
    "achievements": "conquistas",
@@ -760,6 +736,8 @@
    "user_reviews": "Avaliações",
    "loading_reviews": "Carregando avaliações...",
    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Ver Meu Wrapped 2025",
+    "view_wrapped_button": "Ver Wrapped 2025 de {{displayName}}",
    "no_reviews": "Ainda não há avaliações",
    "delete_review": "Excluir avaliação"
  },
--- a/src/locales/ru/translation.json
+++ b/src/locales/ru/translation.json
@@ -26,7 +26,6 @@
    "game_has_no_executable": "Файл запуска игры не выбран",
    "sign_in": "Войти",
    "friends": "Друзья",
-    "notifications": "Уведомления",
    "need_help": "Нужна помощь?",
    "favorites": "Избранное",
    "playable_button_title": "Показать только установленные игры.",
@@ -116,7 +115,6 @@
    "downloading": "Загрузка {{title}}… ({{percentage}} завершено) - Окончание {{eta}} - {{speed}}",
    "calculating_eta": "Загрузка {{title}}… ({{percentage}} завершено) - Подсчёт оставшегося времени…",
    "checking_files": "Проверка файлов {{title}}… ({{percentage}} завершено)",
-    "extracting": "Распаковка {{title}}… ({{percentage}} завершено)",
    "installing_common_redist": "{{log}}…",
    "installation_complete": "Установка завершена",
    "installation_complete_message": "Библиотеки успешно установлены"
@@ -175,7 +173,6 @@
    "repacks_modal_description": "Выберите репак для загрузки",
    "select_folder_hint": "Чтобы изменить папку загрузок по умолчанию, откройте <0>Настройки</0>",
    "download_now": "Загрузить сейчас",
-    "loading": "Загрузка...",
    "no_shop_details": "Не удалось получить описание",
    "download_options": "Источники",
    "download_path": "Путь для загрузок",
@@ -211,7 +208,6 @@
    "danger_zone_section_description": "Вы можете удалить эту игру из вашей библиотеки или файлы скачанные из Hydra",
    "download_in_progress": "Идёт загрузка",
    "download_paused": "Загрузка приостановлена",
-    "extracting": "Распаковка",
    "last_downloaded_option": "Последний вариант загрузки",
    "new_download_option": "Новый",
    "create_steam_shortcut": "Создать ярлык Steam",
@@ -404,10 +400,6 @@
    "completed": "Завершено",
    "removed": "Не скачано",
    "cancel": "Отмена",
-    "cancel_download": "Отменить загрузку?",
-    "cancel_download_description": "Вы уверены, что хотите отменить эту загрузку? Все загруженные файлы будут удалены.",
-    "keep_downloading": "Нет, продолжить загрузку",
-    "yes_cancel": "Да, отменить",
    "filter": "Поиск загруженных игр",
    "remove": "Удалить",
    "downloading_metadata": "Загрузка метаданных…",
@@ -428,13 +420,7 @@
    "resume_seeding": "Продолжить раздачу",
    "options": "Управлять",
    "extract": "Распаковать файлы",
-    "extracting": "Распаковка файлов…",
-    "delete_archive_title": "Хотите удалить {{fileName}}?",
-    "delete_archive_description": "Файл был успешно распакован и больше не нужен.",
-    "yes": "Да",
-    "no": "Нет",
-    "network": "СЕТЬ",
-    "peak": "ПИК"
+    "extracting": "Распаковка файлов…"
  },
  "settings": {
    "downloads_path": "Путь загрузок",
@@ -570,7 +556,6 @@
    "show_download_speed_in_megabytes": "Показать скорость загрузки в мегабайтах в секунду",
    "extract_files_by_default": "Извлекать файлы по умолчанию после загрузки",
    "enable_steam_achievements": "Включить поиск достижений Steam",
-    "enable_new_download_options_badges": "Показывать значки новых вариантов загрузки",
    "achievement_custom_notification_position": "Позиция уведомлений достижений",
    "top-left": "Верхний левый угол",
    "top-center": "Верхний центр",
@@ -588,9 +573,6 @@
    "test_notification": "Тестовое уведомление",
    "achievement_sound_volume": "Громкость звука достижения",
    "select_achievement_sound": "Выбрать звук достижения",
-    "change_achievement_sound": "Изменить звук достижения",
-    "remove_achievement_sound": "Удалить звук достижения",
-    "preview_sound": "Предпросмотр звука",
    "select": "Выбрать",
    "preview": "Предпросмотр",
    "remove": "Удалить",
@@ -598,10 +580,7 @@
    "notification_preview": "Предварительный просмотр уведомления о достижении",
    "enable_friend_start_game_notifications": "Когда друг начинает играть в игру",
    "autoplay_trailers_on_game_page": "Автоматически начинать воспроизведение трейлеров на странице игры",
-    "hide_to_tray_on_game_start": "Скрывать Hydra в трей при запуске игры",
-    "downloads": "Загрузки",
-    "use_native_http_downloader": "Использовать встроенный HTTP-загрузчик (экспериментально)",
-    "cannot_change_downloader_while_downloading": "Нельзя изменить эту настройку во время загрузки"
+    "hide_to_tray_on_game_start": "Скрывать Hydra в трей при запуске игры"
  },
  "notifications": {
    "download_complete": "Загрузка завершена",
@@ -696,7 +675,6 @@
    "blocked_users": "Заблокированные пользователи",
    "unblock": "Разблокировать",
    "no_friends_added": "Вы ещё не добавили ни одного друга",
-    "no_friends_yet": "Вы ещё не добавили ни одного друга",
    "view_all": "Показать все",
    "load_more": "Загрузить еще",
    "loading": "Загрузка",
@@ -724,15 +702,8 @@
    "profile_reported": "Жалоба на профиль отправлена",
    "your_friend_code": "Код вашего друга:",
    "copy_friend_code": "Копировать код друга",
-    "copied": "Скопировано!",
    "upload_banner": "Загрузить баннер",
    "uploading_banner": "Загрузка баннера...",
-    "change_banner": "Изменить баннер",
-    "replace_banner": "Заменить баннер",
-    "remove_banner": "Удалить баннер",
-    "remove_banner_modal_title": "Удалить баннер?",
-    "remove_banner_confirmation": "Вы уверены, что хотите удалить свой баннер? Вы всегда можете выбрать новый, когда захотите.",
-    "remove": "Удалить",
    "background_image_updated": "Фоновое изображение обновлено",
    "stats": "Статистика",
    "achievements": "Достижения",
@@ -753,6 +724,8 @@
    "user_reviews": "Отзывы",
    "loading_reviews": "Загрузка отзывов...",
    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Просмотреть мой Wrapped 2025",
+    "view_wrapped_button": "Просмотреть Wrapped 2025 {{displayName}}",
    "no_reviews": "Пока нет отзывов",
    "delete_review": "Удалить отзыв"
  },
--- a/src/main/constants.ts
+++ b/src/main/constants.ts
@@ -31,6 +31,11 @@ export const logsPath = path.join(
  `logs${isStaging ? "-staging" : ""}`
 );

+export const screenshotsPath = path.join(
+  SystemPath.getPath("userData"),
+  "Screenshots"
+);
+
 export const achievementSoundPath = app.isPackaged
  ? path.join(process.resourcesPath, "achievement.wav")
  : path.join(__dirname, "..", "..", "resources", "achievement.wav");
--- a/src/main/events/index.ts
+++ b/src/main/events/index.ts
@@ -1,4 +1,9 @@
-import { appVersion, defaultDownloadsPath, isStaging } from "@main/constants";
+import {
+  appVersion,
+  defaultDownloadsPath,
+  isStaging,
+  screenshotsPath,
+} from "@main/constants";
 import { ipcMain } from "electron";

 import "./auth";
@@ -16,7 +21,6 @@ import "./themes";
 import "./torrenting";
 import "./user";
 import "./user-preferences";
-
 import { isPortableVersion } from "@main/helpers";

 ipcMain.handle("ping", () => "pong");
@@ -24,3 +28,4 @@ ipcMain.handle("getVersion", () => appVersion);
 ipcMain.handle("isStaging", () => isStaging);
 ipcMain.handle("isPortableVersion", () => isPortableVersion());
 ipcMain.handle("getDefaultDownloadsPath", () => defaultDownloadsPath);
+ipcMain.handle("getScreenshotsPath", () => screenshotsPath);
--- a/src/main/events/library/get-game-installer-action-type.ts
+++ b/src/main/events/library/get-game-installer-action-type.ts
@@ -1,59 +0,0 @@
-import path from "node:path";
-import fs from "node:fs";
-
-import { getDownloadsPath } from "../helpers/get-downloads-path";
-import { registerEvent } from "../register-event";
-import { downloadsSublevel, levelKeys } from "@main/level";
-import { GameShop } from "@types";
-
-const getGameInstallerActionType = async (
-  _event: Electron.IpcMainInvokeEvent,
-  shop: GameShop,
-  objectId: string
-): Promise<"install" | "open-folder"> => {
-  const downloadKey = levelKeys.game(shop, objectId);
-  const download = await downloadsSublevel.get(downloadKey);
-
-  if (!download?.folderName) return "open-folder";
-
-  const gamePath = path.join(
-    download.downloadPath ?? (await getDownloadsPath()),
-    download.folderName
-  );
-
-  if (!fs.existsSync(gamePath)) {
-    await downloadsSublevel.del(downloadKey);
-    return "open-folder";
-  }
-
-  // macOS always opens folder
-  if (process.platform === "darwin") {
-    return "open-folder";
-  }
-
-  // If path is a file, it will show in folder (open-folder behavior)
-  if (fs.lstatSync(gamePath).isFile()) {
-    return "open-folder";
-  }
-
-  // Check for setup.exe
-  const setupPath = path.join(gamePath, "setup.exe");
-  if (fs.existsSync(setupPath)) {
-    return "install";
-  }
-
-  // Check if there's exactly one .exe file
-  const gamePathFileNames = fs.readdirSync(gamePath);
-  const gamePathExecutableFiles = gamePathFileNames.filter(
-    (fileName: string) => path.extname(fileName).toLowerCase() === ".exe"
-  );
-
-  if (gamePathExecutableFiles.length === 1) {
-    return "install";
-  }
-
-  // Otherwise, opens folder
-  return "open-folder";
-};
-
-registerEvent("getGameInstallerActionType", getGameInstallerActionType);
--- a/src/main/events/library/index.ts
+++ b/src/main/events/library/index.ts
@@ -13,7 +13,6 @@ import "./delete-game-folder";
 import "./extract-game-download";
 import "./get-default-wine-prefix-selection-path";
 import "./get-game-by-object-id";
-import "./get-game-installer-action-type";
 import "./get-library";
 import "./open-game-executable-path";
 import "./open-game-installer-path";
--- a/src/main/events/misc/open-folder.ts
+++ b/src/main/events/misc/open-folder.ts
@@ -0,0 +1,11 @@
+import { shell } from "electron";
+import { registerEvent } from "../register-event";
+
+const openFolder = async (
+  _event: Electron.IpcMainInvokeEvent,
+  folderPath: string
+) => {
+  return shell.openPath(folderPath);
+};
+
+registerEvent("openFolder", openFolder);
--- a/src/main/events/profile/update-profile.ts
+++ b/src/main/events/profile/update-profile.ts
@@ -51,30 +51,22 @@ const updateProfile = async (
    "backgroundImageUrl",
  ]);

-  if (updateProfile.profileImageUrl !== undefined) {
-    if (updateProfile.profileImageUrl === null) {
-      payload["profileImageUrl"] = null;
-    } else {
-      const profileImageUrl = await uploadImage(
-        "profile-image",
-        updateProfile.profileImageUrl
-      ).catch(() => undefined);
+  if (updateProfile.profileImageUrl) {
+    const profileImageUrl = await uploadImage(
+      "profile-image",
+      updateProfile.profileImageUrl
+    ).catch(() => undefined);

-      payload["profileImageUrl"] = profileImageUrl;
-    }
+    payload["profileImageUrl"] = profileImageUrl;
  }

-  if (updateProfile.backgroundImageUrl !== undefined) {
-    if (updateProfile.backgroundImageUrl === null) {
-      payload["backgroundImageUrl"] = null;
-    } else {
-      const backgroundImageUrl = await uploadImage(
-        "background-image",
-        updateProfile.backgroundImageUrl
-      ).catch(() => undefined);
+  if (updateProfile.backgroundImageUrl) {
+    const backgroundImageUrl = await uploadImage(
+      "background-image",
+      updateProfile.backgroundImageUrl
+    ).catch(() => undefined);

-      payload["backgroundImageUrl"] = backgroundImageUrl;
-    }
+    payload["backgroundImageUrl"] = backgroundImageUrl;
  }

  return patchUserProfile(payload);
--- a/src/main/events/user/get-unlocked-achievements.ts
+++ b/src/main/events/user/get-unlocked-achievements.ts
@@ -3,6 +3,8 @@ import { registerEvent } from "../register-event";
 import { getGameAchievementData } from "@main/services/achievements/get-game-achievement-data";
 import { db, gameAchievementsSublevel, levelKeys } from "@main/level";
 import { AchievementWatcherManager } from "@main/services/achievements/achievement-watcher-manager";
+import { HydraApi } from "@main/services";
+import { UserNotLoggedInError } from "@shared";

 export const getUnlockedAchievements = async (
  objectId: string,
@@ -31,6 +33,28 @@ export const getUnlockedAchievements = async (

  const unlockedAchievements = cachedAchievements?.unlockedAchievements ?? [];

+  let remoteUserAchievements: UserAchievement[] = [];
+  try {
+    const userDetails = await db.get<string, any>(levelKeys.user, {
+      valueEncoding: "json",
+    });
+
+    if (userDetails?.id) {
+      remoteUserAchievements = await HydraApi.get<UserAchievement[]>(
+        `/users/${userDetails.id}/games/achievements`,
+        {
+          shop,
+          objectId,
+          language: userPreferences?.language ?? "en",
+        }
+      );
+    }
+  } catch (error) {
+    if (!(error instanceof UserNotLoggedInError)) {
+      console.warn("Failed to fetch remote user achievements:", error);
+    }
+  }
+
  return achievementsData
    .map((achievementData) => {
      const unlockedAchievementData = unlockedAchievements.find(
@@ -42,6 +66,16 @@ export const getUnlockedAchievements = async (
        }
      );

+      // Find corresponding remote achievement data for image URL
+      const remoteAchievementData = remoteUserAchievements.find(
+        (remoteAchievement) => {
+          return (
+            remoteAchievement.name.toUpperCase() ==
+            achievementData.name.toUpperCase()
+          );
+        }
+      );
+
      const icongray = achievementData.icongray.endsWith("/")
        ? achievementData.icon
        : achievementData.icongray;
@@ -51,6 +85,7 @@ export const getUnlockedAchievements = async (
          ...achievementData,
          unlocked: true,
          unlockTime: unlockedAchievementData.unlockTime,
+          imageUrl: remoteAchievementData?.imageUrl || null,
        };
      }

@@ -63,6 +98,7 @@ export const getUnlockedAchievements = async (
          !achievementData.hidden || showHiddenAchievementsDescription
            ? achievementData.description
            : undefined,
+        imageUrl: remoteAchievementData?.imageUrl || null,
      };
    })
    .sort((a, b) => {
--- a/src/main/main.ts
+++ b/src/main/main.ts
@@ -2,7 +2,7 @@ import { downloadsSublevel } from "./level/sublevels/downloads";
 import { orderBy } from "lodash-es";
 import { Downloader } from "@shared";
 import { levelKeys, db } from "./level";
-import type { Download, UserPreferences } from "@types";
+import type { UserPreferences } from "@types";
 import {
  SystemPath,
  CommonRedistManager,
@@ -18,7 +18,6 @@ import {
  DeckyPlugin,
  DownloadSourcesChecker,
  WSClient,
-  logger,
 } from "@main/services";
 import { migrateDownloadSources } from "./helpers/migrate-download-sources";

@@ -72,47 +71,18 @@ export const loadState = async () => {
      return orderBy(games, "timestamp", "desc");
    });

-  let interruptedDownload: Download | null = null;
-
-  for (const download of downloads) {
-    const downloadKey = levelKeys.game(download.shop, download.objectId);
-
-    // Reset extracting state
+  downloads.forEach((download) => {
    if (download.extracting) {
-      await downloadsSublevel.put(downloadKey, {
+      downloadsSublevel.put(levelKeys.game(download.shop, download.objectId), {
        ...download,
        extracting: false,
      });
    }
+  });

-    // Find interrupted active download (download that was running when app closed)
-    // Mark it as paused but remember it for auto-resume
-    if (download.status === "active" && !interruptedDownload) {
-      interruptedDownload = download;
-      await downloadsSublevel.put(downloadKey, {
-        ...download,
-        status: "paused",
-      });
-    } else if (download.status === "active") {
-      // Mark other active downloads as paused
-      await downloadsSublevel.put(downloadKey, {
-        ...download,
-        status: "paused",
-      });
-    }
-  }
+  const [nextItemOnQueue] = downloads.filter((game) => game.queued);

-  // Re-fetch downloads after status updates
-  const updatedDownloads = await downloadsSublevel
-    .values()
-    .all()
-    .then((games) => orderBy(games, "timestamp", "desc"));
-
-  // Prioritize interrupted download, then queued downloads
-  const downloadToResume =
-    interruptedDownload ?? updatedDownloads.find((game) => game.queued);
-
-  const downloadsToSeed = updatedDownloads.filter(
+  const downloadsToSeed = downloads.filter(
    (game) =>
      game.shouldSeed &&
      game.downloader === Downloader.Torrent &&
@@ -120,23 +90,7 @@ export const loadState = async () => {
      game.uri !== null
  );

-  // For torrents or if JS downloader is disabled, use Python RPC
-  const isTorrent = downloadToResume?.downloader === Downloader.Torrent;
-  // Default to true - native HTTP downloader is enabled by default
-  const useJsDownloader =
-    (userPreferences?.useNativeHttpDownloader ?? true) && !isTorrent;
-
-  if (useJsDownloader && downloadToResume) {
-    // Start Python RPC for seeding only, then resume HTTP download with JS
-    await DownloadManager.startRPC(undefined, downloadsToSeed);
-    await DownloadManager.startDownload(downloadToResume).catch((err) => {
-      // If resume fails, just log it - user can manually retry
-      logger.error("Failed to auto-resume download:", err);
-    });
-  } else {
-    // Use Python RPC for everything (torrent or fallback)
-    await DownloadManager.startRPC(downloadToResume, downloadsToSeed);
-  }
+  await DownloadManager.startRPC(nextItemOnQueue, downloadsToSeed);

  startMainLoop();

--- a/src/main/services/achievements/achievement-image-service.ts
+++ b/src/main/services/achievements/achievement-image-service.ts
@@ -0,0 +1,150 @@
+import fs from "node:fs";
+import path from "node:path";
+import axios from "axios";
+import { fileTypeFromFile } from "file-type";
+import { HydraApi } from "@main/services/hydra-api";
+import { gameAchievementsSublevel, levelKeys, db } from "@main/level";
+import { logger } from "@main/services/logger";
+import type { GameShop, User } from "@types";
+
+export class AchievementImageService {
+  private static async uploadImageToCDN(imagePath: string): Promise<string> {
+    const stat = fs.statSync(imagePath);
+    const fileBuffer = fs.readFileSync(imagePath);
+    const fileSizeInBytes = stat.size;
+
+    const response = await HydraApi.post<{
+      presignedUrl: string;
+      imageKey: string;
+    }>("/presigned-urls/achievement-image", {
+      imageExt: path.extname(imagePath).slice(1),
+      imageLength: fileSizeInBytes,
+    });
+
+    const mimeType = await fileTypeFromFile(imagePath);
+
+    await axios.put(response.presignedUrl, fileBuffer, {
+      headers: {
+        "Content-Type": mimeType?.mime,
+      },
+    });
+
+    return response.imageKey;
+  }
+
+  private static async storeImageLocally(imagePath: string): Promise<string> {
+    const fileBuffer = fs.readFileSync(imagePath);
+    const base64Image = fileBuffer.toString("base64");
+    const mimeType = await fileTypeFromFile(imagePath);
+
+    return `data:${mimeType?.mime || "image/jpeg"};base64,${base64Image}`;
+  }
+
+  private static async hasActiveSubscription(): Promise<boolean> {
+    return db
+      .get<string, User>(levelKeys.user, { valueEncoding: "json" })
+      .then((user) => {
+        const expiresAt = new Date(user?.subscription?.expiresAt ?? 0);
+        return expiresAt > new Date();
+      })
+      .catch(() => false);
+  }
+
+  private static async updateLocalAchievementData(
+    shop: GameShop,
+    gameId: string,
+    imageUrl: string
+  ): Promise<void> {
+    const achievementKey = levelKeys.game(shop, gameId);
+    const existingData = await gameAchievementsSublevel
+      .get(achievementKey)
+      .catch(() => null);
+
+    if (existingData) {
+      await gameAchievementsSublevel.put(achievementKey, {
+        ...existingData,
+        imageUrl,
+      });
+    }
+  }
+
+  private static cleanupImageFile(imagePath: string): void {
+    try {
+      fs.unlinkSync(imagePath);
+    } catch (error) {
+      logger.error(`Failed to cleanup screenshot file ${imagePath}:`, error);
+    }
+  }
+
+  /**
+   * Uploads an achievement image either to CDN (for subscribers) or stores locally
+   * @param gameId - The game identifier
+   * @param achievementName - The achievement name
+   * @param imagePath - Path to the image file to upload
+   * @param shop - The game shop (optional)
+   * @returns Promise with success status and imageKey (for subscribers) or imageUrl (for non-subscribers)
+   */
+  static async uploadAchievementImage(
+    gameId: string,
+    achievementName: string,
+    imagePath: string
+  ): Promise<{ success: boolean; imageKey?: string; imageUrl?: string }> {
+    try {
+      const hasSubscription = await this.hasActiveSubscription();
+
+      if (hasSubscription) {
+        const imageKey = await this.uploadImageToCDN(imagePath);
+        logger.log(
+          `Achievement image uploaded to CDN for ${gameId}:${achievementName}`
+        );
+        return { success: true, imageKey };
+      } else {
+        const imageUrl = await this.storeImageLocally(imagePath);
+        logger.log(
+          `Achievement image stored locally for ${gameId}:${achievementName}`
+        );
+        return { success: true, imageUrl };
+      }
+    } catch (error) {
+      logger.error(
+        `Failed to upload achievement image for ${gameId}:${achievementName}:`,
+        error
+      );
+      throw error;
+    }
+  }
+
+  /**
+   * Uploads achievement image and updates local database, with automatic cleanup
+   * @param gameId - The game identifier
+   * @param achievementName - The achievement name
+   * @param imagePath - Path to the image file to upload
+   * @param shop - The game shop
+   * @returns Promise with success status and imageKey or imageUrl
+   */
+  static async uploadAndUpdateAchievementImage(
+    gameId: string,
+    achievementName: string,
+    imagePath: string,
+    shop: GameShop
+  ): Promise<{ success: boolean; imageKey?: string; imageUrl?: string }> {
+    try {
+      const result = await this.uploadAchievementImage(
+        gameId,
+        achievementName,
+        imagePath
+      );
+
+      if (result.imageUrl) {
+        await this.updateLocalAchievementData(shop, gameId, result.imageUrl);
+      }
+
+      this.cleanupImageFile(imagePath);
+
+      return result;
+    } catch (error) {
+      this.cleanupImageFile(imagePath);
+      throw error;
+    }
+  }
+}
--- a/src/main/services/achievements/get-game-achievement-data.ts
+++ b/src/main/services/achievements/get-game-achievement-data.ts
@@ -13,7 +13,7 @@ const getModifiedSinceHeader = (
    return undefined;
  }

-  if (userLanguage != cachedAchievements.language) {
+  if (userLanguage !== cachedAchievements.language) {
    return undefined;
  }

--- a/src/main/services/achievements/merge-achievements.ts
+++ b/src/main/services/achievements/merge-achievements.ts
@@ -15,6 +15,8 @@ import { achievementsLogger } from "../logger";
 import { db, gameAchievementsSublevel, levelKeys } from "@main/level";
 import { getGameAchievementData } from "./get-game-achievement-data";
 import { AchievementWatcherManager } from "./achievement-watcher-manager";
+import { ScreenshotService } from "../screenshot";
+import { AchievementImageService } from "./achievement-image-service";

 const isRareAchievement = (points: number) => {
  const rawPercentage = (50 - Math.sqrt(points)) * 2;
@@ -53,11 +55,8 @@ const saveAchievementsOnLocal = async (
    });
 };

-export const mergeAchievements = async (
-  game: Game,
-  achievements: UnlockedAchievement[],
-  publishNotification: boolean
-) => {
+// Helpers extracted to lower cognitive complexity
+const getLocalData = async (game: Game) => {
  const gameKey = levelKeys.game(game.shop, game.objectId);

  let localGameAchievement = await gameAchievementsSublevel.get(gameKey);
@@ -73,11 +72,20 @@ export const mergeAchievements = async (
    localGameAchievement = await gameAchievementsSublevel.get(gameKey);
  }

-  const achievementsData = localGameAchievement?.achievements ?? [];
-  const unlockedAchievements = localGameAchievement?.unlockedAchievements ?? [];
+  return {
+    achievementsData: localGameAchievement?.achievements ?? [],
+    unlockedAchievements: localGameAchievement?.unlockedAchievements ?? [],
+    userPreferences,
+    gameKey,
+  };
+};

+const computeNewAndMergedAchievements = (
+  incoming: UnlockedAchievement[],
+  unlockedAchievements: UnlockedAchievement[]
+) => {
  const newAchievementsMap = new Map(
-    achievements.toReversed().map((achievement) => {
+    incoming.toReversed().map((achievement) => {
      return [achievement.name.toUpperCase(), achievement];
    })
  );
@@ -97,68 +105,154 @@ export const mergeAchievements = async (
      };
    });

-  const mergedLocalAchievements = unlockedAchievements.concat(newAchievements);
+  return {
+    newAchievements,
+    mergedLocalAchievements: unlockedAchievements.concat(newAchievements),
+  };
+};

+const publishAchievementNotificationIfNeeded = (
+  game: Game,
+  newAchievements: UnlockedAchievement[],
+  unlockedAchievements: UnlockedAchievement[],
+  achievementsData: any[],
+  userPreferences: UserPreferences,
+  mergedLocalCount: number,
+  publishNotification: boolean
+) => {
  if (
-    newAchievements.length &&
-    publishNotification &&
-    userPreferences.achievementNotificationsEnabled !== false
+    !newAchievements.length ||
+    !publishNotification ||
+    userPreferences.achievementNotificationsEnabled === false
  ) {
-    const filteredAchievements = newAchievements
-      .toSorted((a, b) => {
-        return a.unlockTime - b.unlockTime;
-      })
-      .map((achievement) => {
-        return achievementsData.find((steamAchievement) => {
-          return (
-            achievement.name.toUpperCase() ===
-            steamAchievement.name.toUpperCase()
-          );
-        });
-      })
-      .filter((achievement) => !!achievement);
-
-    const achievementsInfo: AchievementNotificationInfo[] =
-      filteredAchievements.map((achievement, index) => {
-        return {
-          title: achievement.displayName,
-          description: achievement.description,
-          points: achievement.points,
-          isHidden: achievement.hidden,
-          isRare: achievement.points
-            ? isRareAchievement(achievement.points)
-            : false,
-          isPlatinum:
-            index === filteredAchievements.length - 1 &&
-            newAchievements.length + unlockedAchievements.length ===
-              achievementsData.length,
-          iconUrl: achievement.icon,
-        };
-      });
-
-    achievementsLogger.log(
-      "Publishing achievement notification",
-      game.objectId,
-      game.title
-    );
-
-    if (userPreferences.achievementCustomNotificationsEnabled !== false) {
-      WindowManager.notificationWindow?.webContents.send(
-        "on-achievement-unlocked",
-        userPreferences.achievementCustomNotificationPosition ?? "top-left",
-        achievementsInfo
-      );
-    } else {
-      publishNewAchievementNotification({
-        achievements: achievementsInfo,
-        unlockedAchievementCount: mergedLocalAchievements.length,
-        totalAchievementCount: achievementsData.length,
-        gameTitle: game.title,
-        gameIcon: game.iconUrl,
-      });
-    }
+    return;
  }

+  const filteredAchievements = newAchievements
+    .toSorted((a, b) => a.unlockTime - b.unlockTime)
+    .map((achievement) => {
+      return achievementsData.find((steamAchievement: any) => {
+        return (
+          achievement.name.toUpperCase() === steamAchievement.name.toUpperCase()
+        );
+      });
+    })
+    .filter((achievement) => !!achievement);
+
+  const achievementsInfo: AchievementNotificationInfo[] =
+    filteredAchievements.map((achievement: any, index: number) => {
+      return {
+        title: achievement.displayName,
+        description: achievement.description,
+        points: achievement.points,
+        isHidden: achievement.hidden,
+        isRare: achievement.points
+          ? isRareAchievement(achievement.points)
+          : false,
+        isPlatinum:
+          index === filteredAchievements.length - 1 &&
+          newAchievements.length + unlockedAchievements.length ===
+            achievementsData.length,
+        iconUrl: achievement.icon,
+      };
+    });
+
+  achievementsLogger.log(
+    "Publishing achievement notification",
+    game.objectId,
+    game.title
+  );
+
+  if (userPreferences.achievementCustomNotificationsEnabled !== false) {
+    WindowManager.notificationWindow?.webContents.send(
+      "on-achievement-unlocked",
+      userPreferences.achievementCustomNotificationPosition ?? "top-left",
+      achievementsInfo
+    );
+  } else {
+    publishNewAchievementNotification({
+      achievements: achievementsInfo,
+      unlockedAchievementCount: mergedLocalCount,
+      totalAchievementCount: achievementsData.length,
+      gameTitle: game.title,
+      gameIcon: game.iconUrl,
+    });
+  }
+};
+
+const addImagesToNewAchievementsIfEnabled = async (
+  newAchievements: UnlockedAchievement[],
+  achievementsData: any[],
+  mergedLocalAchievements: UnlockedAchievement[],
+  game: Game,
+  userPreferences: UserPreferences
+): Promise<UnlockedAchievement[]> => {
+  const achievementsWithImages = [...mergedLocalAchievements];
+
+  if (
+    !newAchievements.length ||
+    userPreferences.enableAchievementScreenshots !== true
+  ) {
+    return achievementsWithImages;
+  }
+
+  try {
+    for (const achievement of newAchievements) {
+      try {
+        const achievementData = achievementsData.find(
+          (steamAchievement: any) => {
+            return (
+              achievement.name.toUpperCase() ===
+              steamAchievement.name.toUpperCase()
+            );
+          }
+        );
+
+        const achievementDisplayName =
+          achievementData?.displayName || achievement.name;
+
+        const screenshotPath = await ScreenshotService.captureDesktopScreenshot(
+          game.title,
+          achievementDisplayName
+        );
+
+        const uploadResult =
+          await AchievementImageService.uploadAchievementImage(
+            game.objectId,
+            achievement.name,
+            screenshotPath
+          );
+
+        const achievementIndex = achievementsWithImages.findIndex(
+          (a) => a.name.toUpperCase() === achievement.name.toUpperCase()
+        );
+        if (achievementIndex !== -1 && uploadResult.imageKey) {
+          achievementsWithImages[achievementIndex] = {
+            ...achievementsWithImages[achievementIndex],
+            imageKey: uploadResult.imageKey,
+          };
+        }
+      } catch (error) {
+        achievementsLogger.error("Failed to upload achievement image", error);
+      }
+    }
+  } catch (error) {
+    achievementsLogger.error(
+      "Failed to capture screenshot for achievement",
+      error
+    );
+  }
+
+  return achievementsWithImages;
+};
+
+const syncAchievements = async (
+  game: Game,
+  publishNotification: boolean,
+  achievementsWithImages: UnlockedAchievement[],
+  newAchievements: UnlockedAchievement[],
+  gameKey: string
+) => {
  const shouldSyncWithRemote =
    game.remoteId &&
    (newAchievements.length || AchievementWatcherManager.hasFinishedPreSearch);
@@ -168,26 +262,26 @@ export const mergeAchievements = async (
      "/profile/games/achievements",
      {
        id: game.remoteId,
-        achievements: mergedLocalAchievements,
+        achievements: achievementsWithImages,
      },
      { needsSubscription: !newAchievements.length }
    )
-      .then((response) => {
+      .then(async (response) => {
        if (response) {
-          return saveAchievementsOnLocal(
+          await saveAchievementsOnLocal(
            response.objectId,
            response.shop,
            response.achievements,
            publishNotification
          );
+        } else {
+          await saveAchievementsOnLocal(
+            game.objectId,
+            game.shop,
+            achievementsWithImages,
+            publishNotification
+          );
        }
-
-        return saveAchievementsOnLocal(
-          game.objectId,
-          game.shop,
-          mergedLocalAchievements,
-          publishNotification
-        );
      })
      .catch((err) => {
        if (err instanceof SubscriptionRequiredError) {
@@ -201,7 +295,7 @@ export const mergeAchievements = async (
        return saveAchievementsOnLocal(
          game.objectId,
          game.shop,
-          mergedLocalAchievements,
+          achievementsWithImages,
          publishNotification
        );
      })
@@ -212,10 +306,48 @@ export const mergeAchievements = async (
    await saveAchievementsOnLocal(
      game.objectId,
      game.shop,
-      mergedLocalAchievements,
+      achievementsWithImages,
      publishNotification
    );
  }
+};
+
+export const mergeAchievements = async (
+  game: Game,
+  achievements: UnlockedAchievement[],
+  publishNotification: boolean
+) => {
+  const { achievementsData, unlockedAchievements, userPreferences, gameKey } =
+    await getLocalData(game);
+
+  const { newAchievements, mergedLocalAchievements } =
+    computeNewAndMergedAchievements(achievements, unlockedAchievements);
+
+  publishAchievementNotificationIfNeeded(
+    game,
+    newAchievements,
+    unlockedAchievements,
+    achievementsData,
+    userPreferences,
+    mergedLocalAchievements.length,
+    publishNotification
+  );
+
+  const achievementsWithImages = await addImagesToNewAchievementsIfEnabled(
+    newAchievements,
+    achievementsData,
+    mergedLocalAchievements,
+    game,
+    userPreferences
+  );
+
+  await syncAchievements(
+    game,
+    publishNotification,
+    achievementsWithImages,
+    newAchievements,
+    gameKey
+  );

  return newAchievements.length;
 };
--- a/src/main/services/download/download-manager.ts
+++ b/src/main/services/download/download-manager.ts
@@ -4,11 +4,11 @@ import { publishDownloadCompleteNotification } from "../notifications";
 import type { Download, DownloadProgress, UserPreferences } from "@types";
 import {
  GofileApi,
+  QiwiApi,
  DatanodesApi,
  MediafireApi,
  PixelDrainApi,
  VikingFileApi,
-  RootzApi,
 } from "../hosters";
 import { PythonRPC } from "../python-rpc";
 import {
@@ -18,7 +18,7 @@ import {
 } from "./types";
 import { calculateETA, getDirSize } from "./helpers";
 import { RealDebridClient } from "./real-debrid";
-import path from "node:path";
+import path from "path";
 import { logger } from "../logger";
 import { db, downloadsSublevel, gamesSublevel, levelKeys } from "@main/level";
 import { sortBy } from "lodash-es";
@@ -26,13 +26,9 @@ import { TorBoxClient } from "./torbox";
 import { GameFilesManager } from "../game-files-manager";
 import { HydraDebridClient } from "./hydra-debrid";
 import { BuzzheavierApi, FuckingFastApi } from "@main/services/hosters";
-import { JsHttpDownloader } from "./js-http-downloader";

 export class DownloadManager {
  private static downloadingGameId: string | null = null;
-  private static jsDownloader: JsHttpDownloader | null = null;
-  private static usingJsDownloader = false;
-  private static isPreparingDownload = false;

  private static extractFilename(
    url: string,
@@ -56,7 +52,7 @@ export class DownloadManager {
      const urlObj = new URL(url);
      const pathname = urlObj.pathname;
      const pathParts = pathname.split("/");
-      const filename = pathParts.at(-1);
+      const filename = pathParts[pathParts.length - 1];

      if (filename?.includes(".") && filename.length > 0) {
        return decodeURIComponent(filename);
@@ -72,34 +68,6 @@ export class DownloadManager {
    return filename.replaceAll(/[<>:"/\\|?*]/g, "_");
  }

-  private static resolveFilename(
-    resumingFilename: string | undefined,
-    originalUrl: string,
-    downloadUrl: string
-  ): string | undefined {
-    if (resumingFilename) return resumingFilename;
-
-    const extracted =
-      this.extractFilename(originalUrl, downloadUrl) ||
-      this.extractFilename(downloadUrl);
-
-    return extracted ? this.sanitizeFilename(extracted) : undefined;
-  }
-
-  private static buildDownloadOptions(
-    url: string,
-    savePath: string,
-    filename: string | undefined,
-    headers?: Record<string, string>
-  ) {
-    return {
-      url,
-      savePath,
-      filename,
-      headers,
-    };
-  }
-
  private static createDownloadPayload(
    directUrl: string,
    originalUrl: string,
@@ -131,19 +99,6 @@ export class DownloadManager {
    };
  }

-  private static async shouldUseJsDownloader(): Promise<boolean> {
-    const userPreferences = await db.get<string, UserPreferences | null>(
-      levelKeys.userPreferences,
-      { valueEncoding: "json" }
-    );
-    // Default to true - native HTTP downloader is enabled by default (opt-out)
-    return userPreferences?.useNativeHttpDownloader ?? true;
-  }
-
-  private static isHttpDownloader(downloader: Downloader): boolean {
-    return downloader !== Downloader.Torrent;
-  }
-
  public static async startRPC(
    download?: Download,
    downloadsToSeed?: Download[]
@@ -168,87 +123,7 @@ export class DownloadManager {
    }
  }

-  private static async getDownloadStatusFromJs(): Promise<DownloadProgress | null> {
-    if (!this.downloadingGameId) return null;
-
-    const downloadId = this.downloadingGameId;
-
-    // Return a "preparing" status while fetching download options
-    if (this.isPreparingDownload) {
-      try {
-        const download = await downloadsSublevel.get(downloadId);
-        if (!download) return null;
-
-        return {
-          numPeers: 0,
-          numSeeds: 0,
-          downloadSpeed: 0,
-          timeRemaining: -1,
-          isDownloadingMetadata: true, // Use this to indicate "preparing"
-          isCheckingFiles: false,
-          progress: 0,
-          gameId: downloadId,
-          download,
-        };
-      } catch {
-        return null;
-      }
-    }
-
-    if (!this.jsDownloader) return null;
-
-    const status = this.jsDownloader.getDownloadStatus();
-    if (!status) return null;
-
-    try {
-      const download = await downloadsSublevel.get(downloadId);
-      if (!download) return null;
-
-      const { progress, downloadSpeed, bytesDownloaded, fileSize, folderName } =
-        status;
-
-      // Only update fileSize in database if we actually know it (> 0)
-      // Otherwise keep the existing value to avoid showing "0 B"
-      const effectiveFileSize = fileSize > 0 ? fileSize : download.fileSize;
-
-      const updatedDownload = {
-        ...download,
-        bytesDownloaded,
-        fileSize: effectiveFileSize,
-        progress,
-        folderName,
-        status:
-          status.status === "complete"
-            ? ("complete" as const)
-            : ("active" as const),
-      };
-
-      if (status.status === "active" || status.status === "complete") {
-        await downloadsSublevel.put(downloadId, updatedDownload);
-      }
-
-      return {
-        numPeers: 0,
-        numSeeds: 0,
-        downloadSpeed,
-        timeRemaining: calculateETA(
-          effectiveFileSize ?? 0,
-          bytesDownloaded,
-          downloadSpeed
-        ),
-        isDownloadingMetadata: false,
-        isCheckingFiles: false,
-        progress,
-        gameId: downloadId,
-        download: updatedDownload,
-      };
-    } catch (err) {
-      logger.error("[DownloadManager] Error getting JS download status:", err);
-      return null;
-    }
-  }
-
-  private static async getDownloadStatusFromRpc(): Promise<DownloadProgress | null> {
+  private static async getDownloadStatus() {
    const response = await PythonRPC.rpc.get<LibtorrentPayload | null>(
      "/status"
    );
@@ -276,14 +151,28 @@ export class DownloadManager {
      if (!isDownloadingMetadata && !isCheckingFiles) {
        if (!download) return null;

-        await downloadsSublevel.put(downloadId, {
+        const updatedDownload = {
          ...download,
          bytesDownloaded,
          fileSize,
          progress,
          folderName,
-          status: "active",
-        });
+          status: "active" as const,
+        };
+
+        await downloadsSublevel.put(downloadId, updatedDownload);
+
+        return {
+          numPeers,
+          numSeeds,
+          downloadSpeed,
+          timeRemaining: calculateETA(fileSize, bytesDownloaded, downloadSpeed),
+          isDownloadingMetadata,
+          isCheckingFiles,
+          progress,
+          gameId: downloadId,
+          download: updatedDownload,
+        } as DownloadProgress;
      }

      return {
@@ -297,141 +186,105 @@ export class DownloadManager {
        gameId: downloadId,
        download,
      } as DownloadProgress;
-    } catch {
+    } catch (err) {
      return null;
    }
  }

-  private static async getDownloadStatus(): Promise<DownloadProgress | null> {
-    if (this.usingJsDownloader) {
-      return this.getDownloadStatusFromJs();
-    }
-    return this.getDownloadStatusFromRpc();
-  }
-
  public static async watchDownloads() {
    const status = await this.getDownloadStatus();
-    if (!status) return;

-    const { gameId, progress } = status;
-    const [download, game] = await Promise.all([
-      downloadsSublevel.get(gameId),
-      gamesSublevel.get(gameId),
-    ]);
+    if (status) {
+      const { gameId, progress } = status;

-    if (!download || !game) return;
+      const [download, game] = await Promise.all([
+        downloadsSublevel.get(gameId),
+        gamesSublevel.get(gameId),
+      ]);

-    this.sendProgressUpdate(progress, status, game);
+      if (!download || !game) return;

-    if (progress === 1) {
-      await this.handleDownloadCompletion(download, game, gameId);
-    }
-  }
-
-  private static sendProgressUpdate(
-    progress: number,
-    status: DownloadProgress,
-    game: any
-  ) {
-    if (WindowManager.mainWindow) {
-      WindowManager.mainWindow.setProgressBar(progress === 1 ? -1 : progress);
-      WindowManager.mainWindow.webContents.send(
-        "on-download-progress",
-        structuredClone({ ...status, game })
-      );
-    }
-  }
-
-  private static async handleDownloadCompletion(
-    download: Download,
-    game: any,
-    gameId: string
-  ) {
-    publishDownloadCompleteNotification(game);
-
-    const userPreferences = await db.get<string, UserPreferences | null>(
-      levelKeys.userPreferences,
-      { valueEncoding: "json" }
-    );
-
-    await this.updateDownloadStatus(
-      download,
-      gameId,
-      userPreferences?.seedAfterDownloadComplete
-    );
-
-    if (download.automaticallyExtract) {
-      this.handleExtraction(download, game);
-    }
-
-    await this.processNextQueuedDownload();
-  }
-
-  private static async updateDownloadStatus(
-    download: Download,
-    gameId: string,
-    shouldSeed?: boolean
-  ) {
-    const shouldExtract = download.automaticallyExtract;
-
-    if (shouldSeed && download.downloader === Downloader.Torrent) {
-      await downloadsSublevel.put(gameId, {
-        ...download,
-        status: "seeding",
-        shouldSeed: true,
-        queued: false,
-        extracting: shouldExtract,
-      });
-    } else {
-      await downloadsSublevel.put(gameId, {
-        ...download,
-        status: "complete",
-        shouldSeed: false,
-        queued: false,
-        extracting: shouldExtract,
-      });
-      this.cancelDownload(gameId);
-    }
-  }
-
-  private static handleExtraction(download: Download, game: any) {
-    const gameFilesManager = new GameFilesManager(game.shop, game.objectId);
-
-    if (
-      FILE_EXTENSIONS_TO_EXTRACT.some((ext) =>
-        download.folderName?.endsWith(ext)
-      )
-    ) {
-      gameFilesManager.extractDownloadedFile();
-    } else if (download.folderName) {
-      gameFilesManager
-        .extractFilesInDirectory(
-          path.join(download.downloadPath, download.folderName)
-        )
-        .then(() => gameFilesManager.setExtractionComplete());
-    }
-  }
-
-  private static async processNextQueuedDownload() {
-    const downloads = await downloadsSublevel
-      .values()
-      .all()
-      .then((games) =>
-        sortBy(
-          games.filter((game) => game.status === "paused" && game.queued),
-          "timestamp",
-          "DESC"
-        )
+      const userPreferences = await db.get<string, UserPreferences | null>(
+        levelKeys.userPreferences,
+        { valueEncoding: "json" }
      );

-    const [nextItemOnQueue] = downloads;
+      if (WindowManager.mainWindow && download) {
+        WindowManager.mainWindow.setProgressBar(progress === 1 ? -1 : progress);
+        WindowManager.mainWindow.webContents.send(
+          "on-download-progress",
+          JSON.parse(JSON.stringify({ ...status, game }))
+        );
+      }

-    if (nextItemOnQueue) {
-      this.resumeDownload(nextItemOnQueue);
-    } else {
-      this.downloadingGameId = null;
-      this.usingJsDownloader = false;
-      this.jsDownloader = null;
+      const shouldExtract = download.automaticallyExtract;
+
+      if (progress === 1 && download) {
+        publishDownloadCompleteNotification(game);
+
+        if (
+          userPreferences?.seedAfterDownloadComplete &&
+          download.downloader === Downloader.Torrent
+        ) {
+          await downloadsSublevel.put(gameId, {
+            ...download,
+            status: "seeding",
+            shouldSeed: true,
+            queued: false,
+            extracting: shouldExtract,
+          });
+        } else {
+          await downloadsSublevel.put(gameId, {
+            ...download,
+            status: "complete",
+            shouldSeed: false,
+            queued: false,
+            extracting: shouldExtract,
+          });
+
+          this.cancelDownload(gameId);
+        }
+
+        if (shouldExtract) {
+          const gameFilesManager = new GameFilesManager(
+            game.shop,
+            game.objectId
+          );
+
+          if (
+            FILE_EXTENSIONS_TO_EXTRACT.some((ext) =>
+              download.folderName?.endsWith(ext)
+            )
+          ) {
+            gameFilesManager.extractDownloadedFile();
+          } else if (download.folderName) {
+            gameFilesManager
+              .extractFilesInDirectory(
+                path.join(download.downloadPath, download.folderName)
+              )
+              .then(() => gameFilesManager.setExtractionComplete());
+          }
+        }
+
+        const downloads = await downloadsSublevel
+          .values()
+          .all()
+          .then((games) =>
+            sortBy(
+              games.filter((game) => game.status === "paused" && game.queued),
+              "timestamp",
+              "DESC"
+            )
+          );
+
+        const [nextItemOnQueue] = downloads;
+
+        if (nextItemOnQueue) {
+          this.resumeDownload(nextItemOnQueue);
+        } else {
+          this.downloadingGameId = null;
+        }
+      }
    }
  }

@@ -471,17 +324,12 @@ export class DownloadManager {
  }

  static async pauseDownload(downloadKey = this.downloadingGameId) {
-    if (this.usingJsDownloader && this.jsDownloader) {
-      logger.log("[DownloadManager] Pausing JS download");
-      this.jsDownloader.pauseDownload();
-    } else {
-      await PythonRPC.rpc
-        .post("/action", {
-          action: "pause",
-          game_id: downloadKey,
-        } as PauseDownloadPayload)
-        .catch(() => {});
-    }
+    await PythonRPC.rpc
+      .post("/action", {
+        action: "pause",
+        game_id: downloadKey,
+      } as PauseDownloadPayload)
+      .catch(() => {});

    if (downloadKey === this.downloadingGameId) {
      WindowManager.mainWindow?.setProgressBar(-1);
@@ -494,23 +342,14 @@ export class DownloadManager {
  }

  static async cancelDownload(downloadKey = this.downloadingGameId) {
-    if (this.usingJsDownloader && this.jsDownloader) {
-      logger.log("[DownloadManager] Cancelling JS download");
-      this.jsDownloader.cancelDownload();
-      this.jsDownloader = null;
-      this.usingJsDownloader = false;
-    } else if (!this.isPreparingDownload) {
-      await PythonRPC.rpc
-        .post("/action", { action: "cancel", game_id: downloadKey })
-        .catch((err) => logger.error("Failed to cancel game download", err));
-    }
+    await PythonRPC.rpc
+      .post("/action", { action: "cancel", game_id: downloadKey })
+      .catch((err) => logger.error("Failed to cancel game download", err));

    if (downloadKey === this.downloadingGameId) {
      WindowManager.mainWindow?.setProgressBar(-1);
      WindowManager.mainWindow?.webContents.send("on-download-progress", null);
      this.downloadingGameId = null;
-      this.isPreparingDownload = false;
-      this.usingJsDownloader = false;
    }
  }

@@ -530,241 +369,6 @@ export class DownloadManager {
    });
  }

-  private static async getJsDownloadOptions(download: Download): Promise<{
-    url: string;
-    savePath: string;
-    filename?: string;
-    headers?: Record<string, string>;
-  } | null> {
-    const resumingFilename = download.folderName || undefined;
-
-    switch (download.downloader) {
-      case Downloader.Gofile:
-        return this.getGofileDownloadOptions(download, resumingFilename);
-      case Downloader.PixelDrain:
-        return this.getPixelDrainDownloadOptions(download, resumingFilename);
-      case Downloader.Datanodes:
-        return this.getDatanodesDownloadOptions(download, resumingFilename);
-      case Downloader.Buzzheavier:
-        return this.getBuzzheavierDownloadOptions(download, resumingFilename);
-      case Downloader.FuckingFast:
-        return this.getFuckingFastDownloadOptions(download, resumingFilename);
-      case Downloader.Mediafire:
-        return this.getMediafireDownloadOptions(download, resumingFilename);
-      case Downloader.RealDebrid:
-        return this.getRealDebridDownloadOptions(download, resumingFilename);
-      case Downloader.TorBox:
-        return this.getTorBoxDownloadOptions(download, resumingFilename);
-      case Downloader.Hydra:
-        return this.getHydraDownloadOptions(download, resumingFilename);
-      case Downloader.VikingFile:
-        return this.getVikingFileDownloadOptions(download, resumingFilename);
-      case Downloader.Rootz:
-        return this.getRootzDownloadOptions(download, resumingFilename);
-      default:
-        return null;
-    }
-  }
-
-  private static async getGofileDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const id = download.uri.split("/").pop();
-    const token = await GofileApi.authorize();
-    const downloadLink = await GofileApi.getDownloadLink(id!);
-    await GofileApi.checkDownloadUrl(downloadLink);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadLink
-    );
-    return this.buildDownloadOptions(
-      downloadLink,
-      download.downloadPath,
-      filename,
-      { Cookie: `accountToken=${token}` }
-    );
-  }
-
-  private static async getPixelDrainDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const id = download.uri.split("/").pop();
-    const downloadUrl = await PixelDrainApi.getDownloadUrl(id!);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getDatanodesDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const downloadUrl = await DatanodesApi.getDownloadUrl(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getBuzzheavierDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    logger.log(
-      `[DownloadManager] Processing Buzzheavier download for URI: ${download.uri}`
-    );
-    const directUrl = await BuzzheavierApi.getDirectLink(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      directUrl
-    );
-    return this.buildDownloadOptions(
-      directUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getFuckingFastDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    logger.log(
-      `[DownloadManager] Processing FuckingFast download for URI: ${download.uri}`
-    );
-    const directUrl = await FuckingFastApi.getDirectLink(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      directUrl
-    );
-    return this.buildDownloadOptions(
-      directUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getMediafireDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const downloadUrl = await MediafireApi.getDownloadUrl(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getRealDebridDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const downloadUrl = await RealDebridClient.getDownloadUrl(download.uri);
-    if (!downloadUrl) throw new Error(DownloadError.NotCachedOnRealDebrid);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getTorBoxDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const { name, url } = await TorBoxClient.getDownloadInfo(download.uri);
-    if (!url) return null;
-    return this.buildDownloadOptions(
-      url,
-      download.downloadPath,
-      resumingFilename || name
-    );
-  }
-
-  private static async getHydraDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const downloadUrl = await HydraDebridClient.getDownloadUrl(download.uri);
-    if (!downloadUrl) throw new Error(DownloadError.NotCachedOnHydra);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getVikingFileDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    logger.log(
-      `[DownloadManager] Processing VikingFile download for URI: ${download.uri}`
-    );
-    const downloadUrl = await VikingFileApi.getDownloadUrl(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
-  private static async getRootzDownloadOptions(
-    download: Download,
-    resumingFilename?: string
-  ) {
-    const downloadUrl = await RootzApi.getDownloadUrl(download.uri);
-    const filename = this.resolveFilename(
-      resumingFilename,
-      download.uri,
-      downloadUrl
-    );
-    return this.buildDownloadOptions(
-      downloadUrl,
-      download.downloadPath,
-      filename
-    );
-  }
-
  private static async getDownloadPayload(download: Download) {
    const downloadId = levelKeys.game(download.shop, download.objectId);

@@ -796,6 +400,15 @@ export class DownloadManager {
          save_path: download.downloadPath,
        };
      }
+      case Downloader.Qiwi: {
+        const downloadUrl = await QiwiApi.getDownloadUrl(download.uri);
+        return {
+          action: "start",
+          game_id: downloadId,
+          url: downloadUrl,
+          save_path: download.downloadPath,
+        };
+      }
      case Downloader.Datanodes: {
        const downloadUrl = await DatanodesApi.getDownloadUrl(download.uri);
        return {
@@ -905,71 +518,31 @@ export class DownloadManager {
        logger.log(
          `[DownloadManager] Processing VikingFile download for URI: ${download.uri}`
        );
-        const downloadUrl = await VikingFileApi.getDownloadUrl(download.uri);
-        return this.createDownloadPayload(
-          downloadUrl,
-          download.uri,
-          downloadId,
-          download.downloadPath
-        );
+        try {
+          const downloadUrl = await VikingFileApi.getDownloadUrl(download.uri);
+          logger.log(`[DownloadManager] VikingFile direct URL obtained`);
+          return {
+            action: "start",
+            game_id: downloadId,
+            url: downloadUrl,
+            save_path: download.downloadPath,
+            header:
+              "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36",
+          };
+        } catch (error) {
+          logger.error(
+            `[DownloadManager] Error processing VikingFile download:`,
+            error
+          );
+          throw error;
+        }
      }
-      case Downloader.Rootz: {
-        const downloadUrl = await RootzApi.getDownloadUrl(download.uri);
-        return {
-          action: "start",
-          game_id: downloadId,
-          url: downloadUrl,
-          save_path: download.downloadPath,
-        };
-      }
-      default:
-        return undefined;
    }
  }

  static async startDownload(download: Download) {
-    const useJsDownloader = await this.shouldUseJsDownloader();
-    const isHttp = this.isHttpDownloader(download.downloader);
-    const downloadId = levelKeys.game(download.shop, download.objectId);
-
-    if (useJsDownloader && isHttp) {
-      logger.log("[DownloadManager] Using JS HTTP downloader");
-
-      // Set preparing state immediately so UI knows download is starting
-      this.downloadingGameId = downloadId;
-      this.isPreparingDownload = true;
-      this.usingJsDownloader = true;
-
-      try {
-        const options = await this.getJsDownloadOptions(download);
-
-        if (!options) {
-          this.isPreparingDownload = false;
-          this.usingJsDownloader = false;
-          this.downloadingGameId = null;
-          throw new Error("Failed to get download options for JS downloader");
-        }
-
-        this.jsDownloader = new JsHttpDownloader();
-        this.isPreparingDownload = false;
-
-        this.jsDownloader.startDownload(options).catch((err) => {
-          logger.error("[DownloadManager] JS download error:", err);
-          this.usingJsDownloader = false;
-          this.jsDownloader = null;
-        });
-      } catch (err) {
-        this.isPreparingDownload = false;
-        this.usingJsDownloader = false;
-        this.downloadingGameId = null;
-        throw err;
-      }
-    } else {
-      logger.log("[DownloadManager] Using Python RPC downloader");
-      const payload = await this.getDownloadPayload(download);
-      await PythonRPC.rpc.post("/action", payload);
-      this.downloadingGameId = downloadId;
-      this.usingJsDownloader = false;
-    }
+    const payload = await this.getDownloadPayload(download);
+    await PythonRPC.rpc.post("/action", payload);
+    this.downloadingGameId = levelKeys.game(download.shop, download.objectId);
  }
 }
--- a/src/main/services/download/index.ts
+++ b/src/main/services/download/index.ts
@@ -1,4 +1,3 @@
 export * from "./download-manager";
 export * from "./real-debrid";
 export * from "./torbox";
-export * from "./js-http-downloader";
--- a/src/main/services/download/js-http-downloader.ts
+++ b/src/main/services/download/js-http-downloader.ts
@@ -1,380 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { Readable } from "node:stream";
-import { pipeline } from "node:stream/promises";
-import { logger } from "../logger";
-
-export interface JsHttpDownloaderStatus {
-  folderName: string;
-  fileSize: number;
-  progress: number;
-  downloadSpeed: number;
-  numPeers: number;
-  numSeeds: number;
-  status: "active" | "paused" | "complete" | "error";
-  bytesDownloaded: number;
-}
-
-export interface JsHttpDownloaderOptions {
-  url: string;
-  savePath: string;
-  filename?: string;
-  headers?: Record<string, string>;
-}
-
-export class JsHttpDownloader {
-  private abortController: AbortController | null = null;
-  private writeStream: fs.WriteStream | null = null;
-  private currentOptions: JsHttpDownloaderOptions | null = null;
-
-  private bytesDownloaded = 0;
-  private fileSize = 0;
-  private downloadSpeed = 0;
-  private status: "active" | "paused" | "complete" | "error" = "paused";
-  private folderName = "";
-  private lastSpeedUpdate = Date.now();
-  private bytesAtLastSpeedUpdate = 0;
-  private isDownloading = false;
-
-  async startDownload(options: JsHttpDownloaderOptions): Promise<void> {
-    if (this.isDownloading) {
-      logger.log(
-        "[JsHttpDownloader] Download already in progress, resuming..."
-      );
-      return this.resumeDownload();
-    }
-
-    this.currentOptions = options;
-    this.abortController = new AbortController();
-    this.status = "active";
-    this.isDownloading = true;
-
-    const { url, savePath, filename, headers = {} } = options;
-    const { filePath, startByte, usedFallback } = this.prepareDownloadPath(
-      savePath,
-      filename,
-      url
-    );
-    const requestHeaders = this.buildRequestHeaders(headers, startByte);
-
-    try {
-      await this.executeDownload(
-        url,
-        requestHeaders,
-        filePath,
-        startByte,
-        savePath,
-        usedFallback
-      );
-    } catch (err) {
-      this.handleDownloadError(err as Error);
-    } finally {
-      this.isDownloading = false;
-      this.cleanup();
-    }
-  }
-
-  private prepareDownloadPath(
-    savePath: string,
-    filename: string | undefined,
-    url: string
-  ): { filePath: string; startByte: number; usedFallback: boolean } {
-    const extractedFilename = filename || this.extractFilename(url);
-    const usedFallback = !extractedFilename;
-    const resolvedFilename = extractedFilename || "download";
-    this.folderName = resolvedFilename;
-    const filePath = path.join(savePath, resolvedFilename);
-
-    if (!fs.existsSync(savePath)) {
-      fs.mkdirSync(savePath, { recursive: true });
-    }
-
-    let startByte = 0;
-    if (fs.existsSync(filePath)) {
-      const stats = fs.statSync(filePath);
-      startByte = stats.size;
-      this.bytesDownloaded = startByte;
-      logger.log(`[JsHttpDownloader] Resuming download from byte ${startByte}`);
-    }
-
-    this.resetSpeedTracking();
-    return { filePath, startByte, usedFallback };
-  }
-
-  private buildRequestHeaders(
-    headers: Record<string, string>,
-    startByte: number
-  ): Record<string, string> {
-    const requestHeaders: Record<string, string> = { ...headers };
-    if (startByte > 0) {
-      requestHeaders["Range"] = `bytes=${startByte}-`;
-    }
-    return requestHeaders;
-  }
-
-  private resetSpeedTracking(): void {
-    this.lastSpeedUpdate = Date.now();
-    this.bytesAtLastSpeedUpdate = this.bytesDownloaded;
-    this.downloadSpeed = 0;
-  }
-
-  private parseFileSize(response: Response, startByte: number): void {
-    const contentRange = response.headers.get("content-range");
-    if (contentRange) {
-      const match = /bytes \d+-\d+\/(\d+)/.exec(contentRange);
-      if (match) {
-        this.fileSize = Number.parseInt(match[1], 10);
-      }
-      return;
-    }
-
-    const contentLength = response.headers.get("content-length");
-    if (contentLength) {
-      this.fileSize = startByte + Number.parseInt(contentLength, 10);
-    }
-  }
-
-  private async executeDownload(
-    url: string,
-    requestHeaders: Record<string, string>,
-    filePath: string,
-    startByte: number,
-    savePath: string,
-    usedFallback: boolean
-  ): Promise<void> {
-    const response = await fetch(url, {
-      headers: requestHeaders,
-      signal: this.abortController?.signal,
-    });
-
-    // Handle 416 Range Not Satisfiable - existing file is larger than server file
-    // This happens when downloading same game from different source
-    if (response.status === 416 && startByte > 0) {
-      logger.log(
-        "[JsHttpDownloader] Range not satisfiable, deleting existing file and restarting"
-      );
-      if (fs.existsSync(filePath)) {
-        fs.unlinkSync(filePath);
-      }
-      this.bytesDownloaded = 0;
-      this.resetSpeedTracking();
-
-      // Retry without Range header
-      const headersWithoutRange = { ...requestHeaders };
-      delete headersWithoutRange["Range"];
-
-      return this.executeDownload(
-        url,
-        headersWithoutRange,
-        filePath,
-        0,
-        savePath,
-        usedFallback
-      );
-    }
-
-    if (!response.ok && response.status !== 206) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-
-    this.parseFileSize(response, startByte);
-
-    // If we used "download" fallback, try to get filename from Content-Disposition
-    let actualFilePath = filePath;
-    if (usedFallback && startByte === 0) {
-      const headerFilename = this.parseContentDisposition(response);
-      if (headerFilename) {
-        actualFilePath = path.join(savePath, headerFilename);
-        this.folderName = headerFilename;
-        logger.log(
-          `[JsHttpDownloader] Using filename from Content-Disposition: ${headerFilename}`
-        );
-      }
-    }
-
-    if (!response.body) {
-      throw new Error("Response body is null");
-    }
-
-    const flags = startByte > 0 ? "a" : "w";
-    this.writeStream = fs.createWriteStream(actualFilePath, { flags });
-
-    const readableStream = this.createReadableStream(response.body.getReader());
-    await pipeline(readableStream, this.writeStream);
-
-    this.status = "complete";
-    this.downloadSpeed = 0;
-    logger.log("[JsHttpDownloader] Download complete");
-  }
-
-  private parseContentDisposition(response: Response): string | undefined {
-    const header = response.headers.get("content-disposition");
-    if (!header) return undefined;
-
-    // Try to extract filename from Content-Disposition header
-    // Formats: attachment; filename="file.zip" or attachment; filename=file.zip
-    const filenameMatch = /filename\*?=['"]?(?:UTF-8'')?([^"';\n]+)['"]?/i.exec(
-      header
-    );
-    if (filenameMatch?.[1]) {
-      try {
-        return decodeURIComponent(filenameMatch[1].trim());
-      } catch {
-        return filenameMatch[1].trim();
-      }
-    }
-    return undefined;
-  }
-
-  private createReadableStream(
-    reader: ReadableStreamDefaultReader<Uint8Array>
-  ): Readable {
-    const onChunk = (length: number) => {
-      this.bytesDownloaded += length;
-      this.updateSpeed();
-    };
-
-    return new Readable({
-      read() {
-        reader
-          .read()
-          .then(({ done, value }) => {
-            if (done) {
-              this.push(null);
-              return;
-            }
-            onChunk(value.length);
-            this.push(Buffer.from(value));
-          })
-          .catch((err: Error) => {
-            if (err.name === "AbortError") {
-              this.push(null);
-            } else {
-              this.destroy(err);
-            }
-          });
-      },
-    });
-  }
-
-  private handleDownloadError(err: Error): void {
-    // Handle abort/cancellation errors - these are expected when user pauses/cancels
-    if (
-      err.name === "AbortError" ||
-      (err as NodeJS.ErrnoException).code === "ERR_STREAM_PREMATURE_CLOSE"
-    ) {
-      logger.log("[JsHttpDownloader] Download aborted");
-      this.status = "paused";
-    } else {
-      logger.error("[JsHttpDownloader] Download error:", err);
-      this.status = "error";
-      throw err;
-    }
-  }
-
-  private async resumeDownload(): Promise<void> {
-    if (!this.currentOptions) {
-      throw new Error("No download options available for resume");
-    }
-    this.isDownloading = false;
-    await this.startDownload(this.currentOptions);
-  }
-
-  pauseDownload(): void {
-    if (this.abortController) {
-      logger.log("[JsHttpDownloader] Pausing download");
-      this.abortController.abort();
-      this.status = "paused";
-      this.downloadSpeed = 0;
-    }
-  }
-
-  cancelDownload(deleteFile = true): void {
-    if (this.abortController) {
-      logger.log("[JsHttpDownloader] Cancelling download");
-      this.abortController.abort();
-    }
-
-    this.cleanup();
-
-    if (deleteFile && this.currentOptions && this.status !== "complete") {
-      const filePath = path.join(this.currentOptions.savePath, this.folderName);
-      if (fs.existsSync(filePath)) {
-        try {
-          fs.unlinkSync(filePath);
-          logger.log("[JsHttpDownloader] Deleted partial file");
-        } catch (err) {
-          logger.error(
-            "[JsHttpDownloader] Failed to delete partial file:",
-            err
-          );
-        }
-      }
-    }
-
-    this.reset();
-  }
-
-  getDownloadStatus(): JsHttpDownloaderStatus | null {
-    if (!this.currentOptions && this.status !== "active") {
-      return null;
-    }
-
-    return {
-      folderName: this.folderName,
-      fileSize: this.fileSize,
-      progress: this.fileSize > 0 ? this.bytesDownloaded / this.fileSize : 0,
-      downloadSpeed: this.downloadSpeed,
-      numPeers: 0,
-      numSeeds: 0,
-      status: this.status,
-      bytesDownloaded: this.bytesDownloaded,
-    };
-  }
-
-  private updateSpeed(): void {
-    const now = Date.now();
-    const elapsed = (now - this.lastSpeedUpdate) / 1000;
-
-    if (elapsed >= 1) {
-      const bytesDelta = this.bytesDownloaded - this.bytesAtLastSpeedUpdate;
-      this.downloadSpeed = bytesDelta / elapsed;
-      this.lastSpeedUpdate = now;
-      this.bytesAtLastSpeedUpdate = this.bytesDownloaded;
-    }
-  }
-
-  private extractFilename(url: string): string | undefined {
-    try {
-      const urlObj = new URL(url);
-      const pathname = urlObj.pathname;
-      const pathParts = pathname.split("/");
-      const filename = pathParts.at(-1);
-
-      if (filename?.includes(".") && filename.length > 0) {
-        return decodeURIComponent(filename);
-      }
-    } catch {
-      // Invalid URL
-    }
-    return undefined;
-  }
-
-  private cleanup(): void {
-    if (this.writeStream) {
-      this.writeStream.close();
-      this.writeStream = null;
-    }
-    this.abortController = null;
-  }
-
-  private reset(): void {
-    this.currentOptions = null;
-    this.bytesDownloaded = 0;
-    this.fileSize = 0;
-    this.downloadSpeed = 0;
-    this.status = "paused";
-    this.folderName = "";
-    this.isDownloading = false;
-  }
-}
--- a/src/main/services/hosters/index.ts
+++ b/src/main/services/hosters/index.ts
@@ -1,8 +1,8 @@
 export * from "./gofile";
+export * from "./qiwi";
 export * from "./datanodes";
 export * from "./mediafire";
 export * from "./pixeldrain";
 export * from "./buzzheavier";
 export * from "./fuckingfast";
 export * from "./vikingfile";
-export * from "./rootz";
--- a/src/main/services/hosters/qiwi.ts
+++ b/src/main/services/hosters/qiwi.ts
@@ -0,0 +1,15 @@
+import { requestWebPage } from "@main/helpers";
+
+export class QiwiApi {
+  public static async getDownloadUrl(url: string) {
+    const document = await requestWebPage(url);
+    const fileName = document.querySelector("h1")?.textContent;
+
+    const slug = url.split("/").pop();
+    const extension = fileName?.split(".").pop();
+
+    const downloadUrl = `https://spyderrock.com/${slug}.${extension}`;
+
+    return downloadUrl;
+  }
+}
--- a/src/main/services/hosters/rootz.ts
+++ b/src/main/services/hosters/rootz.ts
@@ -1,58 +0,0 @@
-import axios, { AxiosError } from "axios";
-import { logger } from "../logger";
-
-interface RootzApiResponse {
-  success: boolean;
-  data?: {
-    url: string;
-    fileName: string;
-    size: number;
-    mimeType: string;
-    expiresIn: number;
-    expiresAt: string | null;
-    downloads: number;
-    canDelete: boolean;
-    fileId: string;
-    isMirrored: boolean;
-    sourceService: string | null;
-    adsEnabled: boolean;
-  };
-  error?: string;
-}
-
-export class RootzApi {
-  public static async getDownloadUrl(uri: string): Promise<string> {
-    try {
-      const url = new URL(uri);
-      const pathSegments = url.pathname.split("/").filter(Boolean);
-
-      if (pathSegments.length < 2 || pathSegments[0] !== "d") {
-        throw new Error("Invalid rootz URL format");
-      }
-
-      const id = pathSegments[1];
-      const apiUrl = `https://www.rootz.so/api/files/download-by-short/${id}`;
-
-      const response = await axios.get<RootzApiResponse>(apiUrl);
-
-      if (response.data.success && response.data.data?.url) {
-        return response.data.data.url;
-      }
-
-      throw new Error("Failed to get download URL from rootz API");
-    } catch (error) {
-      if (axios.isAxiosError(error)) {
-        const axiosError = error as AxiosError<RootzApiResponse>;
-        if (axiosError.response?.status === 404) {
-          const errorMessage =
-            axiosError.response.data?.error || "File not found";
-          logger.error(`[Rootz] ${errorMessage}`);
-          throw new Error(errorMessage);
-        }
-      }
-
-      logger.error("[Rootz] Error fetching download URL:", error);
-      throw error;
-    }
-  }
-}
--- a/src/main/services/index.ts
+++ b/src/main/services/index.ts
@@ -13,6 +13,7 @@ export * from "./game-files-manager";
 export * from "./common-redist-manager";
 export * from "./aria2";
 export * from "./ws";
+export * from "./screenshot";
 export * from "./system-path";
 export * from "./library-sync";
 export * from "./wine";
--- a/src/main/services/screenshot.ts
+++ b/src/main/services/screenshot.ts
@@ -0,0 +1,179 @@
+import { desktopCapturer, nativeImage, app } from "electron";
+import fs from "node:fs";
+import path from "node:path";
+import { logger } from "./logger";
+import { screenshotsPath } from "@main/constants";
+
+export class ScreenshotService {
+  private static readonly SCREENSHOT_QUALITY = 80;
+  private static readonly SCREENSHOT_FORMAT = "jpeg";
+  private static readonly MAX_WIDTH = 1280;
+  private static readonly MAX_HEIGHT = 720;
+
+  private static compressImage(
+    image: Electron.NativeImage
+  ): Electron.NativeImage {
+    const size = image.getSize();
+
+    let newWidth = size.width;
+    let newHeight = size.height;
+
+    if (newWidth > this.MAX_WIDTH || newHeight > this.MAX_HEIGHT) {
+      const aspectRatio = newWidth / newHeight;
+
+      if (newWidth > newHeight) {
+        newWidth = this.MAX_WIDTH;
+        newHeight = Math.round(newWidth / aspectRatio);
+      } else {
+        newHeight = this.MAX_HEIGHT;
+        newWidth = Math.round(newHeight * aspectRatio);
+      }
+    }
+
+    if (newWidth !== size.width || newHeight !== size.height) {
+      return image.resize({ width: newWidth, height: newHeight });
+    }
+
+    return image;
+  }
+
+  public static async captureDesktopScreenshot(
+    gameTitle?: string,
+    achievementName?: string
+  ): Promise<string> {
+    try {
+      const sources = await desktopCapturer.getSources({
+        types: ["screen"],
+        thumbnailSize: { width: 1920, height: 1080 },
+      });
+
+      if (sources.length === 0) {
+        throw new Error("No desktop sources available for screenshot");
+      }
+
+      console.log("sources", sources);
+
+      const primaryScreen = sources[0];
+
+      const originalImage = nativeImage.createFromDataURL(
+        primaryScreen.thumbnail.toDataURL()
+      );
+
+      const compressedImage = this.compressImage(originalImage);
+
+      let finalDir = screenshotsPath;
+      let filename: string;
+
+      if (gameTitle && achievementName) {
+        const sanitizedGameTitle = gameTitle.replaceAll(/[<>:"/\\|?*]/g, "_");
+        const gameDir = path.join(screenshotsPath, sanitizedGameTitle);
+        finalDir = gameDir;
+
+        const sanitizedAchievementName = achievementName.replaceAll(
+          /[<>:"/\\|?*]/g,
+          "_"
+        );
+        filename = `${sanitizedAchievementName}.${this.SCREENSHOT_FORMAT}`;
+      } else {
+        const timestamp = Date.now();
+        filename = `achievement_screenshot_${timestamp}.${this.SCREENSHOT_FORMAT}`;
+      }
+
+      if (!fs.existsSync(finalDir)) {
+        fs.mkdirSync(finalDir, { recursive: true });
+      }
+
+      const screenshotPath = path.join(finalDir, filename);
+
+      const jpegBuffer = compressedImage.toJPEG(this.SCREENSHOT_QUALITY);
+      fs.writeFileSync(screenshotPath, jpegBuffer);
+
+      logger.log(`Compressed screenshot saved to: ${screenshotPath}`);
+      return screenshotPath;
+    } catch (error) {
+      logger.error("Failed to capture desktop screenshot:", error);
+      throw error;
+    }
+  }
+
+  public static async cleanupOldScreenshots(): Promise<void> {
+    try {
+      const userDataPath = app.getPath("userData");
+      const screenshotsDir = path.join(userDataPath, "screenshots");
+
+      if (!fs.existsSync(screenshotsDir)) {
+        return;
+      }
+
+      const getAllFiles = (
+        dir: string
+      ): Array<{ name: string; path: string; mtime: Date }> => {
+        const files: Array<{ name: string; path: string; mtime: Date }> = [];
+
+        const items = fs.readdirSync(dir);
+        for (const item of items) {
+          const itemPath = path.join(dir, item);
+          const stat = fs.statSync(itemPath);
+
+          if (stat.isDirectory()) {
+            files.push(...getAllFiles(itemPath));
+          } else if (item.endsWith(`.${this.SCREENSHOT_FORMAT}`)) {
+            files.push({
+              name: item,
+              path: itemPath,
+              mtime: stat.mtime,
+            });
+          }
+        }
+
+        return files;
+      };
+
+      const allFiles = getAllFiles(screenshotsDir).sort(
+        (a, b) => b.mtime.getTime() - a.mtime.getTime()
+      );
+
+      const filesToDelete = allFiles.slice(50);
+
+      for (const file of filesToDelete) {
+        try {
+          fs.unlinkSync(file.path);
+          logger.log(`Cleaned up old screenshot: ${file.name}`);
+        } catch (error) {
+          logger.error(`Failed to delete screenshot ${file.name}:`, error);
+        }
+      }
+
+      const cleanupEmptyDirs = (dir: string) => {
+        if (dir === screenshotsDir) return;
+
+        try {
+          const items = fs.readdirSync(dir);
+          if (items.length === 0) {
+            fs.rmdirSync(dir);
+            logger.log(`Cleaned up empty directory: ${dir}`);
+          }
+        } catch (error) {
+          logger.error(`Failed to read directory ${dir}:`, error);
+        }
+      };
+
+      const gameDirectories = fs
+        .readdirSync(screenshotsDir)
+        .map((item) => path.join(screenshotsDir, item))
+        .filter((itemPath) => {
+          try {
+            return fs.statSync(itemPath).isDirectory();
+          } catch {
+            return false;
+          }
+        });
+
+      for (const gameDir of gameDirectories) {
+        cleanupEmptyDirs(gameDir);
+      }
+    } catch (error) {
+      logger.error("Failed to cleanup old screenshots:", error);
+    }
+  }
+}
--- a/src/main/services/user/get-user-data.ts
+++ b/src/main/services/user/get-user-data.ts
@@ -1,4 +1,9 @@
-import { User, type ProfileVisibility, type UserDetails } from "@types";
+import {
+  User,
+  type ProfileVisibility,
+  type UserDetails,
+  type UserPreferences,
+} from "@types";
 import { HydraApi } from "../hydra-api";
 import { UserNotLoggedInError } from "@shared";
 import { logger } from "../logger";
@@ -6,7 +11,24 @@ import { db } from "@main/level";
 import { levelKeys } from "@main/level/sublevels";

 export const getUserData = async () => {
-  return HydraApi.get<UserDetails>(`/profile/me`)
+  let language = "en";
+  try {
+    const userPreferences = await db.get<string, UserPreferences | null>(
+      levelKeys.userPreferences,
+      { valueEncoding: "json" }
+    );
+
+    if (userPreferences?.language) {
+      const supportedLanguages = ["pt", "ru", "es"];
+      const userLang = userPreferences.language.split("-")[0];
+      language = supportedLanguages.includes(userLang) ? userLang : "en";
+    }
+  } catch (error) {
+    logger.error("Failed to get user preferences for language", error);
+  }
+
+  const params = new URLSearchParams({ language });
+  return HydraApi.get<UserDetails>(`/profile/me?${params.toString()}`)
    .then(async (me) => {
      try {
        const user = await db.get<string, User>(levelKeys.user, {
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -206,8 +206,6 @@ contextBridge.exposeInMainWorld("electron", {
  refreshLibraryAssets: () => ipcRenderer.invoke("refreshLibraryAssets"),
  openGameInstaller: (shop: GameShop, objectId: string) =>
    ipcRenderer.invoke("openGameInstaller", shop, objectId),
-  getGameInstallerActionType: (shop: GameShop, objectId: string) =>
-    ipcRenderer.invoke("getGameInstallerActionType", shop, objectId),
  openGameInstallerPath: (shop: GameShop, objectId: string) =>
    ipcRenderer.invoke("openGameInstallerPath", shop, objectId),
  openGameExecutablePath: (shop: GameShop, objectId: string) =>
@@ -365,9 +363,11 @@ contextBridge.exposeInMainWorld("electron", {
  ping: () => ipcRenderer.invoke("ping"),
  getVersion: () => ipcRenderer.invoke("getVersion"),
  getDefaultDownloadsPath: () => ipcRenderer.invoke("getDefaultDownloadsPath"),
+  getScreenshotsPath: () => ipcRenderer.invoke("getScreenshotsPath"),
  isStaging: () => ipcRenderer.invoke("isStaging"),
  isPortableVersion: () => ipcRenderer.invoke("isPortableVersion"),
  openExternal: (src: string) => ipcRenderer.invoke("openExternal", src),
+  openFolder: (path: string) => ipcRenderer.invoke("openFolder", path),
  openCheckout: () => ipcRenderer.invoke("openCheckout"),
  showOpenDialog: (options: Electron.OpenDialogOptions) =>
    ipcRenderer.invoke("showOpenDialog", options),
--- a/src/renderer/src/app.scss
+++ b/src/renderer/src/app.scss
@@ -47,6 +47,17 @@ button {
  font-family: inherit;
 }

+dialog {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  max-width: none;
+  max-height: none;
+  width: auto;
+  height: auto;
+}
+
 h1,
 h2,
 h3,
--- a/src/renderer/src/components/dropdown-menu/dropdown-menu.scss
+++ b/src/renderer/src/components/dropdown-menu/dropdown-menu.scss
@@ -8,7 +8,6 @@
    min-width: 200px;
    flex-direction: column;
    align-items: center;
-    animation: dropdown-menu-fade-in 0.2s ease-out;
  }

  &__group {
@@ -67,14 +66,3 @@
    justify-content: center;
  }
 }
-
-@keyframes dropdown-menu-fade-in {
-  0% {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
--- a/src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.scss
+++ b/src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.scss
@@ -0,0 +1,133 @@
+.fullscreen-image-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.9);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: fadeIn 0.2s ease-out;
+  cursor: pointer;
+
+  &__backdrop {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: transparent;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  &__container {
+    position: relative;
+    max-width: 95vw;
+    max-height: 95vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: default;
+  }
+
+  &__close-button {
+    position: fixed;
+    top: 52px;
+    right: 32px;
+    background: rgba(255, 255, 255, 0.1);
+    border: none;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    color: white;
+    transition: background-color 0.2s ease;
+    z-index: 10000;
+    pointer-events: auto;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.2);
+    }
+
+    &:focus {
+      outline: 2px solid var(--color-primary);
+      outline-offset: 2px;
+    }
+  }
+
+  &__image-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: 100%;
+    max-height: 100%;
+  }
+
+  &__image {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+    border-radius: 8px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    animation: scaleIn 0.2s ease-out;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes scaleIn {
+  from {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@media (max-width: 768px) {
+  .fullscreen-image-modal {
+    &__close-button {
+      top: 16px;
+      right: 16px;
+      width: 36px;
+      height: 36px;
+    }
+
+    &__container {
+      max-width: 100vw;
+      max-height: 100vh;
+      padding: 48px 16px 16px;
+    }
+  }
+}
+
+@media (max-height: 420px) {
+  .fullscreen-image-modal {
+    &__close-button {
+      top: 8px;
+      right: 8px;
+      width: 32px;
+      height: 32px;
+    }
+
+    &__container {
+      padding-top: 40px;
+    }
+  }
+}
--- a/src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.tsx
+++ b/src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.tsx
@@ -0,0 +1,66 @@
+import { useEffect } from "react";
+import { XIcon } from "@primer/octicons-react";
+import "./fullscreen-image-modal.scss";
+
+interface FullscreenImageModalProps {
+  isOpen: boolean;
+  imageUrl: string;
+  imageAlt: string;
+  onClose: () => void;
+}
+
+export function FullscreenImageModal({
+  isOpen,
+  imageUrl,
+  imageAlt,
+  onClose,
+}: Readonly<FullscreenImageModalProps>) {
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "hidden";
+    }
+
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen, onClose]);
+
+  if (!isOpen) return null;
+
+  return (
+    <dialog className="fullscreen-image-modal" aria-modal="true" open>
+      <button
+        type="button"
+        className="fullscreen-image-modal__backdrop"
+        onClick={onClose}
+        aria-label="Close fullscreen image"
+      />
+      <div className="fullscreen-image-modal__container">
+        <button
+          className="fullscreen-image-modal__close-button"
+          onClick={onClose}
+          aria-label="Close fullscreen image"
+        >
+          <XIcon size={24} />
+        </button>
+
+        <div className="fullscreen-image-modal__image-container">
+          <img
+            src={imageUrl}
+            alt={imageAlt}
+            className="fullscreen-image-modal__image"
+            loading="eager"
+          />
+        </div>
+      </div>
+    </dialog>
+  );
+}
--- a/src/renderer/src/components/fullscreen-image-modal/index.ts
+++ b/src/renderer/src/components/fullscreen-image-modal/index.ts
@@ -0,0 +1 @@
+export { FullscreenImageModal } from "./fullscreen-image-modal";
--- a/src/renderer/src/components/header/header.tsx
+++ b/src/renderer/src/components/header/header.tsx
@@ -224,6 +224,21 @@ export function Header() {
    setActiveIndex(-1);
  };

+  useEffect(() => {
+    const prevPath = sessionStorage.getItem("prevPath");
+    const currentPath = location.pathname;
+
+    if (
+      prevPath?.startsWith("/catalogue") &&
+      !currentPath.startsWith("/catalogue") &&
+      catalogueSearchValue
+    ) {
+      dispatch(setFilters({ title: "" }));
+    }
+
+    sessionStorage.setItem("prevPath", currentPath);
+  }, [location.pathname, catalogueSearchValue, dispatch]);
+
  useEffect(() => {
    if (!isDropdownVisible) return;

--- a/src/renderer/src/constants.ts
+++ b/src/renderer/src/constants.ts
@@ -7,6 +7,7 @@ export const DOWNLOADER_NAME = {
  [Downloader.Torrent]: "Torrent",
  [Downloader.Gofile]: "Gofile",
  [Downloader.PixelDrain]: "PixelDrain",
+  [Downloader.Qiwi]: "Qiwi",
  [Downloader.Datanodes]: "Datanodes",
  [Downloader.Mediafire]: "Mediafire",
  [Downloader.Buzzheavier]: "Buzzheavier",
@@ -14,7 +15,6 @@ export const DOWNLOADER_NAME = {
  [Downloader.TorBox]: "TorBox",
  [Downloader.Hydra]: "Nimbus",
  [Downloader.VikingFile]: "VikingFile",
-  [Downloader.Rootz]: "Rootz",
 };

 export const MAX_MINUTES_TO_SHOW_IN_PLAYTIME = 120;
--- a/src/renderer/src/context/user-profile/user-profile.context.tsx
+++ b/src/renderer/src/context/user-profile/user-profile.context.tsx
@@ -1,6 +1,12 @@
 import { darkenColor } from "@renderer/helpers";
 import { useAppSelector, useToast } from "@renderer/hooks";
-import type { Badge, UserProfile, UserStats, UserGame } from "@types";
+import type {
+  Badge,
+  UserProfile,
+  UserStats,
+  UserGame,
+  ProfileAchievement,
+} from "@types";
 import { average } from "color.js";

 import { createContext, useCallback, useEffect, useState } from "react";
@@ -202,22 +208,56 @@ export function UserProfileContextProvider({
    getUserStats();
    getUserLibraryGames();

-    return window.electron.hydraApi
-      .get<UserProfile>(`/users/${userId}`)
-      .then((userProfile) => {
-        setUserProfile(userProfile);
+    const currentLanguage = i18n.language.split("-")[0];
+    const supportedLanguages = ["pt", "ru", "es"];
+    const language = supportedLanguages.includes(currentLanguage)
+      ? currentLanguage
+      : "en";
+
+    const params = new URLSearchParams({ language });
+
+    // Fetch main profile data
+    const profilePromise = window.electron.hydraApi
+      .get<UserProfile>(`/users/${userId}?${params.toString()}`)
+      .catch(() => {
+        showErrorToast(t("user_not_found"));
+        navigate(-1);
+        throw new Error("Profile not found");
+      });
+
+    // Fetch achievements separately
+    const achievementsPromise = window.electron.hydraApi
+      .get<
+        ProfileAchievement[]
+      >(`/users/${userId}/achievements?${params.toString()}`)
+      .catch(() => null); // If achievements fail, just return null
+
+    return Promise.all([profilePromise, achievementsPromise]).then(
+      ([userProfile, achievements]) => {
+        // Merge achievements into the profile
+        const profileWithAchievements = {
+          ...userProfile,
+          achievements: achievements || null,
+        };
+
+        setUserProfile(profileWithAchievements);

        if (userProfile.profileImageUrl) {
          getHeroBackgroundFromImageUrl(userProfile.profileImageUrl).then(
            (color) => setHeroBackground(color)
          );
        }
-      })
-      .catch(() => {
-        showErrorToast(t("user_not_found"));
-        navigate(-1);
-      });
-  }, [navigate, getUserStats, getUserLibraryGames, showErrorToast, userId, t]);
+      }
+    );
+  }, [
+    navigate,
+    getUserStats,
+    getUserLibraryGames,
+    showErrorToast,
+    userId,
+    t,
+    i18n,
+  ]);

  const getBadges = useCallback(async () => {
    const language = i18n.language.split("-")[0];
--- a/src/renderer/src/declaration.d.ts
+++ b/src/renderer/src/declaration.d.ts
@@ -167,10 +167,6 @@ declare global {
    getLibrary: () => Promise<LibraryGame[]>;
    refreshLibraryAssets: () => Promise<void>;
    openGameInstaller: (shop: GameShop, objectId: string) => Promise<boolean>;
-    getGameInstallerActionType: (
-      shop: GameShop,
-      objectId: string
-    ) => Promise<"install" | "open-folder">;
    openGameInstallerPath: (shop: GameShop, objectId: string) => Promise<void>;
    openGameExecutablePath: (shop: GameShop, objectId: string) => Promise<void>;
    openGame: (
@@ -286,7 +282,9 @@ declare global {
    isStaging: () => Promise<boolean>;
    ping: () => string;
    getDefaultDownloadsPath: () => Promise<string>;
+    getScreenshotsPath: () => Promise<string>;
    isPortableVersion: () => Promise<boolean>;
+    openFolder: (path: string) => Promise<string>;
    showOpenDialog: (
      options: Electron.OpenDialogOptions
    ) => Promise<Electron.OpenDialogReturnValue>;
--- a/src/renderer/src/features/download-slice.ts
+++ b/src/renderer/src/features/download-slice.ts
@@ -31,16 +31,11 @@ export const downloadSlice = createSlice({
  reducers: {
    setLastPacket: (state, action: PayloadAction<DownloadProgress | null>) => {
      state.lastPacket = action.payload;
-
-      // Ensure payload exists and has a valid gameId before accessing
-      const payload = action.payload;
-      if (!state.gameId && payload?.gameId) {
-        state.gameId = payload.gameId;
-      }
+      if (!state.gameId && action.payload) state.gameId = action.payload.gameId;

      // Track peak speed and speed history atomically when packet arrives
-      if (payload?.gameId && payload.downloadSpeed != null) {
-        const { gameId, downloadSpeed } = payload;
+      if (action.payload?.gameId && action.payload.downloadSpeed != null) {
+        const { gameId, downloadSpeed } = action.payload;

        // Update peak speed if this is higher
        const currentPeak = state.peakSpeeds[gameId] || 0;
--- a/src/renderer/src/pages/achievements/achievement-list.tsx
+++ b/src/renderer/src/pages/achievements/achievement-list.tsx
@@ -2,9 +2,11 @@ import { useDate } from "@renderer/hooks";
 import type { UserAchievement } from "@types";
 import { useTranslation } from "react-i18next";
 import "./achievements.scss";
-import { EyeClosedIcon } from "@primer/octicons-react";
+import { EyeClosedIcon, SearchIcon } from "@primer/octicons-react";
 import HydraIcon from "@renderer/assets/icons/hydra.svg?react";
 import { useSubscription } from "@renderer/hooks/use-subscription";
+import { useState } from "react";
+import { FullscreenImageModal } from "@renderer/components/fullscreen-image-modal";

 interface AchievementListProps {
  achievements: UserAchievement[];
@@ -16,17 +18,34 @@ export function AchievementList({
  const { t } = useTranslation("achievement");
  const { showHydraCloudModal } = useSubscription();
  const { formatDateTime } = useDate();
+  const [fullscreenImage, setFullscreenImage] = useState<{
+    url: string;
+    alt: string;
+  } | null>(null);
+
+  const handleImageClick = (imageUrl: string, achievementName: string) => {
+    setFullscreenImage({
+      url: imageUrl,
+      alt: `${achievementName} screenshot`,
+    });
+  };
+
+  const closeFullscreenImage = () => {
+    setFullscreenImage(null);
+  };

  return (
    <ul className="achievements__list">
      {achievements.map((achievement) => (
        <li key={achievement.name} className="achievements__item">
-          <img
-            className={`achievements__item-image ${!achievement.unlocked ? "achievements__item-image--locked" : ""}`}
-            src={achievement.icon}
-            alt={achievement.displayName}
-            loading="lazy"
-          />
+          <div className="achievements__item-icon-container">
+            <img
+              className={`achievements__item-image ${!achievement.unlocked ? "achievements__item-image--locked" : ""}`}
+              src={achievement.icon}
+              alt={achievement.displayName}
+              loading="lazy"
+            />
+          </div>

          <div className="achievements__item-content">
            <h4 className="achievements__item-title">
@@ -44,6 +63,41 @@ export function AchievementList({
          </div>

          <div className="achievements__item-meta">
+            {achievement.imageUrl && achievement.unlocked && (
+              <div className="achievements__item-image-container">
+                <div className="achievements__item-custom-image-wrapper">
+                  <button
+                    type="button"
+                    className="achievements__item-image-button"
+                    onClick={() =>
+                      achievement.imageUrl &&
+                      handleImageClick(
+                        achievement.imageUrl,
+                        achievement.displayName
+                      )
+                    }
+                    aria-label={`View ${achievement.displayName} screenshot in fullscreen`}
+                    style={{
+                      cursor: "pointer",
+                      padding: 0,
+                      border: "none",
+                      background: "transparent",
+                    }}
+                  >
+                    <img
+                      className="achievements__item-custom-image"
+                      src={achievement.imageUrl}
+                      alt={`${achievement.displayName} screenshot`}
+                      loading="lazy"
+                    />
+                  </button>
+                  <div className="achievements__item-custom-image-overlay">
+                    <SearchIcon size={20} />
+                  </div>
+                </div>
+              </div>
+            )}
+
            {achievement.points != undefined ? (
              <div
                className="achievements__item-points"
@@ -66,6 +120,7 @@ export function AchievementList({
                <p className="achievements__item-points-value">???</p>
              </button>
            )}
+
            {achievement.unlockTime != null && (
              <div
                className="achievements__item-unlock-time"
@@ -79,6 +134,13 @@ export function AchievementList({
          </div>
        </li>
      ))}
+
+      <FullscreenImageModal
+        isOpen={fullscreenImage !== null}
+        imageUrl={fullscreenImage?.url || ""}
+        imageAlt={fullscreenImage?.alt || ""}
+        onClose={closeFullscreenImage}
+      />
    </ul>
  );
 }
--- a/src/renderer/src/pages/achievements/achievements-content.tsx
+++ b/src/renderer/src/pages/achievements/achievements-content.tsx
@@ -50,6 +50,7 @@ function AchievementSummary({ user, isComparison }: AchievementSummaryProps) {
            className="achievements-content__profile-avatar"
            src={user.profileImageUrl}
            alt={user.displayName}
+            loading="lazy"
          />
        ) : (
          <PersonIcon size={24} />
@@ -150,6 +151,7 @@ export function AchievementsContent({
            className="achievements-content__comparison__small-avatar"
            src={user.profileImageUrl}
            alt={user.displayName}
+            loading="lazy"
          />
        ) : (
          <PersonIcon size={24} />
@@ -166,6 +168,7 @@ export function AchievementsContent({
        src={shopDetails?.assets?.libraryHeroImageUrl ?? ""}
        className="achievements-content__achievements-list__image"
        alt={gameTitle}
+        loading="lazy"
      />

      <section
@@ -186,6 +189,7 @@ export function AchievementsContent({
                  src={shopDetails?.assets?.logoImageUrl ?? ""}
                  className="achievements-content__achievements-list__section__container__hero__content__game-logo"
                  alt={gameTitle}
+                  loading="lazy"
                />
              </Link>
            </div>
--- a/src/renderer/src/pages/achievements/achievements.scss
+++ b/src/renderer/src/pages/achievements/achievements.scss
@@ -117,6 +117,70 @@ $logo-max-width: 200px;
      }
    }

+    &-image-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 4px 0;
+    }
+
+    &-icon-container {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: globals.$spacing-unit;
+    }
+
+    &-custom-image {
+      width: 120px;
+      height: 60px;
+      border-radius: 4px;
+      object-fit: cover;
+      opacity: 0.9;
+      transition: all 0.2s ease;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+
+    &-custom-image-wrapper {
+      position: relative;
+      display: inline-block;
+      cursor: pointer;
+
+      &:hover {
+        .achievements__item-custom-image {
+          filter: grayscale(50%) brightness(0.7);
+        }
+
+        .achievements__item-custom-image-overlay {
+          opacity: 1;
+        }
+      }
+    }
+
+    &-custom-image-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: rgba(0, 0, 0, 0.3);
+      border-radius: 4px;
+      opacity: 0;
+      transition: opacity 0.2s ease;
+      pointer-events: none;
+      color: white;
+
+      svg {
+        filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
+      }
+    }
+
    &-content {
      flex: 1;
    }
@@ -153,6 +217,7 @@ $logo-max-width: 200px;
      display: flex;
      flex-direction: column;
      gap: 8px;
+      align-items: end;
    }

    &-points {
--- a/src/renderer/src/pages/downloads/download-group.scss
+++ b/src/renderer/src/pages/downloads/download-group.scss
@@ -427,7 +427,7 @@
    padding: 0;
    cursor: pointer;
    text-align: left;
-    width: fit-content;
+    width: 100%;
    transition: opacity 0.2s ease;

    &:focus,
@@ -509,15 +509,6 @@
  &__simple-menu-btn {
    padding: calc(globals.$spacing-unit);
    min-height: unset;
-    border-radius: 8px;
-  }
-
-  &__simple-action-btn {
-    padding: calc(globals.$spacing-unit);
-    min-height: unset;
-    gap: calc(globals.$spacing-unit);
-    min-width: 120px;
-    border-radius: 8px;
  }

  &__progress-wrapper {
--- a/src/renderer/src/pages/downloads/download-group.tsx
+++ b/src/renderer/src/pages/downloads/download-group.tsx
@@ -1,6 +1,6 @@
 import type { GameShop, LibraryGame, SeedingStatus } from "@types";

-import { Badge, Button, ConfirmationModal } from "@renderer/components";
+import { Badge, Button } from "@renderer/components";
 import {
  formatDownloadProgress,
  buildGameDetailsPath,
@@ -32,12 +32,12 @@ import {
  FileDirectoryIcon,
  LinkIcon,
  PlayIcon,
+  ThreeBarsIcon,
  TrashIcon,
  UnlinkIcon,
  XCircleIcon,
  GraphIcon,
 } from "@primer/octicons-react";
-import { MoreVertical, Folder } from "lucide-react";
 import { average } from "color.js";

 interface AnimatedPercentageProps {
@@ -219,7 +219,7 @@ interface HeroDownloadViewProps {
  calculateETA: () => string;
  pauseDownload: (shop: GameShop, objectId: string) => void;
  resumeDownload: (shop: GameShop, objectId: string) => void;
-  onCancelClick: (shop: GameShop, objectId: string) => void;
+  cancelDownload: (shop: GameShop, objectId: string) => void;
  t: (key: string) => string;
 }

@@ -238,7 +238,7 @@ function HeroDownloadView({
  calculateETA,
  pauseDownload,
  resumeDownload,
-  onCancelClick,
+  cancelDownload,
  t,
 }: Readonly<HeroDownloadViewProps>) {
  const navigate = useNavigate();
@@ -353,7 +353,7 @@ function HeroDownloadView({
                )}
                <button
                  type="button"
-                  onClick={() => onCancelClick(game.shop, game.objectId)}
+                  onClick={() => cancelDownload(game.shop, game.objectId)}
                  className="download-group__glass-btn"
                >
                  <XCircleIcon size={14} />
@@ -452,7 +452,6 @@ export function DownloadGroup({
  seedingStatus,
 }: Readonly<DownloadGroupProps>) {
  const { t } = useTranslation("downloads");
-  const { t: tGameDetails } = useTranslation("game_details");
  const navigate = useNavigate();

  const userPreferences = useAppSelector(
@@ -524,16 +523,6 @@ export function DownloadGroup({
  const [optimisticallyResumed, setOptimisticallyResumed] = useState<
    Record<string, boolean>
  >({});
-  const [cancelModalVisible, setCancelModalVisible] = useState(false);
-  const [gameToCancelShop, setGameToCancelShop] = useState<GameShop | null>(
-    null
-  );
-  const [gameToCancelObjectId, setGameToCancelObjectId] = useState<
-    string | null
-  >(null);
-  const [gameActionTypes, setGameActionTypes] = useState<
-    Record<string, "install" | "open-folder">
-  >({});

  const extractDominantColor = useCallback(
    async (imageUrl: string, gameId: string) => {
@@ -624,17 +613,10 @@ export function DownloadGroup({
    const download = game.download!;
    const isGameDownloading = isGameDownloadingMap[game.id];

-    // Check lastPacket first for most up-to-date size during active downloads
-    if (
-      isGameDownloading &&
-      lastPacket?.download.fileSize &&
-      lastPacket.download.fileSize > 0
-    )
-      return formatBytes(lastPacket.download.fileSize);
+    if (download.fileSize != null) return formatBytes(download.fileSize);

-    // Then check the stored download size (must be > 0 to be valid)
-    if (download.fileSize != null && download.fileSize > 0)
-      return formatBytes(download.fileSize);
+    if (lastPacket?.download.fileSize && isGameDownloading)
+      return formatBytes(lastPacket.download.fileSize);

    return "N/A";
  };
@@ -669,27 +651,6 @@ export function DownloadGroup({
    [updateLibrary]
  );

-  const handleCancelClick = useCallback((shop: GameShop, objectId: string) => {
-    setGameToCancelShop(shop);
-    setGameToCancelObjectId(objectId);
-    setCancelModalVisible(true);
-  }, []);
-
-  const handleConfirmCancel = useCallback(async () => {
-    if (gameToCancelShop && gameToCancelObjectId) {
-      await cancelDownload(gameToCancelShop, gameToCancelObjectId);
-    }
-    setCancelModalVisible(false);
-    setGameToCancelShop(null);
-    setGameToCancelObjectId(null);
-  }, [gameToCancelShop, gameToCancelObjectId, cancelDownload]);
-
-  const handleCancelModalClose = useCallback(() => {
-    setCancelModalVisible(false);
-    setGameToCancelShop(null);
-    setGameToCancelObjectId(null);
-  }, []);
-
  const getGameActions = (game: LibraryGame): DropdownMenuItem[] => {
    const download = lastPacket?.download;
    const isGameDownloading = isGameDownloadingMap[game.id];
@@ -698,6 +659,14 @@ export function DownloadGroup({

    if (game.download?.progress === 1) {
      const actions = [
+        {
+          label: t("install"),
+          disabled: deleting,
+          onClick: () => {
+            openGameInstaller(game.shop, game.objectId);
+          },
+          icon: <DownloadIcon />,
+        },
        {
          label: t("extract"),
          disabled: game.download.extracting,
@@ -752,7 +721,7 @@ export function DownloadGroup({
        {
          label: t("cancel"),
          onClick: () => {
-            handleCancelClick(game.shop, game.objectId);
+            cancelDownload(game.shop, game.objectId);
          },
          icon: <XCircleIcon />,
        },
@@ -777,7 +746,7 @@ export function DownloadGroup({
      {
        label: t("cancel"),
        onClick: () => {
-          handleCancelClick(game.shop, game.objectId);
+          cancelDownload(game.shop, game.objectId);
        },
        icon: <XCircleIcon />,
      },
@@ -801,37 +770,6 @@ export function DownloadGroup({
    ]
  );

-  // Fetch action types for completed games
-  useEffect(() => {
-    const fetchActionTypes = async () => {
-      const completedGames = library.filter(
-        (game) => game.download?.progress === 1
-      );
-
-      const actionTypesPromises = completedGames.map(async (game) => {
-        try {
-          const actionType = await window.electron.getGameInstallerActionType(
-            game.shop,
-            game.objectId
-          );
-          return { gameId: game.id, actionType };
-        } catch {
-          return { gameId: game.id, actionType: "open-folder" as const };
-        }
-      });
-
-      const results = await Promise.all(actionTypesPromises);
-      const newActionTypes: Record<string, "install" | "open-folder"> = {};
-      results.forEach(({ gameId, actionType }) => {
-        newActionTypes[gameId] = actionType;
-      });
-
-      setGameActionTypes((prev) => ({ ...prev, ...newActionTypes }));
-    };
-
-    fetchActionTypes();
-  }, [library]);
-
  if (!library.length) return null;

  const isDownloadingGroup = title === t("download_in_progress");
@@ -866,179 +804,136 @@ export function DownloadGroup({
    const dominantColor = dominantColors[game.id] || "#fff";

    return (
-      <>
-        <ConfirmationModal
-          visible={cancelModalVisible}
-          title={t("cancel_download")}
-          descriptionText={t("cancel_download_description")}
-          confirmButtonLabel={t("yes_cancel")}
-          cancelButtonLabel={t("keep_downloading")}
-          onConfirm={handleConfirmCancel}
-          onClose={handleCancelModalClose}
-        />
-        <HeroDownloadView
-          game={game}
-          isGameDownloading={isGameDownloading}
-          isGameExtracting={isGameExtracting}
-          downloadSpeed={downloadSpeed}
-          finalDownloadSize={finalDownloadSize}
-          peakSpeed={peakSpeed}
-          currentProgress={currentProgress}
-          dominantColor={dominantColor}
-          lastPacket={lastPacket}
-          speedHistory={gameSpeedHistory}
-          formatSpeed={formatSpeed}
-          calculateETA={calculateETA}
-          pauseDownload={pauseDownload}
-          resumeDownload={resumeDownload}
-          onCancelClick={handleCancelClick}
-          t={t}
-        />
-      </>
+      <HeroDownloadView
+        game={game}
+        isGameDownloading={isGameDownloading}
+        isGameExtracting={isGameExtracting}
+        downloadSpeed={downloadSpeed}
+        finalDownloadSize={finalDownloadSize}
+        peakSpeed={peakSpeed}
+        currentProgress={currentProgress}
+        dominantColor={dominantColor}
+        lastPacket={lastPacket}
+        speedHistory={gameSpeedHistory}
+        formatSpeed={formatSpeed}
+        calculateETA={calculateETA}
+        pauseDownload={pauseDownload}
+        resumeDownload={resumeDownload}
+        cancelDownload={cancelDownload}
+        t={t}
+      />
    );
  }

  return (
-    <>
-      <ConfirmationModal
-        visible={cancelModalVisible}
-        title={t("cancel_download")}
-        descriptionText={t("cancel_download_description")}
-        confirmButtonLabel={t("yes_cancel")}
-        cancelButtonLabel={t("keep_downloading")}
-        onConfirm={handleConfirmCancel}
-        onClose={handleCancelModalClose}
-      />
-      <div
-        className={`download-group ${isQueuedGroup ? "download-group--queued" : ""} ${isCompletedGroup ? "download-group--completed" : ""}`}
-      >
-        <div className="download-group__header">
-          <div className="download-group__header-title-group">
-            <h2>{title}</h2>
-            <h3 className="download-group__header-count">{library.length}</h3>
-          </div>
+    <div
+      className={`download-group ${isQueuedGroup ? "download-group--queued" : ""} ${isCompletedGroup ? "download-group--completed" : ""}`}
+    >
+      <div className="download-group__header">
+        <div className="download-group__header-title-group">
+          <h2>{title}</h2>
+          <h3 className="download-group__header-count">{library.length}</h3>
        </div>
+      </div>

-        <ul className="download-group__simple-list">
-          {downloadInfo.map(({ game, size, progress, isSeeding: seeding }) => {
-            return (
-              <li key={game.id} className="download-group__simple-card">
+      <ul className="download-group__simple-list">
+        {downloadInfo.map(({ game, size, progress, isSeeding: seeding }) => {
+          return (
+            <li key={game.id} className="download-group__simple-card">
+              <button
+                type="button"
+                onClick={() => navigate(buildGameDetailsPath(game))}
+                className="download-group__simple-thumbnail"
+              >
+                <img src={game.libraryImageUrl || ""} alt={game.title} />
+              </button>
+
+              <div className="download-group__simple-info">
                <button
                  type="button"
                  onClick={() => navigate(buildGameDetailsPath(game))}
-                  className="download-group__simple-thumbnail"
+                  className="download-group__simple-title-button"
                >
-                  <img src={game.libraryImageUrl || ""} alt={game.title} />
+                  <h3 className="download-group__simple-title">{game.title}</h3>
                </button>
+                <div className="download-group__simple-meta">
+                  <div className="download-group__simple-meta-row">
+                    <Badge>
+                      {DOWNLOADER_NAME[Number(game.download!.downloader)]}
+                    </Badge>
+                  </div>
+                  <div className="download-group__simple-meta-row">
+                    {extraction?.visibleId === game.id ? (
+                      <span className="download-group__simple-extracting">
+                        {t("extracting")} (
+                        {Math.round(extraction.progress * 100)}%)
+                      </span>
+                    ) : (
+                      <span className="download-group__simple-size">
+                        <DownloadIcon size={14} />
+                        {size}
+                      </span>
+                    )}
+                    {game.download?.progress === 1 && seeding && (
+                      <span className="download-group__simple-seeding">
+                        {t("seeding")}
+                      </span>
+                    )}
+                  </div>
+                </div>
+              </div>

-                <div className="download-group__simple-info">
-                  <button
-                    type="button"
-                    onClick={() => navigate(buildGameDetailsPath(game))}
-                    className="download-group__simple-title-button"
+              {isQueuedGroup && (
+                <div className="download-group__simple-progress">
+                  <span className="download-group__simple-progress-text">
+                    {formatDownloadProgress(progress)}
+                  </span>
+                  <div className="download-group__progress-bar download-group__progress-bar--small">
+                    <div
+                      className="download-group__progress-fill"
+                      style={{
+                        width: `${progress * 100}%`,
+                        backgroundColor: "#fff",
+                      }}
+                    />
+                  </div>
+                </div>
+              )}
+
+              <div className="download-group__simple-actions">
+                {game.download?.progress === 1 && (
+                  <Button
+                    theme="primary"
+                    onClick={() => openGameInstaller(game.shop, game.objectId)}
+                    disabled={isGameDeleting(game.id)}
+                    className="download-group__simple-menu-btn"
                  >
-                    <h3 className="download-group__simple-title">
-                      {game.title}
-                    </h3>
-                  </button>
-                  <div className="download-group__simple-meta">
-                    <div className="download-group__simple-meta-row">
-                      <Badge>
-                        {DOWNLOADER_NAME[Number(game.download!.downloader)]}
-                      </Badge>
-                    </div>
-                    <div className="download-group__simple-meta-row">
-                      {extraction?.visibleId === game.id ? (
-                        <span className="download-group__simple-extracting">
-                          {t("extracting")} (
-                          {Math.round(extraction.progress * 100)}%)
-                        </span>
-                      ) : (
-                        <span className="download-group__simple-size">
-                          <DownloadIcon size={14} />
-                          {size}
-                        </span>
-                      )}
-                      {game.download?.progress === 1 && seeding && (
-                        <span className="download-group__simple-seeding">
-                          {t("seeding")}
-                        </span>
-                      )}
-                    </div>
-                  </div>
-                </div>
-
-                {isQueuedGroup && (
-                  <div className="download-group__simple-progress">
-                    <span className="download-group__simple-progress-text">
-                      {formatDownloadProgress(progress)}
-                    </span>
-                    <div className="download-group__progress-bar download-group__progress-bar--small">
-                      <div
-                        className="download-group__progress-fill"
-                        style={{
-                          width: `${progress * 100}%`,
-                          backgroundColor: "#fff",
-                        }}
-                      />
-                    </div>
-                  </div>
+                    <PlayIcon size={16} />
+                  </Button>
                )}
-
-                <div className="download-group__simple-actions">
-                  {game.download?.progress === 1 &&
-                    (() => {
-                      const actionType =
-                        gameActionTypes[game.id] || "open-folder";
-                      const isInstall = actionType === "install";
-
-                      return (
-                        <Button
-                          theme="primary"
-                          onClick={() =>
-                            openGameInstaller(game.shop, game.objectId)
-                          }
-                          disabled={isGameDeleting(game.id)}
-                          className="download-group__simple-action-btn"
-                        >
-                          {isInstall ? (
-                            <>
-                              <DownloadIcon size={16} />
-                              {t("install")}
-                            </>
-                          ) : (
-                            <>
-                              <Folder size={16} />
-                              {tGameDetails("open_folder")}
-                            </>
-                          )}
-                        </Button>
-                      );
-                    })()}
-                  {isQueuedGroup && game.download?.progress !== 1 && (
-                    <Button
-                      theme="primary"
-                      onClick={() => resumeDownload(game.shop, game.objectId)}
-                      className="download-group__simple-menu-btn"
-                      tooltip={t("resume")}
-                    >
-                      <DownloadIcon size={16} />
-                    </Button>
-                  )}
-                  <DropdownMenu align="end" items={getGameActions(game)}>
-                    <Button
-                      theme="outline"
-                      className="download-group__simple-menu-btn"
-                    >
-                      <MoreVertical size={16} />
-                    </Button>
-                  </DropdownMenu>
-                </div>
-              </li>
-            );
-          })}
-        </ul>
-      </div>
-    </>
+                {isQueuedGroup && game.download?.progress !== 1 && (
+                  <Button
+                    theme="primary"
+                    onClick={() => resumeDownload(game.shop, game.objectId)}
+                    className="download-group__simple-menu-btn"
+                    tooltip={t("resume")}
+                  >
+                    <DownloadIcon size={16} />
+                  </Button>
+                )}
+                <DropdownMenu align="end" items={getGameActions(game)}>
+                  <Button
+                    theme="outline"
+                    className="download-group__simple-menu-btn"
+                  >
+                    <ThreeBarsIcon />
+                  </Button>
+                </DropdownMenu>
+              </div>
+            </li>
+          );
+        })}
+      </ul>
+    </div>
  );
 }
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -114,6 +114,7 @@ export function Sidebar() {
                    }`}
                    src={achievement.icon}
                    alt={achievement.displayName}
+                    loading="lazy"
                  />
                  <div>
                    <p>{achievement.displayName}</p>
@@ -164,6 +165,7 @@ export function Sidebar() {
                    }`}
                    src={achievement.icon}
                    alt={achievement.displayName}
+                    loading="lazy"
                  />
                  <div>
                    <p>{achievement.displayName}</p>
--- a/src/renderer/src/pages/notifications/notifications.scss
+++ b/src/renderer/src/pages/notifications/notifications.scss
@@ -91,7 +91,6 @@
    display: flex;
    flex-direction: column;
    gap: globals.$spacing-unit;
-    padding-bottom: calc(globals.$spacing-unit * 3);
  }

  &__empty {
@@ -135,6 +134,5 @@
    display: flex;
    justify-content: center;
    padding: calc(globals.$spacing-unit * 2);
-    padding-bottom: calc(globals.$spacing-unit * 3);
  }
 }
--- a/src/renderer/src/pages/profile/profile-content/delete-souvenir-modal.tsx
+++ b/src/renderer/src/pages/profile/profile-content/delete-souvenir-modal.tsx
@@ -0,0 +1,41 @@
+import { useTranslation } from "react-i18next";
+import { Button, Modal } from "@renderer/components";
+import "../../../pages/game-details/modals/delete-review-modal.scss";
+
+interface DeleteSouvenirModalProps {
+  visible: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+}
+
+export function DeleteSouvenirModal({
+  visible,
+  onClose,
+  onConfirm,
+}: Readonly<DeleteSouvenirModalProps>) {
+  const { t } = useTranslation("user_profile");
+
+  const handleDeleteSouvenir = () => {
+    onConfirm();
+    onClose();
+  };
+
+  return (
+    <Modal
+      visible={visible}
+      title={t("delete_souvenir_modal_title")}
+      description={t("delete_souvenir_modal_description")}
+      onClose={onClose}
+    >
+      <div className="delete-review-modal__actions">
+        <Button onClick={onClose} theme="outline">
+          {t("delete_souvenir_modal_cancel_button")}
+        </Button>
+
+        <Button onClick={handleDeleteSouvenir} theme="danger">
+          {t("delete_souvenir_modal_delete_button")}
+        </Button>
+      </div>
+    </Modal>
+  );
+}
--- a/src/renderer/src/pages/profile/profile-content/friends-box.scss
+++ b/src/renderer/src/pages/profile/profile-content/friends-box.scss
@@ -4,20 +4,6 @@
  &__box {
    padding: calc(globals.$spacing-unit * 2);
    position: relative;
-
-    &--empty {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: calc(globals.$spacing-unit * 2);
-    }
-  }
-
-  &__empty-text {
-    color: globals.$muted-color;
-    font-size: globals.$small-font-size;
-    margin: 0;
-    text-align: center;
  }

  &__add-friend-button {
--- a/src/renderer/src/pages/profile/profile-content/friends-box.tsx
+++ b/src/renderer/src/pages/profile/profile-content/friends-box.tsx
@@ -19,7 +19,6 @@ export function FriendsBox() {
  const [showAddFriendModal, setShowAddFriendModal] = useState(false);

  const isMe = userDetails?.id === userProfile?.id;
-  const hasFriends = userProfile?.friends && userProfile.friends.length > 0;

  const getGameImage = (game: { iconUrl: string | null; title: string }) => {
    if (game.iconUrl) {
@@ -36,15 +35,7 @@ export function FriendsBox() {
    return <SteamLogo width={16} height={16} />;
  };

-  if (!hasFriends) {
-    if (!isMe) return null;
-
-    return (
-      <div className="friends-box__box friends-box__box--empty">
-        <p className="friends-box__empty-text">{t("no_friends_yet")}</p>
-      </div>
-    );
-  }
+  if (!userProfile?.friends.length) return null;

  const visibleFriends = userProfile.friends.slice(0, MAX_VISIBLE_FRIENDS);
  const totalFriends = userProfile.friends.length;
--- a/src/renderer/src/pages/profile/profile-content/profile-content.scss
+++ b/src/renderer/src/pages/profile/profile-content/profile-content.scss
@@ -206,6 +206,313 @@
      display: block;
    }
  }
+
+  &__images-section {
+    margin-bottom: calc(globals.$spacing-unit * 3);
+  }
+
+  &__images-grid {
+    display: grid;
+    gap: calc(globals.$spacing-unit * 2);
+    padding-bottom: calc(globals.$spacing-unit);
+    grid-template-columns: repeat(2, 1fr);
+
+    @container #{globals.$app-container} (min-width: 1000px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    @container #{globals.$app-container} (min-width: 1300px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+
+    @container #{globals.$app-container} (min-width: 2000px) {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
+    @container #{globals.$app-container} (min-width: 2600px) {
+      grid-template-columns: repeat(6, 1fr);
+    }
+
+    @container #{globals.$app-container} (min-width: 3000px) {
+      grid-template-columns: repeat(8, 1fr);
+    }
+  }
+
+  &__image-card {
+    background: rgba(0, 0, 0, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 12px;
+    overflow: hidden;
+    transition: all ease 0.2s;
+    position: relative;
+    container-type: inline-size;
+
+    &:hover {
+      transform: translateY(-4px);
+      background: rgba(0, 0, 0, 0.4);
+      border-color: rgba(255, 255, 255, 0.2);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+    }
+
+    @container (max-width: 240px) {
+      .profile-content__image-achievement-icon {
+        width: 20px;
+        height: 20px;
+      }
+
+      .profile-content__image-achievement-name {
+        font-size: 13px;
+      }
+
+      .profile-content__image-game-title {
+        font-size: 11px;
+      }
+    }
+
+    @container (max-width: 280px) {
+      .profile-content__image-card-content {
+        gap: calc(globals.$spacing-unit * 0.75);
+      }
+    }
+  }
+
+  &__image-card-header {
+    width: 100%;
+    aspect-ratio: 16/9;
+    overflow: hidden;
+    position: relative;
+  }
+
+  &__image-achievement-image-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .profile-content__image-button {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+
+    &:hover .profile-content__image-achievement-image-overlay {
+      opacity: 1;
+    }
+  }
+
+  &__image-achievement-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform 0.2s ease;
+    display: block;
+  }
+
+  &__image-achievement-image-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+    pointer-events: none;
+
+    svg {
+      color: white;
+    }
+  }
+
+  &__image-delete-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0;
+    background: transparent;
+    border: 1px solid rgba(244, 67, 54, 0.5);
+    border-radius: 6px;
+    padding: 0;
+    color: rgba(244, 67, 54, 0.9);
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    width: 32px;
+    height: 32px;
+
+    &:hover {
+      background: rgba(244, 67, 54, 0.1);
+      border-color: rgba(244, 67, 54, 0.8);
+      color: #ff7961;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      border-color: rgba(244, 67, 54, 0.2);
+    }
+  }
+
+  // Show overlay on keyboard focus for accessibility
+  &__image-button:focus-visible + &__image-achievement-image-overlay {
+    opacity: 1;
+  }
+
+  &__image-card-content {
+    padding: 16px;
+    background: #121212;
+    backdrop-filter: blur(10px);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  &__image-card-row {
+    display: flex;
+    gap: calc(globals.$spacing-unit * 1.5);
+    align-items: center;
+  }
+
+  &__image-achievement-text {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__image-achievement-description {
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.6);
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    line-height: 1.4;
+  }
+
+  &__image-card-right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: center;
+    gap: 8px;
+    flex-shrink: 0;
+    height: 100%;
+  }
+
+  &__image-unlock-time {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    background: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(4px);
+    color: rgba(255, 255, 255, 0.9);
+    padding: 4px 8px;
+    border-radius: 6px;
+    font-size: 11px;
+    font-weight: 500;
+    z-index: 2;
+    pointer-events: none;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  &__image-achievement-info {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 1);
+    position: relative;
+    z-index: 2;
+  }
+
+  &__image-achievement-icon {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    flex-shrink: 0;
+
+    &--large {
+      width: 36px;
+      height: 36px;
+    }
+  }
+
+  &__image-achievement-name {
+    font-size: 14px;
+    font-weight: 600;
+    color: white;
+    line-height: 1.3;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__image-game-info {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: calc(globals.$spacing-unit * 1);
+    position: relative;
+    z-index: 2;
+    min-width: 0;
+  }
+
+  &__image-game-left {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 0.75);
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__image-game-icon {
+    width: 16px;
+    height: 16px;
+    border-radius: 2px;
+    flex-shrink: 0;
+  }
+
+  &__image-game-title {
+    font-size: 12px;
+    font-weight: 500;
+    color: rgba(255, 255, 255, 0.7);
+    line-height: 1.2;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &__image-item {
+    flex-shrink: 0;
+    position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    transition: transform ease 0.2s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+
+  &__image {
+    width: 64px;
+    height: 64px;
+    object-fit: cover;
+    border-radius: 8px;
+    border: 2px solid rgba(255, 255, 255, 0.1);
+    transition: border-color ease 0.2s;
+
+    &:hover {
+      border-color: rgba(255, 255, 255, 0.3);
+    }
+  }
 }

 // Reviews minimal styles
--- a/src/renderer/src/pages/profile/profile-content/profile-content.tsx
+++ b/src/renderer/src/pages/profile/profile-content/profile-content.tsx
@@ -10,6 +10,7 @@ import {
 import { ProfileHero } from "../profile-hero/profile-hero";
 import { useAppDispatch, useFormat, useUserDetails } from "@renderer/hooks";
 import { setHeaderTitle } from "@renderer/features";
+import { TelescopeIcon } from "@primer/octicons-react";
 import { useTranslation } from "react-i18next";
 import type { GameShop } from "@types";
 import { LockedProfile } from "./locked-profile";
@@ -18,14 +19,17 @@ import { BadgesBox } from "./badges-box";
 import { FriendsBox, FriendsBoxAddButton } from "./friends-box";
 import { RecentGamesBox } from "./recent-games-box";
 import { UserStatsBox } from "./user-stats-box";
+import { logger } from "@renderer/logger";
+import { AnimatePresence } from "framer-motion";
 import { ProfileSection } from "../profile-section/profile-section";
 import { DeleteReviewModal } from "@renderer/pages/game-details/modals/delete-review-modal";
 import { GAME_STATS_ANIMATION_DURATION_IN_MS } from "./profile-animations";
+import { FullscreenImageModal } from "@renderer/components/fullscreen-image-modal";
 import { MAX_MINUTES_TO_SHOW_IN_PLAYTIME } from "@renderer/constants";
 import { ProfileTabs, type ProfileTabType } from "./profile-tabs";
 import { LibraryTab } from "./library-tab";
 import { ReviewsTab } from "./reviews-tab";
-import { AnimatePresence } from "framer-motion";
+import { SouvenirsTab } from "./souvenirs-tab";
 import "./profile-content.scss";

 type SortOption = "playtime" | "achievementCount" | "playedRecently";
@@ -85,6 +89,7 @@ export function ProfileContent() {
    userStats,
    libraryGames,
    pinnedGames,
+    getUserProfile,
    getUserLibraryGames,
    loadMoreLibraryGames,
    hasMoreLibraryGames,
@@ -94,6 +99,10 @@ export function ProfileContent() {
  const [statsIndex, setStatsIndex] = useState(0);
  const [isAnimationRunning, setIsAnimationRunning] = useState(true);
  const [sortBy, setSortBy] = useState<SortOption>("playedRecently");
+  const [fullscreenImage, setFullscreenImage] = useState<{
+    url: string;
+    alt: string;
+  } | null>(null);
  const statsAnimation = useRef(-1);

  const [activeTab, setActiveTab] = useState<ProfileTabType>("library");
@@ -206,7 +215,7 @@ export function ProfileContent() {
      setReviews((prev) => prev.filter((review) => review.id !== reviewId));
      setReviewsTotalCount((prev) => prev - 1);
    } catch (error) {
-      console.error("Failed to delete review:", error);
+      logger.error("Failed to delete review:", error);
    }
  };

@@ -301,7 +310,7 @@ export function ProfileContent() {
        `/games/${review.game.shop}/${review.game.objectId}/reviews/${reviewId}/${endpoint}`
      );
    } catch (error) {
-      console.error("Failed to vote on review:", error);
+      logger.error("Failed to vote on review:", error);

      // Rollback optimistic update on error
      setReviews((prev) =>
@@ -335,6 +344,17 @@ export function ProfileContent() {
    setIsAnimationRunning(true);
  };

+  const handleImageClick = (imageUrl: string, achievementName: string) => {
+    setFullscreenImage({
+      url: imageUrl,
+      alt: `${achievementName} screenshot`,
+    });
+  };
+
+  const closeFullscreenImage = () => {
+    setFullscreenImage(null);
+  };
+
  useEffect(() => {
    let zero = performance.now();
    if (!isAnimationRunning) return;
@@ -376,51 +396,75 @@ export function ProfileContent() {
    const hasAnyGames = hasGames || hasPinnedGames;

    const shouldShowRightContent =
-      hasAnyGames || userProfile.friends.length > 0 || isMe;
+      hasAnyGames || userProfile.friends.length > 0;

    return (
      <section className="profile-content__section">
        <div className="profile-content__main">
-          <ProfileTabs
-            activeTab={activeTab}
-            reviewsTotalCount={reviewsTotalCount}
-            onTabChange={setActiveTab}
-          />
+          {!hasAnyGames && (
+            <div className="profile-content__no-games">
+              <div className="profile-content__telescope-icon">
+                <TelescopeIcon size={24} />
+              </div>
+              <h2>{t("no_recent_activity_title")}</h2>
+              {isMe && <p>{t("no_recent_activity_description")}</p>}
+            </div>
+          )}

-          <div className="profile-content__tab-panels">
-            <AnimatePresence mode="wait">
-              {activeTab === "library" && (
-                <LibraryTab
-                  sortBy={sortBy}
-                  onSortChange={setSortBy}
-                  pinnedGames={pinnedGames}
-                  libraryGames={libraryGames}
-                  hasMoreLibraryGames={hasMoreLibraryGames}
-                  isLoadingLibraryGames={isLoadingLibraryGames}
-                  statsIndex={statsIndex}
-                  userStats={userStats}
-                  animatedGameIdsRef={animatedGameIdsRef}
-                  onLoadMore={handleLoadMore}
-                  onMouseEnter={handleOnMouseEnterGameCard}
-                  onMouseLeave={handleOnMouseLeaveGameCard}
-                  isMe={isMe}
-                />
-              )}
+          {hasAnyGames && (
+            <div>
+              <ProfileTabs
+                activeTab={activeTab}
+                reviewsTotalCount={reviewsTotalCount}
+                souvenirsCount={userProfile?.achievements?.length || 0}
+                onTabChange={setActiveTab}
+              />

-              {activeTab === "reviews" && (
-                <ReviewsTab
-                  reviews={reviews}
-                  isLoadingReviews={isLoadingReviews}
-                  votingReviews={votingReviews}
-                  userDetailsId={userDetails?.id}
-                  formatPlayTime={formatPlayTime}
-                  getRatingText={getRatingText}
-                  onVote={handleVoteReview}
-                  onDelete={handleDeleteClick}
-                />
-              )}
-            </AnimatePresence>
-          </div>
+              <div className="profile-content__tab-panels">
+                <AnimatePresence mode="wait">
+                  {activeTab === "library" && (
+                    <LibraryTab
+                      sortBy={sortBy}
+                      onSortChange={setSortBy}
+                      pinnedGames={pinnedGames}
+                      libraryGames={libraryGames}
+                      hasMoreLibraryGames={hasMoreLibraryGames}
+                      isLoadingLibraryGames={isLoadingLibraryGames}
+                      statsIndex={statsIndex}
+                      userStats={userStats}
+                      animatedGameIdsRef={animatedGameIdsRef}
+                      onLoadMore={handleLoadMore}
+                      onMouseEnter={handleOnMouseEnterGameCard}
+                      onMouseLeave={handleOnMouseLeaveGameCard}
+                      isMe={isMe}
+                    />
+                  )}
+
+                  {activeTab === "reviews" && (
+                    <ReviewsTab
+                      reviews={reviews}
+                      isLoadingReviews={isLoadingReviews}
+                      votingReviews={votingReviews}
+                      userDetailsId={userDetails?.id}
+                      formatPlayTime={formatPlayTime}
+                      getRatingText={getRatingText}
+                      onVote={handleVoteReview}
+                      onDelete={handleDeleteClick}
+                    />
+                  )}
+
+                  {activeTab === "souvenirs" && (
+                    <SouvenirsTab
+                      achievements={userProfile?.achievements || []}
+                      onImageClick={handleImageClick}
+                      isMe={isMe}
+                      onAchievementDeleted={getUserProfile}
+                    />
+                  )}
+                </AnimatePresence>
+              </div>
+            </div>
+          )}
        </div>

        {shouldShowRightContent && (
@@ -444,7 +488,7 @@ export function ProfileContent() {
                <RecentGamesBox />
              </ProfileSection>
            )}
-            {(userProfile?.friends.length > 0 || isMe) && (
+            {userProfile?.friends.length > 0 && (
              <ProfileSection
                title={t("friends")}
                count={userStats?.friendsCount || userProfile.friends.length}
@@ -475,15 +519,25 @@ export function ProfileContent() {
    statsIndex,
    libraryGames,
    pinnedGames,
-
    sortBy,
    activeTab,
-    // ensure reviews UI updates correctly
    reviews,
    reviewsTotalCount,
    isLoadingReviews,
    votingReviews,
    deleteModalVisible,
+    handleOnMouseEnterGameCard,
+    handleOnMouseLeaveGameCard,
+    handleImageClick,
+    handleLoadMore,
+    formatPlayTime,
+    getRatingText,
+    handleVoteReview,
+    handleDeleteClick,
+    userDetails,
+    animatedGameIdsRef,
+    hasMoreLibraryGames,
+    isLoadingLibraryGames,
  ]);

  return (
@@ -491,6 +545,13 @@ export function ProfileContent() {
      <ProfileHero />

      {content}
+
+      <FullscreenImageModal
+        isOpen={fullscreenImage !== null}
+        imageUrl={fullscreenImage?.url || ""}
+        imageAlt={fullscreenImage?.alt || ""}
+        onClose={closeFullscreenImage}
+      />
    </div>
  );
 }
--- a/src/renderer/src/pages/profile/profile-content/profile-tabs.tsx
+++ b/src/renderer/src/pages/profile/profile-content/profile-tabs.tsx
@@ -2,17 +2,19 @@ import { motion } from "framer-motion";
 import { useTranslation } from "react-i18next";
 import "./profile-content.scss";

-export type ProfileTabType = "library" | "reviews";
+export type ProfileTabType = "library" | "reviews" | "souvenirs";

 interface ProfileTabsProps {
  activeTab: ProfileTabType;
  reviewsTotalCount: number;
+  souvenirsCount: number;
  onTabChange: (tab: ProfileTabType) => void;
 }

 export function ProfileTabs({
  activeTab,
  reviewsTotalCount,
+  souvenirsCount,
  onTabChange,
 }: Readonly<ProfileTabsProps>) {
  const { t } = useTranslation("user_profile");
@@ -64,6 +66,29 @@ export function ProfileTabs({
          />
        )}
      </div>
+      <div className="profile-content__tab-wrapper">
+        <button
+          type="button"
+          className={`profile-content__tab ${activeTab === "souvenirs" ? "profile-content__tab--active" : ""}`}
+          onClick={() => onTabChange("souvenirs")}
+        >
+          {t("souvenirs")}
+          {souvenirsCount > 0 && (
+            <span className="profile-content__tab-badge">{souvenirsCount}</span>
+          )}
+        </button>
+        {activeTab === "souvenirs" && (
+          <motion.div
+            className="profile-content__tab-underline"
+            layoutId="tab-underline"
+            transition={{
+              type: "spring",
+              stiffness: 300,
+              damping: 30,
+            }}
+          />
+        )}
+      </div>
    </div>
  );
 }
--- a/src/renderer/src/pages/profile/profile-content/souvenirs-tab.tsx
+++ b/src/renderer/src/pages/profile/profile-content/souvenirs-tab.tsx
@@ -0,0 +1,286 @@
+import { motion } from "framer-motion";
+import { useTranslation } from "react-i18next";
+import { ChevronDownIcon, ChevronRightIcon } from "@primer/octicons-react";
+import { TrashIcon, Maximize2 } from "lucide-react";
+import { useState, useMemo } from "react";
+import type { ProfileAchievement } from "@types";
+import { useToast, useDate } from "@renderer/hooks";
+import { logger } from "@renderer/logger";
+import { DeleteSouvenirModal } from "./delete-souvenir-modal";
+import "./profile-content.scss";
+
+interface SouvenirGameGroupProps {
+  gameTitle: string;
+  gameIconUrl: string | null;
+  achievements: ProfileAchievement[];
+  isMe: boolean;
+  deletingIds: Set<string>;
+  onImageClick: (imageUrl: string, achievementName: string) => void;
+  onDeleteClick: (achievement: ProfileAchievement) => void;
+}
+
+function SouvenirGameGroup({
+  gameTitle,
+  gameIconUrl,
+  achievements,
+  isMe,
+  deletingIds,
+  onImageClick,
+  onDeleteClick,
+}: Readonly<SouvenirGameGroupProps>) {
+  const { formatDistance } = useDate();
+  const [isExpanded, setIsExpanded] = useState(true);
+
+  return (
+    <div className="profile-content__images-section">
+      <button
+        className="profile-content__section-header"
+        onClick={() => setIsExpanded(!isExpanded)}
+        type="button"
+        style={{
+          width: "100%",
+          background: "none",
+          border: "none",
+          cursor: "pointer",
+          color: "inherit",
+          padding: 0,
+        }}
+      >
+        <div className="profile-content__section-title-group">
+          <div className="profile-content__collapse-button">
+            {isExpanded ? <ChevronDownIcon /> : <ChevronRightIcon />}
+          </div>
+
+          {gameIconUrl && (
+            <img
+              src={gameIconUrl}
+              alt=""
+              style={{
+                width: 24,
+                height: 24,
+                borderRadius: 4,
+                objectFit: "cover",
+              }}
+            />
+          )}
+
+          <h3 style={{ fontSize: 16, fontWeight: 600, margin: 0 }}>
+            {gameTitle}
+          </h3>
+
+          <span className="profile-content__section-badge">
+            {achievements.length}
+          </span>
+        </div>
+      </button>
+
+      {isExpanded && (
+        <div className="profile-content__images-grid">
+          {achievements.map((achievement, index) => (
+            <div
+              key={`${achievement.gameTitle}-${achievement.name}-${index}`}
+              className="profile-content__image-card"
+            >
+              <div className="profile-content__image-card-header">
+                <div className="profile-content__image-achievement-image-wrapper">
+                  <button
+                    type="button"
+                    className="profile-content__image-button"
+                    onClick={() =>
+                      onImageClick(
+                        achievement.imageUrl,
+                        achievement.displayName
+                      )
+                    }
+                    aria-label={`View ${achievement.displayName} screenshot in fullscreen`}
+                    style={{
+                      cursor: "pointer",
+                      padding: 0,
+                      border: "none",
+                      background: "transparent",
+                    }}
+                  >
+                    <img
+                      src={achievement.imageUrl}
+                      alt={achievement.displayName}
+                      className="profile-content__image-achievement-image"
+                      loading="lazy"
+                    />
+                  </button>
+                  <div className="profile-content__image-achievement-image-overlay">
+                    <Maximize2 size={24} />
+                  </div>
+                  <span className="profile-content__image-unlock-time">
+                    {formatDistance(
+                      new Date(achievement.unlockTime),
+                      new Date(),
+                      {
+                        addSuffix: true,
+                      }
+                    )}
+                  </span>
+                </div>
+              </div>
+
+              <div className="profile-content__image-card-content">
+                <div className="profile-content__image-card-row">
+                  {achievement.achievementIcon && (
+                    <img
+                      src={achievement.achievementIcon}
+                      alt=""
+                      className="profile-content__image-achievement-icon profile-content__image-achievement-icon--large"
+                      loading="lazy"
+                    />
+                  )}
+
+                  <div className="profile-content__image-achievement-text">
+                    <span className="profile-content__image-achievement-name">
+                      {achievement.displayName}
+                    </span>
+                    <p className="profile-content__image-achievement-description">
+                      {achievement.description}
+                    </p>
+                  </div>
+
+                  <div className="profile-content__image-card-right">
+                    {isMe && (
+                      <button
+                        type="button"
+                        className="profile-content__image-delete-button"
+                        onClick={() => onDeleteClick(achievement)}
+                        aria-label={`Delete ${achievement.displayName} souvenir`}
+                        disabled={deletingIds.has(achievement.id)}
+                      >
+                        <TrashIcon size={14} />
+                      </button>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+interface SouvenirsTabProps {
+  achievements: ProfileAchievement[];
+  onImageClick: (imageUrl: string, achievementName: string) => void;
+  isMe: boolean;
+  onAchievementDeleted: () => void;
+}
+
+export function SouvenirsTab({
+  achievements,
+  onImageClick,
+  isMe,
+  onAchievementDeleted,
+}: Readonly<SouvenirsTabProps>) {
+  const { t } = useTranslation("user_profile");
+  const { showSuccessToast, showErrorToast } = useToast();
+  const [deletingIds, setDeletingIds] = useState<Set<string>>(new Set());
+  const [achievementToDelete, setAchievementToDelete] =
+    useState<ProfileAchievement | null>(null);
+  const [deleteModalVisible, setDeleteModalVisible] = useState(false);
+
+  const handleDeleteAchievement = async (achievement: ProfileAchievement) => {
+    if (deletingIds.has(achievement.id)) return;
+
+    setDeletingIds((prev) => new Set(prev).add(achievement.id));
+
+    try {
+      await window.electron.hydraApi.delete(
+        `/profile/games/achievements/${achievement.gameId}/${achievement.name}/image`
+      );
+
+      showSuccessToast(
+        t("souvenir_deleted_successfully", "Souvenir deleted successfully")
+      );
+      onAchievementDeleted();
+    } catch (error) {
+      logger.error("Failed to delete souvenir:", error);
+      showErrorToast(
+        t("souvenir_deletion_failed", "Failed to delete souvenir")
+      );
+      setDeletingIds((prev) => {
+        const next = new Set(prev);
+        next.delete(achievement.id);
+        return next;
+      });
+    }
+  };
+
+  const handleDeleteClick = (achievement: ProfileAchievement) => {
+    setAchievementToDelete(achievement);
+    setDeleteModalVisible(true);
+  };
+
+  const handleDeleteConfirm = () => {
+    if (achievementToDelete) {
+      handleDeleteAchievement(achievementToDelete);
+      setAchievementToDelete(null);
+    }
+  };
+
+  const handleDeleteCancel = () => {
+    setDeleteModalVisible(false);
+    setAchievementToDelete(null);
+  };
+
+  const groupedAchievements = useMemo(() => {
+    const groups: Record<string, ProfileAchievement[]> = {};
+    for (const achievement of achievements) {
+      if (!groups[achievement.gameId]) {
+        groups[achievement.gameId] = [];
+      }
+      groups[achievement.gameId].push(achievement);
+    }
+    return groups;
+  }, [achievements]);
+
+  return (
+    <>
+      <motion.div
+        key="souvenirs"
+        className="profile-content__tab-panel"
+        initial={{ opacity: 0, x: -10 }}
+        animate={{ opacity: 1, x: 0 }}
+        exit={{ opacity: 0, x: 10 }}
+        transition={{ duration: 0.2 }}
+        aria-hidden={false}
+      >
+        {achievements.length === 0 && (
+          <div className="profile-content__no-souvenirs">
+            <p>{t("no_souvenirs", "No souvenirs yet")}</p>
+          </div>
+        )}
+
+        {Object.entries(groupedAchievements).map(
+          ([gameId, groupAchievements]) => {
+            const firstAchievement = groupAchievements[0];
+            return (
+              <SouvenirGameGroup
+                key={gameId}
+                gameTitle={firstAchievement.gameTitle}
+                gameIconUrl={firstAchievement.gameIconUrl}
+                achievements={groupAchievements}
+                isMe={isMe}
+                deletingIds={deletingIds}
+                onImageClick={onImageClick}
+                onDeleteClick={handleDeleteClick}
+              />
+            );
+          }
+        )}
+      </motion.div>
+
+      <DeleteSouvenirModal
+        visible={deleteModalVisible}
+        onClose={handleDeleteCancel}
+        onConfirm={handleDeleteConfirm}
+      />
+    </>
+  );
+}
--- a/src/renderer/src/pages/profile/profile-content/user-stats-box.scss
+++ b/src/renderer/src/pages/profile/profile-content/user-stats-box.scss
@@ -29,12 +29,6 @@
      background-color: rgba(255, 255, 255, 0.15);
      text-decoration: none;
    }
-
-    &--wrapped {
-      &:hover {
-        background-color: transparent;
-      }
-    }
  }

  &__list-title {
@@ -76,15 +70,4 @@
    font-size: 0.75rem;
    line-height: 1.4;
  }
-
-  &__wrapped-link {
-    background: none;
-    border: none;
-    padding: 0;
-    text-align: start;
-    color: globals.$body-color;
-    font-size: 0.875rem;
-    cursor: pointer;
-    text-decoration: underline;
-  }
 }
--- a/src/renderer/src/pages/profile/profile-content/user-stats-box.tsx
+++ b/src/renderer/src/pages/profile/profile-content/user-stats-box.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useContext, useState } from "react";
+import { useCallback, useContext } from "react";
 import { userProfileContext } from "@renderer/context";
 import { useTranslation } from "react-i18next";
 import { useFormat, useUserDetails } from "@renderer/hooks";
@@ -7,11 +7,9 @@ import HydraIcon from "@renderer/assets/icons/hydra.svg?react";
 import { useSubscription } from "@renderer/hooks/use-subscription";
 import { ClockIcon, TrophyIcon } from "@primer/octicons-react";
 import { Award } from "lucide-react";
-import { WrappedFullscreenModal } from "./wrapped-tab";
 import "./user-stats-box.scss";

 export function UserStatsBox() {
-  const [showWrappedModal, setShowWrappedModal] = useState(false);
  const { showHydraCloudModal } = useSubscription();
  const { userStats, isMe, userProfile } = useContext(userProfileContext);
  const { userDetails } = useUserDetails();
@@ -43,18 +41,6 @@ export function UserStatsBox() {
  return (
    <div className="user-stats__box">
      <ul className="user-stats__list">
-        {userProfile?.hasCompletedWrapped2025 && (
-          <li className="user-stats__list-item user-stats__list-item--wrapped">
-            <button
-              type="button"
-              onClick={() => setShowWrappedModal(true)}
-              className="user-stats__wrapped-link"
-            >
-              Wrapped 2025
-            </button>
-          </li>
-        )}
-
        {(isMe || userStats.unlockedAchievementSum !== undefined) && (
          <li className="user-stats__list-item">
            <h3 className="user-stats__list-title">
@@ -140,14 +126,6 @@ export function UserStatsBox() {
          </li>
        )}
      </ul>
-
-      {userProfile && (
-        <WrappedFullscreenModal
-          userId={userProfile.id}
-          isOpen={showWrappedModal}
-          onClose={() => setShowWrappedModal(false)}
-        />
-      )}
    </div>
  );
 }
--- a/src/renderer/src/pages/profile/profile-hero/profile-hero.scss
+++ b/src/renderer/src/pages/profile/profile-hero/profile-hero.scss
@@ -144,6 +144,11 @@
    }
  }

+  &__left-actions {
+    display: flex;
+    gap: globals.$spacing-unit;
+  }
+
  &__actions {
    display: flex;
    gap: globals.$spacing-unit;
@@ -155,5 +160,35 @@
    &--outline {
      border-color: globals.$body-color;
    }
+
+    &--wrapped {
+      background: linear-gradient(
+        120deg,
+        #2a57ff 0%,
+        #2951e6 11%,
+        #2f5bff 16%,
+        #2c56e8 29%,
+        #244acc 34%,
+        #2245c2 40%,
+        #3a6bff 45%,
+        #3766f2 50%,
+        #2444b8 56%,
+        #122a73 82%,
+        #2348b3 86%,
+        #1f429e 87%,
+        #10286a 93%,
+        #0e2a63 100%
+      );
+      background-color: #2a57ff;
+      background-size: 105% 100%;
+      background-position: 100% 50%;
+      border: none;
+      color: white;
+      transition: background-position 0.4s ease;
+
+      &:hover {
+        background-position: 0% 50%;
+      }
+    }
  }
 }
--- a/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx
+++ b/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx
@@ -7,6 +7,7 @@ import {
  PencilIcon,
  PersonAddIcon,
  SignOutIcon,
+  TrophyIcon,
  XCircleFillIcon,
 } from "@primer/octicons-react";
 import { buildGameDetailsPath } from "@renderer/helpers";
@@ -29,6 +30,7 @@ import { motion } from "framer-motion";

 import type { FriendRequestAction } from "@types";
 import { EditProfileModal } from "../edit-profile-modal/edit-profile-modal";
+import { WrappedFullscreenModal } from "../profile-content/wrapped-tab";
 import Skeleton from "react-loading-skeleton";
 import { UploadBackgroundImageButton } from "../upload-background-image-button/upload-background-image-button";
 import "./profile-hero.scss";
@@ -39,10 +41,10 @@ type FriendAction =

 export function ProfileHero() {
  const [showEditProfileModal, setShowEditProfileModal] = useState(false);
+  const [showWrappedModal, setShowWrappedModal] = useState(false);
  const [showFullscreenAvatar, setShowFullscreenAvatar] = useState(false);
  const [isPerformingAction, setIsPerformingAction] = useState(false);
  const [isCopyButtonHovered, setIsCopyButtonHovered] = useState(false);
-  const [isCopied, setIsCopied] = useState(false);

  const { isMe, getUserProfile, userProfile, heroBackground, backgroundImage } =
    useContext(userProfileContext);
@@ -259,23 +261,9 @@ export function ProfileHero() {
  const copyFriendCode = useCallback(() => {
    if (userProfile?.id) {
      navigator.clipboard.writeText(userProfile.id);
-      setIsCopied(true);
-
-      const startTime = performance.now();
-      const duration = 1200; // 1.2 seconds
-
-      const animate = (currentTime: number) => {
-        const elapsed = currentTime - startTime;
-        if (elapsed < duration) {
-          requestAnimationFrame(animate);
-        } else {
-          setIsCopied(false);
-        }
-      };
-
-      requestAnimationFrame(animate);
+      showSuccessToast(t("friend_code_copied"));
    }
-  }, [userProfile]);
+  }, [userProfile, showSuccessToast, t]);

  const currentGame = useMemo(() => {
    if (isMe) {
@@ -298,6 +286,13 @@ export function ProfileHero() {
        onClose={() => setShowEditProfileModal(false)}
      />

+      {userProfile && (
+        <WrappedFullscreenModal
+          userId={userProfile.id}
+          isOpen={showWrappedModal}
+          onClose={() => setShowWrappedModal(false)}
+        />
+      )}
      <FullscreenMediaModal
        visible={showFullscreenAvatar}
        onClose={() => setShowFullscreenAvatar(false)}
@@ -353,7 +348,7 @@ export function ProfileHero() {
                    onMouseLeave={() => setIsCopyButtonHovered(false)}
                    initial={{ width: 28 }}
                    animate={{
-                      width: isCopyButtonHovered || isCopied ? 105 : 28,
+                      width: isCopyButtonHovered ? 105 : 28,
                    }}
                    transition={{ duration: 0.2, ease: "easeInOut" }}
                  >
@@ -361,12 +356,12 @@ export function ProfileHero() {
                      className="profile-hero__friend-code"
                      initial={{ opacity: 0, marginRight: 0 }}
                      animate={{
-                        opacity: isCopyButtonHovered || isCopied ? 1 : 0,
-                        marginRight: isCopyButtonHovered || isCopied ? 8 : 0,
+                        opacity: isCopyButtonHovered ? 1 : 0,
+                        marginRight: isCopyButtonHovered ? 8 : 0,
                      }}
                      transition={{ duration: 0.2, ease: "easeInOut" }}
                    >
-                      {isCopied ? t("copied") : userProfile?.id}
+                      {userProfile?.id}
                    </motion.span>
                    <CopyIcon size={16} />
                  </motion.button>
@@ -415,6 +410,22 @@ export function ProfileHero() {
            background: !backgroundImage ? heroBackground : undefined,
          }}
        >
+          {userProfile?.hasCompletedWrapped2025 && (
+            <div className="profile-hero__left-actions">
+              <Button
+                theme="outline"
+                onClick={() => setShowWrappedModal(true)}
+                className="profile-hero__button--wrapped"
+              >
+                <TrophyIcon />
+                {isMe
+                  ? t("view_my_wrapped_button")
+                  : t("view_wrapped_button", {
+                      displayName: userProfile.displayName,
+                    })}
+              </Button>
+            </div>
+          )}
          <div className="profile-hero__actions">{profileActions}</div>
        </div>
      </section>
--- a/src/renderer/src/pages/profile/upload-background-image-button/upload-background-image-button.scss
+++ b/src/renderer/src/pages/profile/upload-background-image-button/upload-background-image-button.scss
@@ -1,86 +1,11 @@
@use "../../../scss/globals.scss";

 .upload-background-image-button {
-  &__wrapper {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-  }
-
+  position: absolute;
+  top: 16px;
+  right: 16px;
  border-color: globals.$body-color;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
-
-  &__menu {
-    background-color: rgba(0, 0, 0, 0.4);
-    backdrop-filter: blur(20px);
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    border-radius: 6px;
-    min-width: 180px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-    z-index: 1000;
-    padding: 4px;
-    display: flex;
-    flex-direction: column;
-    animation: menu-fade-in 0.2s ease-out;
-
-    &--closing {
-      animation: menu-fade-out 0.15s ease-in;
-    }
-  }
-
-  &__menu-item {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 8px;
-    border-radius: 4px;
-    padding: 5px 12px;
-    cursor: pointer;
-    transition: background-color 0.1s ease-in-out;
-    font-size: 14px;
-    background: none;
-    border: none;
-    color: globals.$body-color;
-    text-align: left;
-
-    &:hover:not(:disabled) {
-      background-color: rgba(255, 255, 255, 0.1);
-    }
-
-    &:disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-
-    &:focus {
-      background-color: rgba(255, 255, 255, 0.1);
-      outline: none;
-    }
-  }
-}
-
-@keyframes menu-fade-in {
-  0% {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes menu-fade-out {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
 }
--- a/src/renderer/src/pages/profile/upload-background-image-button/upload-background-image-button.tsx
+++ b/src/renderer/src/pages/profile/upload-background-image-button/upload-background-image-button.tsx
@@ -1,8 +1,6 @@
-import { TrashIcon, UploadIcon } from "@primer/octicons-react";
-import { MoreVertical } from "lucide-react";
-import { Button, ConfirmationModal } from "@renderer/components";
-import { createPortal } from "react-dom";
-import { useContext, useEffect, useRef, useState } from "react";
+import { UploadIcon } from "@primer/octicons-react";
+import { Button } from "@renderer/components";
+import { useContext, useState } from "react";
 import { userProfileContext } from "@renderer/context";
 import { useToast, useUserDetails } from "@renderer/hooks";
 import { useTranslation } from "react-i18next";
@@ -11,33 +9,16 @@ import "./upload-background-image-button.scss";
 export function UploadBackgroundImageButton() {
  const [isUploadingBackgroundImage, setIsUploadingBackgorundImage] =
    useState(false);
-  const [isMenuOpen, setIsMenuOpen] = useState(false);
-  const [isMenuClosing, setIsMenuClosing] = useState(false);
-  const [showRemoveBannerModal, setShowRemoveBannerModal] = useState(false);
-  const buttonRef = useRef<HTMLDivElement>(null);
-  const menuRef = useRef<HTMLDivElement>(null);
  const { hasActiveSubscription } = useUserDetails();

  const { t } = useTranslation("user_profile");

-  const { isMe, setSelectedBackgroundImage, userProfile, getUserProfile } =
-    useContext(userProfileContext);
+  const { isMe, setSelectedBackgroundImage } = useContext(userProfileContext);
  const { patchUser, fetchUserDetails } = useUserDetails();

  const { showSuccessToast } = useToast();

-  const hasBanner = !!userProfile?.backgroundImageUrl;
-
-  const closeMenu = () => {
-    setIsMenuClosing(true);
-    setTimeout(() => {
-      setIsMenuOpen(false);
-      setIsMenuClosing(false);
-    }, 150);
-  };
-
-  const handleReplaceBanner = async () => {
-    closeMenu();
+  const handleChangeCoverClick = async () => {
    try {
      const { filePaths } = await window.electron.showOpenDialog({
        properties: ["openFile"],
@@ -59,159 +40,23 @@ export function UploadBackgroundImageButton() {

        showSuccessToast(t("background_image_updated"));
        await fetchUserDetails();
-        await getUserProfile();
      }
    } finally {
      setIsUploadingBackgorundImage(false);
    }
  };

-  const handleRemoveBannerClick = () => {
-    closeMenu();
-    setShowRemoveBannerModal(true);
-  };
-
-  const handleRemoveBannerConfirm = async () => {
-    setShowRemoveBannerModal(false);
-    try {
-      setIsUploadingBackgorundImage(true);
-      setSelectedBackgroundImage("");
-      await patchUser({ backgroundImageUrl: null });
-      showSuccessToast(t("background_image_updated"));
-      await fetchUserDetails();
-      await getUserProfile();
-    } finally {
-      setIsUploadingBackgorundImage(false);
-    }
-  };
-
-  // Handle click outside, scroll, and escape key to close menu
-  useEffect(() => {
-    if (!isMenuOpen) return;
-
-    const handleClickOutside = (event: MouseEvent) => {
-      const target = event.target as Node;
-      if (
-        menuRef.current &&
-        !menuRef.current.contains(target) &&
-        buttonRef.current &&
-        !buttonRef.current.contains(target)
-      ) {
-        closeMenu();
-      }
-    };
-
-    const handleEscape = (event: KeyboardEvent) => {
-      if (event.key === "Escape") {
-        closeMenu();
-      }
-    };
-
-    const handleScroll = () => {
-      closeMenu();
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("keydown", handleEscape);
-    window.addEventListener("scroll", handleScroll, true);
-
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("keydown", handleEscape);
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [isMenuOpen]);
-
  if (!isMe || !hasActiveSubscription) return null;

-  // If no banner exists, show the original upload button
-  if (!hasBanner) {
-    return (
-      <div className="upload-background-image-button__wrapper">
-        <Button
-          theme="outline"
-          className="upload-background-image-button"
-          onClick={handleReplaceBanner}
-          disabled={isUploadingBackgroundImage}
-        >
-          <UploadIcon />
-          {isUploadingBackgroundImage
-            ? t("uploading_banner")
-            : t("upload_banner")}
-        </Button>
-      </div>
-    );
-  }
-
-  // Calculate menu position
-  const getMenuPosition = () => {
-    if (!buttonRef.current) return { top: 0, right: 0 };
-    const rect = buttonRef.current.getBoundingClientRect();
-    return {
-      top: rect.bottom + 5,
-      right: window.innerWidth - rect.right,
-    };
-  };
-
-  const menuPosition = isMenuOpen ? getMenuPosition() : { top: 0, right: 0 };
-
-  const menuContent = isMenuOpen && (
-    <div
-      ref={menuRef}
-      className={`upload-background-image-button__menu ${
-        isMenuClosing ? "upload-background-image-button__menu--closing" : ""
-      }`}
-      style={{
-        position: "fixed",
-        top: `${menuPosition.top}px`,
-        right: `${menuPosition.right}px`,
-      }}
-    >
-      <button
-        type="button"
-        className="upload-background-image-button__menu-item"
-        onClick={handleReplaceBanner}
-        disabled={isUploadingBackgroundImage}
-      >
-        <UploadIcon size={16} />
-        {t("replace_banner")}
-      </button>
-      <button
-        type="button"
-        className="upload-background-image-button__menu-item"
-        onClick={handleRemoveBannerClick}
-        disabled={isUploadingBackgroundImage}
-      >
-        <TrashIcon size={16} />
-        {t("remove_banner")}
-      </button>
-    </div>
-  );
-
  return (
-    <>
-      <div ref={buttonRef} className="upload-background-image-button__wrapper">
-        <Button
-          theme="outline"
-          className="upload-background-image-button"
-          onClick={() => setIsMenuOpen(!isMenuOpen)}
-          disabled={isUploadingBackgroundImage}
-        >
-          {t("change_banner")}
-          <MoreVertical size={16} />
-        </Button>
-      </div>
-      {createPortal(menuContent, document.body)}
-      <ConfirmationModal
-        visible={showRemoveBannerModal}
-        title={t("remove_banner_modal_title")}
-        descriptionText={t("remove_banner_confirmation")}
-        onClose={() => setShowRemoveBannerModal(false)}
-        onConfirm={handleRemoveBannerConfirm}
-        cancelButtonLabel={t("cancel")}
-        confirmButtonLabel={t("remove")}
-        buttonsIsDisabled={isUploadingBackgroundImage}
-      />
-    </>
+    <Button
+      theme="outline"
+      className="upload-background-image-button"
+      onClick={handleChangeCoverClick}
+      disabled={isUploadingBackgroundImage}
+    >
+      <UploadIcon />
+      {isUploadingBackgroundImage ? t("uploading_banner") : t("upload_banner")}
+    </Button>
  );
 }
--- a/src/renderer/src/pages/settings/settings-achievements.scss
+++ b/src/renderer/src/pages/settings/settings-achievements.scss
@@ -0,0 +1,214 @@
+@use "../../scss/globals.scss";
+
+.settings-achievements {
+  &__checkbox-container {
+    opacity: globals.$disabled-opacity;
+    cursor: not-allowed;
+
+    &--enabled {
+      opacity: 1;
+      cursor: pointer;
+    }
+
+    &--with-tooltip {
+      display: flex;
+      flex-direction: row;
+      gap: 8px;
+      align-items: center;
+    }
+
+    &--tooltip {
+      cursor: pointer;
+    }
+  }
+
+  &__button-container {
+    margin-top: 16px;
+  }
+
+  &__section {
+    margin-top: 32px;
+    padding-top: 24px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+
+    &-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 16px;
+    }
+
+    > * + * {
+      margin-top: 16px;
+    }
+
+    &--achievements {
+      // First section sits flush with container top
+      margin-top: 0;
+      padding-top: 0;
+      border-top: none;
+    }
+  }
+
+  &__achievement-custom-notification-position__select-variation {
+    max-width: 300px;
+  }
+
+  &__test-achievement-notification-button {
+    margin-top: 8px;
+  }
+
+  &__volume-control {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+
+    label {
+      font-size: 14px;
+      color: globals.$muted-color;
+    }
+  }
+
+  &__volume-slider-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 200px;
+    position: relative;
+    --volume-percent: 0%;
+  }
+
+  &__volume-icon {
+    color: globals.$muted-color;
+    flex-shrink: 0;
+  }
+
+  &__volume-value {
+    font-size: 14px;
+    color: globals.$body-color;
+    font-weight: 500;
+    min-width: 40px;
+    text-align: right;
+    flex-shrink: 0;
+  }
+
+  &__volume-slider {
+    flex: 1;
+    height: 6px;
+    border-radius: 3px;
+    background: globals.$dark-background-color;
+    outline: none;
+    -webkit-appearance: none;
+    appearance: none;
+    cursor: pointer;
+    transition: background 0.2s;
+
+    &::-webkit-slider-thumb {
+      -webkit-appearance: none;
+      appearance: none;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background: globals.$muted-color;
+      cursor: pointer;
+      border: 2px solid globals.$background-color;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+      transition: all 0.2s;
+      margin-top: -6px;
+
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 2px 6px rgba(255, 255, 255, 0.4);
+      }
+
+      &:active {
+        transform: scale(1.05);
+      }
+    }
+
+    &::-moz-range-thumb {
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background: globals.$muted-color;
+      cursor: pointer;
+      border: 2px solid globals.$background-color;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+      transition: all 0.2s;
+      margin-top: -6px;
+
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 2px 6px rgba(255, 255, 255, 0.4);
+      }
+
+      &:active {
+        transform: scale(1.05);
+      }
+    }
+
+    &::-webkit-slider-runnable-track {
+      width: 100%;
+      height: 6px;
+      border-radius: 3px;
+      background: linear-gradient(
+        to right,
+        globals.$muted-color 0%,
+        globals.$muted-color var(--volume-percent),
+        globals.$dark-background-color var(--volume-percent),
+        globals.$dark-background-color 100%
+      );
+    }
+
+    &::-moz-range-track {
+      width: 100%;
+      height: 6px;
+      border-radius: 3px;
+      background: globals.$dark-background-color;
+    }
+
+    &::-moz-range-progress {
+      height: 6px;
+      border-radius: 3px;
+      background: globals.$muted-color;
+    }
+
+    &:focus {
+      outline: none;
+
+      &::-webkit-slider-thumb {
+        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
+      }
+
+      &::-moz-range-thumb {
+        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
+      }
+    }
+
+    &::-ms-thumb {
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background: globals.$muted-color;
+      cursor: pointer;
+      border: 2px solid globals.$background-color;
+    }
+
+    &::-ms-track {
+      width: 100%;
+      height: 6px;
+      background: transparent;
+      border-color: transparent;
+      color: transparent;
+    }
+
+    &::-ms-fill-lower {
+      background: globals.$muted-color;
+      border-radius: 3px;
+    }
+
+    &::-ms-fill-upper {
+      background: globals.$dark-background-color;
+      border-radius: 3px;
+    }
+  }
+}
--- a/src/renderer/src/pages/settings/settings-achievements.tsx
+++ b/src/renderer/src/pages/settings/settings-achievements.tsx
@@ -0,0 +1,264 @@
+import {
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+  useCallback,
+  useRef,
+} from "react";
+import { useTranslation } from "react-i18next";
+import { CheckboxField, Button, SelectField } from "@renderer/components";
+import { useAppSelector } from "@renderer/hooks";
+import { settingsContext } from "@renderer/context";
+import "./settings-achievements.scss";
+import { QuestionIcon, UnmuteIcon } from "@primer/octicons-react";
+import { AchievementCustomNotificationPosition } from "@types";
+
+export function SettingsAchievements() {
+  const { t } = useTranslation("settings");
+
+  const userPreferences = useAppSelector(
+    (state) => state.userPreferences.value
+  );
+  const { updateUserPreferences } = useContext(settingsContext);
+
+  const [form, setForm] = useState({
+    showHiddenAchievementsDescription: false,
+    enableSteamAchievements: false,
+    enableAchievementScreenshots: false,
+    achievementNotificationsEnabled: true,
+    achievementCustomNotificationsEnabled: true,
+    achievementCustomNotificationPosition:
+      "top-left" as AchievementCustomNotificationPosition,
+    achievementSoundVolume: 15,
+  });
+
+  const volumeUpdateTimeoutRef = useRef<NodeJS.Timeout>();
+
+  useEffect(() => {
+    if (userPreferences) {
+      setForm((prev) => ({
+        ...prev,
+        showHiddenAchievementsDescription:
+          userPreferences.showHiddenAchievementsDescription ?? false,
+        enableSteamAchievements:
+          userPreferences.enableSteamAchievements ?? false,
+        enableAchievementScreenshots:
+          userPreferences.enableAchievementScreenshots ?? false,
+        achievementNotificationsEnabled:
+          userPreferences.achievementNotificationsEnabled ?? true,
+        achievementCustomNotificationsEnabled:
+          userPreferences.achievementCustomNotificationsEnabled ?? true,
+        achievementCustomNotificationPosition:
+          userPreferences.achievementCustomNotificationPosition ?? "top-left",
+        achievementSoundVolume: Math.round(
+          (userPreferences.achievementSoundVolume ?? 0.15) * 100
+        ),
+      }));
+    }
+  }, [userPreferences]);
+
+  const achievementCustomNotificationPositionOptions = useMemo(() => {
+    return [
+      "top-left",
+      "top-center",
+      "top-right",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right",
+    ].map((position) => ({
+      key: position,
+      value: position,
+      label: t(position),
+    }));
+  }, [t]);
+
+  const handleChange = async (values: Partial<typeof form>) => {
+    setForm((prev) => ({ ...prev, ...values }));
+    await updateUserPreferences(values);
+  };
+
+  const handleVolumeChange = useCallback(
+    (newVolume: number) => {
+      setForm((prev) => ({ ...prev, achievementSoundVolume: newVolume }));
+
+      if (volumeUpdateTimeoutRef.current) {
+        clearTimeout(volumeUpdateTimeoutRef.current);
+      }
+
+      volumeUpdateTimeoutRef.current = setTimeout(() => {
+        updateUserPreferences({ achievementSoundVolume: newVolume / 100 });
+      }, 300);
+    },
+    [updateUserPreferences]
+  );
+
+  const handleChangeAchievementCustomNotificationPosition = async (
+    event: React.ChangeEvent<HTMLSelectElement>
+  ) => {
+    const value = event.target.value as AchievementCustomNotificationPosition;
+
+    await handleChange({ achievementCustomNotificationPosition: value });
+    window.electron.updateAchievementCustomNotificationWindow();
+  };
+
+  return (
+    <div className="settings-achievements">
+      <div className="settings-achievements__section settings-achievements__section--achievements">
+        <CheckboxField
+          label={t("show_hidden_achievement_description")}
+          checked={form.showHiddenAchievementsDescription}
+          onChange={() =>
+            handleChange({
+              showHiddenAchievementsDescription:
+                !form.showHiddenAchievementsDescription,
+            })
+          }
+        />
+
+        <div className="settings-achievements__checkbox-container--with-tooltip">
+          <CheckboxField
+            label={t("enable_steam_achievements")}
+            checked={form.enableSteamAchievements}
+            onChange={() =>
+              handleChange({
+                enableSteamAchievements: !form.enableSteamAchievements,
+              })
+            }
+          />
+
+          <small
+            className="settings-achievements__checkbox-container--tooltip"
+            data-open-article="steam-achievements"
+          >
+            <QuestionIcon size={12} />
+          </small>
+        </div>
+
+        <div className="settings-achievements__checkbox-container--with-tooltip">
+          <CheckboxField
+            label={t("enable_achievement_screenshots")}
+            checked={form.enableAchievementScreenshots}
+            disabled={window.electron.platform === "linux"}
+            onChange={() =>
+              handleChange({
+                enableAchievementScreenshots:
+                  !form.enableAchievementScreenshots,
+              })
+            }
+          />
+
+          <small
+            className="settings-achievements__checkbox-container--tooltip"
+            data-open-article="achievement-souvenirs"
+          >
+            <QuestionIcon size={12} />
+          </small>
+        </div>
+
+        <div className="settings-achievements__button-container">
+          <Button
+            theme="outline"
+            disabled={window.electron.platform === "linux"}
+            onClick={async () => {
+              const screenshotsPath =
+                await window.electron.getScreenshotsPath();
+              window.electron.openFolder(screenshotsPath);
+            }}
+          >
+            {t("open_screenshots_directory")}
+          </Button>
+        </div>
+      </div>
+
+      <div className="settings-achievements__section settings-achievements__section--notifications">
+        <h3 className="settings-achievements__section-title">
+          {t("notifications")}
+        </h3>
+
+        <CheckboxField
+          label={t("enable_achievement_notifications")}
+          checked={form.achievementNotificationsEnabled}
+          onChange={async () => {
+            await handleChange({
+              achievementNotificationsEnabled:
+                !form.achievementNotificationsEnabled,
+            });
+            window.electron.updateAchievementCustomNotificationWindow();
+          }}
+        />
+
+        <CheckboxField
+          label={t("enable_achievement_custom_notifications")}
+          checked={form.achievementCustomNotificationsEnabled}
+          disabled={!form.achievementNotificationsEnabled}
+          onChange={async () => {
+            await handleChange({
+              achievementCustomNotificationsEnabled:
+                !form.achievementCustomNotificationsEnabled,
+            });
+            window.electron.updateAchievementCustomNotificationWindow();
+          }}
+        />
+
+        {form.achievementNotificationsEnabled &&
+          form.achievementCustomNotificationsEnabled && (
+            <>
+              <SelectField
+                className="settings-achievements__achievement-custom-notification-position__select-variation"
+                label={t("achievement_custom_notification_position")}
+                value={form.achievementCustomNotificationPosition}
+                onChange={handleChangeAchievementCustomNotificationPosition}
+                options={achievementCustomNotificationPositionOptions}
+              />
+
+              <Button
+                className="settings-achievements__test-achievement-notification-button"
+                onClick={() =>
+                  window.electron.showAchievementTestNotification()
+                }
+              >
+                {t("test_notification")}
+              </Button>
+            </>
+          )}
+
+        {form.achievementNotificationsEnabled && (
+          <div className="settings-achievements__volume-control">
+            <label htmlFor="achievement-volume">
+              {t("achievement_sound_volume")}
+            </label>
+            <div className="settings-achievements__volume-slider-wrapper">
+              <UnmuteIcon
+                size={16}
+                className="settings-achievements__volume-icon"
+              />
+              <input
+                id="achievement-volume"
+                type="range"
+                min="0"
+                max="100"
+                value={form.achievementSoundVolume}
+                onChange={(e) => {
+                  const volumePercent = parseInt(e.target.value, 10);
+                  if (!isNaN(volumePercent)) {
+                    handleVolumeChange(volumePercent);
+                  }
+                }}
+                className="settings-achievements__volume-slider"
+                style={
+                  {
+                    "--volume-percent": `${form.achievementSoundVolume}%`,
+                  } as React.CSSProperties
+                }
+              />
+              <span className="settings-achievements__volume-value">
+                {form.achievementSoundVolume}%
+              </span>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
--- a/src/renderer/src/pages/settings/settings-behavior.scss
+++ b/src/renderer/src/pages/settings/settings-behavior.scss
@@ -21,4 +21,25 @@
      cursor: pointer;
    }
  }
+
+  &__button-container {
+    margin-top: 16px;
+  }
+
+  &__section {
+    margin-top: 32px;
+    padding-top: 24px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+
+    &-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 16px;
+    }
+
+    // Add spacing between elements in the section
+    > * + * {
+      margin-top: 16px;
+    }
+  }
 }
--- a/src/renderer/src/pages/settings/settings-behavior.tsx
+++ b/src/renderer/src/pages/settings/settings-behavior.tsx
@@ -5,7 +5,6 @@ import { CheckboxField } from "@renderer/components";
 import { useAppSelector } from "@renderer/hooks";
 import { settingsContext } from "@renderer/context";
 import "./settings-behavior.scss";
-import { QuestionIcon } from "@primer/octicons-react";

 export function SettingsBehavior() {
  const userPreferences = useAppSelector(
@@ -23,10 +22,8 @@ export function SettingsBehavior() {
    disableNsfwAlert: false,
    enableAutoInstall: false,
    seedAfterDownloadComplete: false,
-    showHiddenAchievementsDescription: false,
    showDownloadSpeedInMegabytes: false,
    extractFilesByDefault: true,
-    enableSteamAchievements: false,
    autoplayGameTrailers: true,
    hideToTrayOnGameStart: false,
    enableNewDownloadOptionsBadges: true,
@@ -45,13 +42,9 @@ export function SettingsBehavior() {
        enableAutoInstall: userPreferences.enableAutoInstall ?? false,
        seedAfterDownloadComplete:
          userPreferences.seedAfterDownloadComplete ?? false,
-        showHiddenAchievementsDescription:
-          userPreferences.showHiddenAchievementsDescription ?? false,
        showDownloadSpeedInMegabytes:
          userPreferences.showDownloadSpeedInMegabytes ?? false,
        extractFilesByDefault: userPreferences.extractFilesByDefault ?? true,
-        enableSteamAchievements:
-          userPreferences.enableSteamAchievements ?? false,
        autoplayGameTrailers: userPreferences.autoplayGameTrailers ?? true,
        hideToTrayOnGameStart: userPreferences.hideToTrayOnGameStart ?? false,
        enableNewDownloadOptionsBadges:
@@ -163,17 +156,6 @@ export function SettingsBehavior() {
        }
      />

-      <CheckboxField
-        label={t("show_hidden_achievement_description")}
-        checked={form.showHiddenAchievementsDescription}
-        onChange={() =>
-          handleChange({
-            showHiddenAchievementsDescription:
-              !form.showHiddenAchievementsDescription,
-          })
-        }
-      />
-
      <CheckboxField
        label={t("show_download_speed_in_megabytes")}
        checked={form.showDownloadSpeedInMegabytes}
@@ -194,25 +176,6 @@ export function SettingsBehavior() {
        }
      />

-      <div className={`settings-behavior__checkbox-container--with-tooltip`}>
-        <CheckboxField
-          label={t("enable_steam_achievements")}
-          checked={form.enableSteamAchievements}
-          onChange={() =>
-            handleChange({
-              enableSteamAchievements: !form.enableSteamAchievements,
-            })
-          }
-        />
-
-        <small
-          className="settings-behavior__checkbox-container--tooltip"
-          data-open-article="steam-achievements"
-        >
-          <QuestionIcon size={12} />
-        </small>
-      </div>
-
      <CheckboxField
        label={t("enable_new_download_options_badges")}
        checked={form.enableNewDownloadOptionsBadges}
--- a/src/renderer/src/pages/settings/settings-debrid.scss
+++ b/src/renderer/src/pages/settings/settings-debrid.scss
@@ -14,6 +14,10 @@
  &__section {
    display: flex;
    flex-direction: column;
+
+    &:not(:last-child) {
+      margin-bottom: calc(globals.$spacing-unit * 2);
+    }
  }

  &__section-header {
--- a/src/renderer/src/pages/settings/settings-general.scss
+++ b/src/renderer/src/pages/settings/settings-general.scss
@@ -18,13 +18,6 @@
    align-self: flex-start;
  }

-  &__disabled-hint {
-    font-size: 13px;
-    color: globals.$muted-color;
-    margin-top: calc(globals.$spacing-unit * -1);
-    font-style: italic;
-  }
-
  &__volume-control {
    display: flex;
    flex-direction: column;
--- a/src/renderer/src/pages/settings/settings-general.tsx
+++ b/src/renderer/src/pages/settings/settings-general.tsx
@@ -1,11 +1,4 @@
-import {
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-  useCallback,
-  useRef,
-} from "react";
+import { useContext, useEffect, useState } from "react";
 import {
  TextField,
  Button,
@@ -19,9 +12,8 @@ import languageResources from "@locales";
 import { orderBy } from "lodash-es";
 import { settingsContext } from "@renderer/context";
 import "./settings-general.scss";
-import { DesktopDownloadIcon, UnmuteIcon } from "@primer/octicons-react";
+import { DesktopDownloadIcon } from "@primer/octicons-react";
 import { logger } from "@renderer/logger";
-import { AchievementCustomNotificationPosition } from "@types";

 interface LanguageOption {
  option: string;
@@ -37,12 +29,6 @@ export function SettingsGeneral() {
    (state) => state.userPreferences.value
  );

-  const lastPacket = useAppSelector((state) => state.download.lastPacket);
-  const hasActiveDownload =
-    lastPacket !== null &&
-    lastPacket.progress < 1 &&
-    !lastPacket.isDownloadingMetadata;
-
  const [canInstallCommonRedist, setCanInstallCommonRedist] = useState(false);
  const [installingCommonRedist, setInstallingCommonRedist] = useState(false);

@@ -52,22 +38,14 @@ export function SettingsGeneral() {
    repackUpdatesNotificationsEnabled: false,
    friendRequestNotificationsEnabled: false,
    friendStartGameNotificationsEnabled: true,
-    achievementNotificationsEnabled: true,
-    achievementCustomNotificationsEnabled: true,
-    achievementCustomNotificationPosition:
-      "top-left" as AchievementCustomNotificationPosition,
-    achievementSoundVolume: 15,
    language: "",
    customStyles: window.localStorage.getItem("customStyles") || "",
-    useNativeHttpDownloader: true,
  });

  const [languageOptions, setLanguageOptions] = useState<LanguageOption[]>([]);

  const [defaultDownloadsPath, setDefaultDownloadsPath] = useState("");

-  const volumeUpdateTimeoutRef = useRef<NodeJS.Timeout>();
-
  useEffect(() => {
    window.electron.getDefaultDownloadsPath().then((path) => {
      setDefaultDownloadsPath(path);
@@ -98,9 +76,6 @@ export function SettingsGeneral() {

    return () => {
      clearInterval(interval);
-      if (volumeUpdateTimeoutRef.current) {
-        clearTimeout(volumeUpdateTimeoutRef.current);
-      }
    };
  }, []);

@@ -124,41 +99,15 @@ export function SettingsGeneral() {
          userPreferences.downloadNotificationsEnabled ?? false,
        repackUpdatesNotificationsEnabled:
          userPreferences.repackUpdatesNotificationsEnabled ?? false,
-        achievementNotificationsEnabled:
-          userPreferences.achievementNotificationsEnabled ?? true,
-        achievementCustomNotificationsEnabled:
-          userPreferences.achievementCustomNotificationsEnabled ?? true,
-        achievementCustomNotificationPosition:
-          userPreferences.achievementCustomNotificationPosition ?? "top-left",
-        achievementSoundVolume: Math.round(
-          (userPreferences.achievementSoundVolume ?? 0.15) * 100
-        ),
        friendRequestNotificationsEnabled:
          userPreferences.friendRequestNotificationsEnabled ?? false,
        friendStartGameNotificationsEnabled:
          userPreferences.friendStartGameNotificationsEnabled ?? true,
        language: language ?? "en",
-        useNativeHttpDownloader:
-          userPreferences.useNativeHttpDownloader ?? true,
      }));
    }
  }, [userPreferences, defaultDownloadsPath]);

-  const achievementCustomNotificationPositionOptions = useMemo(() => {
-    return [
-      "top-left",
-      "top-center",
-      "top-right",
-      "bottom-left",
-      "bottom-center",
-      "bottom-right",
-    ].map((position) => ({
-      key: position,
-      value: position,
-      label: t(position),
-    }));
-  }, [t]);
-
  const handleLanguageChange = (
    event: React.ChangeEvent<HTMLSelectElement>
  ) => {
@@ -173,31 +122,6 @@ export function SettingsGeneral() {
    await updateUserPreferences(values);
  };

-  const handleVolumeChange = useCallback(
-    (newVolume: number) => {
-      setForm((prev) => ({ ...prev, achievementSoundVolume: newVolume }));
-
-      if (volumeUpdateTimeoutRef.current) {
-        clearTimeout(volumeUpdateTimeoutRef.current);
-      }
-
-      volumeUpdateTimeoutRef.current = setTimeout(() => {
-        updateUserPreferences({ achievementSoundVolume: newVolume / 100 });
-      }, 300);
-    },
-    [updateUserPreferences]
-  );
-
-  const handleChangeAchievementCustomNotificationPosition = async (
-    event: React.ChangeEvent<HTMLSelectElement>
-  ) => {
-    const value = event.target.value as AchievementCustomNotificationPosition;
-
-    await handleChange({ achievementCustomNotificationPosition: value });
-
-    window.electron.updateAchievementCustomNotificationWindow();
-  };
-
  const handleChooseDownloadsPath = async () => {
    const { filePaths } = await window.electron.showOpenDialog({
      defaultPath: form.downloadsPath,
@@ -257,25 +181,6 @@ export function SettingsGeneral() {
        }))}
      />

-      <h2 className="settings-general__section-title">{t("downloads")}</h2>
-
-      <CheckboxField
-        label={t("use_native_http_downloader")}
-        checked={form.useNativeHttpDownloader}
-        disabled={hasActiveDownload}
-        onChange={() =>
-          handleChange({
-            useNativeHttpDownloader: !form.useNativeHttpDownloader,
-          })
-        }
-      />
-
-      {hasActiveDownload && (
-        <p className="settings-general__disabled-hint">
-          {t("cannot_change_downloader_while_downloading")}
-        </p>
-      )}
-
      <h2 className="settings-general__section-title">{t("notifications")}</h2>

      <CheckboxField
@@ -321,86 +226,6 @@ export function SettingsGeneral() {
        }
      />

-      <CheckboxField
-        label={t("enable_achievement_notifications")}
-        checked={form.achievementNotificationsEnabled}
-        onChange={async () => {
-          await handleChange({
-            achievementNotificationsEnabled:
-              !form.achievementNotificationsEnabled,
-          });
-
-          window.electron.updateAchievementCustomNotificationWindow();
-        }}
-      />
-
-      <CheckboxField
-        label={t("enable_achievement_custom_notifications")}
-        checked={form.achievementCustomNotificationsEnabled}
-        disabled={!form.achievementNotificationsEnabled}
-        onChange={async () => {
-          await handleChange({
-            achievementCustomNotificationsEnabled:
-              !form.achievementCustomNotificationsEnabled,
-          });
-
-          window.electron.updateAchievementCustomNotificationWindow();
-        }}
-      />
-
-      {form.achievementNotificationsEnabled &&
-        form.achievementCustomNotificationsEnabled && (
-          <>
-            <SelectField
-              className="settings-general__achievement-custom-notification-position__select-variation"
-              label={t("achievement_custom_notification_position")}
-              value={form.achievementCustomNotificationPosition}
-              onChange={handleChangeAchievementCustomNotificationPosition}
-              options={achievementCustomNotificationPositionOptions}
-            />
-
-            <Button
-              className="settings-general__test-achievement-notification-button"
-              onClick={() => window.electron.showAchievementTestNotification()}
-            >
-              {t("test_notification")}
-            </Button>
-          </>
-        )}
-
-      {form.achievementNotificationsEnabled && (
-        <div className="settings-general__volume-control">
-          <label htmlFor="achievement-volume">
-            {t("achievement_sound_volume")}
-          </label>
-          <div className="settings-general__volume-slider-wrapper">
-            <UnmuteIcon size={16} className="settings-general__volume-icon" />
-            <input
-              id="achievement-volume"
-              type="range"
-              min="0"
-              max="100"
-              value={form.achievementSoundVolume}
-              onChange={(e) => {
-                const volumePercent = parseInt(e.target.value, 10);
-                if (!isNaN(volumePercent)) {
-                  handleVolumeChange(volumePercent);
-                }
-              }}
-              className="settings-general__volume-slider"
-              style={
-                {
-                  "--volume-percent": `${form.achievementSoundVolume}%`,
-                } as React.CSSProperties
-              }
-            />
-            <span className="settings-general__volume-value">
-              {form.achievementSoundVolume}%
-            </span>
-          </div>
-        </div>
-      )}
-
      <h2 className="settings-general__section-title">{t("common_redist")}</h2>

      <p className="settings-general__common-redist-description">
--- a/src/renderer/src/pages/settings/settings.scss
+++ b/src/renderer/src/pages/settings/settings.scss
@@ -2,26 +2,35 @@

 .settings {
  &__container {
-    padding: 24px;
+    padding: 16px;
    width: 100%;
    display: flex;
+    align-items: flex-start;
+  }
+
+  &__sidebar {
+    width: 240px;
+    min-width: 240px;
+    margin-right: 12px;
+    background-color: globals.$background-color;
+    border: solid 1px globals.$border-color;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    padding: calc(globals.$spacing-unit * 2);
+    display: flex;
+    flex-direction: column;
+    align-self: flex-start;
  }

  &__content {
    background-color: globals.$background-color;
-    width: 100%;
-    height: 100%;
+    flex: 1;
    padding: calc(globals.$spacing-unit * 3);
    border: solid 1px globals.$border-color;
-    box-shadow: 0px 0px 15px 0px #000000;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    gap: calc(globals.$spacing-unit * 2);
    display: flex;
    flex-direction: column;
  }
-
-  &__categories {
-    display: flex;
-    gap: globals.$spacing-unit;
-  }
 }
--- a/src/renderer/src/pages/settings/settings.tsx
+++ b/src/renderer/src/pages/settings/settings.tsx
@@ -1,8 +1,8 @@
-import { Button } from "@renderer/components";
 import { useTranslation } from "react-i18next";
 import { SettingsGeneral } from "./settings-general";
 import { SettingsBehavior } from "./settings-behavior";
 import { SettingsDownloadSources } from "./settings-download-sources";
+import { SettingsAchievements } from "./settings-achievements";
 import {
  SettingsContextConsumer,
  SettingsContextProvider,
@@ -13,6 +13,16 @@ import { useMemo } from "react";
 import "./settings.scss";
 import { SettingsAppearance } from "./aparence/settings-appearance";
 import { SettingsDebrid } from "./settings-debrid";
+import cn from "classnames";
+import {
+  GearIcon,
+  ToolsIcon,
+  TrophyIcon,
+  DownloadIcon,
+  PaintbrushIcon,
+  CloudIcon,
+  PersonIcon,
+} from "@primer/octicons-react";

 export default function Settings() {
  const { t } = useTranslation("settings");
@@ -21,20 +31,34 @@ export default function Settings() {

  const categories = useMemo(() => {
    const categories = [
-      { tabLabel: t("general"), contentTitle: t("general") },
-      { tabLabel: t("behavior"), contentTitle: t("behavior") },
-      { tabLabel: t("download_sources"), contentTitle: t("download_sources") },
+      { tabLabel: t("general"), contentTitle: t("general"), Icon: GearIcon },
+      { tabLabel: t("behavior"), contentTitle: t("behavior"), Icon: ToolsIcon },
+      {
+        tabLabel: t("achievements"),
+        contentTitle: t("achievements"),
+        Icon: TrophyIcon,
+      },
+      {
+        tabLabel: t("download_sources"),
+        contentTitle: t("download_sources"),
+        Icon: DownloadIcon,
+      },
      {
        tabLabel: t("appearance"),
        contentTitle: t("appearance"),
+        Icon: PaintbrushIcon,
      },
-      { tabLabel: t("debrid"), contentTitle: t("debrid") },
+      { tabLabel: t("debrid"), contentTitle: t("debrid"), Icon: CloudIcon },
    ];

    if (userDetails)
      return [
        ...categories,
-        { tabLabel: t("account"), contentTitle: t("account") },
+        {
+          tabLabel: t("account"),
+          contentTitle: t("account"),
+          Icon: PersonIcon,
+        },
      ];
    return categories;
  }, [userDetails, t]);
@@ -53,14 +77,18 @@ export default function Settings() {
            }

            if (currentCategoryIndex === 2) {
-              return <SettingsDownloadSources />;
+              return <SettingsAchievements />;
            }

            if (currentCategoryIndex === 3) {
-              return <SettingsAppearance appearance={appearance} />;
+              return <SettingsDownloadSources />;
            }

            if (currentCategoryIndex === 4) {
+              return <SettingsAppearance appearance={appearance} />;
+            }
+
+            if (currentCategoryIndex === 5) {
              return <SettingsDebrid />;
            }

@@ -69,21 +97,32 @@ export default function Settings() {

          return (
            <section className="settings__container">
-              <div className="settings__content">
-                <section className="settings__categories">
+              <aside className="settings__sidebar">
+                <ul className="settings__categories sidebar__menu">
                  {categories.map((category, index) => (
-                    <Button
+                    <li
                      key={category.contentTitle}
-                      theme={
-                        currentCategoryIndex === index ? "primary" : "outline"
-                      }
-                      onClick={() => setCurrentCategoryIndex(index)}
+                      className={cn("sidebar__menu-item", {
+                        "sidebar__menu-item--active":
+                          currentCategoryIndex === index,
+                      })}
                    >
-                      {category.tabLabel}
-                    </Button>
+                      <button
+                        type="button"
+                        className="sidebar__menu-item-button"
+                        onClick={() => setCurrentCategoryIndex(index)}
+                      >
+                        <category.Icon size={16} />
+                        <span className="sidebar__menu-item-button-label">
+                          {category.tabLabel}
+                        </span>
+                      </button>
+                    </li>
                  ))}
-                </section>
+                </ul>
+              </aside>

+              <div className="settings__content">
                <h2>{categories[currentCategoryIndex].contentTitle}</h2>
                {renderCategory()}
              </div>
--- a/src/renderer/src/scss/globals.scss
+++ b/src/renderer/src/scss/globals.scss
@@ -18,7 +18,7 @@ $active-opacity: 0.7;

 $spacing-unit: 8px;

-$toast-z-index: 150;
+$toast-z-index: 5;
 $bottom-panel-z-index: 3;
 $title-bar-z-index: 4;
 $backdrop-z-index: 4;
--- a/src/shared/constants.ts
+++ b/src/shared/constants.ts
@@ -3,6 +3,7 @@ export enum Downloader {
  Torrent,
  Gofile,
  PixelDrain,
+  Qiwi,
  Datanodes,
  Mediafire,
  TorBox,
@@ -10,7 +11,6 @@ export enum Downloader {
  Buzzheavier,
  FuckingFast,
  VikingFile,
-  Rootz,
 }

 export enum DownloadSourceStatus {
--- a/src/shared/index.ts
+++ b/src/shared/index.ts
@@ -110,6 +110,7 @@ export const getDownloadersForUri = (uri: string) => {
  if (uri.startsWith("https://gofile.io")) return [Downloader.Gofile];

  if (uri.startsWith("https://pixeldrain.com")) return [Downloader.PixelDrain];
+  if (uri.startsWith("https://qiwi.gg")) return [Downloader.Qiwi];
  if (uri.startsWith("https://datanodes.to")) return [Downloader.Datanodes];
  if (uri.startsWith("https://www.mediafire.com"))
    return [Downloader.Mediafire];
@@ -126,9 +127,6 @@ export const getDownloadersForUri = (uri: string) => {
  if (uri.startsWith("https://vikingfile.com")) {
    return [Downloader.VikingFile];
  }
-  if (uri.startsWith("https://www.rootz.so")) {
-    return [Downloader.Rootz];
-  }

  if (realDebridHosts.some((host) => uri.startsWith(host)))
    return [Downloader.RealDebrid];
--- a/src/types/game.types.ts
+++ b/src/types/game.types.ts
@@ -5,6 +5,8 @@ export type ShortcutLocation = "desktop" | "start_menu";
 export interface UnlockedAchievement {
  name: string;
  unlockTime: number;
+  imageKey?: string | null;
+  imageUrl?: string | null;
 }

 export interface SteamAchievement {
@@ -20,4 +22,5 @@ export interface SteamAchievement {
 export interface UserAchievement extends SteamAchievement {
  unlocked: boolean;
  unlockTime: number | null;
+  imageUrl?: string | null;
 }
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -191,11 +191,25 @@ export interface UserDetails {
  workwondersJwt: string;
  subscription: Subscription | null;
  karma: number;
+  achievements: ProfileAchievement[] | null;
  quirks?: {
    backupsPerGameLimit: number;
  };
 }

+export interface ProfileAchievement {
+  id: string;
+  name: string;
+  displayName: string;
+  imageUrl: string;
+  unlockTime: number;
+  gameTitle: string;
+  gameIconUrl: string | null;
+  achievementIcon: string | null;
+  gameId: string;
+  description: string;
+}
+
 export interface UserProfile {
  id: string;
  displayName: string;
@@ -212,6 +226,7 @@ export interface UserProfile {
  bio: string;
  hasActiveSubscription: boolean;
  karma: number;
+  achievements: ProfileAchievement[] | null;
  quirks: {
    backupsPerGameLimit: number;
  };
--- a/src/types/level.types.ts
+++ b/src/types/level.types.ts
@@ -89,7 +89,8 @@ export interface GameAchievement {
  achievements: SteamAchievement[];
  unlockedAchievements: UnlockedAchievement[];
  updatedAt: number | undefined;
-  language: string | undefined;
+  imageUrl?: string | null;
+  language?: string;
 }

 export type AchievementCustomNotificationPosition =
@@ -125,10 +126,10 @@ export interface UserPreferences {
  showDownloadSpeedInMegabytes?: boolean;
  extractFilesByDefault?: boolean;
  enableSteamAchievements?: boolean;
+  enableAchievementScreenshots?: boolean;
  autoplayGameTrailers?: boolean;
  hideToTrayOnGameStart?: boolean;
  enableNewDownloadOptionsBadges?: boolean;
-  useNativeHttpDownloader?: boolean;
 }

 export interface ScreenState {
Author	SHA1	Message	Date
Chubby Granny Chaser	085f2c74b4	Merge branch 'main' into feat/souvenirs-for-achievements	2026-01-11 14:09:36 +00:00
Moyasee	a4417b26fd	chore: update subproject commit reference and clean up imports in settings-general	2025-12-27 22:17:12 +02:00
Moyasee	2919109a11	feat: move new achievement related settings into achievement tab in settings	2025-12-27 22:13:48 +02:00
Moyasee	734f8dbce0	fix: merge conflicts	2025-12-27 21:50:28 +02:00
Moyasee	3105fe1c59	feat: displaying achievements in game accordion and proper styling	2025-11-25 21:41:52 +02:00
Moyasee	4097869ae8	feat: displaying achievements in game accordion and proper styling	2025-11-25 21:21:57 +02:00
Moyasee	bc3d47ed0e	feat: deleting achievement souvenirs	2025-11-18 18:26:22 +02:00
Moyasee	e1c60c6e8f	fix: memo thing	2025-11-11 20:56:25 +02:00
Moyasee	ccecd8aa4c	fix: formatting	2025-11-11 20:49:47 +02:00
Moyase	d8d1576cc7	Merge branch 'main' into feat/souvenirs-for-achievements	2025-11-11 20:29:23 +02:00
Moyasee	29f05b0c3c	fix: deleted duplicate css class	2025-11-09 18:23:11 +02:00
Moyasee	941101702e	ci: moving souvenirs into separate tab	2025-11-09 18:18:16 +02:00
Moyase	089bdd877d	Merge branch 'main' into feat/souvenirs-for-achievements	2025-11-09 17:46:08 +02:00
Moyasee	bf419edd99	fix: refactoring function	2025-10-26 08:37:21 +02:00
Moyasee	28cc25b368	ci: formatting	2025-10-26 08:32:28 +02:00
Moyasee	a1f419957f	ci: changed css variables to image from souvenirs, made image add in a single api call with updating achievements, renamed variables	2025-10-24 23:50:59 +03:00
Moyasee	f1f69e6dbd	Merge branch 'main' of https://github.com/hydralauncher/hydra into feat/souvenirs-for-achievements	2025-10-24 20:50:24 +03:00
Moyasee	274cb21459	fix: disabling open screenshot folder button for linux users	2025-10-24 08:22:53 +03:00
Moyasee	af69d19db7	ci: formatting	2025-10-23 10:00:54 +03:00
Moyasee	594d56db5c	feat: Changing settings ui. Added new section achievements	2025-10-23 09:55:04 +03:00
Moyasee	2634bec292	feat: added open screenshots folder in settings-behavior	2025-10-22 22:49:07 +03:00
Moyasee	7109c1542c	ci: api change + fullscreen modal fix	2025-10-22 22:14:47 +03:00
Chubby Granny Chaser	68b3de9b7f	fix: moving constant	2025-10-22 17:37:00 +01:00
Moyasee	ddbac621fb	fix: added linux precheck and tooltip to the screenshot checkbox	2025-10-22 10:54:49 +03:00
Moyasee	40ab06e87c	ci: refactored service to event, fixed dynamic import	2025-10-22 10:44:29 +03:00
Moyasee	8616729f5d	Merge branch 'feat/souvenirs-for-achievements' of https://github.com/hydralauncher/hydra into feat/souvenirs-for-achievements	2025-10-22 10:41:56 +03:00
Moyasee	1b4a1360a6	ci: refactored service to event, fixed dynamic import	2025-10-22 10:40:52 +03:00
Chubby Granny Chaser	2da98911b8	Merge branch 'main' into feat/souvenirs-for-achievements	2025-10-21 20:47:11 +01:00
Moyasee	ba4610705d	ci: imports fix, readonly marking, using dialog, removed unnecesary assertions	2025-10-21 21:19:50 +03:00
Moyasee	0a4726af44	ci: imports fix, readonly marking, using dialog, removed unnecesary assertions	2025-10-21 21:17:55 +03:00
Moyasee	2022ff34cb	fix: empty block	2025-10-21 21:09:31 +03:00
Moyasee	72e6f1e328	ci: deleting comments	2025-10-21 21:08:01 +03:00
Moyasee	9b693f2297	ci: fixed files after merging	2025-10-20 16:26:25 +03:00
Moyasee	e3685ba233	ci: merging main to branch	2025-10-20 15:51:15 +03:00
Moyasee	03d9128768	ci: merging main to branch	2025-10-20 15:50:04 +03:00
Moyasee	beec415636	ci: souvenir gradient box fix	2025-10-20 08:40:17 +03:00
Moyasee	4fb04b72a3	ci: added responsive design to souvenir cards in user profile	2025-10-20 03:24:28 +03:00
Moyasee	e53e52df1b	ci: another lint fixes	2025-10-20 01:50:30 +03:00
Moyasee	8c0281844e	ci: fix lint errors	2025-10-20 01:45:00 +03:00
Moyasee	cc9d98c360	feat: displaying recent achievements on profile	2025-10-20 01:42:50 +03:00
				`@@ -0,0 +1 @@`
				`export { FullscreenImageModal } from "./fullscreen-image-modal";`