Merge pull request #1491 from Lianela/main

feat: update es translation.json

.github/workflows/build.yml

@@ -1,5 +1,9 @@
 name: Build
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on: pull_request
 
 jobs:

.github/workflows/lint.yml

@@ -1,5 +1,9 @@
 name: Lint
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on: pull_request
 
 jobs:

.github/workflows/release.yml

@@ -1,5 +1,9 @@
 name: Release
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 on:
   push:
     branches: main

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hydralauncher",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Hydra",
   "main": "./out/main/index.js",
   "author": "Los Broxas",
@@ -71,6 +71,7 @@
     "react-loading-skeleton": "^3.4.0",
     "react-redux": "^9.1.1",
     "react-router-dom": "^6.22.3",
+    "react-tooltip": "^5.28.0",
     "sound-play": "^1.1.0",
     "sudo-prompt": "^9.2.1",
     "tar": "^7.4.3",

src/locales/ar/translation.json

@@ -7,18 +7,18 @@
     "featured": "مميز",
     "surprise_me": "مفاجئني",
     "no_results": "لم يتم العثور على نتائج",
-    "start_typing": "ابدأ الكتابة للبحث...",
+    "start_typing": "ابدأ بالكتابة للبحث...",
-    "hot": "الأكثر شيوعًا الآن",
+    "hot": "الأكثر شهرة الآن",
     "weekly": "📅 أفضل ألعاب الأسبوع",
-    "achievements": "🏆 ألعاب للتغلب عليها"
+    "achievements": "🏆 ألعاب يجب إكمالها"
   },
   "sidebar": {
-    "catalogue": "الكـتالوج",
+    "catalogue": "الفهرس",
     "downloads": "التنزيلات",
     "settings": "الإعدادات",
     "my_library": "مكتبتي",
-    "downloading_metadata": "{{title}} (جارٍ تنزيل البيانات الوصفية...)",
+    "downloading_metadata": "{{title}} (جاري تنزيل البيانات الوصفية...)",
-    "paused": "{{title}} (معلّق)",
+    "paused": "{{title}} (معلق)",
     "downloading": "{{title}} ({{percentage}} - جاري التنزيل...)",
     "filter": "تصفية المكتبة",
     "home": "الرئيسية",
@@ -26,12 +26,13 @@
     "game_has_no_executable": "اللعبة لا تحتوي على ملف تشغيل",
     "sign_in": "تسجيل الدخول",
     "friends": "الأصدقاء",
-    "need_help": "تحتاج مساعدة؟"
+    "need_help": "تحتاج مساعدة؟",
+    "favorites": "المفضلة"
   },
   "header": {
-    "search": "ابحث عن الألعاب",
+    "search": "بحث الألعاب",
     "home": "الرئيسية",
-    "catalogue": "الكـتالوج",
+    "catalogue": "الفهرس",
     "downloads": "التنزيلات",
     "search_results": "نتائج البحث",
     "settings": "الإعدادات",
@@ -40,16 +41,16 @@
   },
   "bottom_panel": {
     "no_downloads_in_progress": "لا توجد تنزيلات قيد التقدم",
-    "downloading_metadata": "جارٍ تنزيل البيانات الوصفية لـ {{title}}...",
+    "downloading_metadata": "جاري تنزيل بيانات {{title}} الوصفية...",
-    "downloading": "جارٍ تنزيل {{title}}... ({{percentage}} اكتمال) - الوقت المتبقي {{eta}} - السرعة {{speed}}",
+    "downloading": "جاري تنزيل {{title}}... ({{percentage}} مكتمل) - الوقت المتبقي {{eta}} - السرعة {{speed}}",
-    "calculating_eta": "جارٍ تنزيل {{title}}... ({{percentage}} اكتمال) - جاري حساب الوقت المتبقي...",
+    "calculating_eta": "جاري تنزيل {{title}}... ({{percentage}} مكتمل) - جاري حساب الوقت المتبقي...",
-    "checking_files": "جارٍ فحص ملفات {{title}}... ({{percentage}} اكتمال)"
+    "checking_files": "جاري فحص ملفات {{title}}... ({{percentage}} مكتمل)"
   },
   "catalogue": {
     "search": "تصفية...",
     "developers": "المطورون",
     "genres": "الأنواع",
-    "tags": "العلامات",
+    "tags": "الوسوم",
     "publishers": "الناشرون",
     "download_sources": "مصادر التنزيل",
     "result_count": "{{resultCount}} نتيجة",
@@ -68,34 +69,34 @@
     "cancel": "إلغاء",
     "remove": "إزالة",
     "space_left_on_disk": "{{space}} متبقي على القرص",
-    "eta": "الانتهاء {{eta}}",
+    "eta": "الانتهاء المتوقع {{eta}}",
-    "calculating_eta": "جارٍ حساب الوقت المتبقي...",
+    "calculating_eta": "جاري حساب الوقت المتبقي...",
-    "downloading_metadata": "جارٍ تنزيل البيانات الوصفية...",
+    "downloading_metadata": "جاري تنزيل البيانات الوصفية...",
-    "filter": "تصفية الحزم المعاد تعبئتها",
+    "filter": "تصفية الإصدارات المعادة",
     "requirements": "متطلبات النظام",
     "minimum": "الحد الأدنى",
-    "recommended": "مُوصى به",
+    "recommended": "مستحسن",
-    "paused": "معلّق",
+    "paused": "معلق",
     "release_date": "تاريخ الإصدار {{date}}",
     "publisher": "نشر بواسطة {{publisher}}",
     "hours": "ساعات",
     "minutes": "دقائق",
-    "amount_hours": "{{amount}} ساعات",
+    "amount_hours": "{{amount}} ساعة",
-    "amount_minutes": "{{amount}} دقائق",
+    "amount_minutes": "{{amount}} دقيقة",
     "accuracy": "دقة {{accuracy}}%",
     "add_to_library": "إضافة إلى المكتبة",
     "remove_from_library": "إزالة من المكتبة",
     "no_downloads": "لا توجد تنزيلات متاحة",
-    "play_time": "لعب لمدة {{amount}}",
+    "play_time": "وقت اللعب {{amount}}",
-    "last_time_played": "آخر تشغيل {{period}}",
+    "last_time_played": "آخر مرة لعب {{period}}",
     "not_played_yet": "لم تلعب {{title}} بعد",
     "next_suggestion": "الاقتراح التالي",
     "play": "تشغيل",
-    "deleting": "جارٍ حذف المثبت...",
+    "deleting": "جاري حذف المثبت...",
     "close": "إغلاق",
-    "playing_now": "يتم التشغيل الآن",
+    "playing_now": "جاري التشغيل الآن",
     "change": "تغيير",
-    "repacks_modal_description": "اختر الحزمة المعاد تعبئتها التي تريد تنزيلها",
+    "repacks_modal_description": "اختر الإصدار المعاد الذي تريد تنزيله",
     "select_folder_hint": "لتغيير المجلد الافتراضي، انتقل إلى <0>الإعدادات</0>",
     "download_now": "تنزيل الآن",
     "no_shop_details": "تعذر الحصول على تفاصيل المتجر.",
@@ -110,12 +111,12 @@
     "select_executable": "تحديد",
     "no_executable_selected": "لم يتم تحديد ملف تشغيل",
     "open_folder": "فتح المجلد",
-    "open_download_location": "عرض الملفات المحملة",
+    "open_download_location": "عرض الملفات المنزلة",
     "create_shortcut": "إنشاء اختصار على سطح المكتب",
     "clear": "مسح",
     "remove_files": "إزالة الملفات",
     "remove_from_library_title": "هل أنت متأكد؟",
-    "remove_from_library_description": "سيؤدي هذا إلى إزالة {{game}} من مكتبتك",
+    "remove_from_library_description": "سيتم إزالة {{game}} من مكتبتك",
     "options": "خيارات",
     "executable_section_title": "ملف التشغيل",
     "executable_section_description": "مسار الملف الذي سيتم تشغيله عند النقر على \"تشغيل\"",
@@ -123,35 +124,35 @@
     "downloads_section_description": "تحقق من التحديثات أو الإصدارات الأخرى لهذه اللعبة",
     "danger_zone_section_title": "منطقة الخطر",
     "danger_zone_section_description": "إزالة هذه اللعبة من مكتبتك أو الملفات التي تم تنزيلها بواسطة Hydra",
-    "download_in_progress": "تنزيل قيد التقدم",
+    "download_in_progress": "جاري التنزيل",
     "download_paused": "التنزيل معلق",
     "last_downloaded_option": "خيار التنزيل الأخير",
     "create_shortcut_success": "تم إنشاء الاختصار بنجاح",
     "create_shortcut_error": "خطأ في إنشاء الاختصار",
     "nsfw_content_title": "هذه اللعبة تحتوي على محتوى غير لائق",
-    "nsfw_content_description": "{{title}} يحتوي على محتوى قد لا يناسب جميع الأعمار. هل تريد المتابعة؟",
+    "nsfw_content_description": "{{title}} يحتوي على محتوى قد لا يكون مناسبًا لجميع الأعمار. هل تريد المتابعة؟",
     "allow_nsfw_content": "متابعة",
     "refuse_nsfw_content": "رجوع",
     "stats": "الإحصائيات",
-    "download_count": "مرات التنزيل",
+    "download_count": "التنزيلات",
     "player_count": "اللاعبون النشطون",
     "download_error": "خيار التنزيل هذا غير متاح",
     "download": "تنزيل",
     "executable_path_in_use": "مسار التشغيل مستخدم بالفعل بواسطة \"{{game}}\"",
     "warning": "تحذير:",
-    "hydra_needs_to_remain_open": "لهذا التنزيل، يجب أن يبقى Hydra مفتوحًا حتى اكتماله. إذا أغلق Hydra قبل الاكتمال، ستفقد تقدمك.",
+    "hydra_needs_to_remain_open": "لهذا التنزيل، يجب أن يظل Hydra مفتوحًا حتى اكتماله. إذا تم إغلاق Hydra قبل الاكتمال، ستفقد تقدمك.",
     "achievements": "الإنجازات",
     "achievements_count": "الإنجازات {{unlockedCount}}/{{achievementsCount}}",
     "cloud_save": "حفظ سحابي",
-    "cloud_save_description": "احفظ تقدمك على السحابة واستمر في اللعب من أي جهاز",
+    "cloud_save_description": "احفظ تقدمك في السحابة واستمر في اللعب من أي جهاز",
     "backups": "النسخ الاحتياطية",
     "install_backup": "تثبيت",
     "delete_backup": "حذف",
     "create_backup": "نسخة احتياطية جديدة",
     "last_backup_date": "آخر نسخة احتياطية في {{date}}",
     "no_backup_preview": "لم يتم العثور على حفظات لهذا العنوان",
-    "restoring_backup": "جارٍ استعادة النسخة الاحتياطية ({{progress}} اكتمال)...",
+    "restoring_backup": "جاري استعادة النسخة الاحتياطية ({{progress}} مكتمل)...",
-    "uploading_backup": "جارٍ رفع النسخة الاحتياطية...",
+    "uploading_backup": "جاري رفع النسخة الاحتياطية...",
     "no_backups": "لم تقم بإنشاء أي نسخ احتياطية لهذه اللعبة بعد",
     "backup_uploaded": "تم رفع النسخة الاحتياطية",
     "backup_deleted": "تم حذف النسخة الاحتياطية",
@@ -164,61 +165,67 @@
     "files_automatically_mapped": "تم تعيين الملفات تلقائيًا",
     "no_backups_created": "لم يتم إنشاء نسخ احتياطية لهذه اللعبة",
     "manage_files": "إدارة الملفات",
-    "loading_save_preview": "جارٍ البحث عن حفظات الألعاب...",
+    "loading_save_preview": "جاري البحث عن حفظات اللعبة...",
     "wine_prefix": "بادئة Wine",
     "wine_prefix_description": "بادئة Wine المستخدمة لتشغيل هذه اللعبة",
     "launch_options": "خيارات التشغيل",
     "launch_options_description": "يمكن للمستخدمين المتقدمين إدخال تعديلات على خيارات التشغيل (ميزة تجريبية)",
-    "launch_options_placeholder": "لم يتم تحديد أي معاملات",
+    "launch_options_placeholder": "لا توجد معلمات محددة",
     "no_download_option_info": "لا توجد معلومات متاحة",
-    "backup_deletion_failed": "فشل حذف النسخة الاحتياطية",
+    "backup_deletion_failed": "فشل في حذف النسخة الاحتياطية",
-    "max_number_of_artifacts_reached": "تم الوصول إلى الحد الأقصى لعدد النسخ الاحتياطية لهذه اللعبة",
+    "max_number_of_artifacts_reached": "تم الوصول إلى الحد الأقصى من النسخ الاحتياطية لهذه اللعبة",
-    "achievements_not_sync": "تعرف على كيفية مزامنة إنجازاتك",
+    "achievements_not_sync": "شاهد كيفية مزامنة إنجازاتك",
     "manage_files_description": "إدارة الملفات التي سيتم نسخها احتياطيًا واستعادتها",
     "select_folder": "حدد المجلد",
     "backup_from": "نسخة احتياطية من {{date}}",
     "custom_backup_location_set": "تم تعيين موقع نسخ احتياطي مخصص",
     "no_directory_selected": "لم يتم تحديد مجلد",
-    "no_write_permission": "لا يمكن التنزيل إلى هذا المجلد. انقر هنا لمعرفة المزيد.",
+    "no_write_permission": "لا يمكن التنزيل إلى هذا المجلد. انقر هنا للمزيد من المعلومات.",
     "reset_achievements": "إعادة تعيين الإنجازات",
     "reset_achievements_description": "سيؤدي هذا إلى إعادة تعيين جميع إنجازات {{game}}",
     "reset_achievements_title": "هل أنت متأكد؟",
     "reset_achievements_success": "تم إعادة تعيين الإنجازات بنجاح",
-    "reset_achievements_error": "فشل إعادة تعيين الإنجازات"
+    "reset_achievements_error": "فشل في إعادة تعيين الإنجازات",
+    "download_error_gofile_quota_exceeded": "لقد تجاوزت الحصة الشهرية لـ Gofile. يرجى الانتظار حتى إعادة تعيين الحصة.",
+    "download_error_real_debrid_account_not_authorized": "حساب Real-Debrid الخاص بك غير مصرح له بإجراء تنزيلات جديدة. يرجى مراجعة إعدادات الحساب والمحاولة مرة أخرى.",
+    "download_error_not_cached_in_real_debrid": "هذا التنزيل غير متوفر على Real-Debrid وجلب حالة التنزيل من Real-Debrid غير متاح حاليًا.",
+    "download_error_not_cached_in_torbox": "هذا التنزيل غير متوفر على Torbox وجلب حالة التنزيل من Torbox غير متاح حاليًا.",
+    "game_removed_from_favorites": "تمت إزالة اللعبة من المفضلة",
+    "game_added_to_favorites": "تمت إضافة اللعبة إلى المفضلة"
   },
   "activation": {
     "title": "تفعيل Hydra",
     "installation_id": "معرف التثبيت:",
     "enter_activation_code": "أدخل رمز التفعيل الخاص بك",
-    "message": "إذا كنت لا تعرف أين تطلب هذا، فلا يجب أن يكون لديك هذا.",
+    "message": "إذا كنت لا تعرف أين تطلب هذا، فأنت لا يجب أن يكون لديك هذا.",
     "activate": "تفعيل",
-    "loading": "جارٍ التحميل..."
+    "loading": "جاري التحميل..."
   },
   "downloads": {
     "resume": "استئناف",
     "pause": "إيقاف مؤقت",
-    "eta": "الانتهاء {{eta}}",
+    "eta": "الانتهاء المتوقع {{eta}}",
-    "paused": "معلّق",
+    "paused": "معلق",
-    "verifying": "جارٍ التحقق...",
+    "verifying": "جاري التحقق...",
     "completed": "مكتمل",
-    "removed": "غير محمل",
+    "removed": "غير منزّل",
     "cancel": "إلغاء",
-    "filter": "تصفية الألعاب المحملة",
+    "filter": "تصفية الألعاب المنزلة",
     "remove": "إزالة",
-    "downloading_metadata": "جارٍ تنزيل البيانات الوصفية...",
+    "downloading_metadata": "جاري تنزيل البيانات الوصفية...",
-    "deleting": "جارٍ حذف المثبت...",
+    "deleting": "جاري حذف المثبت...",
-    "delete": "إزالة المثبت",
+    "delete": "حذف المثبت",
     "delete_modal_title": "هل أنت متأكد؟",
     "delete_modal_description": "سيؤدي هذا إلى إزالة جميع ملفات التثبيت من جهازك",
     "install": "تثبيت",
     "download_in_progress": "قيد التقدم",
     "queued_downloads": "التنزيلات في قائمة الانتظار",
-    "downloads_completed": "مكتمل",
+    "downloads_completed": "مكتملة",
     "queued": "في قائمة الانتظار",
-    "no_downloads_title": "فارغ جدًا",
+    "no_downloads_title": "لا شيء هنا",
     "no_downloads_description": "لم تقم بتنزيل أي شيء باستخدام Hydra بعد، ولكن لم يفت الأوان للبدء.",
-    "checking_files": "جارٍ فحص الملفات...",
+    "checking_files": "جاري فحص الملفات...",
-    "seeding": "التوزيع",
+    "seeding": "جاري التوزيع",
     "stop_seeding": "إيقاف التوزيع",
     "resume_seeding": "استئناف التوزيع",
     "options": "إدارة"
@@ -228,8 +235,8 @@
     "change": "تحديث",
     "notifications": "الإشعارات",
     "enable_download_notifications": "عند اكتمال التنزيل",
-    "enable_repack_list_notifications": "عند إضافة حزمة معاد تعبئتها جديدة",
+    "enable_repack_list_notifications": "عند إضافة إصدار معاد جديد",
-    "real_debrid_api_token_label": "رمز واجهة برمجة تطبيقات Real-Debrid",
+    "real_debrid_api_token_label": "رمز Real-Debrid API",
     "quit_app_instead_hiding": "لا تخفي Hydra عند الإغلاق",
     "launch_with_system": "تشغيل Hydra مع بدء النظام",
     "general": "عام",
@@ -238,21 +245,21 @@
     "language": "اللغة",
     "api_token": "رمز API",
     "enable_real_debrid": "تفعيل Real-Debrid",
-    "real_debrid_description": "Real-Debrid هو أداة تنزيل غير مقيدة تتيح لك تنزيل الملفات بسرعة، مقيدة فقط بسرعة الإنترنت لديك.",
+    "real_debrid_description": "Real-Debrid هو أداة تنزيل غير مقيدة تتيح لك تنزيل الملفات بسرعة، محدودة فقط بسرعة اتصالك بالإنترنت.",
     "debrid_invalid_token": "رمز API غير صالح",
     "debrid_api_token_hint": "يمكنك الحصول على رمز API الخاص بك <0>هنا</0>",
-    "real_debrid_free_account_error": "الحساب \"{{username}}\" هو حساب مجاني. يرجى الاشتراك في Real-Debrid",
+    "real_debrid_free_account_error": "الحساب \"{{username}}\" حساب مجاني. يرجى الاشتراك في Real-Debrid",
     "debrid_linked_message": "تم ربط الحساب \"{{username}}\"",
     "save_changes": "حفظ التغييرات",
     "changes_saved": "تم حفظ التغييرات بنجاح",
-    "download_sources_description": "سيقوم Hydra بجلب روابط التنزيل من هذه المصادر. يجب أن يكون عنوان URL المصدر رابطًا مباشرًا لملف .json يحتوي على روابط التنزيل.",
+    "download_sources_description": "سيقوم Hydra بجلب روابط التنزيل من هذه المصادر. يجب أن يكون عنوان URL للمصدر رابطًا مباشرًا لملف .json يحتوي على روابط التنزيل.",
     "validate_download_source": "تحقق",
     "remove_download_source": "إزالة",
     "add_download_source": "إضافة مصدر",
     "download_count_zero": "لا توجد خيارات تنزيل",
     "download_count_one": "{{countFormatted}} خيار تنزيل",
     "download_count_other": "{{countFormatted}} خيارات تنزيل",
-    "download_source_url": "عنوان URL لمصدر التنزيل",
+    "download_source_url": "عنوان مصدر التنزيل",
     "add_download_source_description": "أدخل عنوان URL لملف .json",
     "download_source_up_to_date": "محدث",
     "download_source_errored": "خطأ",
@@ -272,13 +279,13 @@
     "profile_visibility": "رؤية الملف الشخصي",
     "profile_visibility_description": "اختر من يمكنه رؤية ملفك الشخصي ومكتبتك",
     "required_field": "هذا الحقل مطلوب",
-    "source_already_exists": "تمت إضافة هذا المصدر مسبقًا",
+    "source_already_exists": "هذا المصدر مضاف مسبقًا",
-    "must_be_valid_url": "يجب أن يكون المصدر عنوان URL صالحًا",
+    "must_be_valid_url": "يجب أن يكون المصدر عنوان URL صالح",
     "blocked_users": "المستخدمون المحظورون",
     "user_unblocked": "تم إلغاء حظر المستخدم",
     "enable_achievement_notifications": "عند فتح إنجاز",
     "launch_minimized": "تشغيل Hydra مصغرًا",
-    "disable_nsfw_alert": "تعطيل تنبيه المحتوى غير اللائق",
+    "disable_nsfw_alert": "تعطيل تنبيهات المحتوى غير اللائق",
     "seed_after_download_complete": "التوزيع بعد اكتمال التنزيل",
     "show_hidden_achievement_description": "عرض وصف الإنجازات المخفية قبل فتحها",
     "account": "الحساب",
@@ -296,18 +303,47 @@
     "become_subscriber": "كن مشتركًا في Hydra Cloud",
     "subscription_renew_cancelled": "تم تعطيل التجديد التلقائي",
     "subscription_renews_on": "سيتم تجديد اشتراكك في {{date}}",
-    "bill_sent_until": "سيتم إرسال فاتورتك التالية حتى هذا اليوم"
+    "bill_sent_until": "سيتم إرسال فاتورتك القادمة حتى هذا اليوم",
+    "no_themes": "يبدو أنه ليس لديك أي سمات بعد، لكن لا تقلق، انقر هنا لإنشاء أول تحفة فنية لك.",
+    "editor_tab_code": "الكود",
+    "editor_tab_info": "معلومات",
+    "editor_tab_save": "حفظ",
+    "web_store": "المتجر الإلكتروني",
+    "clear_themes": "مسح",
+    "create_theme": "إنشاء",
+    "create_theme_modal_title": "إنشاء سمة مخصصة",
+    "create_theme_modal_description": "إنشاء سمة جديدة لتخصيص مظهر Hydra",
+    "theme_name": "الاسم",
+    "insert_theme_name": "أدخل اسم السمة",
+    "set_theme": "تعيين السمة",
+    "unset_theme": "إلغاء تعيين السمة",
+    "delete_theme": "حذف السمة",
+    "edit_theme": "تعديل السمة",
+    "delete_all_themes": "حذف جميع السمات",
+    "delete_all_themes_description": "سيؤدي هذا إلى حذف جميع السمات المخصصة الخاصة بك",
+    "delete_theme_description": "سيؤدي هذا إلى حذف السمة {{theme}}",
+    "cancel": "إلغاء",
+    "appearance": "المظهر",
+    "enable_torbox": "تفعيل Torbox",
+    "torbox_description": "TorBox هي خدمة seedbox متميزة تنافس أفضل الخوادم في السوق.",
+    "torbox_account_linked": "تم ربط حساب TorBox",
+    "real_debrid_account_linked": "تم ربط حساب Real-Debrid",
+    "name_min_length": "يجب أن يكون اسم السمة على الأقل 3 أحرف",
+    "import_theme": "استيراد سمة",
+    "import_theme_description": "ستقوم باستيراد {{theme}} من متجر السمات",
+    "error_importing_theme": "خطأ في استيراد السمة",
+    "theme_imported": "تم استيراد السمة بنجاح"
   },
   "notifications": {
     "download_complete": "اكتمل التنزيل",
     "game_ready_to_install": "{{title}} جاهز للتثبيت",
-    "repack_list_updated": "تم تحديث قائمة الحزم المعاد تعبئتها",
+    "repack_list_updated": "تم تحديث قائمة الإصدارات المعادة",
-    "repack_count_one": "تمت إضافة {{count}} حزمة معاد تعبئتها",
+    "repack_count_one": "تمت إضافة {{count}} إصدار معاد",
-    "repack_count_other": "تمت إضافة {{count}} حزم معاد تعبئتها",
+    "repack_count_other": "تمت إضافة {{count}} إصدارات معادة",
     "new_update_available": "الإصدار {{version}} متوفر",
     "restart_to_install_update": "أعد تشغيل Hydra لتثبيت التحديث",
     "notification_achievement_unlocked_title": "تم فتح إنجاز لـ {{game}}",
-    "notification_achievement_unlocked_body": "{{achievement}} و {{count}} آخرين تم فتحهم"
+    "notification_achievement_unlocked_body": "{{achievement}} و {{count}} أخرى تم فتحها"
   },
   "system_tray": {
     "open": "فتح Hydra",
@@ -319,7 +355,7 @@
   "binary_not_found_modal": {
     "title": "البرامج غير مثبتة",
     "description": "لم يتم العثور على ملفات تشغيل Wine أو Lutris على نظامك",
-    "instructions": "تحقق من الطريقة الصحيحة لتثبيت أي منها على توزيعة لينكس الخاصة بك حتى تعمل اللعبة بشكل طبيعي"
+    "instructions": "تحقق من الطريقة الصحيحة لتثبيت أي منها على توزيعة Linux الخاصة بك حتى تعمل اللعبة بشكل طبيعي"
   },
   "modal": {
     "close": "زر الإغلاق"
@@ -328,16 +364,16 @@
     "toggle_password_visibility": "تبديل رؤية كلمة المرور"
   },
   "user_profile": {
-    "amount_hours": "{{amount}} ساعات",
+    "amount_hours": "{{amount}} ساعة",
-    "amount_minutes": "{{amount}} دقائق",
+    "amount_minutes": "{{amount}} دقيقة",
-    "last_time_played": "آخر تشغيل {{period}}",
+    "last_time_played": "آخر مرة لعب {{period}}",
     "activity": "النشاط الأخير",
     "library": "المكتبة",
     "total_play_time": "إجمالي وقت اللعب",
-    "no_recent_activity_title": "همم... لا شيء هنا",
+    "no_recent_activity_title": "لا شيء هنا...",
     "no_recent_activity_description": "لم تلعب أي ألعاب مؤخرًا. حان الوقت لتغيير ذلك!",
     "display_name": "اسم العرض",
-    "saving": "جارٍ الحفظ",
+    "saving": "جاري الحفظ",
     "save": "حفظ",
     "edit_profile": "تعديل الملف الشخصي",
     "saved_successfully": "تم الحفظ بنجاح",
@@ -346,13 +382,13 @@
     "cancel": "إلغاء",
     "successfully_signed_out": "تم تسجيل الخروج بنجاح",
     "sign_out": "تسجيل الخروج",
-    "playing_for": "يلعب لمدة {{amount}}",
+    "playing_for": "جاري اللعب لمدة {{amount}}",
-    "sign_out_modal_text": "مكتبتك مرتبطة بحسابك الحالي. عند تسجيل الخروج، لن تكون مكتبتك مرئية بعد الآن، ولن يتم حفظ أي تقدم. هل تتابع تسجيل الخروج؟",
+    "sign_out_modal_text": "مكتبتك مرتبطة بحسابك الحالي. عند تسجيل الخروج، لن تكون مكتبتك مرئية، ولن يتم حفظ أي تقدم. هل تتابع تسجيل الخروج؟",
     "add_friends": "إضافة أصدقاء",
     "add": "إضافة",
     "friend_code": "رمز الصديق",
     "see_profile": "عرض الملف الشخصي",
-    "sending": "جارٍ الإرسال",
+    "sending": "جاري الإرسال",
     "friend_request_sent": "تم إرسال طلب الصداقة",
     "friends": "الأصدقاء",
     "friends_list": "قائمة الأصدقاء",
@@ -371,19 +407,19 @@
     "blocked_users": "المستخدمون المحظورون",
     "unblock": "إلغاء الحظر",
     "no_friends_added": "ليس لديك أصدقاء مضافون",
-    "pending": "قيد الانتظار",
+    "pending": "معلق",
     "no_pending_invites": "ليس لديك دعوات معلقة",
     "no_blocked_users": "ليس لديك مستخدمون محظورون",
     "friend_code_copied": "تم نسخ رمز الصديق",
     "undo_friendship_modal_text": "سيؤدي هذا إلى إلغاء صداقتك مع {{displayName}}",
     "privacy_hint": "لضبط من يمكنه رؤية هذا، انتقل إلى <0>الإعدادات</0>",
     "locked_profile": "هذا الملف الشخصي خاص",
-    "image_process_failure": "فشل معالجة الصورة",
+    "image_process_failure": "فشل في معالجة الصورة",
     "required_field": "هذا الحقل مطلوب",
     "displayname_min_length": "يجب أن يكون اسم العرض على الأقل 3 أحرف",
-    "displayname_max_length": "يجب ألا يتجاوز اسم العرض 50 حرفًا",
+    "displayname_max_length": "يجب أن لا يتجاوز اسم العرض 50 حرفًا",
-    "report_profile": "الإبلاغ عن هذا الملف الشخصي",
+    "report_profile": "الإبلاغ عن هذا الملف",
-    "report_reason": "لماذا تقوم بالإبلاغ عن هذا الملف الشخصي؟",
+    "report_reason": "لماذا تقوم بالإبلاغ عن هذا الملف؟",
     "report_description": "معلومات إضافية",
     "report_description_placeholder": "معلومات إضافية",
     "report": "الإبلاغ",
@@ -393,32 +429,32 @@
     "report_reason_spam": "بريد عشوائي",
     "report_reason_other": "أخرى",
     "profile_reported": "تم الإبلاغ عن الملف الشخصي",
-    "your_friend_code": "رمز صديقك:",
+    "your_friend_code": "رمز الصديق الخاص بك:",
-    "upload_banner": "تحميل بانر",
+    "upload_banner": "رفع بانر",
-    "uploading_banner": "جارٍ تحميل البانر...",
+    "uploading_banner": "جاري رفع البانر...",
     "background_image_updated": "تم تحديث صورة الخلفية",
     "stats": "الإحصائيات",
-    "achievements": "إنجازات",
+    "achievements": "الإنجازات",
     "games": "الألعاب",
-    "top_percentile": "ال{{percentile}}% الأعلى",
+    "top_percentile": "الأعلى {{percentile}}%",
     "ranking_updated_weekly": "يتم تحديث التصنيف أسبوعيًا",
-    "playing": "يلعب {{game}}",
+    "playing": "جاري لعب {{game}}",
     "achievements_unlocked": "الإنجازات المفتوحة",
     "earned_points": "النقاط المكتسبة",
-    "show_achievements_on_profile": "عرض إنجازاتك على ملفك الشخصي",
+    "show_achievements_on_profile": "عرض إنجازاتك في ملفك الشخصي",
-    "show_points_on_profile": "عرض نقاطك المكتسبة على ملفك الشخصي"
+    "show_points_on_profile": "عرض نقاطك المكتسبة في ملفك الشخصي"
   },
   "achievement": {
     "achievement_unlocked": "تم فتح الإنجاز",
     "user_achievements": "إنجازات {{displayName}}",
     "your_achievements": "إنجازاتك",
     "unlocked_at": "تم الفتح في: {{date}}",
-    "subscription_needed": "يحتاج إلى اشتراك Hydra Cloud لرؤية هذا المحتوى",
+    "subscription_needed": "يحتاج إلى اشتراك Hydra Cloud لعرض هذا المحتوى",
     "new_achievements_unlocked": "تم فتح {{achievementCount}} إنجازات جديدة من {{gameCount}} ألعاب",
     "achievement_progress": "{{unlockedCount}}/{{totalCount}} إنجازات",
     "achievements_unlocked_for_game": "تم فتح {{achievementCount}} إنجازات جديدة لـ {{gameTitle}}",
     "hidden_achievement_tooltip": "هذا إنجاز مخفي",
-    "achievement_earn_points": "اكسب {{points}} نقطة مع هذا الإنجاز",
+    "achievement_earn_points": "احصل على {{points}} نقاط مع هذا الإنجاز",
     "earned_points": "النقاط المكتسبة:",
     "available_points": "النقاط المتاحة:",
     "how_to_earn_achievements_points": "كيفية كسب نقاط الإنجازات؟"
@@ -428,10 +464,10 @@
     "subscribe_now": "اشترك الآن",
     "cloud_saving": "حفظ سحابي",
     "cloud_achievements": "احفظ إنجازاتك على السحابة",
-    "animated_profile_picture": "صورة ملف شخصي متحركة",
+    "animated_profile_picture": "صورة ملف متحركة",
     "premium_support": "دعم ممتاز",
     "show_and_compare_achievements": "اعرض وقارن إنجازاتك مع المستخدمين الآخرين",
-    "animated_profile_banner": "بانر ملف شخصي متحرك",
+    "animated_profile_banner": "بانر ملف متحرك",
     "hydra_cloud": "Hydra Cloud",
     "hydra_cloud_feature_found": "لقد اكتشفت ميزة Hydra Cloud!",
     "learn_more": "معرفة المزيد"

src/locales/en/translation.json

@@ -178,6 +178,8 @@
     "manage_files_description": "Manage which files will be backed up and restored",
     "select_folder": "Select folder",
     "backup_from": "Backup from {{date}}",
+    "automatic_backup_from": "Automatic backup from {{date}}",
+    "enable_automatic_cloud_sync": "Enable automatic cloud sync",
     "custom_backup_location_set": "Custom backup location set",
     "no_directory_selected": "No directory selected",
     "no_write_permission": "Cannot download into this directory. Click here to learn more.",

src/locales/es/translation.json

@@ -174,6 +174,8 @@
     "manage_files_description": "Gestiona los archivos que serán respaldados y restaurados",
     "select_folder": "Seleccionar carpeta",
     "backup_from": "Copia de seguridad de {{date}}",
+    "automatic_backup_from": "Copia de seguridad automática de {{date}}",
+    "enable_automatic_cloud_sync": "Habilitar sincronización automática en la nube",
     "custom_backup_location_set": "Se configuró la carpeta de copia de seguridad",
     "clear": "Limpiar",
     "no_directory_selected": "No se seleccionó un directorio",
@@ -185,7 +187,13 @@
     "reset_achievements_description": "Esto reiniciará todos los logros de {{game}}",
     "reset_achievements_title": "¿Estás seguro?",
     "reset_achievements_success": "Logros reiniciados exitosamente",
-    "reset_achievements_error": "Se produjo un error al reiniciar los logros"
+    "reset_achievements_error": "Se produjo un error al reiniciar los logros",
+    "download_error_gofile_quota_exceeded": "Has excedido la cuota mensual de Gofile. Por favor espera a que se reinicie la cuota.",
+    "download_error_real_debrid_account_not_authorized": "Tu cuenta de Real-Debrid no está autorizada para nueva descargas. Por favor, revisa los ajustes de tu cuenta e intenta de nuevo.",
+    "download_error_not_cached_in_real_debrid": "Esta descarga no está disponible en Real-Debrid y el estado de descarga del sondeo de Real-Debrid aún no está disponible.",
+    "download_error_not_cached_in_torbox": "Esta descarga no está disponible en Torbox y el estado de descarga del sondeo aún no está disponible.",
+    "game_added_to_favorites": "Juego añadido a favoritos",
+    "game_removed_from_favorites": "Juego removido de favoritos"
   },
   "activation": {
     "title": "Activar Hydra",
@@ -297,7 +305,37 @@
     "subscription_renew_cancelled": "Está desactivada la renovación automática",
     "subscription_renews_on": "Tú suscripción se renueva el {{date}}",
     "update_email": "Actualizar correo",
-    "update_password": "Actualizar contraseña"
+    "update_password": "Actualizar contraseña",
+    "appearance": "Apariencia",
+    "become_subscriber": "Sé Hydra Cloud",
+    "cancel": "Cancelar",
+    "clear_themes": "Limpiar",
+    "create_theme": "Crear",
+    "create_theme_modal_description": "Crea un nuevo tema para personalizar la apariencia de Hydra",
+    "create_theme_modal_title": "Crear tema personalizado",
+    "delete_all_themes": "Eliminar todos los temas",
+    "delete_all_themes_description": "Esto eliminará todos tus temas personalizados",
+    "delete_theme": "Eliminar tema",
+    "delete_theme_description": "Esto eliminará el tema {{theme}}",
+    "edit_theme": "Editar tema",
+    "editor_tab_code": "Código",
+    "editor_tab_info": "Info",
+    "editor_tab_save": "Guardar",
+    "enable_torbox": "Habilitar Torbox",
+    "error_importing_theme": "Error al importar el tema",
+    "import_theme": "Importar tema",
+    "import_theme_description": "Vas a importar el tema {{theme}} desde la tienda de temas",
+    "insert_theme_name": "Introducí el nombre del tema",
+    "name_min_length": "El tema tiene que tener 3 carácteres de largo mínimo",
+    "no_themes": "Parece que no tenés ningún tema aún, pero no te preocupes, presiona acá para crear tu primer tema.",
+    "real_debrid_account_linked": "Cuenta de Real-Debrid vinculada",
+    "set_theme": "Establecer tema",
+    "theme_imported": "Tema importado exitosamente",
+    "theme_name": "Nombre",
+    "torbox_account_linked": "Cuenta de TorBox vinculada",
+    "torbox_description": "TorBox es tu servicio premium de seedbox que rivaliza incluso a los mejores servidores del mercado.",
+    "unset_theme": "Desactivar tema",
+    "web_store": "Tienda Web"
   },
   "notifications": {
     "download_complete": "Descarga completada",

src/locales/pt-BR/translation.json

@@ -165,6 +165,8 @@
     "max_number_of_artifacts_reached": "Número máximo de backups atingido para este jogo",
     "achievements_not_sync": "Veja como exibir suas conquistas no perfil",
     "backup_from": "Backup de {{date}}",
+    "automatic_backup_from": "Backup automático de {{date}}",
+    "enable_automatic_cloud_sync": "Habilitar sincronização automática na nuvem",
     "custom_backup_location_set": "Localização customizada selecionada",
     "select_folder": "Selecione a pasta",
     "manage_files_description": "Gerencie quais arquivos serão feitos backup",

src/locales/ru/translation.json

@@ -178,12 +178,20 @@
     "manage_files_description": "Управляйте файлами, которые будут сохраняться и восстанавливаться",
     "select_folder": "Выбрать папку",
     "backup_from": "Резервная копия от {{date}}",
+    "automatic_backup_from": "Автоматическая резервная копия от {{date}}",
+    "enable_automatic_cloud_sync": "Включить автоматическую синхронизацию в облаке",
     "custom_backup_location_set": "Установлено настраиваемое местоположение резервной копии",
     "no_directory_selected": "Не выбран каталог",
     "no_write_permission": "Невозможно загрузить в эту директорию. Нажмите здесь, чтобы узнать больше.",
     "reset_achievements_title": "Вы уверены?",
     "reset_achievements_success": "Достижения успешно сброшены",
-    "reset_achievements_error": "Не удалось сбросить достижения"
+    "reset_achievements_error": "Не удалось сбросить достижения",
+    "download_error_gofile_quota_exceeded": "Вы превысили месячную квоту Gofile. Пожалуйста, подождите, пока квота не будет восстановлена.",
+    "download_error_real_debrid_account_not_authorized": "Ваш аккаунт Real-Debrid не авторизован для осуществления новых загрузок. Пожалуйста, проверьте настройки учетной записи и повторите попытку.",
+    "download_error_not_cached_in_real_debrid": "Эта загрузка недоступна на Real-Debrid, а опрос статуса загрузки с Real-Debrid пока недоступен.",
+    "download_error_not_cached_in_torbox": "Эта загрузка недоступна на Torbox, и опросить статус загрузки с Torbox пока невозможно.",
+    "game_added_to_favorites": "Игра добавлена в избранное",
+    "game_removed_from_favorites": "Игра удалена из избранного"
   },
   "activation": {
     "title": "Активировать Hydra",
@@ -295,7 +303,36 @@
     "become_subscriber": "Станьте обладателем Hydra Cloud",
     "subscription_renew_cancelled": "Автоматическое продление отключено",
     "subscription_renews_on": "Ваша подписка продлевается на {{date}}",
-    "bill_sent_until": "Ваш следующий счет будет отправлен до этого дня"
+    "bill_sent_until": "Ваш следующий счет будет отправлен до этого дня",
+    "no_themes": "Похоже, что у вас еще нет тем, но не волнуйтесь, нажмите здесь, чтобы создать свой первый шедевр",
+    "editor_tab_code": "Код",
+    "editor_tab_info": "Информация",
+    "editor_tab_save": "Сохранить",
+    "web_store": "Веб-магазин",
+    "clear_themes": "Очистить",
+    "create_theme": "Создать",
+    "create_theme_modal_title": "Создать пользовательскую тему",
+    "create_theme_modal_description": "Создать новую тему для настройки внешнего вида Hydra",
+    "theme_name": "Название",
+    "insert_theme_name": "Вставить название темы",
+    "set_theme": "Установить тему",
+    "unset_theme": "Снять тему",
+    "delete_theme": "Удалить тему",
+    "edit_theme": "Редактировать тему",
+    "delete_all_themes": "Удалить все темы",
+    "delete_all_themes_description": "Это удалит все ваши пользовательские темы",
+    "delete_theme_description": "Это приведет к удалению темы {{theme}}",
+    "cancel": "Отменить",
+    "appearance": "Внешний вид",
+    "enable_torbox": "Включить Torbox",
+    "torbox_description": "TorBox - это ваш премиум-сервис, конкурирующий даже с лучшими серверами на рынке.",
+    "torbox_account_linked": "Аккаунт TorBox привязан",
+    "real_debrid_account_linked": "Аккаунт Real-Debrid привязан",
+    "name_min_length": "Название темы должно содержать не менее 3 символов",
+    "import_theme": "Импортировать тему",
+    "import_theme_description": "Вы импортируете {{theme}} из магазина тем",
+    "error_importing_theme": "Ошибка при импорте темы",
+    "theme_imported": "Тема успешно импортирована"
   },
   "notifications": {
     "download_complete": "Загрузка завершена",

src/main/events/cloud-save/upload-save-game.ts

@@ -1,44 +1,8 @@
-import { HydraApi, logger, Ludusavi, WindowManager } from "@main/services";
+import { CloudSync } from "@main/services";
 import { registerEvent } from "../register-event";
-import fs from "node:fs";
-import path from "node:path";
-import * as tar from "tar";
-import crypto from "node:crypto";
 import type { GameShop } from "@types";
-import axios from "axios";
+import { t } from "i18next";
-import os from "node:os";
+import { format } from "date-fns";
-import { backupsPath } from "@main/constants";
-import { app } from "electron";
-import { normalizePath } from "@main/helpers";
-import { gamesSublevel, levelKeys } from "@main/level";
-
-const bundleBackup = async (
-  shop: GameShop,
-  objectId: string,
-  winePrefix: string | null
-) => {
-  const backupPath = path.join(backupsPath, `${shop}-${objectId}`);
-
-  // Remove existing backup
-  if (fs.existsSync(backupPath)) {
-    fs.rmSync(backupPath, { recursive: true });
-  }
-
-  await Ludusavi.backupGame(shop, objectId, backupPath, winePrefix);
-
-  const tarLocation = path.join(backupsPath, `${crypto.randomUUID()}.tar`);
-
-  await tar.create(
-    {
-      gzip: false,
-      file: tarLocation,
-      cwd: backupPath,
-    },
-    ["."]
-  );
-
-  return tarLocation;
-};
 
 const uploadSaveGame = async (
   _event: Electron.IpcMainInvokeEvent,
@@ -46,61 +10,15 @@ const uploadSaveGame = async (
   shop: GameShop,
   downloadOptionTitle: string | null
 ) => {
-  const game = await gamesSublevel.get(levelKeys.game(shop, objectId));
+  return CloudSync.uploadSaveGame(
-
-  const bundleLocation = await bundleBackup(
-    shop,
     objectId,
-    game?.winePrefixPath ?? null
+    shop,
+    downloadOptionTitle,
+    t("backup_from", {
+      ns: "game_details",
+      date: format(new Date(), "dd/MM/yyyy"),
+    })
   );
-
-  fs.stat(bundleLocation, async (err, stat) => {
-    if (err) {
-      logger.error("Failed to get zip file stats", err);
-      throw err;
-    }
-
-    const { uploadUrl } = await HydraApi.post<{
-      id: string;
-      uploadUrl: string;
-    }>("/profile/games/artifacts", {
-      artifactLengthInBytes: stat.size,
-      shop,
-      objectId,
-      hostname: os.hostname(),
-      homeDir: normalizePath(app.getPath("home")),
-      downloadOptionTitle,
-      platform: os.platform(),
-    });
-
-    fs.readFile(bundleLocation, async (err, fileBuffer) => {
-      if (err) {
-        logger.error("Failed to read zip file", err);
-        throw err;
-      }
-
-      await axios.put(uploadUrl, fileBuffer, {
-        headers: {
-          "Content-Type": "application/tar",
-        },
-        onUploadProgress: (progressEvent) => {
-          logger.log(progressEvent);
-        },
-      });
-
-      WindowManager.mainWindow?.webContents.send(
-        `on-upload-complete-${objectId}-${shop}`,
-        true
-      );
-
-      fs.rm(bundleLocation, (err) => {
-        if (err) {
-          logger.error("Failed to remove tar file", err);
-          throw err;
-        }
-      });
-    });
-  });
 };
 
 registerEvent("uploadSaveGame", uploadSaveGame);

src/main/events/index.ts

@@ -31,11 +31,13 @@ import "./library/remove-game";
 import "./library/remove-game-from-library";
 import "./library/select-game-wine-prefix";
 import "./library/reset-game-achievements";
+import "./library/toggle-automatic-cloud-sync";
 import "./misc/open-checkout";
 import "./misc/open-external";
 import "./misc/show-open-dialog";
 import "./misc/get-features";
 import "./misc/show-item-in-folder";
+import "./misc/get-badges";
 import "./torrenting/cancel-game-download";
 import "./torrenting/pause-game-download";
 import "./torrenting/resume-game-download";
@@ -58,6 +60,7 @@ import "./user/get-blocked-users";
 import "./user/block-user";
 import "./user/unblock-user";
 import "./user/get-user-friends";
+import "./user/get-auth";
 import "./user/get-user-stats";
 import "./user/report-user";
 import "./user/get-unlocked-achievements";

src/main/events/library/toggle-automatic-cloud-sync.ts

@@ -0,0 +1,23 @@
+import { registerEvent } from "../register-event";
+import { levelKeys, gamesSublevel } from "@main/level";
+import type { GameShop } from "@types";
+
+const toggleAutomaticCloudSync = async (
+  _event: Electron.IpcMainInvokeEvent,
+  shop: GameShop,
+  objectId: string,
+  automaticCloudSync: boolean
+) => {
+  const gameKey = levelKeys.game(shop, objectId);
+
+  const game = await gamesSublevel.get(gameKey);
+
+  if (!game) return;
+
+  await gamesSublevel.put(gameKey, {
+    ...game,
+    automaticCloudSync,
+  });
+};
+
+registerEvent("toggleAutomaticCloudSync", toggleAutomaticCloudSync);

src/main/events/misc/get-badges.ts

@@ -0,0 +1,22 @@
+import { Badge } from "@types";
+import { registerEvent } from "../register-event";
+import { HydraApi } from "@main/services";
+import { db, levelKeys } from "@main/level";
+
+const getBadges = async (_event: Electron.IpcMainInvokeEvent) => {
+  const language = await db
+    .get<string, string>(levelKeys.language, {
+      valueEncoding: "utf-8",
+    })
+    .then((language) => language || "en");
+
+  const params = new URLSearchParams({
+    locale: language,
+  });
+
+  return HydraApi.get<Badge[]>(`/badges?${params.toString()}`, null, {
+    needsAuth: false,
+  });
+};
+
+registerEvent("getBadges", getBadges);

src/main/events/user/get-auth.ts

@@ -0,0 +1,11 @@
+import { db, levelKeys } from "@main/level";
+import type { Auth } from "@types";
+
+import { registerEvent } from "../register-event";
+
+const getAuth = async (_event: Electron.IpcMainInvokeEvent) =>
+  db.get<string, Auth>(levelKeys.auth, {
+    valueEncoding: "json",
+  });
+
+registerEvent("getAuth", getAuth);

src/main/main.ts

@@ -62,8 +62,6 @@ export const loadState = async () => {
       game.uri !== null
   );
 
-  console.log("downloadsToSeed", downloadsToSeed);
-
   await DownloadManager.startRPC(nextItemOnQueue, downloadsToSeed);
 
   startMainLoop();
@@ -132,7 +130,9 @@ const migrateFromSqlite = async () => {
         );
 
         if (rest.language) {
-          await db.put(levelKeys.language, rest.language);
+          await db.put<string, string>(levelKeys.language, rest.language, {
+            valueEncoding: "utf-8",
+          });
         }
       }
     })

src/main/services/cloud-sync.ts

@@ -0,0 +1,112 @@
+import { levelKeys, gamesSublevel, db } from "@main/level";
+import { app } from "electron";
+import path from "node:path";
+import * as tar from "tar";
+import crypto from "node:crypto";
+import fs from "node:fs";
+import os from "node:os";
+import type { GameShop, User } from "@types";
+import { backupsPath } from "@main/constants";
+import { HydraApi } from "./hydra-api";
+import { normalizePath } from "@main/helpers";
+import { logger } from "./logger";
+import { WindowManager } from "./window-manager";
+import axios from "axios";
+import { Ludusavi } from "./ludusavi";
+import { isFuture, isToday } from "date-fns";
+import { SubscriptionRequiredError } from "@shared";
+
+export class CloudSync {
+  private static async bundleBackup(
+    shop: GameShop,
+    objectId: string,
+    winePrefix: string | null
+  ) {
+    const backupPath = path.join(backupsPath, `${shop}-${objectId}`);
+
+    // Remove existing backup
+    if (fs.existsSync(backupPath)) {
+      fs.rmSync(backupPath, { recursive: true });
+    }
+
+    await Ludusavi.backupGame(shop, objectId, backupPath, winePrefix);
+
+    const tarLocation = path.join(backupsPath, `${crypto.randomUUID()}.tar`);
+
+    await tar.create(
+      {
+        gzip: false,
+        file: tarLocation,
+        cwd: backupPath,
+      },
+      ["."]
+    );
+
+    return tarLocation;
+  }
+
+  public static async uploadSaveGame(
+    objectId: string,
+    shop: GameShop,
+    downloadOptionTitle: string | null,
+    label?: string
+  ) {
+    const hasActiveSubscription = await db
+      .get<string, User>(levelKeys.user, { valueEncoding: "json" })
+      .then((user) => {
+        const expiresAt = user?.subscription?.expiresAt;
+        return expiresAt && (isFuture(expiresAt) || isToday(expiresAt));
+      });
+
+    if (!hasActiveSubscription) {
+      throw new SubscriptionRequiredError();
+    }
+
+    const game = await gamesSublevel.get(levelKeys.game(shop, objectId));
+
+    const bundleLocation = await this.bundleBackup(
+      shop,
+      objectId,
+      game?.winePrefixPath ?? null
+    );
+
+    const stat = await fs.promises.stat(bundleLocation);
+
+    const { uploadUrl } = await HydraApi.post<{
+      id: string;
+      uploadUrl: string;
+    }>("/profile/games/artifacts", {
+      artifactLengthInBytes: stat.size,
+      shop,
+      objectId,
+      hostname: os.hostname(),
+      homeDir: normalizePath(app.getPath("home")),
+      downloadOptionTitle,
+      platform: os.platform(),
+      label,
+    });
+
+    const fileBuffer = await fs.promises.readFile(bundleLocation);
+
+    await axios.put(uploadUrl, fileBuffer, {
+      headers: {
+        "Content-Type": "application/tar",
+      },
+      onUploadProgress: (progressEvent) => {
+        logger.log(progressEvent);
+      },
+    });
+
+    WindowManager.mainWindow?.webContents.send(
+      `on-upload-complete-${objectId}-${shop}`,
+      true
+    );
+
+    fs.rm(bundleLocation, (err) => {
+      if (err) {
+        logger.error("Failed to remove tar file", err);
+        throw err;
+      }
+    });
+  }
+}

src/main/services/download/torbox.ts

@@ -6,6 +6,7 @@ import type {
   TorBoxAddTorrentRequest,
   TorBoxRequestLinkRequest,
 } from "@types";
+import { appVersion } from "@main/constants";
 
 export class TorBoxClient {
   private static instance: AxiosInstance;
@@ -18,6 +19,7 @@ export class TorBoxClient {
       baseURL: this.baseURL,
       headers: {
         Authorization: `Bearer ${apiToken}`,
+        "User-Agent": `Hydra/${appVersion}`,
       },
     });
   }

src/main/services/index.ts

@@ -7,3 +7,4 @@ export * from "./process-watcher";
 export * from "./main-loop";
 export * from "./hydra-api";
 export * from "./ludusavi";
+export * from "./cloud-sync";

src/main/services/process-watcher.ts

@@ -6,6 +6,9 @@ import axios from "axios";
 import { exec } from "child_process";
 import { ProcessPayload } from "./download/types";
 import { gamesSublevel, levelKeys } from "@main/level";
+import { t } from "i18next";
+import { CloudSync } from "./cloud-sync";
+import { format } from "date-fns";
 
 const commands = {
   findWineDir: `lsof -c wine 2>/dev/null | grep '/drive_c/windows$' | head -n 1 | awk '{for(i=9;i<=NF;i++) printf "%s ", $i; print ""}'`,
@@ -225,6 +228,18 @@ function onOpenGame(game: Game) {
 
   if (game.remoteId) {
     updateGamePlaytime(game, 0, new Date()).catch(() => {});
+
+    if (game.automaticCloudSync) {
+      CloudSync.uploadSaveGame(
+        game.objectId,
+        game.shop,
+        null,
+        t("automatic_backup_from", {
+          ns: "game_details",
+          date: format(new Date(), "dd/MM/yyyy"),
+        })
+      );
+    }
   } else {
     createGame({ ...game, lastTimePlayed: new Date() }).catch(() => {});
   }
@@ -287,6 +302,18 @@ const onCloseGame = (game: Game) => {
       performance.now() - gamePlaytime.lastSyncTick,
       game.lastTimePlayed!
     ).catch(() => {});
+
+    if (game.automaticCloudSync) {
+      CloudSync.uploadSaveGame(
+        game.objectId,
+        game.shop,
+        null,
+        t("automatic_backup_from", {
+          ns: "game_details",
+          date: format(new Date(), "dd/MM/yyyy"),
+        })
+      );
+    }
   } else {
     createGame(game).catch(() => {});
   }

src/main/services/window-manager.ts

@@ -57,7 +57,7 @@ export class WindowManager {
       trafficLightPosition: { x: 16, y: 16 },
       titleBarOverlay: {
         symbolColor: "#DADBE1",
-        color: "#151515",
+        color: "#00000000",
         height: 34,
       },
       webPreferences: {

src/preload/index.ts

@@ -101,6 +101,17 @@ contextBridge.exposeInMainWorld("electron", {
     ipcRenderer.invoke("putDownloadSource", objectIds),
 
   /* Library */
+  toggleAutomaticCloudSync: (
+    shop: GameShop,
+    objectId: string,
+    automaticCloudSync: boolean
+  ) =>
+    ipcRenderer.invoke(
+      "toggleAutomaticCloudSync",
+      shop,
+      objectId,
+      automaticCloudSync
+    ),
   addGameToLibrary: (shop: GameShop, objectId: string, title: string) =>
     ipcRenderer.invoke("addGameToLibrary", shop, objectId, title),
   createGameShortcut: (shop: GameShop, objectId: string) =>
@@ -266,6 +277,7 @@ contextBridge.exposeInMainWorld("electron", {
   showItemInFolder: (path: string) =>
     ipcRenderer.invoke("showItemInFolder", path),
   getFeatures: () => ipcRenderer.invoke("getFeatures"),
+  getBadges: () => ipcRenderer.invoke("getBadges"),
   platform: process.platform,
 
   /* Auto update */
@@ -325,6 +337,7 @@ contextBridge.exposeInMainWorld("electron", {
     ipcRenderer.invoke("getUnlockedAchievements", objectId, shop),
 
   /* Auth */
+  getAuth: () => ipcRenderer.invoke("getAuth"),
   signOut: () => ipcRenderer.invoke("signOut"),
   openAuthWindow: (page: AuthPage) =>
     ipcRenderer.invoke("openAuthWindow", page),

src/renderer/src/app.tsx

@@ -263,9 +263,7 @@ export function App() {
 
   useEffect(() => {
     const unsubscribe = window.electron.onCssInjected((cssString) => {
-      if (cssString) {
+      injectCustomCss(cssString);
-        injectCustomCss(cssString);
-      }
     });
 
     return () => unsubscribe();

src/renderer/src/components/avatar/avatar.scss

@@ -10,6 +10,7 @@
   cursor: pointer;
   color: globals.$muted-color;
   position: relative;
+  overflow: hidden;
 
   &__image {
     height: 100%;

src/renderer/src/components/avatar/avatar.tsx

@@ -1,4 +1,5 @@
 import { PersonIcon } from "@primer/octicons-react";
+import cn from "classnames";
 
 import "./avatar.scss";
 
@@ -14,11 +15,18 @@ export interface AvatarProps
   src?: string | null;
 }
 
-export function Avatar({ size, alt, src, ...props }: AvatarProps) {
+export function Avatar({ size, alt, src, className, ...props }: AvatarProps) {
   return (
     <div className="profile-avatar" style={{ width: size, height: size }}>
       {src ? (
-        <img className="profile-avatar__image" alt={alt} src={src} {...props} />
+        <img
+          className={cn("profile-avatar__image", className)}
+          alt={alt}
+          src={src}
+          width={size}
+          height={size}
+          {...props}
+        />
       ) : (
         <PersonIcon size={size * 0.7} />
       )}

src/renderer/src/components/backdrop/backdrop.tsx

@@ -6,7 +6,10 @@ export interface BackdropProps {
   children: React.ReactNode;
 }
 
-export function Backdrop({ isClosing = false, children }: BackdropProps) {
+export function Backdrop({
+  isClosing = false,
+  children,
+}: Readonly<BackdropProps>) {
   return (
     <div
       className={cn("backdrop", {

src/renderer/src/components/button/button.tsx

@@ -15,7 +15,7 @@ export function Button({
   theme = "primary",
   className,
   ...props
-}: ButtonProps) {
+}: Readonly<ButtonProps>) {
   return (
     <button
       type="button"

src/renderer/src/components/checkbox-field/checkbox-field.tsx

@@ -7,7 +7,7 @@ export interface CheckboxFieldProps
     React.InputHTMLAttributes<HTMLInputElement>,
     HTMLInputElement
   > {
-  label: string;
+  label: string | React.ReactNode;
 }
 
 export function CheckboxField({ label, ...props }: CheckboxFieldProps) {

src/renderer/src/context/user-profile/user-profile.context.tsx

@@ -1,6 +1,6 @@
 import { darkenColor } from "@renderer/helpers";
 import { useAppSelector, useToast } from "@renderer/hooks";
-import type { UserProfile, UserStats } from "@types";
+import type { Badge, UserProfile, UserStats } from "@types";
 import { average } from "color.js";
 
 import { createContext, useCallback, useEffect, useState } from "react";
@@ -16,6 +16,7 @@ export interface UserProfileContext {
   getUserProfile: () => Promise<void>;
   setSelectedBackgroundImage: React.Dispatch<React.SetStateAction<string>>;
   backgroundImage: string;
+  badges: Badge[];
 }
 
 export const DEFAULT_USER_PROFILE_BACKGROUND = "#151515B3";
@@ -28,6 +29,7 @@ export const userProfileContext = createContext<UserProfileContext>({
   getUserProfile: async () => {},
   setSelectedBackgroundImage: () => {},
   backgroundImage: "",
+  badges: [],
 });
 
 const { Provider } = userProfileContext;
@@ -41,12 +43,13 @@ export interface UserProfileContextProviderProps {
 export function UserProfileContextProvider({
   children,
   userId,
-}: UserProfileContextProviderProps) {
+}: Readonly<UserProfileContextProviderProps>) {
   const { userDetails } = useAppSelector((state) => state.userDetails);
 
   const [userStats, setUserStats] = useState<UserStats | null>(null);
 
   const [userProfile, setUserProfile] = useState<UserProfile | null>(null);
+  const [badges, setBadges] = useState<Badge[]>([]);
   const [heroBackground, setHeroBackground] = useState(
     DEFAULT_USER_PROFILE_BACKGROUND
   );
@@ -101,12 +104,18 @@ export function UserProfileContextProvider({
     });
   }, [navigate, getUserStats, showErrorToast, userId, t]);
 
+  const getBadges = useCallback(async () => {
+    const badges = await window.electron.getBadges();
+    setBadges(badges);
+  }, []);
+
   useEffect(() => {
     setUserProfile(null);
     setHeroBackground(DEFAULT_USER_PROFILE_BACKGROUND);
 
     getUserProfile();
-  }, [getUserProfile]);
+    getBadges();
+  }, [getUserProfile, getBadges]);
 
   return (
     <Provider
@@ -118,6 +127,7 @@ export function UserProfileContextProvider({
         setSelectedBackgroundImage,
         backgroundImage: getBackgroundImageUrl(),
         userStats,
+        badges,
       }}
     >
       {children}

src/renderer/src/declaration.d.ts

@@ -30,6 +30,8 @@ import type {
   GameRunning,
   TorBoxUser,
   Theme,
+  Badge,
+  Auth,
 } from "@types";
 import type { AxiosProgressEvent } from "axios";
 import type disk from "diskusage";
@@ -86,6 +88,11 @@ declare global {
     getDevelopers: () => Promise<string[]>;
 
     /* Library */
+    toggleAutomaticCloudSync: (
+      shop: GameShop,
+      objectId: string,
+      automaticCloudSync: boolean
+    ) => Promise<void>;
     addGameToLibrary: (
       shop: GameShop,
       objectId: string,
@@ -217,6 +224,7 @@ declare global {
     ) => Promise<Electron.OpenDialogReturnValue>;
     showItemInFolder: (path: string) => Promise<void>;
     getFeatures: () => Promise<string[]>;
+    getBadges: () => Promise<Badge[]>;
     platform: NodeJS.Platform;
 
     /* Auto update */
@@ -227,6 +235,7 @@ declare global {
     restartAndInstallUpdate: () => Promise<void>;
 
     /* Auth */
+    getAuth: () => Promise<Auth | null>;
     signOut: () => Promise<void>;
     openAuthWindow: (page: AuthPage) => Promise<void>;
     getSessionHash: () => Promise<string | null>;

src/renderer/src/main.tsx

@@ -11,6 +11,7 @@ import "@fontsource/noto-sans/500.css";
 import "@fontsource/noto-sans/700.css";
 
 import "react-loading-skeleton/dist/skeleton.css";
+import "react-tooltip/dist/react-tooltip.css";
 
 import { App } from "./app";
 
@@ -18,26 +19,17 @@ import { store } from "./store";
 
 import resources from "@locales";
 
-import { SuspenseWrapper } from "./components";
 import { logger } from "./logger";
 import { addCookieInterceptor } from "./cookies";
-
-const Home = React.lazy(() => import("./pages/home/home"));
-const GameDetails = React.lazy(
-  () => import("./pages/game-details/game-details")
-);
-const Downloads = React.lazy(() => import("./pages/downloads/downloads"));
-const Settings = React.lazy(() => import("./pages/settings/settings"));
-const Catalogue = React.lazy(() => import("./pages/catalogue/catalogue"));
-const Profile = React.lazy(() => import("./pages/profile/profile"));
-const Achievements = React.lazy(
-  () => import("./pages/achievements/achievements")
-);
-const ThemeEditor = React.lazy(
-  () => import("./pages/theme-editor/theme-editor")
-);
-
 import * as Sentry from "@sentry/react";
+import Catalogue from "./pages/catalogue/catalogue";
+import Home from "./pages/home/home";
+import Downloads from "./pages/downloads/downloads";
+import GameDetails from "./pages/game-details/game-details";
+import Settings from "./pages/settings/settings";
+import Profile from "./pages/profile/profile";
+import Achievements from "./pages/achievements/achievements";
+import ThemeEditor from "./pages/theme-editor/theme-editor";
 
 Sentry.init({
   dsn: import.meta.env.RENDERER_VITE_SENTRY_DSN,
@@ -82,37 +74,16 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
       <HashRouter>
         <Routes>
           <Route element={<App />}>
-            <Route path="/" element={<SuspenseWrapper Component={Home} />} />
+            <Route path="/" element={<Home />} />
-            <Route
+            <Route path="/catalogue" element={<Catalogue />} />
-              path="/catalogue"
+            <Route path="/downloads" element={<Downloads />} />
-              element={<SuspenseWrapper Component={Catalogue} />}
+            <Route path="/game/:shop/:objectId" element={<GameDetails />} />
-            />
+            <Route path="/settings" element={<Settings />} />
-            <Route
+            <Route path="/profile/:userId" element={<Profile />} />
-              path="/downloads"
+            <Route path="/achievements" element={<Achievements />} />
-              element={<SuspenseWrapper Component={Downloads} />}
-            />
-            <Route
-              path="/game/:shop/:objectId"
-              element={<SuspenseWrapper Component={GameDetails} />}
-            />
-            <Route
-              path="/settings"
-              element={<SuspenseWrapper Component={Settings} />}
-            />
-            <Route
-              path="/profile/:userId"
-              element={<SuspenseWrapper Component={Profile} />}
-            />
-            <Route
-              path="/achievements"
-              element={<SuspenseWrapper Component={Achievements} />}
-            />
           </Route>
 
-          <Route
+          <Route path="/theme-editor" element={<ThemeEditor />} />
-            path="/theme-editor"
-            element={<SuspenseWrapper Component={ThemeEditor} />}
-          />
         </Routes>
       </HashRouter>
     </Provider>

src/renderer/src/pages/achievements/achievements-content.scss

@@ -31,7 +31,7 @@ $logo-max-width: 200px;
         display: flex;
         justify-content: center;
         width: 100%;
-        gap: globals.$spacing-unit / 2;
+        gap: calc(globals.$spacing-unit / 2);
         color: globals.$body-color;
         cursor: pointer;
 

src/renderer/src/pages/game-details/cloud-sync-modal/cloud-sync-modal.tsx

@@ -203,9 +203,10 @@ export function CloudSyncModal({ visible, onClose }: CloudSyncModalProps) {
               <div className="cloud-sync-modal__artifact-info">
                 <div className="cloud-sync-modal__artifact-header">
                   <h3>
-                    {t("backup_from", {
+                    {artifact.label ??
-                      date: format(artifact.createdAt, "dd/MM/yyyy"),
+                      t("backup_from", {
-                    })}
+                        date: format(artifact.createdAt, "dd/MM/yyyy"),
+                      })}
                   </h3>
                   <small>{formatBytes(artifact.artifactLengthInBytes)}</small>
                 </div>

src/renderer/src/pages/game-details/game-details-content.tsx

@@ -16,13 +16,8 @@ import { useUserDetails } from "@renderer/hooks";
 import { useSubscription } from "@renderer/hooks/use-subscription";
 import "./game-details.scss";
 
-const HERO_HEIGHT = 300;
-const HERO_ANIMATION_THRESHOLD = 25;
-
 export function GameDetailsContent() {
   const heroRef = useRef<HTMLDivElement | null>(null);
-  const containerRef = useRef<HTMLDivElement | null>(null);
-  const [isHeaderStuck, setIsHeaderStuck] = useState(false);
 
   const { t } = useTranslation("game_details");
 
@@ -61,7 +56,7 @@ export function GameDetailsContent() {
     return t("no_shop_details");
   }, [shopDetails, t]);
 
-  const [backdropOpactiy, setBackdropOpacity] = useState(1);
+  const [backdropOpacity, setBackdropOpacity] = useState(1);
 
   const handleHeroLoad = async () => {
     const output = await average(steamUrlBuilder.libraryHero(objectId!), {
@@ -80,26 +75,6 @@ export function GameDetailsContent() {
     setBackdropOpacity(1);
   }, [objectId]);
 
-  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {
-    const heroHeight = heroRef.current?.clientHeight ?? HERO_HEIGHT;
-
-    const scrollY = (event.target as HTMLDivElement).scrollTop;
-    const opacity = Math.max(
-      0,
-      1 - scrollY / (heroHeight - HERO_ANIMATION_THRESHOLD)
-    );
-
-    if (scrollY >= heroHeight && !isHeaderStuck) {
-      setIsHeaderStuck(true);
-    }
-
-    if (scrollY <= heroHeight && isHeaderStuck) {
-      setIsHeaderStuck(false);
-    }
-
-    setBackdropOpacity(opacity);
-  };
-
   const handleCloudSaveButtonClick = () => {
     if (!userDetails) {
       window.electron.openAuthWindow(AuthPage.SignIn);
@@ -122,31 +97,25 @@ export function GameDetailsContent() {
     <div
       className={`game-details__wrapper ${hasNSFWContentBlocked ? "game-details__wrapper--blurred" : ""}`}
     >
-      <img
+      <section className="game-details__container">
-        src={steamUrlBuilder.libraryHero(objectId!)}
-        className="game-details__hero-image"
-        alt={game?.title}
-        onLoad={handleHeroLoad}
-      />
-
-      <section
-        ref={containerRef}
-        onScroll={onScroll}
-        className="game-details__container"
-      >
         <div ref={heroRef} className="game-details__hero">
+          <img
+            src={steamUrlBuilder.libraryHero(objectId!)}
+            className="game-details__hero-image"
+            alt={game?.title}
+            onLoad={handleHeroLoad}
+          />
           <div
             className="game-details__hero-backdrop"
             style={{
               backgroundColor: gameColor,
               flex: 1,
-              opacity: Math.min(1, 1 - backdropOpactiy),
             }}
           />
 
           <div
             className="game-details__hero-logo-backdrop"
-            style={{ opacity: backdropOpactiy }}
+            style={{ opacity: backdropOpacity }}
           >
             <div className="game-details__hero-content">
               <img
@@ -173,7 +142,7 @@ export function GameDetailsContent() {
           </div>
         </div>
 
-        <HeroPanel isHeaderStuck={isHeaderStuck} />
+        <HeroPanel />
 
         <div className="game-details__description-container">
           <div className="game-details__description-content">

src/renderer/src/pages/game-details/hero/hero-panel.tsx

@@ -9,11 +9,7 @@ import { HeroPanelPlaytime } from "./hero-panel-playtime";
 import { gameDetailsContext } from "@renderer/context";
 import "./hero-panel.scss";
 
-export interface HeroPanelProps {
+export function HeroPanel() {
-  isHeaderStuck: boolean;
-}
-
-export function HeroPanel({ isHeaderStuck }: HeroPanelProps) {
   const { t } = useTranslation("game_details");
 
   const { formatDate } = useDate();
@@ -54,10 +50,7 @@ export function HeroPanel({ isHeaderStuck }: HeroPanelProps) {
     game?.download?.status === "paused";
 
   return (
-    <div
+    <div style={{ backgroundColor: gameColor }} className="hero-panel">
-      style={{ backgroundColor: gameColor }}
-      className={`hero-panel ${isHeaderStuck ? "hero-panel--stuck" : ""}`}
-    >
       <div className="hero-panel__content">{getInfo()}</div>
       <div className="hero-panel__actions">
         <HeroPanelActions />

src/renderer/src/pages/game-details/modals/game-options-modal.scss

@@ -23,6 +23,20 @@
     }
   }
 
+  &__cloud-sync-label {
+    display: flex;
+    gap: globals.$spacing-unit;
+    align-items: center;
+  }
+
+  &__cloud-sync-hydra-cloud {
+    background: linear-gradient(270deg, #16b195 50%, #3e62c0 100%);
+    color: #fff;
+    padding: 0 globals.$spacing-unit;
+    border-radius: 4px;
+    font-size: globals.$small-font-size;
+  }
+
   &__row {
     display: flex;
     gap: globals.$spacing-unit;

src/renderer/src/pages/game-details/modals/game-options-modal.tsx

@@ -1,6 +1,6 @@
 import { useContext, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Button, Modal, TextField } from "@renderer/components";
+import { Button, CheckboxField, Modal, TextField } from "@renderer/components";
 import type { LibraryGame } from "@types";
 import { gameDetailsContext } from "@renderer/context";
 import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
@@ -34,12 +34,17 @@ export function GameOptionsModal({
     achievements,
   } = useContext(gameDetailsContext);
 
+  const { hasActiveSubscription } = useUserDetails();
+
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showRemoveGameModal, setShowRemoveGameModal] = useState(false);
   const [launchOptions, setLaunchOptions] = useState(game.launchOptions ?? "");
   const [showResetAchievementsModal, setShowResetAchievementsModal] =
     useState(false);
   const [isDeletingAchievements, setIsDeletingAchievements] = useState(false);
+  const [automaticCloudSync, setAutomaticCloudSync] = useState(
+    game.automaticCloudSync ?? false
+  );
 
   const {
     removeGameInstaller,
@@ -183,6 +188,20 @@ export function GameOptionsModal({
     }
   };
 
+  const handleToggleAutomaticCloudSync = async (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setAutomaticCloudSync(event.target.checked);
+
+    await window.electron.toggleAutomaticCloudSync(
+      game.shop,
+      game.objectId,
+      event.target.checked
+    );
+
+    updateGame();
+  };
+
   return (
     <>
       <DeleteGameModal
@@ -266,6 +285,20 @@ export function GameOptionsModal({
             </div>
           </div>
 
+          <CheckboxField
+            label={
+              <div className="game-options-modal__cloud-sync-label">
+                {t("enable_automatic_cloud_sync")}
+                <span className="game-options-modal__cloud-sync-hydra-cloud">
+                  Hydra Cloud
+                </span>
+              </div>
+            }
+            checked={automaticCloudSync}
+            disabled={!hasActiveSubscription || !game.executablePath}
+            onChange={handleToggleAutomaticCloudSync}
+          />
+
           {shouldShowWinePrefixConfiguration && (
             <div className="game-options-modal__wine-prefix">
               <div className="game-options-modal__header">

src/renderer/src/pages/profile/profile-hero/profile-hero.scss

@@ -27,6 +27,11 @@
     }
   }
 
+  &__badges {
+    display: flex;
+    gap: calc(globals.$spacing-unit / 2);
+  }
+
   &__user-information {
     display: flex;
     padding: calc(globals.$spacing-unit * 7) calc(globals.$spacing-unit * 3);
@@ -65,6 +70,12 @@
     overflow: hidden;
   }
 
+  &__display-name-container {
+    display: flex;
+    gap: globals.$spacing-unit;
+    align-items: center;
+  }
+
   &__display-name {
     font-weight: bold;
     overflow: hidden;

src/renderer/src/pages/profile/profile-hero/profile-hero.tsx

@@ -24,6 +24,7 @@ import type { FriendRequestAction } from "@types";
 import { EditProfileModal } from "../edit-profile-modal/edit-profile-modal";
 import Skeleton from "react-loading-skeleton";
 import { UploadBackgroundImageButton } from "../upload-background-image-button/upload-background-image-button";
+import { Tooltip } from "react-tooltip";
 import "./profile-hero.scss";
 
 type FriendAction =
@@ -34,8 +35,14 @@ export function ProfileHero() {
   const [showEditProfileModal, setShowEditProfileModal] = useState(false);
   const [isPerformingAction, setIsPerformingAction] = useState(false);
 
-  const { isMe, getUserProfile, userProfile, heroBackground, backgroundImage } =
+  const {
-    useContext(userProfileContext);
+    isMe,
+    badges,
+    getUserProfile,
+    userProfile,
+    heroBackground,
+    backgroundImage,
+  } = useContext(userProfileContext);
   const {
     signOut,
     updateFriendRequestState,
@@ -260,14 +267,6 @@ export function ProfileHero() {
 
   return (
     <>
-      {/* <ConfirmationModal
-        visible
-        title={t("sign_out_modal_title")}
-        descriptionText={t("sign_out_modal_text")}
-        confirmButtonLabel={t("sign_out")}
-        cancelButtonLabel={t("cancel")}
-      /> */}
-
       <EditProfileModal
         visible={showEditProfileModal}
         onClose={() => setShowEditProfileModal(false)}
@@ -307,9 +306,34 @@ export function ProfileHero() {
 
             <div className="profile-hero__information">
               {userProfile ? (
-                <h2 className="profile-hero__display-name">
+                <div className="profile-hero__display-name-container">
-                  {userProfile?.displayName}
+                  <h2 className="profile-hero__display-name">
-                </h2>
+                    {userProfile?.displayName}
+                  </h2>
+
+                  <div className="profile-hero__badges">
+                    {userProfile.badges.map((badgeName) => {
+                      const badge = badges.find((b) => b.name === badgeName);
+
+                      if (!badge) return null;
+
+                      return (
+                        <img
+                          key={badge.name}
+                          src={badge.badge.url}
+                          alt={badge.name}
+                          width={24}
+                          height={24}
+                          data-tooltip-place="top"
+                          data-tooltip-content={badge.description}
+                          data-tooltip-id="badge-name"
+                        />
+                      );
+                    })}
+
+                    <Tooltip id="badge-name" />
+                  </div>
+                </div>
               ) : (
                 <Skeleton width={150} height={28} />
               )}

src/renderer/src/pages/settings/aparence/settings-appearance.tsx

@@ -4,6 +4,7 @@ import { ThemeActions, ThemeCard, ThemePlaceholder } from "./index";
 import type { Theme } from "@types";
 import { ImportThemeModal } from "./modals/import-theme-modal";
 import { settingsContext } from "@renderer/context";
+import { useNavigate } from "react-router-dom";
 
 interface SettingsAppearanceProps {
   appearance: {
@@ -24,8 +25,10 @@ export function SettingsAppearance({
     authorId: string;
     authorName: string;
   } | null>(null);
+  const [hasShownModal, setHasShownModal] = useState(false);
 
   const { clearTheme } = useContext(settingsContext);
+  const navigate = useNavigate();
 
   const loadThemes = useCallback(async () => {
     const themesList = await window.electron.getAllCustomThemes();
@@ -45,20 +48,37 @@ export function SettingsAppearance({
   }, [loadThemes]);
 
   useEffect(() => {
-    if (appearance.theme && appearance.authorId && appearance.authorName) {
+    if (
+      appearance.theme &&
+      appearance.authorId &&
+      appearance.authorName &&
+      !hasShownModal
+    ) {
       setIsImportThemeModalVisible(true);
       setImportTheme({
         theme: appearance.theme,
         authorId: appearance.authorId,
         authorName: appearance.authorName,
       });
+      setHasShownModal(true);
+
+      navigate("/settings", { replace: true });
+      clearTheme();
     }
-  }, [appearance.theme, appearance.authorId, appearance.authorName]);
+  }, [
+    appearance.theme,
+    appearance.authorId,
+    appearance.authorName,
+    navigate,
+    hasShownModal,
+    clearTheme,
+  ]);
 
   const onThemeImported = useCallback(() => {
     setIsImportThemeModalVisible(false);
+    setImportTheme(null);
     loadThemes();
-  }, [clearTheme, loadThemes]);
+  }, [loadThemes]);
 
   return (
     <div className="settings-appearance">
@@ -90,6 +110,7 @@ export function SettingsAppearance({
           onClose={() => {
             setIsImportThemeModalVisible(false);
             clearTheme();
+            setHasShownModal(false);
           }}
           onThemeImported={onThemeImported}
           themeName={importTheme.theme}

src/types/index.ts

@@ -130,6 +130,14 @@ export interface UserProfileCurrentGame extends Omit<GameRunning, "objectId"> {
 
 export type ProfileVisibility = "PUBLIC" | "PRIVATE" | "FRIENDS";
 
+export interface Badge {
+  name: string;
+  description: string;
+  badge: {
+    url: string;
+  };
+}
+
 export interface UserDetails {
   id: string;
   username: string;
@@ -164,6 +172,7 @@ export interface UserProfile {
   quirks: {
     backupsPerGameLimit: number;
   };
+  badges: string[];
 }
 
 export interface UpdateProfileRequest {
@@ -244,6 +253,7 @@ export interface GameArtifact {
   updatedAt: string;
   hostname: string;
   downloadCount: number;
+  label?: string;
 }
 
 export interface ComparedAchievements {

src/types/level.types.ts

@@ -43,6 +43,7 @@ export interface Game {
   executablePath?: string | null;
   launchOptions?: string | null;
   favorite?: boolean;
+  automaticCloudSync?: boolean;
 }
 
 export interface Download {

yarn.lock

@@ -1663,6 +1663,14 @@
     "@floating-ui/core" "^1.6.0"
     "@floating-ui/utils" "^0.2.8"
 
+"@floating-ui/dom@^1.6.1":
+  version "1.6.13"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.13.tgz#a8a938532aea27a95121ec16e667a7cbe8c59e34"
+  integrity sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.9"
+
 "@floating-ui/react-dom@^2.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.2.tgz#a1349bbf6a0e5cb5ded55d023766f20a4d439a31"
@@ -1675,6 +1683,11 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
   integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
 
+"@floating-ui/utils@^0.2.9":
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
+  integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
+
 "@fontsource/noto-sans@^5.1.0":
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/@fontsource/noto-sans/-/noto-sans-5.1.0.tgz#54a5edd1b2b8c8e17bec6a85d4ee3a53b4b89c1f"
@@ -4279,7 +4292,7 @@ classic-level@^2.0.0:
     napi-macros "^2.2.2"
     node-gyp-build "^4.3.0"
 
-classnames@^2.2.1, classnames@^2.2.6, classnames@^2.5.1:
+classnames@^2.2.1, classnames@^2.2.6, classnames@^2.3.0, classnames@^2.5.1:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
   integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
@@ -8093,6 +8106,14 @@ react-style-singleton@^2.2.1:
     invariant "^2.2.4"
     tslib "^2.0.0"
 
+react-tooltip@^5.28.0:
+  version "5.28.0"
+  resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-5.28.0.tgz#c7b5343ab2d740a428494a3d8315515af1f26f46"
+  integrity sha512-R5cO3JPPXk6FRbBHMO0rI9nkUG/JKfalBSQfZedZYzmqaZQgq7GLzF8vcCWx6IhUCKg0yPqJhXIzmIO5ff15xg==
+  dependencies:
+    "@floating-ui/dom" "^1.6.1"
+    classnames "^2.3.0"
+
 react@^18.2.0:
   version "18.3.1"
   resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"