Merge pull request #1910 from hydralauncher/feat/vikingfile-support

feat: VikingFile support and display url availability
chore: remove commented code in DownloadSettingsModal
2026-01-11 13:56:16 +00:00 · 2026-01-03 23:42:55 +02:00 · 2026-01-03 23:40:07 +02:00 · 2026-01-03 23:35:00 +02:00 · 2026-01-03 23:34:19 +02:00 · 2026-01-03 23:28:17 +02:00
30 changed files with 1031 additions and 258 deletions
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "hydralauncher",
-  "version": "3.7.6",
+  "version": "3.8.0",
  "description": "Hydra",
  "main": "./out/main/index.js",
  "author": "Los Broxas",
@@ -91,6 +91,7 @@
    "user-agents": "^1.1.387",
    "uuid": "^13.0.0",
    "winreg": "^1.2.5",
+    "workwonders-sdk": "0.0.10",
    "ws": "^8.18.1",
    "yaml": "^2.6.1",
    "yup": "^1.5.0"
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -185,6 +185,12 @@
    "open_screenshot": "Open screenshot {{number}}",
    "download_settings": "Download settings",
    "downloader": "Downloader",
+    "downloader_online": "Online",
+    "downloader_not_configured": "Available but not configured",
+    "downloader_offline": "Link is offline",
+    "downloader_not_available": "Not available",
+    "recommended": "Recommended",
+    "go_to_settings": "Go to Settings",
    "select_executable": "Select",
    "no_executable_selected": "No executable selected",
    "open_folder": "Open folder",
@@ -729,7 +735,6 @@
    "game_added_to_pinned": "Game added to pinned",
    "karma": "Karma",
    "karma_count": "karma",
-    "karma_description": "Earned from positive likes on reviews",
    "user_reviews": "Reviews",
    "delete_review": "Delete Review",
    "loading_reviews": "Loading reviews...",
@@ -796,6 +801,7 @@
    "empty_description": "You're all caught up! Check back later for new updates.",
    "empty_filter_description": "No notifications match this filter.",
    "filter_all": "All",
+    "filter_unread": "Unread",
    "filter_friends": "Friends",
    "filter_badges": "Badges",
    "filter_upvotes": "Upvotes",
--- a/src/locales/es/translation.json
+++ b/src/locales/es/translation.json
@@ -182,6 +182,12 @@
    "open_screenshot": "Abrir captura número {{number}}",
    "download_settings": "Descargar ajustes",
    "downloader": "Descargador",
+    "downloader_online": "En línea",
+    "downloader_not_configured": "Disponible pero no configurado",
+    "downloader_offline": "El enlace está fuera de línea",
+    "downloader_not_available": "No disponible",
+    "recommended": "Recomendado",
+    "go_to_settings": "Ir a Ajustes",
    "select_executable": "Seleccionar",
    "no_executable_selected": "Sin ejecutable seleccionado",
    "open_folder": "Abrir carpeta",
@@ -651,6 +657,7 @@
    "sending": "Enviando",
    "friend_request_sent": "Solicitud de amistad enviada",
    "friends": "Amistades",
+    "badges": "Insignias",
    "friends_list": "Lista de amistades",
    "user_not_found": "Usuario no encontrado",
    "block_user": "Bloquear usuario",
@@ -661,12 +668,16 @@
    "ignore_request": "Ignorar solicitud",
    "cancel_request": "Cancelar solicitud",
    "undo_friendship": "Deshacer amistad",
+    "friendship_removed": "Amigo eliminado",
    "request_accepted": "Solicitud aceptada",
    "user_blocked_successfully": "Usuario bloqueado exitosamente",
    "user_block_modal_text": "Esto va a bloquear a {{displayName}}",
    "blocked_users": "Usuarios bloqueados",
    "unblock": "Desbloquear",
    "no_friends_added": "No tenés amistades añadidas",
+    "view_all": "Ver todo",
+    "load_more": "Cargar más",
+    "loading": "Cargando",
    "pending": "Pendiente",
    "no_pending_invites": "No tenés invitaciones pendientes",
    "no_blocked_users": "No has bloqueado a nadie",
@@ -690,6 +701,7 @@
    "report_reason_other": "Otros",
    "profile_reported": "Perfil reportado",
    "your_friend_code": "Tu código de amistad:",
+    "copy_friend_code": "Copiar código de amistad",
    "upload_banner": "Subir banner",
    "uploading_banner": "Subiendo banner…",
    "background_image_updated": "Imagen de fondo actualizada",
@@ -710,11 +722,13 @@
    "amount_minutes_short": "{{amount}}m",
    "karma": "Karma",
    "karma_count": "karma",
-    "karma_description": "Conseguido por me gustas positivos en reseñas",
    "sort_by": "Filtrar por:",
    "game_added_to_pinned": "Juego añadido a fijados",
    "user_reviews": "Reseñas",
    "loading_reviews": "Cargando reseñas...",
+    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Ver Mi Wrapped 2025",
+    "view_wrapped_button": "Ver Wrapped 2025 de {{displayName}}",
    "no_reviews": "Sin reseñas aún",
    "delete_review": "Eliminar reseña"
  },
@@ -767,5 +781,41 @@
    "all_games": "Todos los Juegos",
    "recently_played": "Jugados Recientemente",
    "favorites": "Favoritos"
+  },
+  "notifications_page": {
+    "title": "Notificaciones",
+    "mark_all_as_read": "Marcar todo como leído",
+    "clear_all": "Limpiar todo",
+    "loading": "Cargando...",
+    "empty_title": "Sin notificaciones",
+    "empty_description": "¡Estás al día! Volvé más tarde para ver nuevas actualizaciones.",
+    "empty_filter_description": "No hay notificaciones que coincidan con este filtro.",
+    "filter_all": "Todas",
+    "filter_unread": "No leídas",
+    "filter_friends": "Amigos",
+    "filter_badges": "Insignias",
+    "filter_upvotes": "Votos",
+    "filter_local": "Locales",
+    "load_more": "Cargar más",
+    "dismiss": "Descartar",
+    "accept": "Aceptar",
+    "refuse": "Rechazar",
+    "notification": "Notificación",
+    "friend_request_received_title": "¡Nueva solicitud de amistad!",
+    "friend_request_received_description": "{{displayName}} quiere ser tu amigo",
+    "friend_request_accepted_title": "¡Solicitud de amistad aceptada!",
+    "friend_request_accepted_description": "{{displayName}} aceptó tu solicitud de amistad",
+    "badge_received_title": "¡Obtuviste una nueva insignia!",
+    "badge_received_description": "{{badgeName}}",
+    "review_upvote_title": "¡Tu reseña de {{gameTitle}} recibió votos!",
+    "review_upvote_description": "Tu reseña recibió {{count}} nuevos votos",
+    "marked_all_as_read": "Todas las notificaciones marcadas como leídas",
+    "failed_to_mark_as_read": "Error al marcar las notificaciones como leídas",
+    "cleared_all": "Todas las notificaciones eliminadas",
+    "failed_to_clear": "Error al eliminar las notificaciones",
+    "failed_to_load": "Error al cargar las notificaciones",
+    "failed_to_dismiss": "Error al descartar la notificación",
+    "friend_request_accepted": "Solicitud de amistad aceptada",
+    "friend_request_refused": "Solicitud de amistad rechazada"
  }
 }
--- a/src/locales/fi/translation.json
+++ b/src/locales/fi/translation.json
@@ -673,8 +673,7 @@
    "game_removed_from_pinned": "Peli poistettu kiinnitetyistä",
    "game_added_to_pinned": "Peli lisätty kiinnitettyihin",
    "karma": "Karma",
-    "karma_count": "karmaa",
-    "karma_description": "Ansittu positiivisilla arvosteluäänillä"
+    "karma_count": "karmaa"
  },
  "achievement": {
    "achievement_unlocked": "Saavutus avattu",
--- a/src/locales/hu/translation.json
+++ b/src/locales/hu/translation.json
@@ -718,7 +718,6 @@
    "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",
    "user_reviews": "Vélemények",
    "delete_review": "Vélemény Törlése",
    "loading_reviews": "Vélemények betöltése..."
--- a/src/locales/lv/translation.json
+++ b/src/locales/lv/translation.json
@@ -673,8 +673,7 @@
    "game_removed_from_pinned": "Spēle dzēsta no piespraustajiem",
    "game_added_to_pinned": "Spēle pievienota piespraustajiem",
    "karma": "Karma",
-    "karma_count": "karma",
-    "karma_description": "Nopelnīta ar pozitīviem atsauksmju vērtējumiem"
+    "karma_count": "karma"
  },
  "achievement": {
    "achievement_unlocked": "Sasniegums atbloķēts",
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -172,6 +172,12 @@
    "open_screenshot": "Ver captura de tela {{number}}",
    "download_settings": "Ajustes do download",
    "downloader": "Downloader",
+    "downloader_online": "Online",
+    "downloader_not_configured": "Disponível mas não configurado",
+    "downloader_offline": "Link está offline",
+    "downloader_not_available": "Não disponível",
+    "recommended": "Recomendado",
+    "go_to_settings": "Ir para Configurações",
    "select_executable": "Explorar",
    "no_executable_selected": "Nenhum executável selecionado",
    "open_folder": "Abrir pasta",
@@ -654,6 +660,7 @@
    "see_profile": "Ver perfil",
    "friend_request_sent": "Pedido de amizade enviado",
    "friends": "Amigos",
+    "badges": "Insígnias",
    "add": "Adicionar",
    "sending": "Enviando",
    "friends_list": "Lista de amigos",
@@ -666,12 +673,16 @@
    "ignore_request": "Ignorar pedido",
    "cancel_request": "Cancelar pedido",
    "undo_friendship": "Desfazer amizade",
+    "friendship_removed": "Amigo removido",
    "request_accepted": "Pedido de amizade aceito",
    "user_blocked_successfully": "Usuário bloqueado com sucesso",
    "user_block_modal_text": "Bloquear {{displayName}}",
    "blocked_users": "Usuários bloqueados",
    "unblock": "Desbloquear",
    "no_friends_added": "Você ainda não possui amigos adicionados",
+    "view_all": "Ver todos",
+    "load_more": "Carregar mais",
+    "loading": "Carregando",
    "pending": "Pendentes",
    "no_pending_invites": "Você não possui convites de amizade pendentes",
    "no_blocked_users": "Você não tem nenhum usuário bloqueado",
@@ -695,6 +706,7 @@
    "report_reason_other": "Outro",
    "profile_reported": "Perfil reportado",
    "your_friend_code": "Seu código de amigo:",
+    "copy_friend_code": "Copiar código de amigo",
    "upload_banner": "Carregar banner",
    "uploading_banner": "Carregando banner…",
    "background_image_updated": "Imagem de fundo salva",
@@ -720,10 +732,12 @@
    "achievements_earned": "Conquistas recebidas",
    "karma": "Karma",
    "karma_count": "karma",
-    "karma_description": "Ganho a partir de curtidas positivas em avaliações",
    "manual_playtime_tooltip": "Este tempo de jogo foi atualizado manualmente",
    "user_reviews": "Avaliações",
    "loading_reviews": "Carregando avaliações...",
+    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Ver Meu Wrapped 2025",
+    "view_wrapped_button": "Ver Wrapped 2025 de {{displayName}}",
    "no_reviews": "Ainda não há avaliações",
    "delete_review": "Excluir avaliação"
  },
@@ -776,5 +790,41 @@
    "all_games": "Todos os Jogos",
    "recently_played": "Jogados Recentemente",
    "favorites": "Favoritos"
+  },
+  "notifications_page": {
+    "title": "Notificações",
+    "mark_all_as_read": "Marcar todas como lidas",
+    "clear_all": "Limpar todas",
+    "loading": "Carregando...",
+    "empty_title": "Sem notificações",
+    "empty_description": "Você está em dia! Volte mais tarde para ver novas atualizações.",
+    "empty_filter_description": "Nenhuma notificação corresponde a este filtro.",
+    "filter_all": "Todas",
+    "filter_unread": "Não lidas",
+    "filter_friends": "Amigos",
+    "filter_badges": "Insígnias",
+    "filter_upvotes": "Votos",
+    "filter_local": "Locais",
+    "load_more": "Carregar mais",
+    "dismiss": "Descartar",
+    "accept": "Aceitar",
+    "refuse": "Recusar",
+    "notification": "Notificação",
+    "friend_request_received_title": "Nova solicitação de amizade!",
+    "friend_request_received_description": "{{displayName}} quer ser seu amigo",
+    "friend_request_accepted_title": "Solicitação de amizade aceita!",
+    "friend_request_accepted_description": "{{displayName}} aceitou sua solicitação de amizade",
+    "badge_received_title": "Você recebeu uma nova insígnia!",
+    "badge_received_description": "{{badgeName}}",
+    "review_upvote_title": "Sua avaliação de {{gameTitle}} recebeu votos!",
+    "review_upvote_description": "Sua avaliação recebeu {{count}} novos votos",
+    "marked_all_as_read": "Todas as notificações marcadas como lidas",
+    "failed_to_mark_as_read": "Falha ao marcar notificações como lidas",
+    "cleared_all": "Todas as notificações limpas",
+    "failed_to_clear": "Falha ao limpar notificações",
+    "failed_to_load": "Falha ao carregar notificações",
+    "failed_to_dismiss": "Falha ao descartar notificação",
+    "friend_request_accepted": "Solicitação de amizade aceita",
+    "friend_request_refused": "Solicitação de amizade recusada"
  }
 }
--- a/src/locales/ru/translation.json
+++ b/src/locales/ru/translation.json
@@ -182,6 +182,12 @@
    "open_screenshot": "Открыть скриншот {{number}}",
    "download_settings": "Параметры загрузки",
    "downloader": "Загрузчик",
+    "downloader_online": "Онлайн",
+    "downloader_not_configured": "Доступен, но не настроен",
+    "downloader_offline": "Ссылка недоступна",
+    "downloader_not_available": "Недоступно",
+    "recommended": "Рекомендуется",
+    "go_to_settings": "Перейти в настройки",
    "select_executable": "Выбрать",
    "no_executable_selected": "Файл не выбран",
    "open_folder": "Открыть папку",
@@ -651,6 +657,7 @@
    "sending": "Отправка",
    "friend_request_sent": "Запрос в друзья отправлен",
    "friends": "Друзья",
+    "badges": "Значки",
    "friends_list": "Список друзей",
    "user_not_found": "Пользователь не найден",
    "block_user": "Заблокировать пользователя",
@@ -661,12 +668,16 @@
    "ignore_request": "Игнорировать запрос",
    "cancel_request": "Отменить запрос",
    "undo_friendship": "Удалить друга",
+    "friendship_removed": "Друг удален",
    "request_accepted": "Запрос принят",
    "user_blocked_successfully": "Пользователь успешно заблокирован",
    "user_block_modal_text": "{{displayName}} будет заблокирован",
    "blocked_users": "Заблокированные пользователи",
    "unblock": "Разблокировать",
    "no_friends_added": "Вы ещё не добавили ни одного друга",
+    "view_all": "Показать все",
+    "load_more": "Загрузить еще",
+    "loading": "Загрузка",
    "pending": "Ожидание",
    "no_pending_invites": "У вас нет запросов ожидающих ответа",
    "no_blocked_users": "Вы не заблокировали ни одного пользователя",
@@ -690,6 +701,7 @@
    "report_reason_other": "Другое",
    "profile_reported": "Жалоба на профиль отправлена",
    "your_friend_code": "Код вашего друга:",
+    "copy_friend_code": "Копировать код друга",
    "upload_banner": "Загрузить баннер",
    "uploading_banner": "Загрузка баннера...",
    "background_image_updated": "Фоновое изображение обновлено",
@@ -709,9 +721,11 @@
    "game_added_to_pinned": "Игра добавлена в закрепленные",
    "karma": "Карма",
    "karma_count": "карма",
-    "karma_description": "Заработана положительными оценками отзывов",
    "user_reviews": "Отзывы",
    "loading_reviews": "Загрузка отзывов...",
+    "wrapped_2025": "Wrapped 2025",
+    "view_my_wrapped_button": "Просмотреть мой Wrapped 2025",
+    "view_wrapped_button": "Просмотреть Wrapped 2025 {{displayName}}",
    "no_reviews": "Пока нет отзывов",
    "delete_review": "Удалить отзыв"
  },
@@ -764,5 +778,41 @@
    "all_games": "Все игры",
    "recently_played": "Недавно сыгранные",
    "favorites": "Избранное"
+  },
+  "notifications_page": {
+    "title": "Уведомления",
+    "mark_all_as_read": "Отметить все как прочитанные",
+    "clear_all": "Очистить все",
+    "loading": "Загрузка...",
+    "empty_title": "Нет уведомлений",
+    "empty_description": "Вы в курсе всех событий! Загляните позже за новыми обновлениями.",
+    "empty_filter_description": "Нет уведомлений, соответствующих этому фильтру.",
+    "filter_all": "Все",
+    "filter_unread": "Непрочитанные",
+    "filter_friends": "Друзья",
+    "filter_badges": "Значки",
+    "filter_upvotes": "Голоса",
+    "filter_local": "Локальные",
+    "load_more": "Загрузить еще",
+    "dismiss": "Отклонить",
+    "accept": "Принять",
+    "refuse": "Отклонить",
+    "notification": "Уведомление",
+    "friend_request_received_title": "Новый запрос в друзья!",
+    "friend_request_received_description": "{{displayName}} хочет добавить вас в друзья",
+    "friend_request_accepted_title": "Запрос в друзья принят!",
+    "friend_request_accepted_description": "{{displayName}} принял ваш запрос в друзья",
+    "badge_received_title": "Вы получили новый значок!",
+    "badge_received_description": "{{badgeName}}",
+    "review_upvote_title": "Ваш отзыв на {{gameTitle}} получил голоса!",
+    "review_upvote_description": "Ваш отзыв получил {{count}} новых голосов",
+    "marked_all_as_read": "Все уведомления отмечены как прочитанные",
+    "failed_to_mark_as_read": "Не удалось отметить уведомления как прочитанные",
+    "cleared_all": "Все уведомления очищены",
+    "failed_to_clear": "Не удалось очистить уведомления",
+    "failed_to_load": "Не удалось загрузить уведомления",
+    "failed_to_dismiss": "Не удалось отклонить уведомление",
+    "friend_request_accepted": "Запрос в друзья принят",
+    "friend_request_refused": "Запрос в друзья отклонен"
  }
 }
--- a/src/locales/tr/translation.json
+++ b/src/locales/tr/translation.json
@@ -706,7 +706,6 @@
    "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..."
--- a/src/locales/uk/translation.json
+++ b/src/locales/uk/translation.json
@@ -668,8 +668,7 @@
    "game_removed_from_pinned": "Гру видалено із закріплених",
    "game_added_to_pinned": "Гру додано до закріплених",
    "karma": "Карма",
-    "karma_count": "карма",
-    "karma_description": "Зароблена позитивними оцінками на відгуках"
+    "karma_count": "карма"
  },
  "achievement": {
    "achievement_unlocked": "Досягнення розблоковано",
--- a/src/locales/zh/translation.json
+++ b/src/locales/zh/translation.json
@@ -689,7 +689,6 @@
    "game_removed_from_pinned": "游戏已从置顶移除",
    "karma": "业力",
    "karma_count": "业力值",
-    "karma_description": "通过评论获得的点赞",
    "loading_reviews": "正在加载评价...",
    "manual_playtime_tooltip": "该游戏时长已手动更新",
    "pinned": "已置顶",
--- a/src/main/services/aria2.ts
+++ b/src/main/services/aria2.ts
@@ -21,7 +21,6 @@ export class Aria2 {
        "--rpc-listen-all",
        "--file-allocation=none",
        "--allow-overwrite=true",
-        "--disable-ipv6",
      ],
      { stdio: "inherit", windowsHide: true }
    );
--- a/src/main/services/hosters/buzzheavier.ts
+++ b/src/main/services/hosters/buzzheavier.ts
@@ -1,6 +1,6 @@
 import axios from "axios";
-import http from "http";
-import https from "https";
+import http from "node:http";
+import https from "node:https";
 import {
  HOSTER_USER_AGENT,
  extractHosterFilename,
--- a/src/main/services/hosters/vikingfile.ts
+++ b/src/main/services/hosters/vikingfile.ts
@@ -1,5 +1,4 @@
 import axios from "axios";
-import https from "https";
 import { logger } from "../logger";

 interface UnlockResponse {
@@ -8,13 +7,6 @@ interface UnlockResponse {
 }

 export class VikingFileApi {
-  private static readonly browserHeaders = {
-    "User-Agent":
-      "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36",
-    Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
-    Referer: "https://vikingfile.com/",
-  };
-
  public static async getDownloadUrl(uri: string): Promise<string> {
    const unlockResponse = await axios.post<UnlockResponse>(
      `${import.meta.env.MAIN_VITE_NIMBUS_API_URL}/hosters/unlock`,
@@ -27,16 +19,11 @@ export class VikingFileApi {

    const redirectUrl = unlockResponse.data.link;

-    // Follow the redirect to get the final Cloudflare storage URL
    try {
      const redirectResponse = await axios.head(redirectUrl, {
-        headers: this.browserHeaders,
        maxRedirects: 0,
        validateStatus: (status) =>
          status === 301 || status === 302 || status === 200,
-        httpsAgent: new https.Agent({
-          family: 4, // Force IPv4
-        }),
      });

      if (
--- a/src/main/services/python-rpc.ts
+++ b/src/main/services/python-rpc.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import http from "http";
+import http from "node:http";

 import cp from "node:child_process";
 import fs from "node:fs";
--- a/src/renderer/src/app.tsx
+++ b/src/renderer/src/app.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Sidebar, BottomPanel, Header, Toast } from "@renderer/components";
-
+import { WorkWondersSdk } from "workwonders-sdk";
 import {
  useAppDispatch,
  useAppSelector,
@@ -52,6 +52,8 @@ export function App() {

  const { clearDownload, setLastPacket } = useDownload();

+  const wokwondersRef = useRef<WorkWondersSdk | null>(null);
+
  const {
    hasActiveSubscription,
    fetchUserDetails,
@@ -114,7 +116,29 @@ export function App() {
    return () => unsubscribe();
  }, [updateLibrary]);

-  useEffect(() => {
+  const setupWorkWonders = useCallback(
+    async (token?: string, locale?: string) => {
+      if (wokwondersRef.current) return;
+
+      const possibleLocales = ["en", "pt", "ru"];
+
+      const parsedLocale =
+        possibleLocales.find((l) => l === locale?.slice(0, 2)) ?? "en";
+
+      wokwondersRef.current = new WorkWondersSdk();
+      await wokwondersRef.current.init({
+        organization: "hydra",
+        token,
+        locale: parsedLocale,
+      });
+
+      await wokwondersRef.current.initChangelogWidget();
+      wokwondersRef.current.initChangelogWidgetMini();
+    },
+    [wokwondersRef]
+  );
+
+  const setupExternalResources = useCallback(async () => {
    const cachedUserDetails = window.localStorage.getItem("userDetails");

    if (cachedUserDetails) {
@@ -125,21 +149,26 @@ export function App() {
      dispatch(setProfileBackground(profileBackground));
    }

-    fetchUserDetails()
-      .then((response) => {
-        if (response) {
-          updateUserDetails(response);
-        }
-      })
-      .finally(() => {
-        if (document.getElementById("external-resources")) return;
+    const userPreferences = await window.electron.getUserPreferences();
+    const userDetails = await fetchUserDetails().catch(() => null);

-        const $script = document.createElement("script");
-        $script.id = "external-resources";
-        $script.src = `${import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL}/bundle.js?t=${Date.now()}`;
-        document.head.appendChild($script);
-      });
-  }, [fetchUserDetails, updateUserDetails, dispatch]);
+    if (userDetails) {
+      updateUserDetails(userDetails);
+    }
+
+    setupWorkWonders(userDetails?.workwondersJwt, userPreferences?.language);
+
+    if (!document.getElementById("external-resources")) {
+      const $script = document.createElement("script");
+      $script.id = "external-resources";
+      $script.src = `${import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL}/bundle.js?t=${Date.now()}`;
+      document.head.appendChild($script);
+    }
+  }, [fetchUserDetails, updateUserDetails, dispatch, setupWorkWonders]);
+
+  useEffect(() => {
+    setupExternalResources();
+  }, [setupExternalResources]);

  const onSignIn = useCallback(() => {
    fetchUserDetails().then((response) => {
@@ -203,6 +232,7 @@ export function App() {

  useEffect(() => {
    if (contentRef.current) contentRef.current.scrollTop = 0;
+    wokwondersRef.current?.notifyUrlChange();
  }, [location.pathname, location.search]);

  useEffect(() => {
--- a/src/renderer/src/constants.ts
+++ b/src/renderer/src/constants.ts
@@ -1,6 +1,6 @@
 import { Downloader } from "@shared";

-export const VERSION_CODENAME = "Supernova";
+export const VERSION_CODENAME = "Harbinger";

 export const DOWNLOADER_NAME = {
  [Downloader.RealDebrid]: "Real-Debrid",
--- a/src/renderer/src/hooks/use-user-details.ts
+++ b/src/renderer/src/hooks/use-user-details.ts
@@ -59,6 +59,7 @@ export function useUserDetails() {
        username: userDetails?.username || "",
        subscription: userDetails?.subscription || null,
        featurebaseJwt: userDetails?.featurebaseJwt || "",
+        workwondersJwt: userDetails?.workwondersJwt || "",
        karma: userDetails?.karma || 0,
      });
    },
@@ -111,7 +112,7 @@ export function useUserDetails() {
  );

  const undoFriendship = (userId: string) =>
-    window.electron.hydraApi.delete(`/profile/friends/${userId}`);
+    window.electron.hydraApi.delete(`/profile/friend-requests/${userId}`);

  const blockUser = (userId: string) =>
    window.electron.hydraApi.post(`/users/${userId}/block`);
--- a/src/renderer/src/pages/game-details/modals/download-settings-modal.scss
+++ b/src/renderer/src/pages/game-details/modals/download-settings-modal.scss
@@ -19,25 +19,47 @@
    color: globals.$body-color;
  }

+  &__downloaders-list-wrapper {
+    border: 1px solid globals.$border-color;
+    overflow: hidden;
+    background-color: globals.$dark-background-color;
+  }
+
  &__downloaders-list {
    display: flex;
    flex-direction: column;
-    gap: calc(globals.$spacing-unit / 2);
+    gap: 0;
    max-height: 200px;
    overflow-y: auto;
-    border: 1px solid globals.$border-color;
-    border-radius: 4px;
-    padding: calc(globals.$spacing-unit / 2);
-    background-color: globals.$dark-background-color;
+    overflow-x: hidden;
+    padding: 0;
+
+    &::-webkit-scrollbar {
+      width: 8px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 12px;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(255, 255, 255, 0.3);
+    }
  }

  &__downloader-item {
    display: flex;
    align-items: center;
-    gap: calc(globals.$spacing-unit * 1.5);
+    gap: 8px;
    padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
    border: 1px solid transparent;
-    border-radius: 4px;
+    border-bottom: 1px solid globals.$border-color;
+    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    transition:
@@ -46,8 +68,10 @@
    color: globals.$body-color;
    font-size: 14px;
    text-align: left;
+    height: 48px;
+    box-sizing: border-box;

-    &:hover:not(&--disabled) {
+    &:hover {
      background-color: rgba(255, 255, 255, 0.05);
    }

@@ -55,19 +79,75 @@
      background-color: rgba(255, 255, 255, 0.08);
    }

-    &--disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
+    &--last {
+      border-bottom: none;
+    }
+
+    &:disabled {
+      cursor: default;
+
+      &:hover {
+        background-color: transparent;
+      }
+
+      .download-settings-modal__downloader-name {
+        opacity: 0.5;
+      }
+
+      .download-settings-modal__availability-indicator-wrapper {
+        opacity: 0.5;
+      }
    }
  }

-  &__downloader-name {
-    flex: 1;
+  &__downloader-item-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__check-icon {
+    color: white;
+    flex-shrink: 0;
+  }
+
+  &__check-icon-wrapper {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    width: 20px;
+    height: 20px;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+
+  &__recommendation-badge {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    height: 20px;
+    justify-content: center;
+    flex-shrink: 0;
+
+    .badge {
+      padding: 2px 6px;
+      font-size: 10px;
+      line-height: 1.2;
+      height: 16px;
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+    }
+  }
+
+  &__availability-indicator-wrapper {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
  }

  &__availability-indicator {
-    width: 10px;
-    height: 10px;
+    width: 8px;
+    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;

@@ -80,6 +160,32 @@
      background-color: #ef4444;
      box-shadow: 0 0 6px rgba(239, 68, 68, 0.5);
    }
+
+    &--not-present {
+      background-color: #6b7280;
+      box-shadow: 0 0 6px rgba(107, 114, 128, 0.5);
+    }
+
+    &--warning {
+      background-color: #eab308;
+      box-shadow: 0 0 6px rgba(234, 179, 8, 0.5);
+    }
+  }
+
+  @keyframes pulse {
+    0%,
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+    50% {
+      opacity: 0.7;
+      transform: scale(1.1);
+    }
+  }
+
+  &__availability-indicator--pulsating {
+    animation: pulse 2s ease-in-out infinite;
  }

  &__path-error {
--- a/src/renderer/src/pages/game-details/modals/download-settings-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/download-settings-modal.tsx
@@ -1,22 +1,25 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Trans, useTranslation } from "react-i18next";
 import {
+  Badge,
  Button,
  CheckboxField,
  Link,
  Modal,
  TextField,
 } from "@renderer/components";
-import { DownloadIcon, SyncIcon } from "@primer/octicons-react";
 import {
-  Downloader,
-  formatBytes,
-  getDownloadersForUri,
-  getDownloadersForUris,
-} from "@shared";
+  DownloadIcon,
+  SyncIcon,
+  CheckCircleFillIcon,
+} from "@primer/octicons-react";
+import { Downloader, formatBytes, getDownloadersForUri } from "@shared";
 import type { GameRepack } from "@types";
 import { DOWNLOADER_NAME } from "@renderer/constants";
 import { useAppSelector, useFeature, useToast } from "@renderer/hooks";
+import { motion } from "framer-motion";
+import { Tooltip } from "react-tooltip";
+import { RealDebridInfoModal } from "./real-debrid-info-modal";
 import "./download-settings-modal.scss";

 export interface DownloadSettingsModalProps {
@@ -56,6 +59,7 @@ export function DownloadSettingsModal({
  const [hasWritePermission, setHasWritePermission] = useState<boolean | null>(
    null
  );
+  const [showRealDebridModal, setShowRealDebridModal] = useState(false);

  const { isFeatureEnabled, Feature } = useFeature();

@@ -83,52 +87,89 @@ export function DownloadSettingsModal({
    }
  }, [visible, checkFolderWritePermission, selectedPath]);

-  const downloaders = useMemo(() => {
-    return getDownloadersForUris(repack?.uris ?? []);
-  }, [repack?.uris]);
-
  const downloadOptions = useMemo(() => {
-    if (!repack) return [];
-
-    const unavailableUrisSet = new Set(repack.unavailableUris ?? []);
+    const unavailableUrisSet = new Set(repack?.unavailableUris ?? []);

    const downloaderMap = new Map<
      Downloader,
      { hasAvailable: boolean; hasUnavailable: boolean }
    >();

-    for (const uri of repack.uris) {
-      const uriDownloaders = getDownloadersForUri(uri);
-      const isAvailable = !unavailableUrisSet.has(uri);
+    if (repack) {
+      for (const uri of repack.uris) {
+        const uriDownloaders = getDownloadersForUri(uri);
+        const isAvailable = !unavailableUrisSet.has(uri);

-      for (const downloader of uriDownloaders) {
-        const existing = downloaderMap.get(downloader);
-        if (existing) {
-          existing.hasAvailable = existing.hasAvailable || isAvailable;
-          existing.hasUnavailable = existing.hasUnavailable || !isAvailable;
-        } else {
-          downloaderMap.set(downloader, {
-            hasAvailable: isAvailable,
-            hasUnavailable: !isAvailable,
-          });
+        for (const downloader of uriDownloaders) {
+          const existing = downloaderMap.get(downloader);
+          if (existing) {
+            existing.hasAvailable = existing.hasAvailable || isAvailable;
+            existing.hasUnavailable = existing.hasUnavailable || !isAvailable;
+          } else {
+            downloaderMap.set(downloader, {
+              hasAvailable: isAvailable,
+              hasUnavailable: !isAvailable,
+            });
+          }
        }
      }
    }

-    return Array.from(downloaderMap.entries()).map(([downloader, status]) => ({
-      downloader,
-      isAvailable: status.hasAvailable,
-    }));
-  }, [repack]);
+    const allDownloaders = Object.values(Downloader).filter(
+      (value) => typeof value === "number"
+    ) as Downloader[];
+
+    const getDownloaderPriority = (option: {
+      isAvailable: boolean;
+      canHandle: boolean;
+      isAvailableButNotConfigured: boolean;
+    }) => {
+      if (option.isAvailable) return 0;
+      if (option.canHandle && !option.isAvailableButNotConfigured) return 1;
+      if (option.isAvailableButNotConfigured) return 2;
+      return 3;
+    };
+
+    return allDownloaders
+      .filter((downloader) => downloader !== Downloader.Hydra) // Temporarily comment out Nimbus
+      .map((downloader) => {
+        const status = downloaderMap.get(downloader);
+        const canHandle = status !== undefined;
+        const isAvailable = status?.hasAvailable ?? false;
+
+        let isConfigured = true;
+        if (downloader === Downloader.RealDebrid) {
+          isConfigured = !!userPreferences?.realDebridApiToken;
+        } else if (downloader === Downloader.TorBox) {
+          isConfigured = !!userPreferences?.torBoxApiToken;
+        }
+        // } else if (downloader === Downloader.Hydra) {
+        //   isConfigured = isFeatureEnabled(Feature.Nimbus);
+        // }
+
+        const isAvailableButNotConfigured =
+          isAvailable && !isConfigured && canHandle;
+
+        return {
+          downloader,
+          isAvailable: isAvailable && isConfigured,
+          canHandle,
+          isAvailableButNotConfigured,
+        };
+      })
+      .sort((a, b) => getDownloaderPriority(a) - getDownloaderPriority(b));
+  }, [
+    repack,
+    userPreferences?.realDebridApiToken,
+    userPreferences?.torBoxApiToken,
+    isFeatureEnabled,
+    Feature,
+  ]);

  const getDefaultDownloader = useCallback(
    (availableDownloaders: Downloader[]) => {
      if (availableDownloaders.length === 0) return null;

-      if (availableDownloaders.includes(Downloader.Hydra)) {
-        return Downloader.Hydra;
-      }
-
      if (availableDownloaders.includes(Downloader.RealDebrid)) {
        return Downloader.RealDebrid;
      }
@@ -151,26 +192,12 @@ export function DownloadSettingsModal({
        .then((defaultDownloadsPath) => setSelectedPath(defaultDownloadsPath));
    }

-    const filteredDownloaders = downloaders.filter((downloader) => {
-      if (downloader === Downloader.RealDebrid)
-        return userPreferences?.realDebridApiToken;
-      if (downloader === Downloader.TorBox)
-        return userPreferences?.torBoxApiToken;
-      if (downloader === Downloader.Hydra)
-        return isFeatureEnabled(Feature.Nimbus);
-      return true;
-    });
+    const availableDownloaders = downloadOptions
+      .filter((option) => option.isAvailable)
+      .map((option) => option.downloader);

-    setSelectedDownloader(getDefaultDownloader(filteredDownloaders));
-  }, [
-    Feature,
-    isFeatureEnabled,
-    getDefaultDownloader,
-    userPreferences?.downloadsPath,
-    downloaders,
-    userPreferences?.realDebridApiToken,
-    userPreferences?.torBoxApiToken,
-  ]);
+    setSelectedDownloader(getDefaultDownloader(availableDownloaders));
+  }, [getDefaultDownloader, userPreferences?.downloadsPath, downloadOptions]);

  const handleChooseDownloadsPath = async () => {
    const { filePaths } = await window.electron.showOpenDialog({
@@ -225,49 +252,144 @@ export function DownloadSettingsModal({
        <div className="download-settings-modal__downloads-path-field">
          <span>{t("downloader")}</span>

-          <div className="download-settings-modal__downloaders-list">
-            {downloadOptions.map((option) => {
-              const isUnavailable = !option.isAvailable;
-              const shouldDisableOption =
-                isUnavailable ||
-                (option.downloader === Downloader.RealDebrid &&
-                  !userPreferences?.realDebridApiToken) ||
-                (option.downloader === Downloader.TorBox &&
-                  !userPreferences?.torBoxApiToken) ||
-                (option.downloader === Downloader.Hydra &&
-                  !isFeatureEnabled(Feature.Nimbus));
+          <div className="download-settings-modal__downloaders-list-wrapper">
+            <div className="download-settings-modal__downloaders-list">
+              {downloadOptions.map((option, index) => {
+                const isSelected = selectedDownloader === option.downloader;
+                const tooltipId = `availability-indicator-${option.downloader}`;
+                const isLastItem = index === downloadOptions.length - 1;

-              const isSelected = selectedDownloader === option.downloader;
+                const Indicator = option.isAvailable ? motion.span : "span";

-              return (
-                <button
-                  type="button"
-                  key={option.downloader}
-                  className={`download-settings-modal__downloader-item ${
-                    isSelected
-                      ? "download-settings-modal__downloader-item--selected"
-                      : ""
-                  } ${
-                    shouldDisableOption
-                      ? "download-settings-modal__downloader-item--disabled"
-                      : ""
-                  }`}
-                  disabled={shouldDisableOption}
-                  onClick={() => setSelectedDownloader(option.downloader)}
-                >
-                  <span className="download-settings-modal__downloader-name">
-                    {DOWNLOADER_NAME[option.downloader]}
-                  </span>
-                  <span
-                    className={`download-settings-modal__availability-indicator ${
-                      option.isAvailable
-                        ? "download-settings-modal__availability-indicator--available"
-                        : "download-settings-modal__availability-indicator--unavailable"
-                    }`}
-                  />
-                </button>
-              );
-            })}
+                const isDisabled =
+                  !option.canHandle ||
+                  (!option.isAvailable && !option.isAvailableButNotConfigured);
+
+                const getAvailabilityIndicator = () => {
+                  if (option.isAvailable) {
+                    return (
+                      <Indicator
+                        className={`download-settings-modal__availability-indicator download-settings-modal__availability-indicator--available download-settings-modal__availability-indicator--pulsating`}
+                        animate={{
+                          scale: [1, 1.1, 1],
+                          opacity: [1, 0.7, 1],
+                        }}
+                        transition={{
+                          duration: 2,
+                          repeat: Infinity,
+                          ease: "easeInOut",
+                        }}
+                        data-tooltip-id={tooltipId}
+                        data-tooltip-content={t("downloader_online")}
+                      />
+                    );
+                  }
+
+                  if (option.isAvailableButNotConfigured) {
+                    return (
+                      <span
+                        className={`download-settings-modal__availability-indicator download-settings-modal__availability-indicator--warning`}
+                        data-tooltip-id={tooltipId}
+                        data-tooltip-content={t("downloader_not_configured")}
+                      />
+                    );
+                  }
+
+                  if (option.canHandle) {
+                    return (
+                      <span
+                        className={`download-settings-modal__availability-indicator download-settings-modal__availability-indicator--unavailable`}
+                        data-tooltip-id={tooltipId}
+                        data-tooltip-content={t("downloader_offline")}
+                      />
+                    );
+                  }
+
+                  return (
+                    <span
+                      className={`download-settings-modal__availability-indicator download-settings-modal__availability-indicator--not-present`}
+                      data-tooltip-id={tooltipId}
+                      data-tooltip-content={t("downloader_not_available")}
+                    />
+                  );
+                };
+
+                const getRightContent = () => {
+                  if (isSelected) {
+                    return (
+                      <motion.div
+                        className="download-settings-modal__check-icon-wrapper"
+                        initial={{ scale: 0 }}
+                        animate={{ scale: 1 }}
+                        transition={{
+                          type: "spring",
+                          stiffness: 300,
+                          damping: 20,
+                        }}
+                      >
+                        <CheckCircleFillIcon
+                          size={16}
+                          className="download-settings-modal__check-icon"
+                        />
+                      </motion.div>
+                    );
+                  }
+
+                  if (
+                    option.downloader === Downloader.RealDebrid &&
+                    option.canHandle
+                  ) {
+                    return (
+                      <div className="download-settings-modal__recommendation-badge">
+                        <Badge>{t("recommended")}</Badge>
+                      </div>
+                    );
+                  }
+
+                  return null;
+                };
+
+                return (
+                  <div
+                    key={option.downloader}
+                    className="download-settings-modal__downloader-item-wrapper"
+                  >
+                    <button
+                      type="button"
+                      className={`download-settings-modal__downloader-item ${
+                        isSelected
+                          ? "download-settings-modal__downloader-item--selected"
+                          : ""
+                      } ${
+                        isLastItem
+                          ? "download-settings-modal__downloader-item--last"
+                          : ""
+                      }`}
+                      disabled={isDisabled}
+                      onClick={() => {
+                        if (
+                          option.downloader === Downloader.RealDebrid &&
+                          option.isAvailableButNotConfigured
+                        ) {
+                          setShowRealDebridModal(true);
+                        } else {
+                          setSelectedDownloader(option.downloader);
+                        }
+                      }}
+                    >
+                      <span className="download-settings-modal__downloader-name">
+                        {DOWNLOADER_NAME[option.downloader]}
+                      </span>
+                      <div className="download-settings-modal__availability-indicator-wrapper">
+                        {getAvailabilityIndicator()}
+                      </div>
+                      <Tooltip id={tooltipId} />
+                      {getRightContent()}
+                    </button>
+                  </div>
+                );
+              })}
+            </div>
          </div>
        </div>

@@ -319,7 +441,14 @@ export function DownloadSettingsModal({
          disabled={
            downloadStarting ||
            selectedDownloader === null ||
-            !hasWritePermission
+            !hasWritePermission ||
+            downloadOptions.some(
+              (option) =>
+                option.downloader === selectedDownloader &&
+                (option.isAvailableButNotConfigured ||
+                  (!option.isAvailable && option.canHandle) ||
+                  !option.canHandle)
+            )
          }
        >
          {downloadStarting ? (
@@ -335,6 +464,11 @@ export function DownloadSettingsModal({
          )}
        </Button>
      </div>
+
+      <RealDebridInfoModal
+        visible={showRealDebridModal}
+        onClose={() => setShowRealDebridModal(false)}
+      />
    </Modal>
  );
 }
--- a/src/renderer/src/pages/game-details/modals/real-debrid-info-modal.scss
+++ b/src/renderer/src/pages/game-details/modals/real-debrid-info-modal.scss
@@ -0,0 +1,36 @@
+@use "../../../scss/globals.scss";
+
+.real-debrid-info-modal {
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit * 2.5);
+    width: 100%;
+    max-width: 500px;
+  }
+
+  &__description-container {
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit * 1.5);
+  }
+
+  &__description {
+    margin: 0;
+    color: globals.$body-color;
+    line-height: 1.6;
+  }
+
+  &__create-account {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit / 2);
+    color: #c0c1c7;
+    text-decoration: underline;
+    font-size: 14px;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
--- a/src/renderer/src/pages/game-details/modals/real-debrid-info-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/real-debrid-info-modal.tsx
@@ -0,0 +1,58 @@
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { Button, Link, Modal } from "@renderer/components";
+import { LinkExternalIcon } from "@primer/octicons-react";
+import "./real-debrid-info-modal.scss";
+
+const realDebridReferralId = import.meta.env
+  .RENDERER_VITE_REAL_DEBRID_REFERRAL_ID;
+
+const REAL_DEBRID_URL = realDebridReferralId
+  ? `https://real-debrid.com/?id=${realDebridReferralId}`
+  : "https://real-debrid.com";
+
+export interface RealDebridInfoModalProps {
+  visible: boolean;
+  onClose: () => void;
+}
+
+export function RealDebridInfoModal({
+  visible,
+  onClose,
+}: Readonly<RealDebridInfoModalProps>) {
+  const { t } = useTranslation("game_details");
+  const { t: tSettings } = useTranslation("settings");
+  const navigate = useNavigate();
+
+  return (
+    <Modal
+      visible={visible}
+      title={tSettings("enable_real_debrid")}
+      onClose={onClose}
+    >
+      <div className="real-debrid-info-modal__content">
+        <div className="real-debrid-info-modal__description-container">
+          <p className="real-debrid-info-modal__description">
+            {tSettings("real_debrid_description")}
+          </p>
+          <Link
+            to={REAL_DEBRID_URL}
+            className="real-debrid-info-modal__create-account"
+          >
+            <LinkExternalIcon />
+            {tSettings("create_real_debrid_account")}
+          </Link>
+        </div>
+
+        <Button
+          onClick={() => {
+            onClose();
+            navigate("/settings?tab=4");
+          }}
+        >
+          {t("go_to_settings")}
+        </Button>
+      </div>
+    </Modal>
+  );
+}
--- a/src/renderer/src/pages/library/library-game-card.scss
+++ b/src/renderer/src/pages/library/library-game-card.scss
@@ -221,6 +221,26 @@
    left: 0;
    z-index: 0;
  }
+
+  &__cover-placeholder {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-width: 100%;
+    min-height: 100%;
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0.08) 0%,
+      rgba(255, 255, 255, 0.04) 50%,
+      rgba(255, 255, 255, 0.08) 100%
+    );
+    border-radius: 4px;
+    color: rgba(255, 255, 255, 0.3);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 0;
+  }
 }

@keyframes pulse {
--- a/src/renderer/src/pages/library/library-game-card.tsx
+++ b/src/renderer/src/pages/library/library-game-card.tsx
@@ -1,7 +1,12 @@
 import { LibraryGame } from "@types";
 import { useGameCard } from "@renderer/hooks";
-import { memo } from "react";
-import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react";
+import { memo, useState } from "react";
+import {
+  ClockIcon,
+  AlertFillIcon,
+  TrophyIcon,
+  ImageIcon,
+} from "@primer/octicons-react";
 import "./library-game-card.scss";

 interface LibraryGameCardProps {
@@ -25,14 +30,9 @@ export const LibraryGameCard = memo(function LibraryGameCard({
  const { formatPlayTime, handleCardClick, handleContextMenuClick } =
    useGameCard(game, onContextMenu);

-  const coverImage = (
-    game.customIconUrl ??
-    game.coverImageUrl ??
-    game.libraryImageUrl ??
-    game.libraryHeroImageUrl ??
-    game.iconUrl ??
-    ""
-  ).replaceAll("\\", "/");
+  const coverImage = game.coverImageUrl?.replaceAll("\\", "/") ?? "";
+
+  const [imageError, setImageError] = useState(false);

  return (
    <button
@@ -98,12 +98,19 @@ export const LibraryGameCard = memo(function LibraryGameCard({
        )}
      </div>

-      <img
-        src={coverImage ?? undefined}
-        alt={game.title}
-        className="library-game-card__game-image"
-        loading="lazy"
-      />
+      {imageError || !coverImage ? (
+        <div className="library-game-card__cover-placeholder">
+          <ImageIcon size={48} />
+        </div>
+      ) : (
+        <img
+          src={coverImage}
+          alt={game.title}
+          className="library-game-card__game-image"
+          loading="lazy"
+          onError={() => setImageError(true)}
+        />
+      )}
    </button>
  );
 });
--- a/src/renderer/src/pages/notifications/notifications.scss
+++ b/src/renderer/src/pages/notifications/notifications.scss
@@ -8,6 +8,72 @@
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
+  min-height: calc(100vh - 200px);
+
+  &__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 2);
+  }
+
+  &__filter-tabs {
+    display: flex;
+    gap: globals.$spacing-unit;
+    position: relative;
+    flex: 1;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  &__tab-wrapper {
+    position: relative;
+  }
+
+  &__tab {
+    background: none;
+    border: none;
+    color: rgba(255, 255, 255, 0.6);
+    padding: calc(globals.$spacing-unit) calc(globals.$spacing-unit * 2);
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 500;
+    transition: color ease 0.2s;
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 0.5);
+
+    &:hover {
+      color: rgba(255, 255, 255, 0.8);
+    }
+
+    &--active {
+      color: white;
+    }
+  }
+
+  &__tab-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 20px;
+    height: 20px;
+    padding: 0 6px;
+    background-color: rgba(255, 255, 255, 0.15);
+    border-radius: 6px;
+    font-size: 11px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 20px;
+  }
+
+  &__tab-underline {
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: white;
+  }

  &__actions {
    display: flex;
@@ -15,6 +81,12 @@
    justify-content: flex-end;
  }

+  &__content-wrapper {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
  &__list {
    display: flex;
    flex-direction: column;
@@ -23,14 +95,22 @@

  &__empty {
    display: flex;
+    flex: 1;
    width: 100%;
-    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: globals.$spacing-unit;
  }

+  &__empty-filter {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: calc(globals.$spacing-unit * 6);
+    color: globals.$body-color;
+  }
+
  &__icon-container {
    width: 60px;
    height: 60px;
--- a/src/renderer/src/pages/notifications/notifications.tsx
+++ b/src/renderer/src/pages/notifications/notifications.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { BellIcon } from "@primer/octicons-react";
 import { useTranslation } from "react-i18next";
 import { AnimatePresence, motion } from "framer-motion";
@@ -18,6 +18,11 @@ import type {
 } from "@types";
 import "./notifications.scss";

+type NotificationFilter = "all" | "unread";
+
+const STAGGER_DELAY_MS = 70;
+const EXIT_DURATION_MS = 250;
+
 export default function Notifications() {
  const { t, i18n } = useTranslation("notifications_page");
  const { showSuccessToast, showErrorToast } = useToast();
@@ -34,12 +39,14 @@ export default function Notifications() {
  >([]);
  const [badges, setBadges] = useState<Badge[]>([]);
  const [isLoading, setIsLoading] = useState(true);
-  const [clearingIds, setClearingIds] = useState<Set<string>>(new Set());
+  const [isClearing, setIsClearing] = useState(false);
+  const [filter, setFilter] = useState<NotificationFilter>("all");
  const [pagination, setPagination] = useState({
    total: 0,
    hasMore: false,
    skip: 0,
  });
+  const clearingTimeoutsRef = useRef<NodeJS.Timeout[]>([]);

  const fetchLocalNotifications = useCallback(async () => {
    try {
@@ -65,7 +72,11 @@ export default function Notifications() {
  }, [i18n.language]);

  const fetchApiNotifications = useCallback(
-    async (skip = 0, append = false) => {
+    async (
+      skip = 0,
+      append = false,
+      filterParam: NotificationFilter = "all"
+    ) => {
      if (!userDetails) return;

      try {
@@ -74,7 +85,7 @@ export default function Notifications() {
          await window.electron.hydraApi.get<NotificationsResponse>(
            "/profile/notifications",
            {
-              params: { filter: "all", take: 20, skip },
+              params: { filter: filterParam, take: 20, skip },
              needsAuth: true,
            }
          );
@@ -101,24 +112,24 @@ export default function Notifications() {
    [userDetails]
  );

-  const fetchAllNotifications = useCallback(async () => {
-    setIsLoading(true);
-    await Promise.all([
-      fetchLocalNotifications(),
-      fetchBadges(),
-      userDetails ? fetchApiNotifications(0, false) : Promise.resolve(),
-    ]);
-    setIsLoading(false);
-  }, [
-    fetchLocalNotifications,
-    fetchBadges,
-    fetchApiNotifications,
-    userDetails,
-  ]);
+  const fetchAllNotifications = useCallback(
+    async (filterParam: NotificationFilter = "all") => {
+      setIsLoading(true);
+      await Promise.all([
+        fetchLocalNotifications(),
+        fetchBadges(),
+        userDetails
+          ? fetchApiNotifications(0, false, filterParam)
+          : Promise.resolve(),
+      ]);
+      setIsLoading(false);
+    },
+    [fetchLocalNotifications, fetchBadges, fetchApiNotifications, userDetails]
+  );

  useEffect(() => {
-    fetchAllNotifications();
-  }, [fetchAllNotifications]);
+    fetchAllNotifications(filter);
+  }, [fetchAllNotifications, filter]);

  useEffect(() => {
    const unsubscribe = window.electron.onLocalNotificationCreated(
@@ -130,6 +141,13 @@ export default function Notifications() {
    return () => unsubscribe();
  }, []);

+  // Cleanup timeouts on unmount
+  useEffect(() => {
+    return () => {
+      clearingTimeoutsRef.current.forEach(clearTimeout);
+    };
+  }, []);
+
  const mergedNotifications = useMemo<MergedNotification[]>(() => {
    const sortByDate = (a: MergedNotification, b: MergedNotification) =>
      new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
@@ -144,23 +162,28 @@ export default function Notifications() {
      .filter((n) => n.priority !== 1)
      .map((n) => ({ ...n, source: "api" as const }));

-    const localWithSource: MergedNotification[] = localNotifications.map(
-      (n) => ({
+    // Filter local notifications based on current filter
+    const filteredLocalNotifications =
+      filter === "unread"
+        ? localNotifications.filter((n) => !n.isRead)
+        : localNotifications;
+
+    const localWithSource: MergedNotification[] =
+      filteredLocalNotifications.map((n) => ({
        ...n,
        source: "local" as const,
-      })
-    );
+      }));

    const lowPriority = [...lowPriorityApi, ...localWithSource].sort(
      sortByDate
    );

    return [...highPriority, ...lowPriority];
-  }, [apiNotifications, localNotifications]);
+  }, [apiNotifications, localNotifications, filter]);

  const displayedNotifications = useMemo(() => {
-    return mergedNotifications.filter((n) => !clearingIds.has(n.id));
-  }, [mergedNotifications, clearingIds]);
+    return mergedNotifications;
+  }, [mergedNotifications]);

  const notifyCountChange = useCallback(() => {
    window.dispatchEvent(new CustomEvent("notificationsChanged"));
@@ -251,42 +274,86 @@ export default function Notifications() {
    [showErrorToast, t, notifyCountChange]
  );

+  const removeNotificationFromState = useCallback(
+    (notification: MergedNotification) => {
+      if (notification.source === "api") {
+        setApiNotifications((prev) =>
+          prev.filter((n) => n.id !== notification.id)
+        );
+      } else {
+        setLocalNotifications((prev) =>
+          prev.filter((n) => n.id !== notification.id)
+        );
+      }
+    },
+    []
+  );
+
+  const removeNotificationWithDelay = useCallback(
+    (notification: MergedNotification, delayMs: number): Promise<void> => {
+      return new Promise<void>((resolve) => {
+        const timeout = setTimeout(() => {
+          removeNotificationFromState(notification);
+          resolve();
+        }, delayMs);
+
+        clearingTimeoutsRef.current.push(timeout);
+      });
+    },
+    [removeNotificationFromState]
+  );
+
  const handleClearAll = useCallback(async () => {
+    if (isClearing) return;
+
    try {
-      // Mark all as clearing for animation
-      const allIds = new Set([
-        ...apiNotifications.map((n) => n.id),
-        ...localNotifications.map((n) => n.id),
-      ]);
-      setClearingIds(allIds);
+      setIsClearing(true);

-      // Wait for exit animation
-      await new Promise((resolve) => setTimeout(resolve, 300));
+      // Clear any existing timeouts
+      clearingTimeoutsRef.current.forEach(clearTimeout);
+      clearingTimeoutsRef.current = [];

-      // Clear all API notifications
-      if (userDetails && apiNotifications.length > 0) {
+      // Snapshot current notifications for staggered removal
+      const notificationsToRemove = [...displayedNotifications];
+      const totalNotifications = notificationsToRemove.length;
+
+      if (totalNotifications === 0) {
+        setIsClearing(false);
+        return;
+      }
+
+      // Remove items one by one with staggered delays for visual effect
+      const removalPromises = notificationsToRemove.map((notification, index) =>
+        removeNotificationWithDelay(notification, index * STAGGER_DELAY_MS)
+      );
+
+      // Wait for all items to be removed from state
+      await Promise.all(removalPromises);
+
+      // Wait for the last exit animation to complete
+      await new Promise((resolve) => setTimeout(resolve, EXIT_DURATION_MS));
+
+      // Perform actual backend deletions (state is already cleared by staggered removal)
+      if (userDetails) {
        await window.electron.hydraApi.delete(`/profile/notifications/all`, {
          needsAuth: true,
        });
-        setApiNotifications([]);
      }
-
-      // Clear all local notifications
      await window.electron.clearAllLocalNotifications();
-      setLocalNotifications([]);
-
-      setClearingIds(new Set());
      setPagination({ total: 0, hasMore: false, skip: 0 });
      notifyCountChange();
      showSuccessToast(t("cleared_all"));
    } catch (error) {
      logger.error("Failed to clear all notifications", error);
-      setClearingIds(new Set());
      showErrorToast(t("failed_to_clear"));
+    } finally {
+      setIsClearing(false);
+      clearingTimeoutsRef.current = [];
    }
  }, [
-    apiNotifications,
-    localNotifications,
+    displayedNotifications,
+    isClearing,
+    removeNotificationWithDelay,
    userDetails,
    showSuccessToast,
    showErrorToast,
@@ -296,9 +363,19 @@ export default function Notifications() {

  const handleLoadMore = useCallback(() => {
    if (pagination.hasMore && !isLoading) {
-      fetchApiNotifications(pagination.skip, true);
+      fetchApiNotifications(pagination.skip, true, filter);
    }
-  }, [pagination, isLoading, fetchApiNotifications]);
+  }, [pagination, isLoading, fetchApiNotifications, filter]);
+
+  const handleFilterChange = useCallback(
+    (newFilter: NotificationFilter) => {
+      if (newFilter !== filter) {
+        setFilter(newFilter);
+        setPagination({ total: 0, hasMore: false, skip: 0 });
+      }
+    },
+    [filter]
+  );

  const handleAcceptFriendRequest = useCallback(() => {
    showSuccessToast(t("friend_request_accepted"));
@@ -317,10 +394,13 @@ export default function Notifications() {
    return (
      <motion.div
        key={key}
-        layout
        initial={{ opacity: 0, x: -20 }}
        animate={{ opacity: 1, x: 0 }}
-        exit={{ opacity: 0, x: 100, transition: { duration: 0.2 } }}
+        exit={{
+          opacity: 0,
+          x: 80,
+          transition: { duration: EXIT_DURATION_MS / 1000 },
+        }}
        transition={{ duration: 0.2 }}
      >
        {notification.source === "local" ? (
@@ -343,8 +423,57 @@ export default function Notifications() {
    );
  };

+  const unreadCount = useMemo(() => {
+    const apiUnread = apiNotifications.filter((n) => !n.isRead).length;
+    const localUnread = localNotifications.filter((n) => !n.isRead).length;
+    return apiUnread + localUnread;
+  }, [apiNotifications, localNotifications]);
+
+  const renderFilterTabs = () => (
+    <div className="notifications__filter-tabs">
+      <div className="notifications__tab-wrapper">
+        <button
+          type="button"
+          className={`notifications__tab ${filter === "all" ? "notifications__tab--active" : ""}`}
+          onClick={() => handleFilterChange("all")}
+        >
+          {t("filter_all")}
+        </button>
+        {filter === "all" && (
+          <motion.div
+            className="notifications__tab-underline"
+            layoutId="notifications-tab-underline"
+            transition={{ type: "spring", stiffness: 300, damping: 30 }}
+          />
+        )}
+      </div>
+      <div className="notifications__tab-wrapper">
+        <button
+          type="button"
+          className={`notifications__tab ${filter === "unread" ? "notifications__tab--active" : ""}`}
+          onClick={() => handleFilterChange("unread")}
+        >
+          {t("filter_unread")}
+          {unreadCount > 0 && (
+            <span className="notifications__tab-badge">{unreadCount}</span>
+          )}
+        </button>
+        {filter === "unread" && (
+          <motion.div
+            className="notifications__tab-underline"
+            layoutId="notifications-tab-underline"
+            transition={{ type: "spring", stiffness: 300, damping: 30 }}
+          />
+        )}
+      </div>
+    </div>
+  );
+
+  const hasNoNotifications = mergedNotifications.length === 0;
+  const shouldDisableActions = isClearing || hasNoNotifications;
+
  const renderContent = () => {
-    if (isLoading && mergedNotifications.length === 0) {
+    if (isLoading && hasNoNotifications) {
      return (
        <div className="notifications__loading">
          <span>{t("loading")}</span>
@@ -352,36 +481,61 @@ export default function Notifications() {
      );
    }

-    if (mergedNotifications.length === 0) {
-      return (
-        <div className="notifications__empty">
-          <div className="notifications__icon-container">
-            <BellIcon size={24} />
-          </div>
-          <h2>{t("empty_title")}</h2>
-          <p>{t("empty_description")}</p>
-        </div>
-      );
-    }
-
    return (
      <div className="notifications">
-        <div className="notifications__actions">
-          <Button theme="outline" onClick={handleMarkAllAsRead}>
-            {t("mark_all_as_read")}
-          </Button>
-          <Button theme="danger" onClick={handleClearAll}>
-            {t("clear_all")}
-          </Button>
+        <div className="notifications__header">
+          {renderFilterTabs()}
+          <div className="notifications__actions">
+            <Button
+              theme="outline"
+              onClick={handleMarkAllAsRead}
+              disabled={shouldDisableActions}
+            >
+              {t("mark_all_as_read")}
+            </Button>
+            <Button
+              theme="danger"
+              onClick={handleClearAll}
+              disabled={shouldDisableActions}
+            >
+              {t("clear_all")}
+            </Button>
+          </div>
        </div>

-        <div className="notifications__list">
-          <AnimatePresence mode="popLayout">
-            {displayedNotifications.map(renderNotification)}
-          </AnimatePresence>
-        </div>
+        {/* Keep AnimatePresence mounted during clearing to preserve exit animations */}
+        <AnimatePresence mode="wait">
+          <motion.div
+            key={filter}
+            className="notifications__content-wrapper"
+            initial={{ opacity: 0, x: -10 }}
+            animate={{ opacity: 1, x: 0 }}
+            exit={{ opacity: 0, x: 10 }}
+            transition={{ duration: 0.2 }}
+          >
+            {hasNoNotifications && !isClearing ? (
+              <div className="notifications__empty">
+                <div className="notifications__icon-container">
+                  <BellIcon size={24} />
+                </div>
+                <h2>{t("empty_title")}</h2>
+                <p>
+                  {filter === "unread"
+                    ? t("empty_filter_description")
+                    : t("empty_description")}
+                </p>
+              </div>
+            ) : (
+              <div className="notifications__list">
+                <AnimatePresence>
+                  {displayedNotifications.map(renderNotification)}
+                </AnimatePresence>
+              </div>
+            )}
+          </motion.div>
+        </AnimatePresence>

-        {pagination.hasMore && (
+        {pagination.hasMore && !isClearing && (
          <div className="notifications__load-more">
            <Button
              theme="outline"
--- a/src/renderer/src/pages/profile/profile-content/add-friend-modal.scss
+++ b/src/renderer/src/pages/profile/profile-content/add-friend-modal.scss
@@ -100,8 +100,10 @@
    padding: calc(globals.$spacing-unit * 1.5);
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
+    border: none;
    cursor: pointer;
    transition: all ease 0.2s;
+    text-align: left;

    &:hover {
      background-color: rgba(255, 255, 255, 0.1);
--- a/src/renderer/src/pages/profile/profile-content/user-stats-box.tsx
+++ b/src/renderer/src/pages/profile/profile-content/user-stats-box.tsx
@@ -123,11 +123,6 @@ export function UserStatsBox() {
                {t("karma_count")}
              </p>
            </div>
-            <div className="user-stats__karma-info">
-              <small className="user-stats__karma-info-text">
-                {t("karma_description")}
-              </small>
-            </div>
          </li>
        )}
      </ul>
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -188,6 +188,7 @@ export interface UserDetails {
  profileVisibility: ProfileVisibility;
  bio: string;
  featurebaseJwt: string;
+  workwondersJwt: string;
  subscription: Subscription | null;
  karma: number;
  quirks?: {
--- a/yarn.lock
+++ b/yarn.lock
@@ -6354,6 +6354,11 @@ keyv@^4.0.0, keyv@^4.5.3:
  dependencies:
    json-buffer "3.0.1"

+ky@^1.11.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/ky/-/ky-1.14.1.tgz#16f20b3bf3939abcc04e2a9613f47360fe5f64c9"
+  integrity sha512-hYje4L9JCmpEQBtudo+v52X5X8tgWXUYyPcxKSuxQNboqufecl9VMWjGiucAFH060AwPXHZuH+WB2rrqfkmafw==
+
 language-subtag-registry@^0.3.20:
  version "0.3.23"
  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
@@ -9123,6 +9128,13 @@ word-wrap@^1.2.5:
  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==

+workwonders-sdk@0.0.10:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/workwonders-sdk/-/workwonders-sdk-0.0.10.tgz#377167370a39c905c5228f8972c37c19004b7b21"
+  integrity sha512-bnswhlLRz1TCiqGV8l+VEOBej7u1SAkzLMEv6A60Sp0+S4j4pnmSve92KeOts/GYtUeNDuNM7fLPwZwMKY3sAg==
+  dependencies:
+    ky "^1.11.0"
+
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
  version "7.0.0"
  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
Author	SHA1	Message	Date
Moyase	64815f4f8d	Merge pull request #1910 from hydralauncher/feat/vikingfile-support feat: VikingFile support and display url availability	2026-01-03 23:42:55 +02:00
Moyasee	4dfdc4d798	chore: remove commented code in DownloadSettingsModal	2026-01-03 23:40:07 +02:00
Moyasee	9bbfab2aff	Merge branch 'feat/vikingfile-support' of https://github.com/hydralauncher/hydra into feat/vikingfile-support	2026-01-03 23:35:00 +02:00
Moyasee	01938f8905	refactor: simplify downloader sorting and enhance availability indicators in DownloadSettingsModal	2026-01-03 23:34:19 +02:00
Moyase	f60ad5908d	Merge branch 'main' into feat/vikingfile-support	2026-01-03 23:28:17 +02:00
Moyasee	fe6553bcdc	chore: remove unused HTTPS import in vikingfile service	2026-01-03 23:23:35 +02:00
Moyasee	87895bb715	refactor: enhance disabled state styling and logic in DownloadSettingsModal	2026-01-03 23:22:40 +02:00
Chubby Granny Chaser	290209f372	chore: remove unnecessary blank lines in RealDebridInfoModal component files	2026-01-03 21:07:35 +00:00
Chubby Granny Chaser	87fcbaa56e	chore: bump version to 3.8.0 and update translations for downloader status and notifications	2026-01-03 21:07:09 +00:00
Zamitto	c32ce14630	Merge pull request #1915 from hydralauncher/feat/add-workwonders feat: add workwonders	2026-01-03 17:19:17 -03:00
Zamitto	e52f10a5ff	chore: bump ww version	2026-01-03 17:17:16 -03:00
Moyase	bcdbe31596	Merge pull request #1914 from hydralauncher/fix/friend-request-endpoint fix: update API endpoint for deleting friend requests in useUserDetai…	2026-01-03 22:08:45 +02:00
Zamitto	7ed514b6ef	feat: parse locale before ww init	2026-01-03 16:54:42 -03:00
Moyase	42386ae0b5	Merge branch 'main' into fix/friend-request-endpoint	2026-01-03 21:48:52 +02:00
Moyase	04d8f900a6	Merge pull request #1913 from hydralauncher/fix/friends-and-karma-ui refactor: remove karma description from translations across multiple …	2026-01-03 21:48:41 +02:00
Zamitto	8b3bcd88b1	feat: add workwonders	2026-01-03 16:42:49 -03:00
Moyasee	b2bffeb2b0	fix: update API endpoint for deleting friend requests in useUserDetails hook	2026-01-03 21:01:39 +02:00
Moyase	0a194eaa29	Merge branch 'main' into fix/friends-and-karma-ui	2026-01-03 20:13:08 +02:00
Moyasee	07c277c033	refactor: remove karma description from translations across multiple languages	2026-01-03 20:11:22 +02:00
Moyasee	345696ad06	Merge branch 'feat/vikingfile-support' of https://github.com/hydralauncher/hydra into feat/vikingfile-support	2026-01-03 19:47:39 +02:00
Moyasee	6c4e8c406f	refactor: update HTTP module imports to use node: prefix for consistency	2026-01-03 19:44:39 +02:00
Moyase	c46a1e7848	Merge branch 'main' into feat/vikingfile-support	2026-01-03 19:41:49 +02:00
Moyase	590e09a8c3	Merge pull request #1912 from hydralauncher/fix/notifications-page-ui Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details feat: add unread filter option and enhance notifications UI	2026-01-03 19:41:30 +02:00
Moyasee	c1d7ea27f3	feat: add unread filter option and enhance notifications UI	2026-01-03 19:37:47 +02:00
Chubby Granny Chaser	15dbd3b2ad	Merge pull request #1909 from hydralauncher/fix/library-game-covers fix: library cards not using placeholder and icon as a game cover	2026-01-03 16:19:33 +00:00
Moyasee	92d87c5d33	refactor: remove unnecessary useEffect in LibraryGameCard	2025-12-31 01:59:25 +02:00
Moyasee	af884d3772	refactor: simplify cover image assignment in LibraryGameCard	2025-12-30 14:09:04 +02:00
Moyasee	dc31ac0831	fix: library cards not using placeholder and icon as a game cover	2025-12-30 00:25:45 +02:00