fix: hotfixing video player

[fix] ci: fix version name in aur commit message

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,65 +0,0 @@
-name: Bug Report
-description: Create a report to help us improve. Write in English.
-title: "[BUG] Write a title for your bug"
-labels: ["bug"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for creating a bug report to help us improve!
-  - type: textarea
-    id: bug-description
-    attributes:
-      label: Describe the bug
-      description: A clear and concise description of what the bug is.
-    validations:
-      required: true
-  - type: textarea
-    id: bug-reproduce
-    attributes:
-      label: Steps to Reproduce
-      description: Steps to reproduce the behavior. For example, "1. Go to '...', 2. Click on '...', 3. See error"
-    validations:
-      required: true
-  - type: textarea
-    id: expected-behavior
-    attributes:
-      label: Expected behavior
-      description: A clear and concise description of what you expected to happen.
-    validations:
-      required: false
-  - type: textarea
-    id: additional-info
-    attributes:
-      label: Additional information and data
-      description: |
-        Add screenshots and upload your all logs file here.
-        Logs location on Windows: "%appdata%/hydralauncher/logs"
-        Logs location on Linux: "~/.config/hydralauncher/logs"
-    validations:
-      required: true
-  - type: input
-    id: OS
-    attributes:
-      label: Operating System
-      description: Which operating system are you using (e.g., Windows 11/Linux Distro/Steam Deck)?
-    validations:
-      required: true
-  - type: input
-    id: hydra-version
-    attributes:
-      label: Hydra Version
-      description: Please provide the version of Hydra you are using.
-    validations:
-      required: true
-  - type: checkboxes
-    id: terms
-    attributes:
-      label: Before opening this Issue
-      options:
-        - label: I have searched the issues of this repository and believe that this is not a duplicate.
-          required: true
-        - label: I am aware that Hydra team does not offer any support or help regarding the downloaded games.
-          required: true
-        - label: I have read the [Frequently Asked Questions (FAQ)](https://github.com/hydralauncher/hydra/wiki/FAQ).
-          required: true

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,37 +0,0 @@
-name: Feature Request
-description: Request a new feature.
-title: "[REQUEST] "
-labels: ["enhancement"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for taking the time to suggest a new feature!
-  - type: textarea
-    id: problem-related
-    attributes:
-      label: Is your feature request related to a problem? Please describe.
-      description: A clear and concise description of what the problem is.
-    validations:
-      required: true
-  - type: textarea
-    id: solution
-    attributes:
-      label: Describe the solution you'd like
-      description: A clear and concise description of what you want to happen.
-    validations:
-      required: true
-  - type: textarea
-    id: alternatives
-    attributes:
-      label: Describe alternatives you've considered
-      description: A clear and concise description of any alternative solutions or features you've considered.
-    validations:
-      required: false
-  - type: textarea
-    id: additional-context
-    attributes:
-      label: Additional context
-      description: Add any other context or screenshots about the feature request here.
-    validations:
-      required: false

.github/pull-request-template.md

@@ -2,11 +2,9 @@
 
 **When submitting this pull request, I confirm the following (please check the boxes):**
 
-- [ ] I have read and understood the [Contributor Guidelines](https://github.com/hydralauncher/hydra?tab=readme-ov-file#ways-you-can-contribute).
+- [ ] I have read the [Hydra documentation](https://docs.hydralauncher.gg/getting-started.html).
 - [ ] I have checked that there are no duplicate pull requests related to this request.
 - [ ] I have considered, and confirm that this submission is valuable to others.
 - [ ] I accept that this submission may not be used and the pull request may be closed at the discretion of the maintainers.
 
 **Fill in the PR content:**
-
--

.github/workflows/update-aur.yml

@@ -137,7 +137,7 @@ jobs:
           if git diff --staged --quiet; then
             echo "No changes to commit"
           else
-            COMMIT_MSG="v${{ steps.get-version.outputs.version }}"
+            COMMIT_MSG="${{ steps.get-version.outputs.version }}"
             
             git commit -m "$COMMIT_MSG"
             

python_rpc/main.py

@@ -153,8 +153,11 @@ def profile_image():
     data = request.get_json()
     image_path = data.get('image_path')
 
+    # use webp as default value for target_extension
+    target_extension = data.get('target_extension') or 'webp'
+
     try:
-        processed_image_path, mime_type = ProfileImageProcessor.process_image(image_path)
+        processed_image_path, mime_type = ProfileImageProcessor.process_image(image_path, target_extension)
         return jsonify({'imagePath': processed_image_path, 'mimeType': mime_type}), 200
     except Exception as e:
         return jsonify({"error": str(e)}), 400

python_rpc/profile_image_processor.py

@@ -4,7 +4,7 @@ import os, uuid, tempfile
 class ProfileImageProcessor:
     
     @staticmethod
-    def get_parsed_image_data(image_path):
+    def get_parsed_image_data(image_path, target_extension):
         Image.MAX_IMAGE_PIXELS = 933120000
         
         image = Image.open(image_path)
@@ -16,7 +16,7 @@ class ProfileImageProcessor:
             return image_path, mime_type
         else:
             new_uuid = str(uuid.uuid4())
-            new_image_path = os.path.join(tempfile.gettempdir(), new_uuid) + ".webp"
+            new_image_path = os.path.join(tempfile.gettempdir(), new_uuid) + "." + target_extension
             image.save(new_image_path)
             
             new_image = Image.open(new_image_path)
@@ -26,5 +26,5 @@ class ProfileImageProcessor:
                 
     
     @staticmethod
-    def process_image(image_path):
-        return ProfileImageProcessor.get_parsed_image_data(image_path)
+    def process_image(image_path, target_extension):
+        return ProfileImageProcessor.get_parsed_image_data(image_path, target_extension)

src/locales/en/translation.json

@@ -94,6 +94,12 @@
   "header": {
     "search": "Search games",
     "search_library": "Search library",
+    "recent_searches": "Recent Searches",
+    "suggestions": "Suggestions",
+    "clear_history": "Clear history",
+    "remove_from_history": "Remove from history",
+    "loading": "Loading...",
+    "no_results": "No results",
     "home": "Home",
     "catalogue": "Catalogue",
     "library": "Library",

src/locales/hu/translation.json

@@ -8,11 +8,12 @@
     "no_results": "Nincs találat",
     "start_typing": "Kereséshez gépelj...",
     "hot": "Most felkapott",
-    "weekly": "📅 A hét felkapottjai",
+    "weekly": "📅 Heti kiemeltek",
     "achievements": "🏆 Achievement támogatott"
   },
   "sidebar": {
     "catalogue": "Katalógus",
+    "library": "Könyvtár",
     "downloads": "Letöltések",
     "settings": "Beállítások",
     "my_library": "Könyvtáram",
@@ -81,7 +82,7 @@
     "update_decky_plugin": "Decky Plugin Frissítése",
     "decky_plugin_installed_version": "Decky Plugin (v{{version}})",
     "install_decky_plugin_title": "Telepítsd a Hydra Decky Plugint",
-    "install_decky_plugin_message": "Ez letölti és telepíteni fogja a Hydra plugint a Decky Loaderhez. Előfordulhat, hogy rendszergazdai jogosultságra lesz szükség. Folytatod?",
+    "install_decky_plugin_message": "Ez letölti és telepíti a Hydra plugint a Decky Loaderhez. Előfordulhat, hogy rendszergazdai jogosultságra lesz szükség. Folytatod?",
     "update_decky_plugin_title": "Hydra Decky Plugin Frissítése",
     "update_decky_plugin_message": "Egy új verzió elérhető a Hydra Decky Pluginhoz. Szeretnéd frissíteni?",
     "decky_plugin_installed": "Decky plugin v{{version}} sikeresen telepítve",
@@ -92,8 +93,10 @@
   },
   "header": {
     "search": "Keresés",
+    "search_library": "Könyvtár böngészése",
     "home": "Főoldal",
     "catalogue": "Katalógus",
+    "library": "Könyvtár",
     "downloads": "Letöltések",
     "search_results": "Keresési találatok",
     "settings": "Beállítások",
@@ -117,7 +120,7 @@
     "tags": "Címkék",
     "publishers": "Kiadók",
     "download_sources": "Letöltési források",
-    "result_count": "{{resultCount}} találatok",
+    "result_count": "{{resultCount}} találat",
     "filter_count": "{{filterCount}} elérhető",
     "clear_filters": "{{filterCount}} kiválaszott szűrő törlése"
   },
@@ -166,11 +169,11 @@
     "download_now": "Letöltés",
     "no_shop_details": "A bolt adatai nem érhetőek el.",
     "download_options": "Letöltési opciók",
-    "download_path": "Letöltis hely",
+    "download_path": "Letöltési hely",
     "previous_screenshot": "Előző screenshot",
     "next_screenshot": "Következő screenshot",
     "screenshot": "Screenshot {{number}}",
-    "open_screenshot": "Screenshot megnyitása {{number}}",
+    "open_screenshot": "{{number}} Screenshot megnyitása ",
     "download_settings": "Letöltési beállítások",
     "downloader": "Letöltési mód",
     "select_executable": "Tallózás",
@@ -194,6 +197,7 @@
     "download_in_progress": "Letöltés folyamatban",
     "download_paused": "Letöltés szüneteltetve",
     "last_downloaded_option": "Utoljára letöltött",
+    "new_download_option": "Új",
     "create_steam_shortcut": "Steam parancsikon létrehozása",
     "create_shortcut_success": "A parancsikon létrehozása sikeres",
     "you_might_need_to_restart_steam": "Lehetséges hogy újrakell indítsd a Steamet hogy lásd a változást.",
@@ -223,6 +227,7 @@
     "show_more": "Mutass többet",
     "show_less": "Mutass kevesebbet",
     "reviews": "Vélemények",
+    "review_played_for": "Játszva",
     "leave_a_review": "Hagyd itt a véleményed",
     "write_review_placeholder": "Oszd meg gondolatod a játékról...",
     "sort_newest": "Legújabb",
@@ -361,7 +366,10 @@
     "show_original": "Eredeti megjelenítése",
     "show_translation": "Fordítás megjelenítése",
     "show_original_translated_from": "Eredeti megjelenítése (fordítva: {{language}})",
-    "hide_original": "Eredeti elrejtése"
+    "hide_original": "Eredeti elrejtése",
+    "review_from_blocked_user": "Letiltott felhasználó véleménye",
+    "show": "Megjelenítés",
+    "hide": "Elrejtés"
   },
   "activation": {
     "title": "Hydra Aktiválása",
@@ -488,11 +496,11 @@
     "no_email_account": "Még nincs beállított emailed",
     "account_data_updated_successfully": "Fiókadatok változtatása sikeres",
     "renew_subscription": "Hydra Cloud Megújítása",
-    "subscription_expired_at": "Az előfizetésed lejárt, ekkor: {{date}}",
+    "subscription_expired_at": "Az előfizetésed lejárt: {{date}}",
     "no_subscription": "Élvezd a Hydrát a lehető legjobb módon",
     "become_subscriber": "Légy Hydra Cloud tag",
     "subscription_renew_cancelled": "Automatikus megújítás kikapcsolva",
-    "subscription_renews_on": "Az előfizetésed megújul, ekkor: {{date}}",
+    "subscription_renews_on": "Az előfizetésed megújul: {{date}}",
     "bill_sent_until": "A következő számlát ezen napon küldjük",
     "no_themes": "Úgy látszik nincs egyetlen témád sem még, de ne aggódj, kattints ide hogy elkészítsd a remekművedet.",
     "editor_tab_code": "Code",
@@ -551,10 +559,19 @@
     "platinum": "Platina",
     "hidden": "Rejtett",
     "test_notification": "Értesítés tesztelése",
+    "achievement_sound_volume": "Achievement hangereje",
+    "select_achievement_sound": "Achievement hang kiválasztása",
+    "change_achievement_sound": "Achievement hang megváltoztatása",
+    "remove_achievement_sound": "Achievement hang eltávolítása",
+    "preview_sound": "Hang előnézet",
+    "select": "Kiválaszt",
+    "preview": "Előnézet",
+    "remove": "Eltávolít",
+    "no_sound_file_selected": "Nincs hangfájl kiválasztva",
     "notification_preview": "Achievement Értesítés Előnézete",
     "enable_friend_start_game_notifications": "Amikor egy barátod elkezd játszani egy játékot",
     "autoplay_trailers_on_game_page": "Játékelőzetes automatikus lejátszása a játék oldalán",
-    "hide_to_tray_on_game_start": "Hydra elrejtése játék elindításakor a tálcára"
+    "hide_to_tray_on_game_start": "Hydra elrejtése játék indításakor a tálcára"
   },
   "notifications": {
     "download_complete": "Letöltés befejezve",
@@ -670,7 +687,7 @@
     "report_reason_other": "Egyéb",
     "profile_reported": "Profil bejelentve",
     "your_friend_code": "A barát kódod:",
-    "upload_banner": "Borítókép feltöltés",
+    "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",
     "stats": "Statisztikák",
@@ -689,7 +706,31 @@
     "game_added_to_pinned": "Játék hozzáadva a kitűzöttekhez",
     "karma": "Karma",
     "karma_count": "karma",
-    "karma_description": "Pozitív értékelésekkel szerzett pontok"
+    "karma_description": "Pozitív értékelésekkel szerzett pontok",
+    "user_reviews": "Vélemények",
+    "delete_review": "Vélemény Törlése",
+    "loading_reviews": "Vélemények betöltése..."
+  },
+  "library": {
+    "library": "Könyvtár",
+    "play": "Játék",
+    "download": "Letöltés",
+    "downloading": "Letöltés..",
+    "game": "játék",
+    "games": "játékok",
+    "grid_view": "Rács nézet",
+    "compact_view": "Kompakt nézet",
+    "large_view": "Nagy nézet",
+    "no_games_title": "A könyvtárad üres",
+    "no_games_description": "Adj játékokat a katalógusból hozzá vagy töltsd le őket hogy bele vágj",
+    "amount_hours": "{{amount}} óra",
+    "amount_minutes": "{{amount}} perc",
+    "amount_hours_short": "{{amount}}ó",
+    "amount_minutes_short": "{{amount}}p",
+    "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"
   },
   "achievement": {
     "achievement_unlocked": "Achievement feloldva",

src/locales/tr/translation.json

@@ -16,6 +16,7 @@
     "downloads": "İndirilenler",
     "settings": "Ayarlar",
     "my_library": "Kütüphanem",
+    "library": "Kütüphane",
     "downloading_metadata": "{{title}} (Meta verileri indiriliyor…)",
     "paused": "{{title}} (Duraklatıldı)",
     "downloading": "{{title}} (%{{percentage}} - İndiriliyor…)",
@@ -26,7 +27,69 @@
     "sign_in": "Giriş Yap",
     "friends": "Arkadaşlar",
     "need_help": "Yardıma mı ihtiyacınız var?",
-    "favorites": "Favoriler"
+    "favorites": "Favoriler",
+    "playable_button_title": "Şu anda oynayabileceğin oyunları göster",
+    "add_custom_game_tooltip": "Özel Oyun Ekle",
+    "show_playable_only_tooltip": "Sadece Oynanabilirleri Göster",
+    "custom_game_modal": "Özel Oyun Ekle",
+    "custom_game_modal_description": "Çalıştırılabilir bir dosya seçerek kütüphanene özel oyun ekle",
+    "custom_game_modal_executable_path": "Çalıştırılabilir Dosya Yolu",
+    "custom_game_modal_select_executable": "Çalıştırılabilir dosya seç",
+    "custom_game_modal_title": "Başlık",
+    "custom_game_modal_enter_title": "Başlık gir",
+    "custom_game_modal_browse": "Gözat",
+    "custom_game_modal_cancel": "İptal",
+    "custom_game_modal_add": "Oyun Ekle",
+    "custom_game_modal_adding": "Oyun Ekleniyor...",
+    "custom_game_modal_success": "Özel oyun başarıyla eklendi",
+    "custom_game_modal_failed": "Özel oyun eklenemedi",
+    "custom_game_modal_executable": "Çalıştırılabilir",
+    "edit_game_modal": "Varlıkları Özelleştir",
+    "edit_game_modal_description": "Oyun varlıklarını ve detaylarını özelleştir",
+    "edit_game_modal_title": "Başlık",
+    "edit_game_modal_enter_title": "Başlık gir",
+    "edit_game_modal_image": "Görsel",
+    "edit_game_modal_select_image": "Görsel seç",
+    "edit_game_modal_browse": "Gözat",
+    "edit_game_modal_image_preview": "Görsel önizleme",
+    "edit_game_modal_icon": "İkon",
+    "edit_game_modal_select_icon": "İkon seç",
+    "edit_game_modal_icon_preview": "İkon önizleme",
+    "edit_game_modal_logo": "Logo",
+    "edit_game_modal_select_logo": "Logo seç",
+    "edit_game_modal_logo_preview": "Logo önizleme",
+    "edit_game_modal_hero": "Kütüphane Hero",
+    "edit_game_modal_select_hero": "Kütüphane hero görseli seç",
+    "edit_game_modal_hero_preview": "Kütüphane hero görseli önizleme",
+    "edit_game_modal_cancel": "İptal et",
+    "edit_game_modal_update": "Güncelle",
+    "edit_game_modal_updating": "Güncelleniyor...",
+    "edit_game_modal_fill_required": "Lütfen tüm gerekli alanları doldur",
+    "edit_game_modal_success": "Varlıklar başarıyla güncellendi",
+    "edit_game_modal_failed": "Varlıklar güncellenemedi",
+    "edit_game_modal_image_filter": "Görsel",
+    "edit_game_modal_icon_resolution": "Önerilen çözünürlük: 256x256px",
+    "edit_game_modal_logo_resolution": "Önerilen çözünürlük: 640x360px",
+    "edit_game_modal_hero_resolution": "Önerilen çözünürlük: 1920x620px",
+    "edit_game_modal_assets": "Varlıklar",
+    "edit_game_modal_drop_icon_image_here": "İkon görselini buraya bırak",
+    "edit_game_modal_drop_logo_image_here": "Logo görselini buraya bırak",
+    "edit_game_modal_drop_hero_image_here": "Hero görselini buraya bırak",
+    "edit_game_modal_drop_to_replace_icon": "İkonu değiştirmek için buraya bırak",
+    "edit_game_modal_drop_to_replace_logo": "Logoyu değiştirmek için buraya bırak",
+    "edit_game_modal_drop_to_replace_hero": "Hero'yu değiştirmek için buraya bırak",
+    "install_decky_plugin": "Decky Plugin Kur",
+    "update_decky_plugin": "Decky Plugin Güncelle",
+    "decky_plugin_installed_version": "Decky Plugin (v{{version}})",
+    "install_decky_plugin_title": "Hydra Decky Plugin Kur",
+    "install_decky_plugin_message": "Bu işlem Decky Loader için Hydra plugin'ini indirecek ve kuracak. Bu işlem yükseltilmiş izinler gerektirebilir. Devam et?",
+    "update_decky_plugin_title": "Hydra Decky Plugin Güncelle",
+    "update_decky_plugin_message": "Hydra Decky plugin'inin yeni bir sürümü mevcut. Şimdi güncellemek ister misin?",
+    "decky_plugin_installed": "Decky plugin v{{version}} başarıyla kuruldu",
+    "decky_plugin_installation_failed": "Decky plugin kurulamadı: {{error}}",
+    "decky_plugin_installation_error": "Decky plugin kurulumu hatası: {{error}}",
+    "confirm": "Onayla",
+    "cancel": "İptal"
   },
   "header": {
     "search": "Oyunlarda Ara",
@@ -35,6 +98,8 @@
     "downloads": "İndirilenler",
     "search_results": "Arama Sonuçları",
     "settings": "Ayarlar",
+    "search_library": "Kütüphanede ara",
+    "library": "Kütüphane",
     "version_available_install": "{{version}} sürümü mevcut. Yeniden başlatıp yüklemek için tıklayın.",
     "version_available_download": "{{version}} sürümü mevcut. İndirmek için tıklayın."
   },
@@ -203,7 +268,108 @@
     "create_start_menu_shortcut": "Başlat Menüsüne kısayol oluştur",
     "invalid_wine_prefix_path": "Geçersiz Wine ön ek yolu",
     "invalid_wine_prefix_path_description": "Wine ön ek yolu hatalı. Lütfen yolu kontrol edin ve tekrar deneyin.",
-    "missing_wine_prefix": "Linux'ta yedekleme oluşturmak için Wine ön eki gereklidir"
+    "missing_wine_prefix": "Linux'ta yedekleme oluşturmak için Wine ön eki gereklidir",
+    "already_in_library": "Zaten kütüphanede",
+    "create_shortcut_simple": "Kısayol oluştur",
+    "properties": "Özellikler",
+    "new_download_option": "Yeni",
+    "add_to_favorites": "Favorilere ekle",
+    "remove_from_favorites": "Favorilerden çıkar",
+    "failed_update_favorites": "Favoriler güncellenemedi",
+    "game_removed_from_library": "Oyun kütüphaneden çıkarıldı",
+    "failed_remove_from_library": "Kütüphaneden çıkarılamadı",
+    "files_removed_success": "Dosyalar başarıyla kaldırıldı",
+    "failed_remove_files": "Dosyalar kaldırılamadı",
+    "rating_count": "Puan",
+    "show_more": "Daha fazla göster",
+    "show_less": "Daha az göster",
+    "reviews": "İncelemeler",
+    "review_played_for": "Oynama süresi",
+    "leave_a_review": "İnceleme Yap",
+    "write_review_placeholder": "Bu oyun hakkındaki düşüncelerini paylaş...",
+    "sort_newest": "En yeni",
+    "no_reviews_yet": "Henüz inceleme yok",
+    "be_first_to_review": "Bu oyun hakkındaki düşüncelerini paylaşan ilk kişi ol!",
+    "sort_oldest": "En eski",
+    "sort_highest_score": "En yüksek puan",
+    "sort_lowest_score": "En düşük puan",
+    "sort_most_voted": "En çok oy",
+    "rating": "Puan",
+    "rating_stats": "Puan",
+    "rating_very_negative": "Çok Olumsuz",
+    "rating_negative": "Olumsuz",
+    "rating_neutral": "Nötr",
+    "rating_positive": "Olumlu",
+    "rating_very_positive": "Çok Olumlu",
+    "submit_review": "Gönder",
+    "submitting": "Gönderiliyor...",
+    "review_submitted_successfully": "İnceleme başarıyla gönderildi!",
+    "review_submission_failed": "İnceleme gönderilemedi. Lütfen tekrar dene.",
+    "review_cannot_be_empty": "İnceleme metin alanı boş olamaz.",
+    "review_deleted_successfully": "İnceleme başarıyla silindi.",
+    "review_deletion_failed": "İnceleme silinemedi. Lütfen tekrar dene.",
+    "loading_reviews": "İncelemeler yükleniyor...",
+    "loading_more_reviews": "Daha fazla inceleme yükleniyor...",
+    "load_more_reviews": "Daha fazla inceleme yükle",
+    "you_seemed_to_enjoy_this_game": "Bu oyunu beğenmiş görünüyorsun",
+    "would_you_recommend_this_game": "Bu oyun hakkında bir inceleme yazmak ister misin?",
+    "yes": "Evet",
+    "maybe_later": "Belki sonra",
+    "backup_failed": "Yedekleme başarısız",
+    "update_playtime_title": "Oynama süresini güncelle",
+    "update_playtime_description": "{{game}} için oynama süresini manuel olarak güncelle",
+    "update_playtime": "Oynama süresini güncelle",
+    "update_playtime_success": "Oynama süresi başarıyla güncellendi",
+    "update_playtime_error": "Oynama süresi güncellenemedi",
+    "update_game_playtime": "Oyun oynama süresini güncelle",
+    "manual_playtime_warning": "Saatlerin manuel olarak güncellendiği işaretlenecek ve bu geri alınamaz.",
+    "manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
+    "game_removed_from_pinned": "Oyun sabitlenmişlerden çıkarıldı",
+    "game_added_to_pinned": "Oyun sabitlenmişlere eklendi",
+    "artifact_renamed": "Yedekleme başarıyla yeniden adlandırıldı",
+    "rename_artifact": "Yedeklemeyi Yeniden Adlandır",
+    "rename_artifact_description": "Yedeklemeyi daha açıklayıcı bir isimle yeniden adlandır",
+    "artifact_name_label": "Yedekleme adı",
+    "artifact_name_placeholder": "Yedekleme için bir isim gir",
+    "save_changes": "Değişiklikleri kaydet",
+    "required_field": "Bu alan gereklidir",
+    "max_length_field": "Bu alan {{length}} karakterden az olmalıdır",
+    "freeze_backup": "Otomatik yedeklemeler tarafından üzerine yazılmasın diye sabitle",
+    "unfreeze_backup": "Sabitlemeyi kaldır",
+    "backup_frozen": "Yedekleme sabitlendi",
+    "backup_unfrozen": "Yedekleme sabitlemesi kaldırıldı",
+    "backup_freeze_failed": "Yedekleme sabitlenemedi",
+    "backup_freeze_failed_description": "Otomatik yedeklemeler için en az bir boş alan bırakmalısın",
+    "edit_game_modal_button": "Oyun varlıklarını özelleştir",
+    "game_details": "Oyun Detayları",
+    "currency_symbol": "₺",
+    "currency_country": "tr",
+    "prices": "Fiyatlar",
+    "no_prices_found": "Fiyat bulunamadı",
+    "view_all_prices": "Tüm fiyatları görüntülemek için tıkla",
+    "retail_price": "Perakende fiyatı",
+    "keyshop_price": "Anahtar dükkanı fiyatı",
+    "historical_retail": "Geçmiş perakende",
+    "historical_keyshop": "Geçmiş anahtar dükkanı",
+    "language": "Dil",
+    "caption": "Altyazı",
+    "audio": "Ses",
+    "filter_by_source": "Kaynağa göre filtrele",
+    "no_repacks_found": "Bu oyun için kaynak bulunamadı",
+    "delete_review": "İncelemeyi sil",
+    "remove_review": "İncelemeyi Kaldır",
+    "delete_review_modal_title": "İncelemeni silmek istediğinden emin misin?",
+    "delete_review_modal_description": "Bu işlem geri alınamaz.",
+    "delete_review_modal_delete_button": "Sil",
+    "delete_review_modal_cancel_button": "İptal",
+    "vote_failed": "Oyun kaydı başarısız oldu. Lütfen tekrar dene.",
+    "show_original": "Orijinali göster",
+    "show_translation": "Çeviriyi göster",
+    "show_original_translated_from": "Orijinali göster ({{language}} dilinden çevrilmiştir)",
+    "hide_original": "Orijinali gizle",
+    "review_from_blocked_user": "Engellenen kullanıcıdan gelen inceleme",
+    "show": "Göster",
+    "hide": "Gizle"
   },
   "activation": {
     "title": "Hydra'yı Etkinleştir",
@@ -379,7 +545,33 @@
     "hidden": "Gizli",
     "test_notification": "Test bildirimi",
     "notification_preview": "Başarı Bildirimi Önizlemesi",
-    "enable_friend_start_game_notifications": "Bir arkadaşınız oyun oynamaya başladığında"
+    "enable_friend_start_game_notifications": "Bir arkadaşınız oyun oynamaya başladığında",
+    "adding": "Ekleniyor…",
+    "failed_add_download_source": "İndirme kaynağı eklenemedi. Lütfen tekrar dene.",
+    "download_source_already_exists": "Bu indirme kaynağı URL'si zaten mevcut.",
+    "download_source_pending_matching": "Yakında güncellenecek",
+    "download_source_matched": "Güncel",
+    "download_source_matching": "Güncelleniyor",
+    "download_source_failed": "Hata",
+    "download_source_no_information": "Bilgi mevcut değil",
+    "removed_all_download_sources": "Tüm indirme kaynakları kaldırıldı",
+    "download_sources_synced_successfully": "Tüm indirme kaynakları senkronize edildi",
+    "importing": "İçe aktarılıyor...",
+    "hydra_cloud": "Hydra Cloud",
+    "debrid": "Debrid",
+    "debrid_description": "Debrid servisleri, internet hızınızla sınırlı, çeşitli dosya barındırma hizmetlerinde barındırılan dosyaları hızla indirmenize olanak tanıyan premium sınırsız indiricilerdir.",
+    "enable_steam_achievements": "Steam başarımları aramasını etkinleştir",
+    "achievement_sound_volume": "Başarım ses seviyesi",
+    "select_achievement_sound": "Başarım sesi seç",
+    "change_achievement_sound": "Başarım sesini değiştir",
+    "remove_achievement_sound": "Başarım sesini kaldır",
+    "preview_sound": "Sesi önizle",
+    "select": "Seç",
+    "preview": "Önizle",
+    "remove": "Kaldır",
+    "no_sound_file_selected": "Ses dosyası seçilmedi",
+    "autoplay_trailers_on_game_page": "Oyun sayfasında fragmanları otomatik olarak oynat",
+    "hide_to_tray_on_game_start": "Oyun başlatıldığında Hydra'yı sistem tepsisine gizle"
   },
   "notifications": {
     "download_complete": "İndirme tamamlandı",
@@ -406,7 +598,8 @@
   "game_card": {
     "available_one": "Mevcut",
     "available_other": "Mevcut",
-    "no_downloads": "İndirme mevcut değil"
+    "no_downloads": "İndirme mevcut değil",
+    "calculating": "Hesaplanıyor"
   },
   "binary_not_found_modal": {
     "title": "Programlar Yüklü Değil",
@@ -498,7 +691,46 @@
     "achievements_unlocked": "Açılan başarımlar",
     "earned_points": "Kazanılan puanlar",
     "show_achievements_on_profile": "Başarımlarını profilinde göster",
-    "show_points_on_profile": "Kazanılan puanlarını profilinde göster"
+    "show_points_on_profile": "Kazanılan puanlarını profilinde göster",
+    "amount_hours_short": "{{amount}}s",
+    "amount_minutes_short": "{{amount}}d",
+    "pinned": "Sabitlenmiş",
+    "sort_by": "Sırala:",
+    "achievements_earned": "Kazanılan başarımlar",
+    "played_recently": "Son oynanan",
+    "playtime": "Oynama süresi",
+    "manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
+    "error_adding_friend": "Arkadaş isteği gönderilemedi. Lütfen arkadaş kodunu kontrol et",
+    "friend_code_length_error": "Arkadaş kodu 8 karakter olmalıdır",
+    "game_removed_from_pinned": "Oyun sabitlenmişlerden çıkarıldı",
+    "game_added_to_pinned": "Oyun sabitlenmişlere eklendi",
+    "karma": "Karma",
+    "karma_count": "karma",
+    "karma_description": "İncelemelerdeki olumlu beğenilerden kazanılır",
+    "user_reviews": "İncelemeler",
+    "delete_review": "İncelemeyi Sil",
+    "loading_reviews": "İncelemeler yükleniyor..."
+  },
+  "library": {
+    "library": "Kütüphane",
+    "play": "Oyna",
+    "download": "İndir",
+    "downloading": "İndiriliyor",
+    "game": "oyun",
+    "games": "oyunlar",
+    "grid_view": "Izgara görünümü",
+    "compact_view": "Kompakt görünüm",
+    "large_view": "Büyük görünüm",
+    "no_games_title": "Kütüphanen boş",
+    "no_games_description": "Başlamak için katalogdan oyun ekle veya indir",
+    "amount_hours": "{{amount}} saat",
+    "amount_minutes": "{{amount}} dakika",
+    "amount_hours_short": "{{amount}}s",
+    "amount_minutes_short": "{{amount}}d",
+    "manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
+    "all_games": "Tüm Oyunlar",
+    "recently_played": "Son Oynanan",
+    "favorites": "Favoriler"
   },
   "achievement": {
     "achievement_unlocked": "Başarım açıldı",

src/main/events/library/get-library.ts

@@ -2,9 +2,9 @@ import type { LibraryGame } from "@types";
 import { registerEvent } from "../register-event";
 import {
   downloadsSublevel,
+  gameAchievementsSublevel,
   gamesShopAssetsSublevel,
   gamesSublevel,
-  gameAchievementsSublevel,
 } from "@main/level";
 
 const getLibrary = async (): Promise<LibraryGame[]> => {
@@ -19,18 +19,13 @@ const getLibrary = async (): Promise<LibraryGame[]> => {
             const download = await downloadsSublevel.get(key);
             const gameAssets = await gamesShopAssetsSublevel.get(key);
 
-            let unlockedAchievementCount = 0;
-            let achievementCount = 0;
+            let unlockedAchievementCount = game.unlockedAchievementCount ?? 0;
 
-            try {
+            if (!game.unlockedAchievementCount) {
               const achievements = await gameAchievementsSublevel.get(key);
-              if (achievements) {
-                achievementCount = achievements.achievements.length;
-                unlockedAchievementCount =
-                  achievements.unlockedAchievements.length;
-              }
-            } catch {
-              // No achievements data for this game
+
+              unlockedAchievementCount =
+                achievements?.unlockedAchievements.length ?? 0;
             }
 
             return {
@@ -38,14 +33,14 @@ const getLibrary = async (): Promise<LibraryGame[]> => {
               ...game,
               download: download ?? null,
               unlockedAchievementCount,
-              achievementCount,
+              achievementCount: game.achievementCount ?? 0,
               // Spread gameAssets last to ensure all image URLs are properly set
               ...gameAssets,
               // Preserve custom image URLs from game if they exist
               customIconUrl: game.customIconUrl,
               customLogoImageUrl: game.customLogoImageUrl,
               customHeroImageUrl: game.customHeroImageUrl,
-            } as LibraryGame;
+            };
           })
       );
     });

src/main/events/profile/process-profile-image.ts

@@ -1,16 +1,20 @@
 import { registerEvent } from "../register-event";
 import { PythonRPC } from "@main/services/python-rpc";
 
-const processProfileImage = async (
+const processProfileImageEvent = async (
   _event: Electron.IpcMainInvokeEvent,
   path: string
 ) => {
+  return processProfileImage(path, "webp");
+};
+
+export const processProfileImage = async (path: string, extension?: string) => {
   return PythonRPC.rpc
     .post<{
       imagePath: string;
       mimeType: string;
-    }>("/profile-image", { image_path: path })
+    }>("/profile-image", { image_path: path, target_extension: extension })
     .then((response) => response.data);
 };
 
-registerEvent("processProfileImage", processProfileImage);
+registerEvent("processProfileImage", processProfileImageEvent);

src/main/services/hydra-api.ts

@@ -30,7 +30,7 @@ export class HydraApi {
   private static instance: AxiosInstance;
 
   private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
-  private static readonly ADD_LOG_INTERCEPTOR = true;
+  private static readonly ADD_LOG_INTERCEPTOR = false;
 
   private static secondsToMilliseconds(seconds: number) {
     return seconds * 1000;

src/main/services/library-sync/merge-with-remote-games.ts

@@ -9,6 +9,8 @@ type ProfileGame = {
   hasManuallyUpdatedPlaytime: boolean;
   isFavorite?: boolean;
   isPinned?: boolean;
+  achievementCount: number;
+  unlockedAchievementCount: number;
 } & ShopAssets;
 
 export const mergeWithRemoteGames = async () => {
@@ -39,6 +41,8 @@ export const mergeWithRemoteGames = async () => {
             playTimeInMilliseconds: updatedPlayTime,
             favorite: game.isFavorite ?? localGame.favorite,
             isPinned: game.isPinned ?? localGame.isPinned,
+            achievementCount: game.achievementCount,
+            unlockedAchievementCount: game.unlockedAchievementCount,
           });
         } else {
           await gamesSublevel.put(gameKey, {
@@ -55,6 +59,8 @@ export const mergeWithRemoteGames = async () => {
             isDeleted: false,
             favorite: game.isFavorite ?? false,
             isPinned: game.isPinned ?? false,
+            achievementCount: game.achievementCount,
+            unlockedAchievementCount: game.unlockedAchievementCount,
           });
         }
 

src/main/services/notifications/index.ts

@@ -15,6 +15,13 @@ import { db, levelKeys, themesSublevel } from "@main/level";
 import { restartAndInstallUpdate } from "@main/events/autoupdater/restart-and-install-update";
 import { SystemPath } from "../system-path";
 import { getThemeSoundPath } from "@main/helpers";
+import { processProfileImage } from "@main/events/profile/process-profile-image";
+
+const getStaticImage = async (path: string) => {
+  return processProfileImage(path, "jpg")
+    .then((response) => response.imagePath)
+    .catch(() => path);
+};
 
 async function downloadImage(url: string | null) {
   if (!url) return undefined;
@@ -31,8 +38,9 @@ async function downloadImage(url: string | null) {
   response.data.pipe(writer);
 
   return new Promise<string | undefined>((resolve) => {
-    writer.on("finish", () => {
-      resolve(outputPath);
+    writer.on("finish", async () => {
+      const staticImagePath = await getStaticImage(outputPath);
+      resolve(staticImagePath);
     });
     writer.on("error", () => {
       logger.error("Failed to download image", { url });

src/main/services/ws/events/friend-request.ts

@@ -8,9 +8,11 @@ export const friendRequestEvent = async (payload: FriendRequest) => {
     friendRequestCount: payload.friendRequestCount,
   });
 
-  const user = await HydraApi.get(`/users/${payload.senderId}`);
+  if (payload.senderId) {
+    const user = await HydraApi.get(`/users/${payload.senderId}`);
 
-  if (user) {
-    publishNewFriendRequestNotification(user);
+    if (user) {
+      publishNewFriendRequestNotification(user);
+    }
   }
 };

src/renderer/src/components/game-card/game-card.tsx

@@ -47,7 +47,7 @@ export function GameCard({ game, ...props }: GameCardProps) {
     >
       <div className="game-card__backdrop">
         <img
-          src={game.libraryImageUrl}
+          src={game.libraryImageUrl ?? undefined}
           alt={game.title}
           className="game-card__cover"
           loading="lazy"

src/renderer/src/components/header/header.tsx

@@ -3,12 +3,18 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { ArrowLeftIcon, SearchIcon, XIcon } from "@primer/octicons-react";
 
-import { useAppDispatch, useAppSelector } from "@renderer/hooks";
+import {
+  useAppDispatch,
+  useAppSelector,
+  useSearchHistory,
+  useSearchSuggestions,
+} from "@renderer/hooks";
 
 import "./header.scss";
 import { AutoUpdateSubHeader } from "./auto-update-sub-header";
 import { setFilters, setLibrarySearchQuery } from "@renderer/features";
 import cn from "classnames";
+import { SearchDropdown } from "@renderer/components";
 
 const pathTitle: Record<string, string> = {
   "/": "home",
@@ -20,6 +26,7 @@ const pathTitle: Record<string, string> = {
 
 export function Header() {
   const inputRef = useRef<HTMLInputElement>(null);
+  const searchContainerRef = useRef<HTMLDivElement>(null);
 
   const navigate = useNavigate();
   const location = useLocation();
@@ -37,6 +44,7 @@ export function Header() {
   );
 
   const isOnLibraryPage = location.pathname.startsWith("/library");
+  const isOnCataloguePage = location.pathname.startsWith("/catalogue");
 
   const searchValue = isOnLibraryPage
     ? librarySearchValue
@@ -45,9 +53,29 @@ export function Header() {
   const dispatch = useAppDispatch();
 
   const [isFocused, setIsFocused] = useState(false);
+  const [isDropdownVisible, setIsDropdownVisible] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    x: 0,
+    y: 0,
+  });
 
   const { t } = useTranslation("header");
 
+  const { addToHistory, removeFromHistory, clearHistory, getRecentHistory } =
+    useSearchHistory();
+
+  const { suggestions, isLoading: isLoadingSuggestions } = useSearchSuggestions(
+    searchValue,
+    isOnLibraryPage,
+    isDropdownVisible && isFocused && !isOnCataloguePage
+  );
+
+  const historyItems = getRecentHistory(
+    isOnLibraryPage ? "library" : "catalogue",
+    3
+  );
+
   const title = useMemo(() => {
     if (location.pathname.startsWith("/game")) return headerTitle;
     if (location.pathname.startsWith("/achievements")) return headerTitle;
@@ -59,13 +87,43 @@ export function Header() {
     return t(pathTitle[location.pathname]);
   }, [location.pathname, headerTitle, t]);
 
+  const totalItems = historyItems.length + suggestions.length;
+
+  const updateDropdownPosition = () => {
+    if (searchContainerRef.current) {
+      const rect = searchContainerRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        x: rect.left,
+        y: rect.bottom,
+      });
+    }
+  };
+
   const focusInput = () => {
     setIsFocused(true);
     inputRef.current?.focus();
   };
 
+  const handleFocus = () => {
+    if (isFocused && isDropdownVisible) {
+      updateDropdownPosition();
+      return;
+    }
+
+    setIsFocused(true);
+    setActiveIndex(-1);
+    setTimeout(() => {
+      updateDropdownPosition();
+      setIsDropdownVisible(true);
+    }, 220);
+  };
+
   const handleBlur = () => {
-    setIsFocused(false);
+    setTimeout(() => {
+      setIsFocused(false);
+      setIsDropdownVisible(false);
+      setActiveIndex(-1);
+    }, 200);
   };
 
   const handleBackButtonClick = () => {
@@ -77,10 +135,37 @@ export function Header() {
       dispatch(setLibrarySearchQuery(value.slice(0, 255)));
     } else {
       dispatch(setFilters({ title: value.slice(0, 255) }));
-      if (!location.pathname.startsWith("/catalogue")) {
-        navigate("/catalogue");
-      }
     }
+    setActiveIndex(-1);
+  };
+
+  const executeSearch = (query: string) => {
+    const context = isOnLibraryPage ? "library" : "catalogue";
+    if (query.trim()) {
+      addToHistory(query, context);
+    }
+    handleSearch(query);
+
+    if (!isOnLibraryPage && !location.pathname.startsWith("/catalogue")) {
+      navigate("/catalogue");
+    }
+
+    setIsDropdownVisible(false);
+    inputRef.current?.blur();
+  };
+
+  const handleSelectHistory = (query: string) => {
+    executeSearch(query);
+  };
+
+  const handleSelectSuggestion = (suggestion: {
+    title: string;
+    objectId: string;
+    shop: string;
+  }) => {
+    setIsDropdownVisible(false);
+    inputRef.current?.blur();
+    navigate(`/game/${suggestion.shop}/${suggestion.objectId}`);
   };
 
   const handleClearSearch = () => {
@@ -89,14 +174,79 @@ export function Header() {
     } else {
       dispatch(setFilters({ title: "" }));
     }
+    setActiveIndex(-1);
+  };
+
+  const handleRemoveHistoryItem = (query: string) => {
+    removeFromHistory(query);
+  };
+
+  const handleClearHistory = () => {
+    clearHistory();
+  };
+
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (activeIndex >= 0 && activeIndex < totalItems) {
+        if (activeIndex < historyItems.length) {
+          handleSelectHistory(historyItems[activeIndex].query);
+        } else {
+          const suggestionIndex = activeIndex - historyItems.length;
+          handleSelectSuggestion(suggestions[suggestionIndex]);
+        }
+      } else if (searchValue.trim()) {
+        executeSearch(searchValue);
+      }
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setActiveIndex((prev) => (prev < totalItems - 1 ? prev + 1 : prev));
+      if (!isDropdownVisible) {
+        setIsDropdownVisible(true);
+        updateDropdownPosition();
+      }
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActiveIndex((prev) => (prev > -1 ? prev - 1 : -1));
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      setIsDropdownVisible(false);
+      setActiveIndex(-1);
+      inputRef.current?.blur();
+    }
+  };
+
+  const handleCloseDropdown = () => {
+    setIsDropdownVisible(false);
+    setActiveIndex(-1);
   };
 
   useEffect(() => {
-    if (!location.pathname.startsWith("/catalogue") && catalogueSearchValue) {
+    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;
+
+    const handleResize = () => {
+      updateDropdownPosition();
+    };
+
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [isDropdownVisible]);
+
   return (
     <>
       <header
@@ -128,6 +278,7 @@ export function Header() {
 
         <section className="header__section">
           <div
+            ref={searchContainerRef}
             className={cn("header__search", {
               "header__search--focused": isFocused,
             })}
@@ -148,8 +299,9 @@ export function Header() {
               value={searchValue}
               className="header__search-input"
               onChange={(event) => handleSearch(event.target.value)}
-              onFocus={() => setIsFocused(true)}
+              onFocus={handleFocus}
               onBlur={handleBlur}
+              onKeyDown={handleKeyDown}
             />
 
             {searchValue && (
@@ -165,6 +317,27 @@ export function Header() {
         </section>
       </header>
       <AutoUpdateSubHeader />
+
+      <SearchDropdown
+        visible={
+          isDropdownVisible &&
+          (historyItems.length > 0 ||
+            suggestions.length > 0 ||
+            isLoadingSuggestions)
+        }
+        position={dropdownPosition}
+        historyItems={historyItems}
+        suggestions={suggestions}
+        isLoadingSuggestions={isLoadingSuggestions}
+        onSelectHistory={handleSelectHistory}
+        onSelectSuggestion={handleSelectSuggestion}
+        onRemoveHistoryItem={handleRemoveHistoryItem}
+        onClearHistory={handleClearHistory}
+        onClose={handleCloseDropdown}
+        activeIndex={activeIndex}
+        currentQuery={searchValue}
+        searchContainerRef={searchContainerRef}
+      />
     </>
   );
 }

src/renderer/src/components/hero/hero.tsx

@@ -50,14 +50,14 @@ export function Hero() {
       >
         <div className="hero__backdrop">
           <img
-            src={game.libraryHeroImageUrl}
+            src={game.libraryHeroImageUrl ?? undefined}
             alt={game.description ?? ""}
             className="hero__media"
           />
 
           <div className="hero__content">
             <img
-              src={game.logoImageUrl}
+              src={game.logoImageUrl ?? undefined}
               width="250px"
               alt={game.description ?? ""}
               loading="eager"

src/renderer/src/components/index.ts

@@ -19,3 +19,4 @@ export * from "./context-menu/context-menu";
 export * from "./game-context-menu/game-context-menu";
 export * from "./game-context-menu/use-game-actions";
 export * from "./star-rating/star-rating";
+export * from "./search-dropdown/search-dropdown";

src/renderer/src/components/search-dropdown/highlight-text.tsx

@@ -0,0 +1,105 @@
+import React from "react";
+
+interface HighlightTextProps {
+  text: string;
+  query: string;
+}
+
+export function HighlightText({ text, query }: HighlightTextProps) {
+  if (!query.trim()) {
+    return <>{text}</>;
+  }
+
+  const queryWords = query
+    .toLowerCase()
+    .split(/\s+/)
+    .filter((word) => word.length > 0);
+
+  if (queryWords.length === 0) {
+    return <>{text}</>;
+  }
+
+  const textWords = text.split(/\b/);
+  const matches: Array<{ start: number; end: number; text: string }> = [];
+
+  let currentIndex = 0;
+  textWords.forEach((word) => {
+    const wordLower = word.toLowerCase();
+
+    queryWords.forEach((queryWord) => {
+      if (wordLower === queryWord) {
+        matches.push({
+          start: currentIndex,
+          end: currentIndex + word.length,
+          text: word,
+        });
+      }
+    });
+
+    currentIndex += word.length;
+  });
+
+  if (matches.length === 0) {
+    return <>{text}</>;
+  }
+
+  matches.sort((a, b) => a.start - b.start);
+
+  const mergedMatches: Array<{ start: number; end: number }> = [];
+
+  if (matches.length === 0) {
+    return <>{text}</>;
+  }
+
+  let current = matches[0];
+
+  for (let i = 1; i < matches.length; i++) {
+    if (matches[i].start <= current.end) {
+      current.end = Math.max(current.end, matches[i].end);
+    } else {
+      mergedMatches.push(current);
+      current = matches[i];
+    }
+  }
+  mergedMatches.push(current);
+
+  const parts: Array<{ text: string; highlight: boolean }> = [];
+  let lastIndex = 0;
+
+  mergedMatches.forEach((match) => {
+    if (match.start > lastIndex) {
+      parts.push({
+        text: text.slice(lastIndex, match.start),
+        highlight: false,
+      });
+    }
+
+    parts.push({
+      text: text.slice(match.start, match.end),
+      highlight: true,
+    });
+
+    lastIndex = match.end;
+  });
+
+  if (lastIndex < text.length) {
+    parts.push({
+      text: text.slice(lastIndex),
+      highlight: false,
+    });
+  }
+
+  return (
+    <>
+      {parts.map((part, index) =>
+        part.highlight ? (
+          <mark key={index} className="search-dropdown__highlight">
+            {part.text}
+          </mark>
+        ) : (
+          <React.Fragment key={index}>{part.text}</React.Fragment>
+        )
+      )}
+    </>
+  );
+}

src/renderer/src/components/search-dropdown/search-dropdown.scss

@@ -0,0 +1,153 @@
+@use "../../scss/globals.scss";
+
+.search-dropdown {
+  position: fixed;
+  background-color: globals.$dark-background-color;
+  border: 1px solid globals.$border-color;
+  border-radius: 8px;
+  max-height: 300px;
+  overflow-y: auto;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  z-index: 1000;
+  margin-top: 4px;
+  width: 250px;
+
+  &__section {
+    padding: 4px 0;
+
+    &:not(:last-child) {
+      border-bottom: 1px solid globals.$border-color;
+    }
+  }
+
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px 4px;
+  }
+
+  &__section-title {
+    color: globals.$muted-color;
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  &__clear-button {
+    color: globals.$muted-color;
+    cursor: pointer;
+    padding: 4px;
+    border-radius: 4px;
+    transition: all ease 0.2s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      color: #dadbe1;
+      background-color: rgba(255, 255, 255, 0.1);
+    }
+  }
+
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  &__item-container {
+    position: relative;
+    display: flex;
+    align-items: center;
+
+    &:hover .search-dropdown__item-remove {
+      opacity: 1;
+    }
+  }
+
+  &__item-remove {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: globals.$muted-color;
+    padding: 4px;
+    border-radius: 4px;
+    opacity: 0;
+    transition: all ease 0.15s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+
+    &:hover {
+      color: #ff5555;
+      background-color: rgba(255, 85, 85, 0.1);
+    }
+  }
+
+  &__item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+    transition: background-color 0.1s ease;
+    color: #dadbe1;
+    text-align: left;
+    border: none;
+    background: transparent;
+
+    &:hover,
+    &--active {
+      background-color: globals.$background-color;
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &__item-icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    color: globals.$muted-color;
+
+    &--image {
+      border-radius: 2px;
+      object-fit: cover;
+    }
+  }
+
+  &__item-text {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+  }
+
+  &__loading,
+  &__empty {
+    padding: 16px 12px;
+    text-align: center;
+    color: globals.$muted-color;
+    font-size: 14px;
+  }
+
+  &__empty {
+    font-style: italic;
+  }
+
+  &__highlight {
+    background-color: rgba(255, 193, 7, 0.3);
+    color: #ffc107;
+    font-weight: 600;
+    padding: 0 2px;
+    border-radius: 2px;
+  }
+}

src/renderer/src/components/search-dropdown/search-dropdown.tsx

@@ -0,0 +1,247 @@
+import { useEffect, useRef, useCallback, useState } from "react";
+import { createPortal } from "react-dom";
+import {
+  ClockIcon,
+  SearchIcon,
+  TrashIcon,
+  XIcon,
+} from "@primer/octicons-react";
+import cn from "classnames";
+import { useTranslation } from "react-i18next";
+import type { SearchHistoryEntry } from "@renderer/hooks/use-search-history";
+import type { SearchSuggestion } from "@renderer/hooks/use-search-suggestions";
+import { HighlightText } from "./highlight-text";
+import "./search-dropdown.scss";
+
+export interface SearchDropdownProps {
+  visible: boolean;
+  position: { x: number; y: number };
+  historyItems: SearchHistoryEntry[];
+  suggestions: SearchSuggestion[];
+  isLoadingSuggestions: boolean;
+  onSelectHistory: (query: string) => void;
+  onSelectSuggestion: (suggestion: SearchSuggestion) => void;
+  onRemoveHistoryItem: (query: string) => void;
+  onClearHistory: () => void;
+  onClose: () => void;
+  activeIndex: number;
+  currentQuery: string;
+  searchContainerRef?: React.RefObject<HTMLDivElement>;
+}
+
+export function SearchDropdown({
+  visible,
+  position,
+  historyItems,
+  suggestions,
+  isLoadingSuggestions,
+  onSelectHistory,
+  onSelectSuggestion,
+  onRemoveHistoryItem,
+  onClearHistory,
+  onClose,
+  activeIndex,
+  currentQuery,
+  searchContainerRef,
+}: SearchDropdownProps) {
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const [adjustedPosition, setAdjustedPosition] = useState(position);
+  const { t } = useTranslation("header");
+
+  useEffect(() => {
+    if (!visible) {
+      setAdjustedPosition(position);
+      return;
+    }
+
+    const checkPosition = () => {
+      if (!dropdownRef.current) return;
+
+      const rect = dropdownRef.current.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+
+      let adjustedX = position.x;
+      let adjustedY = position.y;
+
+      if (adjustedX + 250 > viewportWidth - 10) {
+        adjustedX = Math.max(10, viewportWidth - 250 - 10);
+      }
+
+      if (adjustedY + rect.height > viewportHeight - 10) {
+        adjustedY = Math.max(10, viewportHeight - rect.height - 10);
+      }
+
+      setAdjustedPosition({ x: adjustedX, y: adjustedY });
+    };
+
+    requestAnimationFrame(checkPosition);
+  }, [visible, position]);
+
+  useEffect(() => {
+    if (!visible) return;
+
+    const handleClickOutside = (event: MouseEvent) => {
+      const target = event.target as Node;
+
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(target) &&
+        !searchContainerRef?.current?.contains(target)
+      ) {
+        onClose();
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [visible, onClose, searchContainerRef]);
+
+  const handleItemClick = useCallback(
+    (
+      type: "history" | "suggestion",
+      item: SearchHistoryEntry | SearchSuggestion
+    ) => {
+      if (type === "history") {
+        onSelectHistory((item as SearchHistoryEntry).query);
+      } else {
+        onSelectSuggestion(item as SearchSuggestion);
+      }
+    },
+    [onSelectHistory, onSelectSuggestion]
+  );
+
+  if (!visible) return null;
+
+  const totalItems = historyItems.length + suggestions.length;
+  const hasHistory = historyItems.length > 0;
+  const hasSuggestions = suggestions.length > 0;
+
+  const getItemIndex = (
+    section: "history" | "suggestion",
+    indexInSection: number
+  ) => {
+    if (section === "history") {
+      return indexInSection;
+    }
+    return historyItems.length + indexInSection;
+  };
+
+  const dropdownContent = (
+    <div
+      ref={dropdownRef}
+      className="search-dropdown"
+      style={{
+        left: adjustedPosition.x,
+        top: adjustedPosition.y,
+      }}
+    >
+      {hasHistory && (
+        <div className="search-dropdown__section">
+          <div className="search-dropdown__section-header">
+            <span className="search-dropdown__section-title">
+              {t("recent_searches")}
+            </span>
+            <button
+              type="button"
+              className="search-dropdown__clear-button"
+              onClick={onClearHistory}
+              title={t("clear_history")}
+            >
+              <TrashIcon size={14} />
+            </button>
+          </div>
+          <ul className="search-dropdown__list">
+            {historyItems.map((item, index) => (
+              <li
+                key={`history-${item.query}-${item.timestamp}`}
+                className="search-dropdown__item-container"
+              >
+                <button
+                  type="button"
+                  className={cn("search-dropdown__item", {
+                    "search-dropdown__item--active":
+                      activeIndex === getItemIndex("history", index),
+                  })}
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={() => handleItemClick("history", item)}
+                >
+                  <ClockIcon size={16} className="search-dropdown__item-icon" />
+                  <span className="search-dropdown__item-text">
+                    {item.query}
+                  </span>
+                </button>
+                <button
+                  type="button"
+                  className="search-dropdown__item-remove"
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onRemoveHistoryItem(item.query);
+                  }}
+                  title={t("remove_from_history")}
+                >
+                  <XIcon size={12} />
+                </button>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      {hasSuggestions && (
+        <div className="search-dropdown__section">
+          <div className="search-dropdown__section-header">
+            <span className="search-dropdown__section-title">
+              {t("suggestions")}
+            </span>
+          </div>
+          <ul className="search-dropdown__list">
+            {suggestions.map((item, index) => (
+              <li key={`suggestion-${item.objectId}-${item.shop}`}>
+                <button
+                  type="button"
+                  className={cn("search-dropdown__item", {
+                    "search-dropdown__item--active":
+                      activeIndex === getItemIndex("suggestion", index),
+                  })}
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={() => handleItemClick("suggestion", item)}
+                >
+                  {item.iconUrl ? (
+                    <img
+                      src={item.iconUrl}
+                      alt=""
+                      className="search-dropdown__item-icon search-dropdown__item-icon--image"
+                    />
+                  ) : (
+                    <SearchIcon
+                      size={16}
+                      className="search-dropdown__item-icon"
+                    />
+                  )}
+                  <span className="search-dropdown__item-text">
+                    <HighlightText text={item.title} query={currentQuery} />
+                  </span>
+                </button>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      {isLoadingSuggestions && !hasSuggestions && !hasHistory && (
+        <div className="search-dropdown__loading">{t("loading")}</div>
+      )}
+
+      {!isLoadingSuggestions &&
+        !hasHistory &&
+        !hasSuggestions &&
+        totalItems === 0 && (
+          <div className="search-dropdown__empty">{t("no_results")}</div>
+        )}
+    </div>
+  );
+
+  return createPortal(dropdownContent, document.body);
+}

src/renderer/src/components/sidebar/sidebar.scss

@@ -128,7 +128,6 @@
     border: 1px solid rgba(34, 197, 94, 0.5);
   }
 
-
   &__section-header {
     display: flex;
     justify-content: space-between;

src/renderer/src/hooks/index.ts

@@ -8,3 +8,5 @@ export * from "./use-format";
 export * from "./use-feature";
 export * from "./use-download-options-listener";
 export * from "./use-game-card";
+export * from "./use-search-history";
+export * from "./use-search-suggestions";

src/renderer/src/hooks/use-search-history.ts

@@ -0,0 +1,78 @@
+import { useState, useCallback, useEffect } from "react";
+
+export interface SearchHistoryEntry {
+  query: string;
+  timestamp: number;
+  context: "library" | "catalogue";
+}
+
+const STORAGE_KEY = "search-history";
+const MAX_HISTORY_ENTRIES = 15;
+
+export function useSearchHistory() {
+  const [history, setHistory] = useState<SearchHistoryEntry[]>([]);
+
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        const parsed = JSON.parse(stored) as SearchHistoryEntry[];
+        setHistory(parsed);
+      } catch {
+        localStorage.removeItem(STORAGE_KEY);
+      }
+    }
+  }, []);
+
+  const addToHistory = useCallback(
+    (query: string, context: "library" | "catalogue") => {
+      if (!query.trim()) return;
+
+      const newEntry: SearchHistoryEntry = {
+        query: query.trim(),
+        timestamp: Date.now(),
+        context,
+      };
+
+      setHistory((prev) => {
+        const filtered = prev.filter(
+          (entry) => entry.query.toLowerCase() !== query.toLowerCase().trim()
+        );
+        const updated = [newEntry, ...filtered].slice(0, MAX_HISTORY_ENTRIES);
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
+        return updated;
+      });
+    },
+    []
+  );
+
+  const removeFromHistory = useCallback((query: string) => {
+    setHistory((prev) => {
+      const updated = prev.filter((entry) => entry.query !== query);
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
+      return updated;
+    });
+  }, []);
+
+  const clearHistory = useCallback(() => {
+    setHistory([]);
+    localStorage.removeItem(STORAGE_KEY);
+  }, []);
+
+  const getRecentHistory = useCallback(
+    (context: "library" | "catalogue", limit: number = 3) => {
+      return history
+        .filter((entry) => entry.context === context)
+        .slice(0, limit);
+    },
+    [history]
+  );
+
+  return {
+    history,
+    addToHistory,
+    removeFromHistory,
+    clearHistory,
+    getRecentHistory,
+  };
+}

src/renderer/src/hooks/use-search-suggestions.ts

@@ -0,0 +1,149 @@
+import { useState, useEffect, useCallback, useRef } from "react";
+import { useAppSelector } from "./redux";
+import { debounce } from "lodash-es";
+
+export interface SearchSuggestion {
+  title: string;
+  objectId: string;
+  shop: string;
+  iconUrl: string | null;
+  source: "library" | "catalogue";
+}
+
+export function useSearchSuggestions(
+  query: string,
+  isOnLibraryPage: boolean,
+  enabled: boolean = true
+) {
+  const [suggestions, setSuggestions] = useState<SearchSuggestion[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const library = useAppSelector((state) => state.library.value);
+  const abortControllerRef = useRef<AbortController | null>(null);
+
+  const getLibrarySuggestions = useCallback(
+    (searchQuery: string, limit: number = 3): SearchSuggestion[] => {
+      if (!searchQuery.trim()) return [];
+
+      const queryLower = searchQuery.toLowerCase();
+      const matches: SearchSuggestion[] = [];
+
+      for (const game of library) {
+        if (matches.length >= limit) break;
+
+        const titleLower = game.title.toLowerCase();
+        let queryIndex = 0;
+
+        for (
+          let i = 0;
+          i < titleLower.length && queryIndex < queryLower.length;
+          i++
+        ) {
+          if (titleLower[i] === queryLower[queryIndex]) {
+            queryIndex++;
+          }
+        }
+
+        if (queryIndex === queryLower.length) {
+          matches.push({
+            title: game.title,
+            objectId: game.objectId,
+            shop: game.shop,
+            iconUrl: game.iconUrl,
+            source: "library",
+          });
+        }
+      }
+
+      return matches;
+    },
+    [library]
+  );
+
+  const fetchCatalogueSuggestions = useCallback(
+    async (searchQuery: string, limit: number = 3) => {
+      if (!searchQuery.trim() || searchQuery.length < 2) {
+        setSuggestions([]);
+        setIsLoading(false);
+        return;
+      }
+
+      abortControllerRef.current?.abort();
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+
+      setIsLoading(true);
+
+      try {
+        const response = await window.electron.hydraApi.get<
+          Array<{
+            title: string;
+            objectId: string;
+            shop: string;
+            iconUrl: string | null;
+          }>
+        >("/catalogue/search/suggestions", {
+          params: {
+            query: searchQuery,
+            limit,
+          },
+          needsAuth: false,
+        });
+
+        if (abortController.signal.aborted) return;
+
+        const catalogueSuggestions: SearchSuggestion[] = response.map(
+          (item) => ({
+            ...item,
+            source: "catalogue" as const,
+          })
+        );
+
+        setSuggestions(catalogueSuggestions);
+      } catch (error) {
+        if (!abortController.signal.aborted) {
+          setSuggestions([]);
+        }
+      } finally {
+        if (!abortController.signal.aborted) {
+          setIsLoading(false);
+        }
+      }
+    },
+    []
+  );
+
+  const debouncedFetchCatalogue = useRef(
+    debounce(fetchCatalogueSuggestions, 300)
+  ).current;
+
+  useEffect(() => {
+    if (!enabled || !query || query.length < 2) {
+      setSuggestions([]);
+      setIsLoading(false);
+      abortControllerRef.current?.abort();
+      debouncedFetchCatalogue.cancel();
+      return;
+    }
+
+    if (isOnLibraryPage) {
+      const librarySuggestions = getLibrarySuggestions(query, 3);
+      setSuggestions(librarySuggestions);
+      setIsLoading(false);
+    } else {
+      debouncedFetchCatalogue(query, 3);
+    }
+
+    return () => {
+      debouncedFetchCatalogue.cancel();
+      abortControllerRef.current?.abort();
+    };
+  }, [
+    query,
+    isOnLibraryPage,
+    enabled,
+    getLibrarySuggestions,
+    debouncedFetchCatalogue,
+  ]);
+
+  return { suggestions, isLoading };
+}

src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx

@@ -100,20 +100,48 @@ export function GallerySlider() {
       src?: string;
       poster?: string;
       videoSrc?: string;
+      videoType?: string;
       alt: string;
     }> = [];
 
     if (shopDetails?.movies) {
       shopDetails.movies.forEach((video, index) => {
-        items.push({
-          id: String(video.id),
-          type: "video",
-          poster: video.thumbnail,
-          videoSrc: video.mp4.max.startsWith("http://")
-            ? video.mp4.max.replace("http://", "https://")
-            : video.mp4.max,
-          alt: t("video", { number: String(index + 1) }),
-        });
+        // Prefer new formats: HLS (best browser support), then DASH H264, then DASH AV1
+        // Fallback to old format: mp4/webm if new formats are not available
+        let videoSrc: string | undefined;
+        let videoType: string | undefined;
+
+        if (video.hls_h264) {
+          videoSrc = video.hls_h264;
+          videoType = "application/x-mpegURL";
+        } else if (video.dash_h264) {
+          videoSrc = video.dash_h264;
+          videoType = "application/dash+xml";
+        } else if (video.dash_av1) {
+          videoSrc = video.dash_av1;
+          videoType = "application/dash+xml";
+        } else if (video.mp4?.max) {
+          // Fallback to old format
+          videoSrc = video.mp4.max;
+          videoType = "video/mp4";
+        } else if (video.webm?.max) {
+          // Fallback to webm if mp4 is not available
+          videoSrc = video.webm.max;
+          videoType = "video/webm";
+        }
+
+        if (videoSrc) {
+          items.push({
+            id: String(video.id),
+            type: "video",
+            poster: video.thumbnail,
+            videoSrc: videoSrc.startsWith("http://")
+              ? videoSrc.replace("http://", "https://")
+              : videoSrc,
+            videoType,
+            alt: video.name || t("video", { number: String(index + 1) }),
+          });
+        }
       });
     }
 
@@ -172,7 +200,9 @@ export function GallerySlider() {
                   autoPlay={autoplayEnabled}
                   tabIndex={-1}
                 >
-                  <source src={item.videoSrc} />
+                  {item.videoSrc && (
+                    <source src={item.videoSrc} type={item.videoType} />
+                  )}
                 </video>
               ) : (
                 <img

src/renderer/src/pages/library/library-game-card-large.tsx

@@ -1,7 +1,7 @@
 import { LibraryGame } from "@types";
 import { useGameCard } from "@renderer/hooks";
 import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react";
-import { memo, useMemo } from "react";
+import { memo, useEffect, useMemo, useState } from "react";
 import "./library-game-card-large.scss";
 
 interface LibraryGameCardLargeProps {
@@ -12,12 +12,18 @@ interface LibraryGameCardLargeProps {
   ) => void;
 }
 
+const normalizePathForCss = (url: string | null | undefined): string => {
+  if (!url) return "";
+  return url.replaceAll("\\", "/");
+};
+
 const getImageWithCustomPriority = (
   customUrl: string | null | undefined,
   originalUrl: string | null | undefined,
   fallbackUrl?: string | null | undefined
 ) => {
-  return customUrl || originalUrl || fallbackUrl || "";
+  const selectedUrl = customUrl || originalUrl || fallbackUrl || "";
+  return normalizePathForCss(selectedUrl);
 };
 
 export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
@@ -30,26 +36,48 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
   const backgroundImage = useMemo(
     () =>
       getImageWithCustomPriority(
+        game.customHeroImageUrl,
         game.libraryHeroImageUrl,
-        game.libraryImageUrl,
-        game.iconUrl
+        game.libraryImageUrl ?? game.iconUrl
       ),
-    [game.libraryHeroImageUrl, game.libraryImageUrl, game.iconUrl]
+    [
+      game.customHeroImageUrl,
+      game.libraryHeroImageUrl,
+      game.libraryImageUrl,
+      game.iconUrl,
+    ]
   );
 
+  const [unlockedAchievementsCount, setUnlockedAchievementsCount] = useState(
+    game.unlockedAchievementCount ?? 0
+  );
+
+  useEffect(() => {
+    if (game.unlockedAchievementCount) return;
+
+    window.electron
+      .getUnlockedAchievements(game.objectId, game.shop)
+      .then((achievements) => {
+        setUnlockedAchievementsCount(
+          achievements.filter((a) => a.unlocked).length
+        );
+      });
+  }, [game]);
+
   const backgroundStyle = useMemo(
-    () => ({ backgroundImage: `url(${backgroundImage})` }),
+    () =>
+      backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : {},
     [backgroundImage]
   );
 
   const achievementBarStyle = useMemo(
     () => ({
-      width: `${((game.unlockedAchievementCount ?? 0) / (game.achievementCount ?? 1)) * 100}%`,
+      width: `${(unlockedAchievementsCount / (game.achievementCount ?? 1)) * 100}%`,
     }),
-    [game.unlockedAchievementCount, game.achievementCount]
+    [unlockedAchievementsCount, game.achievementCount]
   );
 
-  const logoImage = game.logoImageUrl;
+  const logoImage = game.customLogoImageUrl ?? game.logoImageUrl;
 
   return (
     <button
@@ -104,14 +132,12 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
                     className="library-game-card-large__achievement-trophy"
                   />
                   <span className="library-game-card-large__achievement-count">
-                    {game.unlockedAchievementCount ?? 0} /{" "}
-                    {game.achievementCount ?? 0}
+                    {unlockedAchievementsCount} / {game.achievementCount ?? 0}
                   </span>
                 </div>
                 <span className="library-game-card-large__achievement-percentage">
                   {Math.round(
-                    ((game.unlockedAchievementCount ?? 0) /
-                      (game.achievementCount ?? 1)) *
+                    (unlockedAchievementsCount / (game.achievementCount ?? 1)) *
                       100
                   )}
                   %

src/renderer/src/pages/library/library-game-card.tsx

@@ -25,12 +25,14 @@ export const LibraryGameCard = memo(function LibraryGameCard({
   const { formatPlayTime, handleCardClick, handleContextMenuClick } =
     useGameCard(game, onContextMenu);
 
-  const coverImage =
+  const coverImage = (
+    game.customIconUrl ??
     game.coverImageUrl ??
     game.libraryImageUrl ??
     game.libraryHeroImageUrl ??
     game.iconUrl ??
-    undefined;
+    ""
+  ).replaceAll("\\", "/");
 
   return (
     <button

src/renderer/src/pages/library/library.tsx

@@ -14,12 +14,11 @@ import "./library.scss";
 
 export default function Library() {
   const { library, updateLibrary } = useLibrary();
-  type ElectronAPI = {
-    refreshLibraryAssets?: () => Promise<unknown>;
-    onLibraryBatchComplete?: (cb: () => void) => () => void;
-  };
 
-  const [viewMode, setViewMode] = useState<ViewMode>("compact");
+  const [viewMode, setViewMode] = useState<ViewMode>(() => {
+    const savedViewMode = localStorage.getItem("library-view-mode");
+    return (savedViewMode as ViewMode) || "compact";
+  });
   const [filterBy, setFilterBy] = useState<FilterOption>("all");
   const [contextMenu, setContextMenu] = useState<{
     game: LibraryGame | null;
@@ -31,24 +30,22 @@ export default function Library() {
   const dispatch = useAppDispatch();
   const { t } = useTranslation("library");
 
+  const handleViewModeChange = useCallback((mode: ViewMode) => {
+    setViewMode(mode);
+    localStorage.setItem("library-view-mode", mode);
+  }, []);
+
   useEffect(() => {
     dispatch(setHeaderTitle(t("library")));
-    const electron = (globalThis as unknown as { electron?: ElectronAPI })
-      .electron;
-    let unsubscribe: () => void = () => undefined;
-    if (electron?.refreshLibraryAssets) {
-      electron
-        .refreshLibraryAssets()
-        .then(() => updateLibrary())
-        .catch(() => updateLibrary());
-      if (electron.onLibraryBatchComplete) {
-        unsubscribe = electron.onLibraryBatchComplete(() => {
-          updateLibrary();
-        });
-      }
-    } else {
+
+    const unsubscribe = window.electron.onLibraryBatchComplete(() => {
       updateLibrary();
-    }
+    });
+
+    window.electron
+      .refreshLibraryAssets()
+      .then(() => updateLibrary())
+      .catch(() => updateLibrary());
 
     return () => {
       unsubscribe();
@@ -71,7 +68,7 @@ export default function Library() {
   );
 
   const handleCloseContextMenu = useCallback(() => {
-    setContextMenu({ game: null, visible: false, position: { x: 0, y: 0 } });
+    setContextMenu((prev) => ({ ...prev, visible: false }));
   }, []);
 
   const filteredLibrary = useMemo(() => {
@@ -147,7 +144,10 @@ export default function Library() {
             </div>
 
             <div className="library__controls-right">
-              <ViewOptions viewMode={viewMode} onViewModeChange={setViewMode} />
+              <ViewOptions
+                viewMode={viewMode}
+                onViewModeChange={handleViewModeChange}
+              />
             </div>
           </div>
         </div>

src/types/index.ts

@@ -42,9 +42,9 @@ export interface ShopAssets {
   shop: GameShop;
   title: string;
   iconUrl: string | null;
-  libraryHeroImageUrl: string;
-  libraryImageUrl: string;
-  logoImageUrl: string;
+  libraryHeroImageUrl: string | null;
+  libraryImageUrl: string | null;
+  logoImageUrl: string | null;
   logoPosition: string | null;
   coverImageUrl: string | null;
   downloadSources: string[];

src/types/level.types.ts

@@ -56,6 +56,8 @@ export interface Game {
   launchOptions?: string | null;
   favorite?: boolean;
   isPinned?: boolean;
+  achievementCount?: number;
+  unlockedAchievementCount?: number;
   pinnedDate?: Date | null;
   automaticCloudSync?: boolean;
   hasManuallyUpdatedPlaytime?: boolean;

src/types/steam.types.ts

@@ -16,8 +16,11 @@ export interface SteamVideoSource {
 
 export interface SteamMovies {
   id: number;
-  mp4: SteamVideoSource;
-  webm: SteamVideoSource;
+  dash_av1?: string;
+  dash_h264?: string;
+  hls_h264?: string;
+  mp4?: SteamVideoSource;
+  webm?: SteamVideoSource;
   thumbnail: string;
   name: string;
   highlight: boolean;