feat: add translation key for Hydra Wrapped 2025 in multiple languages and implement sidebar route with marquee effect

chore: update package.json to use yarn commands for type checking and building
feat: add new translation keys for network statistics in multiple languages
2026-01-11 13:56:16 +00:00 · 2025-12-08 15:22:05 +00:00 · 2025-11-30 15:21:50 +00:00 · 2025-11-30 15:07:32 +00:00 · 2025-11-30 06:26:43 +00:00 · 2025-11-30 06:26:08 +00:00
88 changed files with 3409 additions and 767 deletions
--- a/.cursorrules
+++ b/.cursorrules
@@ -28,6 +28,26 @@
 - Use async/await instead of promises when possible
 - Prefer named exports over default exports for utilities and services

+## ESLint Issues
+
+- **Always try to fix ESLint errors properly before disabling rules**
+- When encountering ESLint errors, explore these solutions in order:
+  1. **Fix the code to comply with the rule** (e.g., add missing required elements, fix accessibility issues)
+  2. **Use minimal markup to satisfy the rule** (e.g., add empty `<track>` elements for videos without captions, add `role` attributes)
+  3. **Only disable the rule as a last resort** when no reasonable solution exists
+- When disabling a rule, always include a comment explaining why it's necessary
+- Examples of proper fixes:
+  - For `jsx-a11y/media-has-caption`: Add `<track kind="captions" />` even if no captions are available
+  - For `jsx-a11y/alt-text`: Add meaningful alt text or `alt=""` for decorative images
+  - For accessibility rules: Add appropriate ARIA attributes rather than disabling
+
+## TypeScript Array Syntax
+
+- **Always use `T[]` syntax instead of `Array<T>`** for array types
+- Prefer: `string[]`, `number[]`, `MyType[]`
+- Avoid: `Array<string>`, `Array<number>`, `Array<MyType>`
+- This applies to all type annotations, type assertions, and generic type parameters
+
 ## Comments

 - Keep comments concise and purposeful; avoid verbose explanations.
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -1,65 +0,0 @@
-name: Bug Report
-description: Create a report to help us improve. Write in English.
-title: "[BUG] Write a title for your bug"
-labels: ["bug"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for creating a bug report to help us improve!
-  - type: textarea
-    id: bug-description
-    attributes:
-      label: Describe the bug
-      description: A clear and concise description of what the bug is.
-    validations:
-      required: true
-  - type: textarea
-    id: bug-reproduce
-    attributes:
-      label: Steps to Reproduce
-      description: Steps to reproduce the behavior. For example, "1. Go to '...', 2. Click on '...', 3. See error"
-    validations:
-      required: true
-  - type: textarea
-    id: expected-behavior
-    attributes:
-      label: Expected behavior
-      description: A clear and concise description of what you expected to happen.
-    validations:
-      required: false
-  - type: textarea
-    id: additional-info
-    attributes:
-      label: Additional information and data
-      description: |
-        Add screenshots and upload your all logs file here.
-        Logs location on Windows: "%appdata%/hydralauncher/logs"
-        Logs location on Linux: "~/.config/hydralauncher/logs"
-    validations:
-      required: true
-  - type: input
-    id: OS
-    attributes:
-      label: Operating System
-      description: Which operating system are you using (e.g., Windows 11/Linux Distro/Steam Deck)?
-    validations:
-      required: true
-  - type: input
-    id: hydra-version
-    attributes:
-      label: Hydra Version
-      description: Please provide the version of Hydra you are using.
-    validations:
-      required: true
-  - type: checkboxes
-    id: terms
-    attributes:
-      label: Before opening this Issue
-      options:
-        - label: I have searched the issues of this repository and believe that this is not a duplicate.
-          required: true
-        - label: I am aware that Hydra team does not offer any support or help regarding the downloaded games.
-          required: true
-        - label: I have read the [Frequently Asked Questions (FAQ)](https://github.com/hydralauncher/hydra/wiki/FAQ).
-          required: true
--- a/.github/ISSUE_TEMPLATE/feature_request.yml
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -1,37 +0,0 @@
-name: Feature Request
-description: Request a new feature.
-title: "[REQUEST] "
-labels: ["enhancement"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for taking the time to suggest a new feature!
-  - type: textarea
-    id: problem-related
-    attributes:
-      label: Is your feature request related to a problem? Please describe.
-      description: A clear and concise description of what the problem is.
-    validations:
-      required: true
-  - type: textarea
-    id: solution
-    attributes:
-      label: Describe the solution you'd like
-      description: A clear and concise description of what you want to happen.
-    validations:
-      required: true
-  - type: textarea
-    id: alternatives
-    attributes:
-      label: Describe alternatives you've considered
-      description: A clear and concise description of any alternative solutions or features you've considered.
-    validations:
-      required: false
-  - type: textarea
-    id: additional-context
-    attributes:
-      label: Additional context
-      description: Add any other context or screenshots about the feature request here.
-    validations:
-      required: false
--- a/.github/pull-request-template.md
+++ b/.github/pull-request-template.md
@@ -2,11 +2,9 @@

 **When submitting this pull request, I confirm the following (please check the boxes):**

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

 **Fill in the PR content:**
-
-
--- a/.github/workflows/update-aur.yml
+++ b/.github/workflows/update-aur.yml
@@ -137,7 +137,7 @@ jobs:
          if git diff --staged --quiet; then
            echo "No changes to commit"
          else
-            COMMIT_MSG="v${{ steps.get-version.outputs.version }}"
+            COMMIT_MSG="${{ steps.get-version.outputs.version }}"
            
            git commit -m "$COMMIT_MSG"
            
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <div align="center">

-[<img src="./resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
+[<img src="https://raw.githubusercontent.com/hydralauncher/hydra/refs/heads/main/resources/icon.png" width="144"/>](https://help.hydralauncher.gg)

  <h1 align="center">Hydra Launcher</h1>

--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "hydralauncher",
-  "version": "3.7.4",
+  "version": "3.7.5",
  "description": "Hydra",
  "main": "./out/main/index.js",
  "author": "Los Broxas",
@@ -19,12 +19,12 @@
    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
    "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
    "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
-    "typecheck": "npm run typecheck:node && npm run typecheck:web",
+    "typecheck": "yarn run typecheck:node && yarn run typecheck:web",
    "start": "electron-vite preview",
    "dev": "electron-vite dev",
-    "build": "npm run typecheck && electron-vite build",
+    "build": "yarn run typecheck && electron-vite build",
    "postinstall": "electron-builder install-app-deps && node ./scripts/postinstall.cjs",
-    "build:unpack": "npm run build && electron-builder --dir",
+    "build:unpack": "yarn run build && electron-builder --dir",
    "build:win": "electron-vite build && electron-builder --win",
    "build:mac": "electron-vite build && electron-builder --mac",
    "build:linux": "electron-vite build && electron-builder --linux",
@@ -63,6 +63,7 @@
    "embla-carousel-react": "^8.6.0",
    "file-type": "^20.5.0",
    "framer-motion": "^12.15.0",
+    "hls.js": "^1.5.12",
    "i18next": "^23.11.2",
    "i18next-browser-languagedetector": "^7.2.1",
    "jsdom": "^24.0.0",
@@ -84,7 +85,7 @@
    "sound-play": "^1.1.0",
    "steam-shortcut-editor": "https://github.com/hydralauncher/steam-shortcut-editor",
    "sudo-prompt": "^9.2.1",
-    "tar": "^7.4.3",
+    "tar": "^7.5.2",
    "tough-cookie": "^5.1.1",
    "user-agents": "^1.1.387",
    "uuid": "^13.0.0",
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -16,6 +16,7 @@
    "library": "Library",
    "downloads": "Downloads",
    "settings": "Settings",
+    "hydra_2025_wrapped": "Hydra Wrapped 2025 Available",
    "my_library": "My library",
    "downloading_metadata": "{{title}} (Downloading metadata…)",
    "paused": "{{title}} (Paused)",
@@ -94,6 +95,12 @@
  "header": {
    "search": "Search games",
    "search_library": "Search library",
+    "recent_searches": "Recent Searches",
+    "suggestions": "Suggestions",
+    "clear_history": "Clear",
+    "remove_from_history": "Remove from history",
+    "loading": "Loading...",
+    "no_results": "No results",
    "home": "Home",
    "catalogue": "Catalogue",
    "library": "Library",
@@ -408,7 +415,11 @@
    "resume_seeding": "Resume seeding",
    "options": "Manage",
    "extract": "Extract files",
-    "extracting": "Extracting files…"
+    "extracting": "Extracting files…",
+    "network": "Network",
+    "peak": "Peak",
+    "seeds": "Seeds",
+    "peers": "Peers"
  },
  "settings": {
    "downloads_path": "Downloads path",
--- a/src/locales/es/translation.json
+++ b/src/locales/es/translation.json
@@ -16,6 +16,7 @@
    "library": "Librería",
    "downloads": "Descargas",
    "settings": "Ajustes",
+    "hydra_2025_wrapped": "Hydra Wrapped 2025 Disponible",
    "my_library": "Mi Librería",
    "downloading_metadata": "{{title}} (Descargando metadatos…)",
    "paused": "{{title}} (Pausado)",
@@ -93,8 +94,16 @@
  },
  "header": {
    "search": "Buscar juegos",
+    "search_library": "Buscar en la librería",
+    "recent_searches": "Búsquedas Recientes",
+    "suggestions": "Sugerencias",
+    "clear_history": "Limpiar",
+    "remove_from_history": "Eliminar del historial",
+    "loading": "Cargando...",
+    "no_results": "Sin resultados",
    "home": "Inicio",
    "catalogue": "Catálogo",
+    "library": "Librería",
    "downloads": "Descargas",
    "search_results": "Resultados de búsqueda",
    "settings": "Ajustes",
@@ -406,7 +415,11 @@
    "resume_seeding": "Continuar sembrando",
    "options": "Administrar",
    "extract": "Extraer archivos",
-    "extracting": "Extrayendo archivos…"
+    "extracting": "Extrayendo archivos…",
+    "network": "Red",
+    "peak": "Pico",
+    "seeds": "Seeds",
+    "peers": "Peers"
  },
  "settings": {
    "downloads_path": "Ruta de descarga",
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -16,6 +16,7 @@
    "library": "Biblioteca",
    "downloads": "Downloads",
    "settings": "Ajustes",
+    "hydra_2025_wrapped": "Hydra Wrapped 2025 Já disponível",
    "my_library": "Biblioteca",
    "downloading_metadata": "{{title}} (Baixando metadados…)",
    "paused": "{{title}} (Pausado)",
@@ -93,11 +94,19 @@
  },
  "header": {
    "search": "Buscar jogos",
+    "search_library": "Buscar na biblioteca",
+    "recent_searches": "Buscas Recentes",
+    "suggestions": "Sugestões",
+    "clear_history": "Limpar",
+    "remove_from_history": "Remover do histórico",
+    "loading": "Carregando...",
+    "no_results": "Sem resultados",
+    "home": "Início",
    "catalogue": "Catálogo",
+    "library": "Biblioteca",
    "downloads": "Downloads",
    "search_results": "Resultados da busca",
    "settings": "Ajustes",
-    "home": "Início",
    "version_available_install": "Versão {{version}} disponível. Clique aqui para reiniciar e instalar.",
    "version_available_download": "Versão {{version}} disponível. Clique aqui para fazer o download."
  },
@@ -394,7 +403,11 @@
    "resume_seeding": "Semear",
    "options": "Gerenciar",
    "extract": "Extrair arquivos",
-    "extracting": "Extraindo arquivos…"
+    "extracting": "Extraindo arquivos…",
+    "network": "Rede",
+    "peak": "Pico",
+    "seeds": "Seeds",
+    "peers": "Peers"
  },
  "settings": {
    "downloads_path": "Diretório dos downloads",
--- a/src/locales/pt-PT/translation.json
+++ b/src/locales/pt-PT/translation.json
@@ -15,6 +15,7 @@
    "catalogue": "Catálogo",
    "downloads": "Transferências",
    "settings": "Definições",
+    "hydra_2025_wrapped": "Hydra Wrapped 2025 Já disponível",
    "my_library": "Biblioteca",
    "downloading_metadata": "{{title}} (A transferir metadados…)",
    "paused": "{{title}} (Em pausa)",
@@ -30,11 +31,19 @@
  },
  "header": {
    "search": "Procurar jogos",
+    "search_library": "Procurar na biblioteca",
+    "recent_searches": "Pesquisas Recentes",
+    "suggestions": "Sugestões",
+    "clear_history": "Limpar",
+    "remove_from_history": "Remover do histórico",
+    "loading": "A carregar...",
+    "no_results": "Sem resultados",
+    "home": "Início",
    "catalogue": "Catálogo",
+    "library": "Biblioteca",
    "downloads": "Transferências",
    "search_results": "Resultados da pesquisa",
    "settings": "Definições",
-    "home": "Início",
    "version_available_install": "Versão {{version}} disponível. Clica aqui para reiniciar e instalar.",
    "version_available_download": "Versão {{version}} disponível. Clica aqui para fazer o download."
  },
@@ -221,7 +230,13 @@
    "seeding": "A semear",
    "stop_seeding": "Parar de semear",
    "resume_seeding": "Semear",
-    "options": "Opções"
+    "options": "Opções",
+    "extract": "Extrair ficheiros",
+    "extracting": "A extrair ficheiros…",
+    "network": "Rede",
+    "peak": "Pico",
+    "seeds": "Seeds",
+    "peers": "Peers"
  },
  "settings": {
    "downloads_path": "Local das transferências",
--- a/src/locales/ru/translation.json
+++ b/src/locales/ru/translation.json
@@ -16,6 +16,7 @@
    "library": "Библиотека",
    "downloads": "Загрузки",
    "settings": "Настройки",
+    "hydra_2025_wrapped": "Hydra Wrapped 2025 Доступно",
    "my_library": "Библиотека",
    "downloading_metadata": "{{title}} (Загрузка метаданных…)",
    "paused": "{{title}} (Приостановлено)",
@@ -93,8 +94,16 @@
  },
  "header": {
    "search": "Поиск",
+    "search_library": "Поиск в библиотеке",
+    "recent_searches": "Недавние поиски",
+    "suggestions": "Предложения",
+    "clear_history": "Очистить",
+    "remove_from_history": "Удалить из истории",
+    "loading": "Загрузка...",
+    "no_results": "Нет результатов",
    "home": "Главная",
    "catalogue": "Каталог",
+    "library": "Библиотека",
    "downloads": "Загрузки",
    "search_results": "Результаты поиска",
    "settings": "Настройки",
@@ -406,7 +415,11 @@
    "resume_seeding": "Продолжить раздачу",
    "options": "Управлять",
    "extract": "Распаковать файлы",
-    "extracting": "Распаковка файлов…"
+    "extracting": "Распаковка файлов…",
+    "network": "Сеть",
+    "peak": "Пик",
+    "seeds": "Seeds",
+    "peers": "Peers"
  },
  "settings": {
    "downloads_path": "Путь загрузок",
--- a/src/main/events/auth/index.ts
+++ b/src/main/events/auth/index.ts
@@ -0,0 +1,3 @@
+import "./get-session-hash";
+import "./open-auth-window";
+import "./sign-out";
--- a/src/main/events/autoupdater/index.ts
+++ b/src/main/events/autoupdater/index.ts
@@ -0,0 +1,2 @@
+import "./check-for-updates";
+import "./restart-and-install-update";
--- a/src/main/events/catalogue/index.ts
+++ b/src/main/events/catalogue/index.ts
@@ -0,0 +1,4 @@
+import "./get-game-assets";
+import "./get-game-shop-details";
+import "./get-game-stats";
+import "./get-random-game";
--- a/src/main/events/cloud-save/index.ts
+++ b/src/main/events/cloud-save/index.ts
@@ -0,0 +1,4 @@
+import "./download-game-artifact";
+import "./get-game-backup-preview";
+import "./select-game-backup-path";
+import "./upload-save-game";
--- a/src/main/events/download-sources/index.ts
+++ b/src/main/events/download-sources/index.ts
@@ -0,0 +1,6 @@
+import "./add-download-source";
+import "./get-download-sources-check-baseline";
+import "./get-download-sources-since-value";
+import "./get-download-sources";
+import "./remove-download-source";
+import "./sync-download-sources";
--- a/src/main/events/hardware/index.ts
+++ b/src/main/events/hardware/index.ts
@@ -0,0 +1,2 @@
+import "./check-folder-write-permission";
+import "./get-disk-free-space";
--- a/src/main/events/index.ts
+++ b/src/main/events/index.ts
@@ -1,107 +1,22 @@
 import { appVersion, defaultDownloadsPath, isStaging } from "@main/constants";
 import { ipcMain } from "electron";

-import "./catalogue/get-game-shop-details";
-import "./catalogue/get-random-game";
-import "./catalogue/get-game-stats";
-import "./hardware/get-disk-free-space";
-import "./hardware/check-folder-write-permission";
-import "./library/add-game-to-library";
-import "./library/add-custom-game-to-library";
-import "./library/update-custom-game";
-import "./library/update-game-custom-assets";
-import "./library/add-game-to-favorites";
-import "./library/remove-game-from-favorites";
-import "./library/toggle-game-pin";
-import "./library/create-game-shortcut";
-import "./library/close-game";
-import "./library/delete-game-folder";
-import "./library/get-game-by-object-id";
-import "./library/get-library";
-import "./library/refresh-library-assets";
-import "./library/extract-game-download";
-import "./library/clear-new-download-options";
-import "./library/open-game";
-import "./library/open-game-executable-path";
-import "./library/open-game-installer";
-import "./library/open-game-installer-path";
-import "./library/update-executable-path";
-import "./library/update-launch-options";
-import "./library/verify-executable-path";
-import "./library/remove-game";
-import "./library/remove-game-from-library";
-import "./library/select-game-wine-prefix";
-import "./library/reset-game-achievements";
-import "./library/change-game-playtime";
-import "./library/toggle-automatic-cloud-sync";
-import "./library/get-default-wine-prefix-selection-path";
-import "./library/cleanup-unused-assets";
-import "./library/create-steam-shortcut";
-import "./library/copy-custom-game-asset";
-import "./misc/open-checkout";
-import "./misc/open-external";
-import "./misc/show-open-dialog";
-import "./misc/show-item-in-folder";
-import "./misc/install-common-redist";
-import "./misc/can-install-common-redist";
-import "./misc/save-temp-file";
-import "./misc/delete-temp-file";
-import "./misc/install-hydra-decky-plugin";
-import "./misc/get-hydra-decky-plugin-info";
-import "./misc/check-homebrew-folder-exists";
-import "./misc/hydra-api-call";
-import "./torrenting/cancel-game-download";
-import "./torrenting/pause-game-download";
-import "./torrenting/resume-game-download";
-import "./torrenting/start-game-download";
-import "./torrenting/pause-game-seed";
-import "./torrenting/resume-game-seed";
-import "./torrenting/check-debrid-availability";
-import "./user-preferences/get-user-preferences";
-import "./user-preferences/update-user-preferences";
-import "./user-preferences/auto-launch";
-import "./autoupdater/check-for-updates";
-import "./autoupdater/restart-and-install-update";
-import "./user-preferences/authenticate-real-debrid";
-import "./user-preferences/authenticate-torbox";
-import "./download-sources/add-download-source";
-import "./download-sources/sync-download-sources";
-import "./download-sources/get-download-sources-check-baseline";
-import "./download-sources/get-download-sources-since-value";
-import "./auth/sign-out";
-import "./auth/open-auth-window";
-import "./auth/get-session-hash";
-import "./user/get-auth";
-import "./user/get-unlocked-achievements";
-import "./user/get-compared-unlocked-achievements";
-import "./profile/get-me";
-import "./profile/update-profile";
-import "./profile/process-profile-image";
-import "./profile/sync-friend-requests";
-import "./cloud-save/download-game-artifact";
-import "./cloud-save/get-game-backup-preview";
-import "./cloud-save/upload-save-game";
-import "./cloud-save/select-game-backup-path";
-import "./notifications/publish-new-repacks-notification";
-import "./notifications/update-achievement-notification-window";
-import "./notifications/show-achievement-test-notification";
-import "./themes/add-custom-theme";
-import "./themes/delete-custom-theme";
-import "./themes/get-all-custom-themes";
-import "./themes/delete-all-custom-themes";
-import "./themes/update-custom-theme";
-import "./themes/open-editor-window";
-import "./themes/get-custom-theme-by-id";
-import "./themes/get-active-custom-theme";
-import "./themes/close-editor-window";
-import "./themes/toggle-custom-theme";
-import "./themes/copy-theme-achievement-sound";
-import "./themes/remove-theme-achievement-sound";
-import "./themes/get-theme-sound-path";
-import "./themes/get-theme-sound-data-url";
-import "./themes/import-theme-sound-from-store";
-import "./download-sources/remove-download-source";
-import "./download-sources/get-download-sources";
+import "./auth";
+import "./autoupdater";
+import "./catalogue";
+import "./cloud-save";
+import "./download-sources";
+import "./hardware";
+import "./library";
+import "./leveldb";
+import "./misc";
+import "./notifications";
+import "./profile";
+import "./themes";
+import "./torrenting";
+import "./user";
+import "./user-preferences";
+
 import { isPortableVersion } from "@main/helpers";

 ipcMain.handle("ping", () => "pong");
--- a/src/main/events/leveldb/helpers.ts
+++ b/src/main/events/leveldb/helpers.ts
@@ -0,0 +1,27 @@
+import { db } from "@main/level";
+
+const sublevelCache = new Map<
+  string,
+  ReturnType<typeof db.sublevel<string, unknown>>
+>();
+
+/**
+ * Gets a sublevel by name, creating it if it doesn't exist.
+ * All sublevels use "json" encoding by default.
+ * @param sublevelName - The name of the sublevel to get or create
+ * @returns The sublevel instance
+ */
+export const getSublevelByName = (
+  sublevelName: string
+): ReturnType<typeof db.sublevel<string, unknown>> => {
+  if (sublevelCache.has(sublevelName)) {
+    return sublevelCache.get(sublevelName)!;
+  }
+
+  // All sublevels use "json" encoding - this cannot be changed per sublevel
+  const sublevel = db.sublevel<string, unknown>(sublevelName, {
+    valueEncoding: "json",
+  });
+  sublevelCache.set(sublevelName, sublevel);
+  return sublevel;
+};
--- a/src/main/events/leveldb/index.ts
+++ b/src/main/events/leveldb/index.ts
@@ -0,0 +1,6 @@
+import "./leveldb-get";
+import "./leveldb-put";
+import "./leveldb-del";
+import "./leveldb-clear";
+import "./leveldb-values";
+import "./leveldb-iterator";
--- a/src/main/events/leveldb/leveldb-clear.ts
+++ b/src/main/events/leveldb/leveldb-clear.ts
@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbClear = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    await sublevel.clear();
+  } catch (error) {
+    logger.error("Error in leveldbClear", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbClear", leveldbClear);
--- a/src/main/events/leveldb/leveldb-del.ts
+++ b/src/main/events/leveldb/leveldb-del.ts
@@ -0,0 +1,28 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbDel = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  sublevelName?: string | null
+) => {
+  try {
+    if (sublevelName) {
+      const sublevel = getSublevelByName(sublevelName);
+      await sublevel.del(key);
+    } else {
+      await db.del(key);
+    }
+  } catch (error) {
+    if (error instanceof Error && error.name === "NotFoundError") {
+      // NotFoundError on delete is not an error, just return
+      return;
+    }
+    logger.error("Error in leveldbDel", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbDel", leveldbDel);
--- a/src/main/events/leveldb/leveldb-get.ts
+++ b/src/main/events/leveldb/leveldb-get.ts
@@ -0,0 +1,28 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbGet = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  sublevelName?: string | null,
+  valueEncoding: "json" | "utf8" = "json"
+) => {
+  try {
+    if (sublevelName) {
+      // Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
+      const sublevel = getSublevelByName(sublevelName);
+      return sublevel.get(key);
+    }
+    return db.get<string, unknown>(key, { valueEncoding });
+  } catch (error) {
+    if (error instanceof Error && error.name === "NotFoundError") {
+      return null;
+    }
+    logger.error("Error in leveldbGet", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbGet", leveldbGet);
--- a/src/main/events/leveldb/leveldb-iterator.ts
+++ b/src/main/events/leveldb/leveldb-iterator.ts
@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbIterator = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    return sublevel.iterator().all();
+  } catch (error) {
+    logger.error("Error in leveldbIterator", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbIterator", leveldbIterator);
--- a/src/main/events/leveldb/leveldb-put.ts
+++ b/src/main/events/leveldb/leveldb-put.ts
@@ -0,0 +1,27 @@
+import { registerEvent } from "../register-event";
+import { db } from "@main/level";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbPut = async (
+  _event: Electron.IpcMainInvokeEvent,
+  key: string,
+  value: unknown,
+  sublevelName?: string | null,
+  valueEncoding: "json" | "utf8" = "json"
+) => {
+  try {
+    if (sublevelName) {
+      // Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
+      const sublevel = getSublevelByName(sublevelName);
+      await sublevel.put(key, value);
+    } else {
+      await db.put<string, unknown>(key, value, { valueEncoding });
+    }
+  } catch (error) {
+    logger.error("Error in leveldbPut", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbPut", leveldbPut);
--- a/src/main/events/leveldb/leveldb-values.ts
+++ b/src/main/events/leveldb/leveldb-values.ts
@@ -0,0 +1,18 @@
+import { registerEvent } from "../register-event";
+import { getSublevelByName } from "./helpers";
+import { logger } from "@main/services";
+
+const leveldbValues = async (
+  _event: Electron.IpcMainInvokeEvent,
+  sublevelName: string
+) => {
+  try {
+    const sublevel = getSublevelByName(sublevelName);
+    return sublevel.values().all();
+  } catch (error) {
+    logger.error("Error in leveldbValues", error);
+    throw error;
+  }
+};
+
+registerEvent("leveldbValues", leveldbValues);
--- a/src/main/events/library/index.ts
+++ b/src/main/events/library/index.ts
@@ -0,0 +1,32 @@
+import "./add-custom-game-to-library";
+import "./add-game-to-favorites";
+import "./add-game-to-library";
+import "./change-game-playtime";
+import "./cleanup-unused-assets";
+import "./clear-new-download-options";
+import "./close-game";
+import "./copy-custom-game-asset";
+import "./create-game-shortcut";
+import "./create-steam-shortcut";
+import "./delete-game-folder";
+import "./extract-game-download";
+import "./get-default-wine-prefix-selection-path";
+import "./get-game-by-object-id";
+import "./get-library";
+import "./open-game-executable-path";
+import "./open-game-installer-path";
+import "./open-game-installer";
+import "./open-game";
+import "./refresh-library-assets";
+import "./remove-game-from-favorites";
+import "./remove-game-from-library";
+import "./remove-game";
+import "./reset-game-achievements";
+import "./select-game-wine-prefix";
+import "./toggle-automatic-cloud-sync";
+import "./toggle-game-pin";
+import "./update-custom-game";
+import "./update-executable-path";
+import "./update-game-custom-assets";
+import "./update-launch-options";
+import "./verify-executable-path";
--- a/src/main/events/misc/index.ts
+++ b/src/main/events/misc/index.ts
@@ -0,0 +1,12 @@
+import "./can-install-common-redist";
+import "./check-homebrew-folder-exists";
+import "./delete-temp-file";
+import "./get-hydra-decky-plugin-info";
+import "./hydra-api-call";
+import "./install-common-redist";
+import "./install-hydra-decky-plugin";
+import "./open-checkout";
+import "./open-external";
+import "./save-temp-file";
+import "./show-item-in-folder";
+import "./show-open-dialog";
--- a/src/main/events/notifications/index.ts
+++ b/src/main/events/notifications/index.ts
@@ -0,0 +1,3 @@
+import "./publish-new-repacks-notification";
+import "./show-achievement-test-notification";
+import "./update-achievement-notification-window";
--- a/src/main/events/profile/index.ts
+++ b/src/main/events/profile/index.ts
@@ -0,0 +1,4 @@
+import "./get-me";
+import "./process-profile-image";
+import "./sync-friend-requests";
+import "./update-profile";
--- a/src/main/events/themes/index.ts
+++ b/src/main/events/themes/index.ts
@@ -0,0 +1,15 @@
+import "./add-custom-theme";
+import "./close-editor-window";
+import "./copy-theme-achievement-sound";
+import "./delete-all-custom-themes";
+import "./delete-custom-theme";
+import "./get-active-custom-theme";
+import "./get-all-custom-themes";
+import "./get-custom-theme-by-id";
+import "./get-theme-sound-data-url";
+import "./get-theme-sound-path";
+import "./import-theme-sound-from-store";
+import "./open-editor-window";
+import "./remove-theme-achievement-sound";
+import "./toggle-custom-theme";
+import "./update-custom-theme";
--- a/src/main/events/torrenting/index.ts
+++ b/src/main/events/torrenting/index.ts
@@ -0,0 +1,7 @@
+import "./cancel-game-download";
+import "./check-debrid-availability";
+import "./pause-game-download";
+import "./pause-game-seed";
+import "./resume-game-download";
+import "./resume-game-seed";
+import "./start-game-download";
--- a/src/main/events/torrenting/resume-game-download.ts
+++ b/src/main/events/torrenting/resume-game-download.ts
@@ -13,7 +13,11 @@ const resumeGameDownload = async (

  const download = await downloadsSublevel.get(gameKey);

-  if (download?.status === "paused") {
+  if (
+    download &&
+    (download.status === "paused" || download.status === "active") &&
+    download.progress !== 1
+  ) {
    await DownloadManager.pauseDownload();

    for await (const [key, value] of downloadsSublevel.iterator()) {
--- a/src/main/events/user-preferences/index.ts
+++ b/src/main/events/user-preferences/index.ts
@@ -0,0 +1,5 @@
+import "./authenticate-real-debrid";
+import "./authenticate-torbox";
+import "./auto-launch";
+import "./get-user-preferences";
+import "./update-user-preferences";
--- a/src/main/events/user/index.ts
+++ b/src/main/events/user/index.ts
@@ -0,0 +1,3 @@
+import "./get-auth";
+import "./get-compared-unlocked-achievements";
+import "./get-unlocked-achievements";
--- a/src/main/level/sublevels/downloadSourcesCheckTimestamp.ts
+++ b/src/main/level/sublevels/downloadSourcesCheckTimestamp.ts
@@ -7,7 +7,9 @@ export const getDownloadSourcesCheckBaseline = async (): Promise<
  string | null
 > => {
  try {
-    const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline);
+    const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline, {
+      valueEncoding: "utf8",
+    });
    return timestamp;
  } catch (error) {
    if (error instanceof Error && error.name === "NotFoundError") {
@@ -27,7 +29,9 @@ export const updateDownloadSourcesCheckBaseline = async (
  timestamp: string
 ): Promise<void> => {
  const utcTimestamp = new Date(timestamp).toISOString();
-  await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp);
+  await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp, {
+    valueEncoding: "utf8",
+  });
 };

 // Gets the 'since' value the API used in the last check (for modal comparison)
@@ -35,7 +39,9 @@ export const getDownloadSourcesSinceValue = async (): Promise<
  string | null
 > => {
  try {
-    const timestamp = await db.get(levelKeys.downloadSourcesSinceValue);
+    const timestamp = await db.get(levelKeys.downloadSourcesSinceValue, {
+      valueEncoding: "utf8",
+    });
    return timestamp;
  } catch (error) {
    if (error instanceof Error && error.name === "NotFoundError") {
@@ -55,5 +61,7 @@ export const updateDownloadSourcesSinceValue = async (
  timestamp: string
 ): Promise<void> => {
  const utcTimestamp = new Date(timestamp).toISOString();
-  await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp);
+  await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp, {
+    valueEncoding: "utf8",
+  });
 };
--- a/src/main/main.ts
+++ b/src/main/main.ts
@@ -1,5 +1,5 @@
 import { downloadsSublevel } from "./level/sublevels/downloads";
-import { sortBy } from "lodash-es";
+import { orderBy } from "lodash-es";
 import { Downloader } from "@shared";
 import { levelKeys, db } from "./level";
 import type { UserPreferences } from "@types";
@@ -68,7 +68,7 @@ export const loadState = async () => {
    .values()
    .all()
    .then((games) => {
-      return sortBy(games, "timestamp", "DESC");
+      return orderBy(games, "timestamp", "desc");
    });

  downloads.forEach((download) => {
--- a/src/main/services/download/download-manager.ts
+++ b/src/main/services/download/download-manager.ts
@@ -20,7 +20,7 @@ import { RealDebridClient } from "./real-debrid";
 import path from "path";
 import { logger } from "../logger";
 import { db, downloadsSublevel, gamesSublevel, levelKeys } from "@main/level";
-import { sortBy } from "lodash-es";
+import { orderBy } from "lodash-es";
 import { TorBoxClient } from "./torbox";
 import { GameFilesManager } from "../game-files-manager";
 import { HydraDebridClient } from "./hydra-debrid";
@@ -194,10 +194,10 @@ export class DownloadManager {
          .values()
          .all()
          .then((games) => {
-            return sortBy(
+            return orderBy(
              games.filter((game) => game.status === "paused" && game.queued),
              "timestamp",
-              "DESC"
+              "desc"
            );
          });

--- a/src/main/services/hydra-api.ts
+++ b/src/main/services/hydra-api.ts
@@ -30,7 +30,7 @@ export class HydraApi {
  private static instance: AxiosInstance;

  private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
-  private static readonly ADD_LOG_INTERCEPTOR = true;
+  private static readonly ADD_LOG_INTERCEPTOR = false;

  private static secondsToMilliseconds(seconds: number) {
    return seconds * 1000;
--- a/src/main/services/system-path.ts
+++ b/src/main/services/system-path.ts
@@ -13,9 +13,9 @@ export class SystemPath {
  };

  static checkIfPathsAreAvailable() {
-    const paths = Object.keys(SystemPath.paths) as Array<
-      keyof typeof SystemPath.paths
-    >;
+    const paths = Object.keys(
+      SystemPath.paths
+    ) as (keyof typeof SystemPath.paths)[];

    paths.forEach((pathName) => {
      try {
--- a/src/main/services/window-manager.ts
+++ b/src/main/services/window-manager.ts
@@ -354,6 +354,8 @@ export class WindowManager {
  public static async createNotificationWindow() {
    if (this.notificationWindow) return;

+    if (process.platform === "darwin") return;
+
    const userPreferences = await db.get<string, UserPreferences | undefined>(
      levelKeys.userPreferences,
      {
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -619,4 +619,28 @@ contextBridge.exposeInMainWorld("electron", {
  },
  closeEditorWindow: (themeId?: string) =>
    ipcRenderer.invoke("closeEditorWindow", themeId),
+
+  /* LevelDB Generic CRUD */
+  leveldb: {
+    get: (
+      key: string,
+      sublevelName?: string | null,
+      valueEncoding?: "json" | "utf8"
+    ) => ipcRenderer.invoke("leveldbGet", key, sublevelName, valueEncoding),
+    put: (
+      key: string,
+      value: unknown,
+      sublevelName?: string | null,
+      valueEncoding?: "json" | "utf8"
+    ) =>
+      ipcRenderer.invoke("leveldbPut", key, value, sublevelName, valueEncoding),
+    del: (key: string, sublevelName?: string | null) =>
+      ipcRenderer.invoke("leveldbDel", key, sublevelName),
+    clear: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbClear", sublevelName),
+    values: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbValues", sublevelName),
+    iterator: (sublevelName: string) =>
+      ipcRenderer.invoke("leveldbIterator", sublevelName),
+  },
 });
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -6,7 +6,7 @@
    <title>Hydra Launcher</title>
    <meta
      http-equiv="Content-Security-Policy"
-      content="default-src 'self' 'unsafe-inline' * data: local:;"
+      content="default-src 'self' 'unsafe-inline' * data: local:; media-src 'self' 'unsafe-inline' * data: local: blob:;"
    />
  </head>
  <body>
--- a/src/renderer/src/app.tsx
+++ b/src/renderer/src/app.tsx
@@ -31,6 +31,8 @@ import {
  getAchievementSoundUrl,
  getAchievementSoundVolume,
 } from "./helpers";
+import { levelDBService } from "./services/leveldb.service";
+import type { UserPreferences } from "@types";
 import "./app.scss";

 export interface AppProps {
@@ -77,11 +79,12 @@ export function App() {
  const { showSuccessToast } = useToast();

  useEffect(() => {
-    Promise.all([window.electron.getUserPreferences(), updateLibrary()]).then(
-      ([preferences]) => {
-        dispatch(setUserPreferences(preferences));
-      }
-    );
+    Promise.all([
+      levelDBService.get("userPreferences", null, "json"),
+      updateLibrary(),
+    ]).then(([preferences]) => {
+      dispatch(setUserPreferences(preferences as UserPreferences | null));
+    });
  }, [navigate, location.pathname, dispatch, updateLibrary]);

  useEffect(() => {
@@ -204,7 +207,11 @@ export function App() {
  }, [dispatch, draggingDisabled]);

  const loadAndApplyTheme = useCallback(async () => {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+      code?: string;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
    if (activeTheme?.code) {
      injectCustomCss(activeTheme.code);
    } else {
--- a/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx
@@ -18,6 +18,7 @@ interface DropdownMenuProps {
  side?: "top" | "bottom" | "left" | "right";
  align?: "start" | "center" | "end";
  alignOffset?: number;
+  collisionPadding?: number;
 }

 export function DropdownMenu({
@@ -29,6 +30,7 @@ export function DropdownMenu({
  loop = true,
  align = "center",
  alignOffset = 0,
+  collisionPadding = 16,
 }: Readonly<DropdownMenuProps>) {
  return (
    <DropdownMenuPrimitive.Root>
@@ -43,6 +45,7 @@ export function DropdownMenu({
          loop={loop}
          align={align}
          alignOffset={alignOffset}
+          collisionPadding={collisionPadding}
          className="dropdown-menu__content"
        >
          {title && (
--- a/src/renderer/src/components/header/header.tsx
+++ b/src/renderer/src/components/header/header.tsx
@@ -3,12 +3,20 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { ArrowLeftIcon, SearchIcon, XIcon } from "@primer/octicons-react";

-import { useAppDispatch, useAppSelector } from "@renderer/hooks";
+import {
+  useAppDispatch,
+  useAppSelector,
+  useSearchHistory,
+  useSearchSuggestions,
+} from "@renderer/hooks";

 import "./header.scss";
 import { AutoUpdateSubHeader } from "./auto-update-sub-header";
 import { setFilters, setLibrarySearchQuery } from "@renderer/features";
 import cn from "classnames";
+import { SearchDropdown } from "@renderer/components";
+import { buildGameDetailsPath } from "@renderer/helpers";
+import type { GameShop } from "@types";

 const pathTitle: Record<string, string> = {
  "/": "home",
@@ -20,6 +28,7 @@ const pathTitle: Record<string, string> = {

 export function Header() {
  const inputRef = useRef<HTMLInputElement>(null);
+  const searchContainerRef = useRef<HTMLDivElement>(null);

  const navigate = useNavigate();
  const location = useLocation();
@@ -37,6 +46,7 @@ export function Header() {
  );

  const isOnLibraryPage = location.pathname.startsWith("/library");
+  const isOnCataloguePage = location.pathname.startsWith("/catalogue");

  const searchValue = isOnLibraryPage
    ? librarySearchValue
@@ -45,9 +55,29 @@ export function Header() {
  const dispatch = useAppDispatch();

  const [isFocused, setIsFocused] = useState(false);
+  const [isDropdownVisible, setIsDropdownVisible] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    x: 0,
+    y: 0,
+  });

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

+  const { addToHistory, removeFromHistory, clearHistory, getRecentHistory } =
+    useSearchHistory();
+
+  const { suggestions, isLoading: isLoadingSuggestions } = useSearchSuggestions(
+    searchValue,
+    isOnLibraryPage,
+    isDropdownVisible && isFocused && !isOnCataloguePage
+  );
+
+  const historyItems = getRecentHistory(
+    isOnLibraryPage ? "library" : "catalogue",
+    3
+  );
+
  const title = useMemo(() => {
    if (location.pathname.startsWith("/game")) return headerTitle;
    if (location.pathname.startsWith("/achievements")) return headerTitle;
@@ -59,13 +89,43 @@ export function Header() {
    return t(pathTitle[location.pathname]);
  }, [location.pathname, headerTitle, t]);

+  const totalItems = historyItems.length + suggestions.length;
+
+  const updateDropdownPosition = () => {
+    if (searchContainerRef.current) {
+      const rect = searchContainerRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        x: rect.left,
+        y: rect.bottom,
+      });
+    }
+  };
+
  const focusInput = () => {
    setIsFocused(true);
    inputRef.current?.focus();
  };

+  const handleFocus = () => {
+    if (isFocused && isDropdownVisible) {
+      updateDropdownPosition();
+      return;
+    }
+
+    setIsFocused(true);
+    setActiveIndex(-1);
+    setTimeout(() => {
+      updateDropdownPosition();
+      setIsDropdownVisible(true);
+    }, 220);
+  };
+
  const handleBlur = () => {
-    setIsFocused(false);
+    setTimeout(() => {
+      setIsFocused(false);
+      setIsDropdownVisible(false);
+      setActiveIndex(-1);
+    }, 200);
  };

  const handleBackButtonClick = () => {
@@ -77,10 +137,37 @@ export function Header() {
      dispatch(setLibrarySearchQuery(value.slice(0, 255)));
    } else {
      dispatch(setFilters({ title: value.slice(0, 255) }));
-      if (!location.pathname.startsWith("/catalogue")) {
-        navigate("/catalogue");
-      }
    }
+    setActiveIndex(-1);
+  };
+
+  const executeSearch = (query: string) => {
+    const context = isOnLibraryPage ? "library" : "catalogue";
+    if (query.trim()) {
+      addToHistory(query, context);
+    }
+    handleSearch(query);
+
+    if (!isOnLibraryPage && !location.pathname.startsWith("/catalogue")) {
+      navigate("/catalogue");
+    }
+
+    setIsDropdownVisible(false);
+    inputRef.current?.blur();
+  };
+
+  const handleSelectHistory = (query: string) => {
+    executeSearch(query);
+  };
+
+  const handleSelectSuggestion = (suggestion: {
+    title: string;
+    objectId: string;
+    shop: GameShop;
+  }) => {
+    setIsDropdownVisible(false);
+    inputRef.current?.blur();
+    navigate(buildGameDetailsPath(suggestion));
  };

  const handleClearSearch = () => {
@@ -89,14 +176,79 @@ export function Header() {
    } else {
      dispatch(setFilters({ title: "" }));
    }
+    setActiveIndex(-1);
+  };
+
+  const handleRemoveHistoryItem = (query: string) => {
+    removeFromHistory(query);
+  };
+
+  const handleClearHistory = () => {
+    clearHistory();
+  };
+
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (activeIndex >= 0 && activeIndex < totalItems) {
+        if (activeIndex < historyItems.length) {
+          handleSelectHistory(historyItems[activeIndex].query);
+        } else {
+          const suggestionIndex = activeIndex - historyItems.length;
+          handleSelectSuggestion(suggestions[suggestionIndex]);
+        }
+      } else if (searchValue.trim()) {
+        executeSearch(searchValue);
+      }
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setActiveIndex((prev) => (prev < totalItems - 1 ? prev + 1 : prev));
+      if (!isDropdownVisible) {
+        setIsDropdownVisible(true);
+        updateDropdownPosition();
+      }
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActiveIndex((prev) => (prev > -1 ? prev - 1 : -1));
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      setIsDropdownVisible(false);
+      setActiveIndex(-1);
+      inputRef.current?.blur();
+    }
+  };
+
+  const handleCloseDropdown = () => {
+    setIsDropdownVisible(false);
+    setActiveIndex(-1);
  };

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

+  useEffect(() => {
+    if (!isDropdownVisible) return;
+
+    const handleResize = () => {
+      updateDropdownPosition();
+    };
+
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [isDropdownVisible]);
+
  return (
    <>
      <header
@@ -128,6 +280,7 @@ export function Header() {

        <section className="header__section">
          <div
+            ref={searchContainerRef}
            className={cn("header__search", {
              "header__search--focused": isFocused,
            })}
@@ -148,8 +301,9 @@ export function Header() {
              value={searchValue}
              className="header__search-input"
              onChange={(event) => handleSearch(event.target.value)}
-              onFocus={() => setIsFocused(true)}
+              onFocus={handleFocus}
              onBlur={handleBlur}
+              onKeyDown={handleKeyDown}
            />

            {searchValue && (
@@ -165,6 +319,27 @@ export function Header() {
        </section>
      </header>
      <AutoUpdateSubHeader />
+
+      <SearchDropdown
+        visible={
+          isDropdownVisible &&
+          (historyItems.length > 0 ||
+            suggestions.length > 0 ||
+            isLoadingSuggestions)
+        }
+        position={dropdownPosition}
+        historyItems={historyItems}
+        suggestions={suggestions}
+        isLoadingSuggestions={isLoadingSuggestions}
+        onSelectHistory={handleSelectHistory}
+        onSelectSuggestion={handleSelectSuggestion}
+        onRemoveHistoryItem={handleRemoveHistoryItem}
+        onClearHistory={handleClearHistory}
+        onClose={handleCloseDropdown}
+        activeIndex={activeIndex}
+        currentQuery={searchValue}
+        searchContainerRef={searchContainerRef}
+      />
    </>
  );
 }
--- a/src/renderer/src/components/index.ts
+++ b/src/renderer/src/components/index.ts
@@ -19,3 +19,4 @@ export * from "./context-menu/context-menu";
 export * from "./game-context-menu/game-context-menu";
 export * from "./game-context-menu/use-game-actions";
 export * from "./star-rating/star-rating";
+export * from "./search-dropdown/search-dropdown";
--- a/src/renderer/src/components/search-dropdown/highlight-text.tsx
+++ b/src/renderer/src/components/search-dropdown/highlight-text.tsx
@@ -0,0 +1,107 @@
+import React from "react";
+
+interface HighlightTextProps {
+  readonly text: string;
+  readonly query: string;
+}
+
+export function HighlightText({ text, query }: Readonly<HighlightTextProps>) {
+  if (!query.trim()) {
+    return <>{text}</>;
+  }
+
+  const queryWords = query
+    .toLowerCase()
+    .split(/\s+/)
+    .filter((word) => word.length > 0);
+
+  if (queryWords.length === 0) {
+    return <>{text}</>;
+  }
+
+  const matches: { start: number; end: number }[] = [];
+  const textLower = text.toLowerCase();
+
+  queryWords.forEach((queryWord) => {
+    const escapedQuery = queryWord.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const regex = new RegExp(
+      `(?:^|[\\s])${escapedQuery}(?=[\\s]|$)|^${escapedQuery}$`,
+      "gi"
+    );
+
+    let match;
+    while ((match = regex.exec(textLower)) !== null) {
+      const matchedText = match[0];
+      const leadingSpace = matchedText.startsWith(" ") ? 1 : 0;
+      const start = match.index + leadingSpace;
+      const end = start + queryWord.length;
+
+      matches.push({ start, end });
+    }
+  });
+
+  if (matches.length === 0) {
+    return <>{text}</>;
+  }
+
+  matches.sort((a, b) => a.start - b.start);
+
+  const mergedMatches: { start: number; end: number }[] = [];
+  let current = matches[0];
+
+  for (let i = 1; i < matches.length; i++) {
+    if (matches[i].start <= current.end) {
+      current = {
+        start: current.start,
+        end: Math.max(current.end, matches[i].end),
+      };
+    } else {
+      mergedMatches.push(current);
+      current = matches[i];
+    }
+  }
+  mergedMatches.push(current);
+
+  const parts: { text: string; highlight: boolean; key: string }[] = [];
+  let lastIndex = 0;
+
+  mergedMatches.forEach((match) => {
+    if (match.start > lastIndex) {
+      parts.push({
+        text: text.slice(lastIndex, match.start),
+        highlight: false,
+        key: `${lastIndex}-${match.start}`,
+      });
+    }
+
+    parts.push({
+      text: text.slice(match.start, match.end),
+      highlight: true,
+      key: `${match.start}-${match.end}`,
+    });
+
+    lastIndex = match.end;
+  });
+
+  if (lastIndex < text.length) {
+    parts.push({
+      text: text.slice(lastIndex),
+      highlight: false,
+      key: `${lastIndex}-${text.length}`,
+    });
+  }
+
+  return (
+    <>
+      {parts.map((part) =>
+        part.highlight ? (
+          <mark key={part.key} className="search-dropdown__highlight">
+            {part.text}
+          </mark>
+        ) : (
+          <React.Fragment key={part.key}>{part.text}</React.Fragment>
+        )
+      )}
+    </>
+  );
+}
--- a/src/renderer/src/components/search-dropdown/search-dropdown.scss
+++ b/src/renderer/src/components/search-dropdown/search-dropdown.scss
@@ -0,0 +1,153 @@
+@use "../../scss/globals.scss";
+
+.search-dropdown {
+  position: fixed;
+  background-color: globals.$dark-background-color;
+  border: 1px solid globals.$border-color;
+  border-radius: 8px;
+  max-height: 300px;
+  overflow-y: auto;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  z-index: 1000;
+  margin-top: 4px;
+  width: 250px;
+
+  &__section {
+    padding: 4px 0;
+
+    &:not(:last-child) {
+      border-bottom: 1px solid globals.$border-color;
+    }
+  }
+
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px 8px;
+    margin-bottom: 4px;
+  }
+
+  &__section-title {
+    color: globals.$muted-color;
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  &__clear-text-button {
+    color: globals.$muted-color;
+    cursor: pointer;
+    padding: 0;
+    font-size: 11px;
+    font-weight: bold;
+    text-transform: uppercase;
+    transition: color ease 0.2s;
+    background: transparent;
+    border: none;
+
+    &:hover {
+      color: #ffffff;
+    }
+  }
+
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  &__item-container {
+    position: relative;
+    display: flex;
+    align-items: center;
+
+    &:hover .search-dropdown__item-remove {
+      opacity: 1;
+    }
+  }
+
+  &__item-remove {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: globals.$muted-color;
+    padding: 4px;
+    opacity: 0;
+    transition: opacity ease 0.15s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+
+    &:hover {
+      color: #ff3333;
+      background-color: rgba(255, 85, 85, 0.2);
+    }
+  }
+
+  &__item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    cursor: pointer;
+    transition: background-color 0.1s ease;
+    color: #dadbe1;
+    text-align: left;
+    border: none;
+    background: transparent;
+
+    &:hover,
+    &--active {
+      background-color: globals.$background-color;
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &__item-icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    color: globals.$muted-color;
+
+    &--image {
+      border-radius: 2px;
+      object-fit: cover;
+    }
+  }
+
+  &__item-text {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+  }
+
+  &__loading,
+  &__empty {
+    padding: 16px 12px;
+    text-align: center;
+    color: globals.$muted-color;
+    font-size: 14px;
+  }
+
+  &__empty {
+    font-style: italic;
+  }
+
+  &__highlight {
+    background-color: rgba(255, 193, 7, 0.4);
+    color: #ffa000;
+    font-weight: 600;
+    padding: 0 2px;
+    border-radius: 2px;
+  }
+}
--- a/src/renderer/src/components/search-dropdown/search-dropdown.tsx
+++ b/src/renderer/src/components/search-dropdown/search-dropdown.tsx
@@ -0,0 +1,241 @@
+import { useEffect, useRef, useCallback, useState } from "react";
+import { createPortal } from "react-dom";
+import { ClockIcon, SearchIcon, XIcon } from "@primer/octicons-react";
+import cn from "classnames";
+import { useTranslation } from "react-i18next";
+import type { SearchHistoryEntry } from "@renderer/hooks/use-search-history";
+import type { SearchSuggestion } from "@renderer/hooks/use-search-suggestions";
+import { HighlightText } from "./highlight-text";
+import "./search-dropdown.scss";
+
+export interface SearchDropdownProps {
+  visible: boolean;
+  position: { x: number; y: number };
+  historyItems: SearchHistoryEntry[];
+  suggestions: SearchSuggestion[];
+  isLoadingSuggestions: boolean;
+  onSelectHistory: (query: string) => void;
+  onSelectSuggestion: (suggestion: SearchSuggestion) => void;
+  onRemoveHistoryItem: (query: string) => void;
+  onClearHistory: () => void;
+  onClose: () => void;
+  activeIndex: number;
+  currentQuery: string;
+  searchContainerRef?: React.RefObject<HTMLDivElement>;
+}
+
+export function SearchDropdown({
+  visible,
+  position,
+  historyItems,
+  suggestions,
+  isLoadingSuggestions,
+  onSelectHistory,
+  onSelectSuggestion,
+  onRemoveHistoryItem,
+  onClearHistory,
+  onClose,
+  activeIndex,
+  currentQuery,
+  searchContainerRef,
+}: SearchDropdownProps) {
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const [adjustedPosition, setAdjustedPosition] = useState(position);
+  const { t } = useTranslation("header");
+
+  useEffect(() => {
+    if (!visible) {
+      setAdjustedPosition(position);
+      return;
+    }
+
+    const checkPosition = () => {
+      if (!dropdownRef.current) return;
+
+      const rect = dropdownRef.current.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+
+      let adjustedX = position.x;
+      let adjustedY = position.y;
+
+      if (adjustedX + 250 > viewportWidth - 10) {
+        adjustedX = Math.max(10, viewportWidth - 250 - 10);
+      }
+
+      if (adjustedY + rect.height > viewportHeight - 10) {
+        adjustedY = Math.max(10, viewportHeight - rect.height - 10);
+      }
+
+      setAdjustedPosition({ x: adjustedX, y: adjustedY });
+    };
+
+    requestAnimationFrame(checkPosition);
+  }, [visible, position]);
+
+  useEffect(() => {
+    if (!visible) return;
+
+    const handleClickOutside = (event: MouseEvent) => {
+      const target = event.target as Node;
+
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(target) &&
+        !searchContainerRef?.current?.contains(target)
+      ) {
+        onClose();
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [visible, onClose, searchContainerRef]);
+
+  const handleItemClick = useCallback(
+    (
+      type: "history" | "suggestion",
+      item: SearchHistoryEntry | SearchSuggestion
+    ) => {
+      if (type === "history") {
+        onSelectHistory((item as SearchHistoryEntry).query);
+      } else {
+        onSelectSuggestion(item as SearchSuggestion);
+      }
+    },
+    [onSelectHistory, onSelectSuggestion]
+  );
+
+  if (!visible) return null;
+
+  const totalItems = historyItems.length + suggestions.length;
+  const hasHistory = historyItems.length > 0;
+  const hasSuggestions = suggestions.length > 0;
+
+  const getItemIndex = (
+    section: "history" | "suggestion",
+    indexInSection: number
+  ) => {
+    if (section === "history") {
+      return indexInSection;
+    }
+    return historyItems.length + indexInSection;
+  };
+
+  const dropdownContent = (
+    <div
+      ref={dropdownRef}
+      className="search-dropdown"
+      style={{
+        left: adjustedPosition.x,
+        top: adjustedPosition.y,
+      }}
+    >
+      {hasHistory && (
+        <div className="search-dropdown__section">
+          <div className="search-dropdown__section-header">
+            <span className="search-dropdown__section-title">
+              {t("recent_searches")}
+            </span>
+            <button
+              type="button"
+              className="search-dropdown__clear-text-button"
+              onClick={onClearHistory}
+            >
+              {t("clear_history")}
+            </button>
+          </div>
+          <ul className="search-dropdown__list">
+            {historyItems.map((item, index) => (
+              <li
+                key={`history-${item.query}-${item.timestamp}`}
+                className="search-dropdown__item-container"
+              >
+                <button
+                  type="button"
+                  className={cn("search-dropdown__item", {
+                    "search-dropdown__item--active":
+                      activeIndex === getItemIndex("history", index),
+                  })}
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={() => handleItemClick("history", item)}
+                >
+                  <ClockIcon size={16} className="search-dropdown__item-icon" />
+                  <span className="search-dropdown__item-text">
+                    {item.query}
+                  </span>
+                </button>
+                <button
+                  type="button"
+                  className="search-dropdown__item-remove"
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onRemoveHistoryItem(item.query);
+                  }}
+                  title={t("remove_from_history")}
+                >
+                  <XIcon size={12} />
+                </button>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      {hasSuggestions && (
+        <div className="search-dropdown__section">
+          <div className="search-dropdown__section-header">
+            <span className="search-dropdown__section-title">
+              {t("suggestions")}
+            </span>
+          </div>
+          <ul className="search-dropdown__list">
+            {suggestions.map((item, index) => (
+              <li key={`suggestion-${item.objectId}-${item.shop}`}>
+                <button
+                  type="button"
+                  className={cn("search-dropdown__item", {
+                    "search-dropdown__item--active":
+                      activeIndex === getItemIndex("suggestion", index),
+                  })}
+                  onMouseDown={(e) => e.preventDefault()}
+                  onClick={() => handleItemClick("suggestion", item)}
+                >
+                  {item.iconUrl ? (
+                    <img
+                      src={item.iconUrl}
+                      alt=""
+                      className="search-dropdown__item-icon search-dropdown__item-icon--image"
+                    />
+                  ) : (
+                    <SearchIcon
+                      size={16}
+                      className="search-dropdown__item-icon"
+                    />
+                  )}
+                  <span className="search-dropdown__item-text">
+                    <HighlightText text={item.title} query={currentQuery} />
+                  </span>
+                </button>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
+      {isLoadingSuggestions && !hasSuggestions && !hasHistory && (
+        <div className="search-dropdown__loading">{t("loading")}</div>
+      )}
+
+      {!isLoadingSuggestions &&
+        !hasHistory &&
+        !hasSuggestions &&
+        totalItems === 0 && (
+          <div className="search-dropdown__empty">{t("no_results")}</div>
+        )}
+    </div>
+  );
+
+  return createPortal(dropdownContent, document.body);
+}
--- a/src/renderer/src/components/sidebar/routes.tsx
+++ b/src/renderer/src/components/sidebar/routes.tsx
@@ -32,4 +32,15 @@ export const routes = [
    nameKey: "settings",
    render: () => <GearIcon />,
  },
+  {
+    path: "https://hydrawrapped.com",
+    nameKey: "hydra_2025_wrapped",
+    render: () => (
+      <img
+        src="https://cdn.losbroxas.org/thumbnail_hydra_badge2_fb01af31e3.png"
+        alt="Hydra 2025 Wrapped"
+        style={{ width: 16, height: 16 }}
+      />
+    ),
+  },
 ];
--- a/src/renderer/src/components/sidebar/sidebar.scss
+++ b/src/renderer/src/components/sidebar/sidebar.scss
@@ -88,6 +88,34 @@
        );
      }
    }
+
+    &--wrapped {
+      background: linear-gradient(
+        135deg,
+        rgba(74, 144, 226, 0.25) 0%,
+        rgba(123, 104, 238, 0.2) 25%,
+        rgba(59, 130, 246, 0.25) 50%,
+        rgba(96, 165, 250, 0.2) 75%,
+        rgba(74, 144, 226, 0.25) 100%
+      );
+      background-size: 200% 200%;
+      animation: wrapped-gradient-flow 8s ease infinite;
+      color: globals.$muted-color;
+      position: relative;
+      overflow: hidden;
+
+      &:hover {
+        background: linear-gradient(
+          135deg,
+          rgba(74, 144, 226, 0.35) 0%,
+          rgba(123, 104, 238, 0.3) 25%,
+          rgba(59, 130, 246, 0.35) 50%,
+          rgba(96, 165, 250, 0.3) 75%,
+          rgba(74, 144, 226, 0.35) 100%
+        );
+        background-size: 200% 200%;
+      }
+    }
  }

  &__menu-item-button {
@@ -106,6 +134,21 @@
    overflow: hidden;
  }

+  &__menu-item-marquee {
+    overflow: hidden;
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__menu-item-marquee-content {
+    display: inline-flex;
+  }
+
+  &__menu-item-marquee-content span {
+    display: inline-block;
+    flex-shrink: 0;
+  }
+
  &__game-icon {
    width: 20px;
    height: 20px;
@@ -228,3 +271,24 @@
    }
  }
 }
+
+@keyframes wrapped-gradient-flow {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes marquee-scroll {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(calc(-50% - 1em));
+  }
+}
--- a/src/renderer/src/components/sidebar/sidebar.tsx
+++ b/src/renderer/src/components/sidebar/sidebar.tsx
@@ -22,6 +22,8 @@ import { buildGameDetailsPath } from "@renderer/helpers";
 import { SidebarProfile } from "./sidebar-profile";
 import { sortBy } from "lodash-es";
 import cn from "classnames";
+import { logger } from "@renderer/logger";
+import { motion } from "framer-motion";
 import {
  CommentDiscussionIcon,
  PlayIcon,
@@ -238,8 +240,32 @@ export function Sidebar() {
    return game.title;
  };

-  const handleSidebarItemClick = (path: string) => {
-    if (path !== location.pathname) {
+  const handleSidebarItemClick = async (path: string) => {
+    if (path.startsWith("http")) {
+      if (path === "https://hydrawrapped.com") {
+        try {
+          const auth = await window.electron.getAuth();
+          if (auth) {
+            const payload = {
+              accessToken: auth.accessToken,
+              refreshToken: auth.refreshToken,
+              expiresIn: 3600,
+            };
+            const base64Payload = btoa(JSON.stringify(payload));
+            window.electron.openExternal(
+              `${path}?payload=${encodeURIComponent(base64Payload)}`
+            );
+          } else {
+            window.electron.openExternal(path);
+          }
+        } catch (error) {
+          logger.error("Failed to get auth for wrapped:", error);
+          window.electron.openExternal(path);
+        }
+      } else {
+        window.electron.openExternal(path);
+      }
+    } else if (path !== location.pathname) {
      navigate(path);
    }
  };
@@ -297,7 +323,10 @@ export function Sidebar() {
                <li
                  key={nameKey}
                  className={cn("sidebar__menu-item", {
-                    "sidebar__menu-item--active": location.pathname === path,
+                    "sidebar__menu-item--active":
+                      !path.startsWith("http") && location.pathname === path,
+                    "sidebar__menu-item--wrapped":
+                      nameKey === "hydra_2025_wrapped",
                  })}
                >
                  <button
@@ -306,7 +335,33 @@ export function Sidebar() {
                    onClick={() => handleSidebarItemClick(path)}
                  >
                    {render()}
-                    <span>{t(nameKey)}</span>
+                    {nameKey === "hydra_2025_wrapped" ? (
+                      <div className="sidebar__menu-item-marquee">
+                        <motion.div
+                          className="sidebar__menu-item-marquee-content"
+                          animate={{
+                            x: ["0%", "-50%"],
+                          }}
+                          transition={{
+                            x: {
+                              repeat: Infinity,
+                              repeatType: "loop",
+                              duration: 8,
+                              ease: "linear",
+                            },
+                          }}
+                        >
+                          <span>
+                            {t(nameKey)} &nbsp;&nbsp;&nbsp;&nbsp;
+                          </span>
+                          <span>
+                            {t(nameKey)} &nbsp;&nbsp;&nbsp;&nbsp;
+                          </span>
+                        </motion.div>
+                      </div>
+                    ) : (
+                      <span>{t(nameKey)}</span>
+                    )}
                  </button>
                </li>
              ))}
--- a/src/renderer/src/context/game-details/game-details.context.tsx
+++ b/src/renderer/src/context/game-details/game-details.context.tsx
@@ -1,6 +1,8 @@
 import { createContext, useCallback, useEffect, useRef, useState } from "react";

 import { setHeaderTitle } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import { getSteamLanguage } from "@renderer/helpers";
 import {
  useAppDispatch,
@@ -10,6 +12,7 @@ import {
 } from "@renderer/hooks";

 import type {
+  DownloadSource,
  GameRepack,
  GameShop,
  GameStats,
@@ -297,7 +300,10 @@ export function GameDetailsContextProvider({

    const fetchDownloadSources = async () => {
      try {
-        const sources = await window.electron.getDownloadSources();
+        const sourcesRaw = (await levelDBService.values(
+          "downloadSources"
+        )) as DownloadSource[];
+        const sources = orderBy(sourcesRaw, "createdAt", "desc");

        const params = {
          take: 100,
--- a/src/renderer/src/context/settings/settings.context.tsx
+++ b/src/renderer/src/context/settings/settings.context.tsx
@@ -2,6 +2,7 @@ import { createContext, useCallback, useEffect, useState } from "react";

 import { setUserPreferences } from "@renderer/features";
 import { useAppDispatch } from "@renderer/hooks";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import type { UserBlocks, UserPreferences } from "@types";
 import { useSearchParams } from "react-router-dom";

@@ -134,9 +135,11 @@ export function SettingsContextProvider({

  const updateUserPreferences = async (values: Partial<UserPreferences>) => {
    await window.electron.updateUserPreferences(values);
-    window.electron.getUserPreferences().then((userPreferences) => {
-      dispatch(setUserPreferences(userPreferences));
-    });
+    levelDBService
+      .get("userPreferences", null, "json")
+      .then((userPreferences) => {
+        dispatch(setUserPreferences(userPreferences as UserPreferences | null));
+      });
  };

  return (
--- a/src/renderer/src/declaration.d.ts
+++ b/src/renderer/src/declaration.d.ts
@@ -438,6 +438,25 @@ declare global {
    onNewDownloadOptions: (
      cb: (gamesWithNewOptions: { gameId: string; count: number }[]) => void
    ) => () => Electron.IpcRenderer;
+
+    /* LevelDB Generic CRUD */
+    leveldb: {
+      get: (
+        key: string,
+        sublevelName?: string | null,
+        valueEncoding?: "json" | "utf8"
+      ) => Promise<unknown>;
+      put: (
+        key: string,
+        value: unknown,
+        sublevelName?: string | null,
+        valueEncoding?: "json" | "utf8"
+      ) => Promise<void>;
+      del: (key: string, sublevelName?: string | null) => Promise<void>;
+      clear: (sublevelName: string) => Promise<void>;
+      values: (sublevelName: string) => Promise<unknown[]>;
+      iterator: (sublevelName: string) => Promise<[string, unknown][]>;
+    };
  }

  interface Window {
--- a/src/renderer/src/helpers.ts
+++ b/src/renderer/src/helpers.ts
@@ -3,6 +3,7 @@ import type { GameShop } from "@types";
 import Color from "color";
 import { v4 as uuidv4 } from "uuid";
 import { THEME_WEB_STORE_URL } from "./constants";
+import { levelDBService } from "./services/leveldb.service";

 export const formatDownloadProgress = (
  progress?: number,
@@ -127,7 +128,12 @@ export const getAchievementSoundUrl = async (): Promise<string> => {
    .default;

  try {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      id: string;
+      isActive?: boolean;
+      hasCustomSound?: boolean;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);

    if (activeTheme?.hasCustomSound) {
      const soundDataUrl = await window.electron.getThemeSoundDataUrl(
@@ -146,10 +152,18 @@ export const getAchievementSoundUrl = async (): Promise<string> => {

 export const getAchievementSoundVolume = async (): Promise<number> => {
  try {
-    const prefs = await window.electron.getUserPreferences();
+    const prefs = (await levelDBService.get(
+      "userPreferences",
+      null,
+      "json"
+    )) as { achievementSoundVolume?: number } | null;
    return prefs?.achievementSoundVolume ?? 0.15;
  } catch (error) {
    console.error("Failed to get sound volume", error);
    return 0.15;
  }
 };
+
+export const getGameKey = (shop: GameShop, objectId: string): string => {
+  return `${shop}:${objectId}`;
+};
--- a/src/renderer/src/hooks/index.ts
+++ b/src/renderer/src/hooks/index.ts
@@ -8,3 +8,6 @@ export * from "./use-format";
 export * from "./use-feature";
 export * from "./use-download-options-listener";
 export * from "./use-game-card";
+export * from "./use-search-history";
+export * from "./use-search-suggestions";
+export * from "./use-hls-video";
--- a/src/renderer/src/hooks/use-catalogue.ts
+++ b/src/renderer/src/hooks/use-catalogue.ts
@@ -1,8 +1,9 @@
 import axios from "axios";
 import { useCallback, useEffect, useState } from "react";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import type { DownloadSource } from "@types";
 import { useAppDispatch } from "./redux";
 import { setGenres, setTags } from "@renderer/features";
-import type { DownloadSource } from "@types";

 export const externalResourcesInstance = axios.create({
  baseURL: import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL,
@@ -40,8 +41,9 @@ export function useCatalogue() {
  }, []);

  const getDownloadSources = useCallback(() => {
-    window.electron.getDownloadSources().then((results) => {
-      setDownloadSources(results.filter((source) => !!source.fingerprint));
+    levelDBService.values("downloadSources").then((results) => {
+      const sources = results as DownloadSource[];
+      setDownloadSources(sources.filter((source) => !!source.fingerprint));
    });
  }, []);

--- a/src/renderer/src/hooks/use-hls-video.ts
+++ b/src/renderer/src/hooks/use-hls-video.ts
@@ -0,0 +1,102 @@
+import { useEffect, useRef } from "react";
+import Hls from "hls.js";
+import { logger } from "@renderer/logger";
+
+interface UseHlsVideoOptions {
+  videoSrc: string | undefined;
+  videoType: string | undefined;
+  autoplay?: boolean;
+  muted?: boolean;
+  loop?: boolean;
+}
+
+export function useHlsVideo(
+  videoRef: React.RefObject<HTMLVideoElement>,
+  { videoSrc, videoType, autoplay, muted, loop }: UseHlsVideoOptions
+) {
+  const hlsRef = useRef<Hls | null>(null);
+
+  useEffect(() => {
+    const video = videoRef.current;
+    if (!video || !videoSrc) return;
+
+    const isHls = videoType === "application/x-mpegURL";
+
+    if (!isHls) {
+      return undefined;
+    }
+
+    if (Hls.isSupported()) {
+      const hls = new Hls({
+        enableWorker: true,
+        lowLatencyMode: false,
+      });
+
+      hlsRef.current = hls;
+
+      hls.loadSource(videoSrc);
+      hls.attachMedia(video);
+
+      hls.on(Hls.Events.MANIFEST_PARSED, () => {
+        if (autoplay) {
+          video.play().catch((err) => {
+            logger.warn("Failed to autoplay HLS video:", err);
+          });
+        }
+      });
+
+      hls.on(Hls.Events.ERROR, (_event, data) => {
+        if (data.fatal) {
+          switch (data.type) {
+            case Hls.ErrorTypes.NETWORK_ERROR:
+              logger.error("HLS network error, trying to recover");
+              hls.startLoad();
+              break;
+            case Hls.ErrorTypes.MEDIA_ERROR:
+              logger.error("HLS media error, trying to recover");
+              hls.recoverMediaError();
+              break;
+            default:
+              logger.error("HLS fatal error, destroying instance");
+              hls.destroy();
+              break;
+          }
+        }
+      });
+
+      return () => {
+        hls.destroy();
+        hlsRef.current = null;
+      };
+    } else if (video.canPlayType("application/vnd.apple.mpegurl")) {
+      video.src = videoSrc;
+      video.load();
+      if (autoplay) {
+        video.play().catch((err) => {
+          logger.warn("Failed to autoplay HLS video:", err);
+        });
+      }
+
+      return () => {
+        video.src = "";
+      };
+    } else {
+      logger.warn("HLS playback is not supported in this browser");
+      return undefined;
+    }
+  }, [videoRef, videoSrc, videoType, autoplay, muted, loop]);
+
+  useEffect(() => {
+    const video = videoRef.current;
+    if (!video) return;
+
+    if (muted !== undefined) {
+      video.muted = muted;
+    }
+    if (loop !== undefined) {
+      video.loop = loop;
+    }
+  }, [videoRef, muted, loop]);
+
+  return hlsRef.current;
+}
--- a/src/renderer/src/hooks/use-search-history.ts
+++ b/src/renderer/src/hooks/use-search-history.ts
@@ -0,0 +1,89 @@
+import { useState, useCallback, useEffect, useRef } from "react";
+import { levelDBService } from "@renderer/services/leveldb.service";
+
+export interface SearchHistoryEntry {
+  query: string;
+  timestamp: number;
+  context: "library" | "catalogue";
+}
+
+const LEVELDB_KEY = "searchHistory";
+const MAX_HISTORY_ENTRIES = 15;
+
+export function useSearchHistory() {
+  const [history, setHistory] = useState<SearchHistoryEntry[]>([]);
+  const isInitialized = useRef(false);
+
+  useEffect(() => {
+    const loadHistory = async () => {
+      if (isInitialized.current) return;
+      isInitialized.current = true;
+
+      try {
+        const data = (await levelDBService.get(LEVELDB_KEY, null, "json")) as
+          | SearchHistoryEntry[]
+          | null;
+
+        if (data) {
+          setHistory(data);
+        }
+      } catch {
+        setHistory([]);
+      }
+    };
+
+    loadHistory();
+  }, []);
+
+  const addToHistory = useCallback(
+    (query: string, context: "library" | "catalogue") => {
+      if (!query.trim()) return;
+
+      const newEntry: SearchHistoryEntry = {
+        query: query.trim(),
+        timestamp: Date.now(),
+        context,
+      };
+
+      setHistory((prev) => {
+        const filtered = prev.filter(
+          (entry) => entry.query.toLowerCase() !== query.toLowerCase().trim()
+        );
+        const updated = [newEntry, ...filtered].slice(0, MAX_HISTORY_ENTRIES);
+        levelDBService.put(LEVELDB_KEY, updated, null, "json");
+        return updated;
+      });
+    },
+    []
+  );
+
+  const removeFromHistory = useCallback((query: string) => {
+    setHistory((prev) => {
+      const updated = prev.filter((entry) => entry.query !== query);
+      levelDBService.put(LEVELDB_KEY, updated, null, "json");
+      return updated;
+    });
+  }, []);
+
+  const clearHistory = useCallback(() => {
+    setHistory([]);
+    levelDBService.del(LEVELDB_KEY, null);
+  }, []);
+
+  const getRecentHistory = useCallback(
+    (context: "library" | "catalogue", limit: number = 3) => {
+      return history
+        .filter((entry) => entry.context === context)
+        .slice(0, limit);
+    },
+    [history]
+  );
+
+  return {
+    history,
+    addToHistory,
+    removeFromHistory,
+    clearHistory,
+    getRecentHistory,
+  };
+}
--- a/src/renderer/src/hooks/use-search-suggestions.ts
+++ b/src/renderer/src/hooks/use-search-suggestions.ts
@@ -0,0 +1,163 @@
+import { useState, useEffect, useCallback, useRef } from "react";
+import { useAppSelector } from "./redux";
+import { debounce } from "lodash-es";
+import { logger } from "@renderer/logger";
+import type { GameShop } from "@types";
+
+export interface SearchSuggestion {
+  title: string;
+  objectId: string;
+  shop: GameShop;
+  iconUrl: string | null;
+  source: "library" | "catalogue";
+}
+
+export function useSearchSuggestions(
+  query: string,
+  isOnLibraryPage: boolean,
+  enabled: boolean = true
+) {
+  const [suggestions, setSuggestions] = useState<SearchSuggestion[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const library = useAppSelector((state) => state.library.value);
+  const abortControllerRef = useRef<AbortController | null>(null);
+  const cacheRef = useRef<Map<string, SearchSuggestion[]>>(new Map());
+
+  const getLibrarySuggestions = useCallback(
+    (searchQuery: string, limit: number = 3): SearchSuggestion[] => {
+      if (!searchQuery.trim()) return [];
+
+      const queryLower = searchQuery.toLowerCase();
+      const matches: SearchSuggestion[] = [];
+
+      for (const game of library) {
+        if (matches.length >= limit) break;
+
+        const titleLower = game.title.toLowerCase();
+        let queryIndex = 0;
+
+        for (
+          let i = 0;
+          i < titleLower.length && queryIndex < queryLower.length;
+          i++
+        ) {
+          if (titleLower[i] === queryLower[queryIndex]) {
+            queryIndex++;
+          }
+        }
+
+        if (queryIndex === queryLower.length) {
+          matches.push({
+            title: game.title,
+            objectId: game.objectId,
+            shop: game.shop,
+            iconUrl: game.iconUrl,
+            source: "library",
+          });
+        }
+      }
+
+      return matches;
+    },
+    [library]
+  );
+
+  const fetchCatalogueSuggestions = useCallback(
+    async (searchQuery: string, limit: number = 3) => {
+      if (!searchQuery.trim() || searchQuery.length < 2) {
+        setSuggestions([]);
+        setIsLoading(false);
+        return;
+      }
+
+      const cacheKey = `${searchQuery.toLowerCase()}_${limit}`;
+      const cachedResults = cacheRef.current.get(cacheKey);
+
+      if (cachedResults) {
+        setSuggestions(cachedResults);
+        setIsLoading(false);
+        return;
+      }
+
+      abortControllerRef.current?.abort();
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+
+      setIsLoading(true);
+
+      try {
+        const response = await window.electron.hydraApi.get<
+          {
+            title: string;
+            objectId: string;
+            shop: GameShop;
+            iconUrl: string | null;
+          }[]
+        >("/catalogue/search/suggestions", {
+          params: {
+            query: searchQuery,
+            limit,
+          },
+          needsAuth: false,
+        });
+
+        if (abortController.signal.aborted) return;
+
+        const catalogueSuggestions: SearchSuggestion[] = response.map(
+          (item) => ({
+            ...item,
+            source: "catalogue" as const,
+          })
+        );
+
+        cacheRef.current.set(cacheKey, catalogueSuggestions);
+        setSuggestions(catalogueSuggestions);
+      } catch (error) {
+        if (!abortController.signal.aborted) {
+          setSuggestions([]);
+          logger.error("Failed to fetch catalogue suggestions", error);
+        }
+      } finally {
+        if (!abortController.signal.aborted) {
+          setIsLoading(false);
+        }
+      }
+    },
+    []
+  );
+
+  const debouncedFetchCatalogue = useRef(
+    debounce(fetchCatalogueSuggestions, 300)
+  ).current;
+
+  useEffect(() => {
+    if (!enabled || !query || query.length < 2) {
+      setSuggestions([]);
+      setIsLoading(false);
+      abortControllerRef.current?.abort();
+      debouncedFetchCatalogue.cancel();
+      return;
+    }
+
+    if (isOnLibraryPage) {
+      const librarySuggestions = getLibrarySuggestions(query, 3);
+      setSuggestions(librarySuggestions);
+      setIsLoading(false);
+    } else {
+      debouncedFetchCatalogue(query, 3);
+    }
+
+    return () => {
+      debouncedFetchCatalogue.cancel();
+      abortControllerRef.current?.abort();
+    };
+  }, [
+    query,
+    isOnLibraryPage,
+    enabled,
+    getLibrarySuggestions,
+    debouncedFetchCatalogue,
+  ]);
+
+  return { suggestions, isLoading };
+}
--- a/src/renderer/src/main.tsx
+++ b/src/renderer/src/main.tsx
@@ -21,6 +21,7 @@ import resources from "@locales";

 import { logger } from "./logger";
 import { addCookieInterceptor } from "./cookies";
+import { levelDBService } from "./services/leveldb.service";
 import Catalogue from "./pages/catalogue/catalogue";
 import Home from "./pages/home/home";
 import Downloads from "./pages/downloads/downloads";
@@ -48,7 +49,11 @@ i18n
    },
  })
  .then(async () => {
-    const userPreferences = await window.electron.getUserPreferences();
+    const userPreferences = (await levelDBService.get(
+      "userPreferences",
+      null,
+      "json"
+    )) as { language?: string } | null;

    if (userPreferences?.language) {
      i18n.changeLanguage(userPreferences.language);
--- a/src/renderer/src/pages/achievements/notification/achievement-notification.tsx
+++ b/src/renderer/src/pages/achievements/notification/achievement-notification.tsx
@@ -11,6 +11,7 @@ import {
  getAchievementSoundVolume,
 } from "@renderer/helpers";
 import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import app from "../../../app.scss?inline";
 import styles from "../../../components/achievements/notification/achievement-notification.scss?inline";
 import root from "react-shadow";
@@ -144,7 +145,11 @@ export function AchievementNotification() {

  const loadAndApplyTheme = useCallback(async () => {
    if (!shadowRootRef) return;
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+      code?: string;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);
    if (activeTheme?.code) {
      injectCustomCss(activeTheme.code, shadowRootRef);
    } else {
--- a/src/renderer/src/pages/downloads/download-group.scss
+++ b/src/renderer/src/pages/downloads/download-group.scss
@@ -4,158 +4,512 @@
  display: flex;
  flex-direction: column;
  gap: calc(globals.$spacing-unit * 2);
+  margin-inline: calc(globals.$spacing-unit * 3);
+  padding-block: calc(globals.$spacing-unit * 3);

-  &__details-with-article {
-    display: flex;
-    align-items: center;
-    gap: calc(globals.$spacing-unit / 2);
-    align-self: flex-start;
-    cursor: pointer;
+  &--queued {
+    padding-bottom: 0;
+  }
+
+  &--completed {
+    padding-top: calc(globals.$spacing-unit * 3);
  }

  &__header {
    display: flex;
    align-items: center;
-    justify-content: space-between;
-    gap: calc(globals.$spacing-unit * 2);
+    gap: calc(globals.$spacing-unit);

-    &-divider {
+    &-title-group {
+      display: flex;
+      align-items: center;
+      gap: calc(globals.$spacing-unit);
      flex: 1;
-      background-color: globals.$border-color;
-      height: 1px;
+
+      h2 {
+        margin: 0;
+        font-size: 20px;
+        font-weight: 700;
+        color: rgba(255, 255, 255, 0.95);
+      }
    }

    &-count {
-      font-weight: 400;
+      background-color: rgba(255, 255, 255, 0.1);
+      color: rgba(255, 255, 255, 0.7);
+      padding: 4px 8px;
+      border-radius: 6px;
+      font-size: 12px;
+      font-weight: 600;
+      min-width: 24px;
+      text-align: center;
+      flex-shrink: 0;
    }
  }
-
-  &__title-wrapper {
-    display: flex;
-    align-items: center;
-    margin-bottom: globals.$spacing-unit;
-    gap: globals.$spacing-unit;
-  }
-
-  &__title {
-    font-weight: bold;
-    cursor: pointer;
-    color: globals.$body-color;
-    text-align: left;
-    font-size: 16px;
-    display: block;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  &__downloads {
+  &--hero {
    width: 100%;
-    gap: calc(globals.$spacing-unit * 2);
-    display: flex;
-    flex-direction: column;
+    position: relative;
+    overflow: hidden;
    margin: 0;
    padding: 0;
-    margin-top: globals.$spacing-unit;
+    padding-bottom: globals.$spacing-unit;
  }

-  &__item {
+  &__hero-background {
+    position: absolute;
+    top: 0;
+    left: 0;
    width: 100%;
-    background-color: globals.$background-color;
-    display: flex;
-    border-radius: 8px;
-    border: solid 1px globals.$border-color;
-    overflow: hidden;
-    box-shadow: 0px 0px 5px 0px #000000;
-    transition: all ease 0.2s;
-    height: 140px;
-    min-height: 140px;
-    max-height: 140px;
-    position: relative;
+    height: 120%;
+    z-index: 0;

-    &--hydra {
-      box-shadow: 0px 0px 16px 0px rgba(12, 241, 202, 0.15);
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      object-position: 50% 20%;
    }
  }
-  &__cover {
-    width: 280px;
-    min-width: 280px;
-    height: auto;
-    border-right: solid 1px globals.$border-color;
+  // PLEASE FIX THE COLORS
+  &__hero-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.3) 0%,
+      rgb(5, 5, 5) 70%,
+      rgb(26, 26, 26) 100%
+    );
+  }
+
+  &__hero-content {
    position: relative;
    z-index: 1;
-
-    &-content {
-      width: 100%;
-      height: 100%;
-      padding: globals.$spacing-unit;
-      display: flex;
-      align-items: flex-end;
-      justify-content: flex-end;
-    }
-
-    &-backdrop {
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(
-        0deg,
-        rgba(0, 0, 0, 0.8) 5%,
-        transparent 100%
-      );
-      display: flex;
-      overflow: hidden;
-      z-index: 1;
-    }
-
-    &-image {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      z-index: -1;
-    }
-  }
-
-  &__right-content {
-    display: flex;
-    padding: calc(globals.$spacing-unit * 2);
-    flex: 1;
-    gap: globals.$spacing-unit;
-    background: linear-gradient(90deg, transparent 20%, rgb(0 0 0 / 20%) 100%);
-  }
-
-  &__details {
+    padding: calc(globals.$spacing-unit * 4);
+    padding-bottom: 0;
    display: flex;
    flex-direction: column;
-    flex: 1;
-    justify-content: center;
-    gap: calc(globals.$spacing-unit / 2);
-    font-size: 14px;
+    gap: calc(globals.$spacing-unit * 2);
  }

-  &__actions {
+  &__hero-logo {
+    flex: 1;
+    min-width: 0;
    display: flex;
    align-items: center;
-    gap: globals.$spacing-unit;
+
+    &-button {
+      background: none;
+      border: none;
+      padding: 0;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      transition: opacity 0.2s ease;
+      outline: none;
+
+      &:hover {
+        opacity: 0.8;
+      }
+
+      &:focus,
+      &:focus-visible {
+        outline: none;
+      }
+    }
+
+    img {
+      max-width: 180px;
+      max-height: 60px;
+      object-fit: contain;
+      cursor: pointer;
+      transition: opacity 0.2s ease;
+
+      &:hover {
+        opacity: 0.8;
+      }
+
+      &:focus {
+        outline: 2px solid rgba(255, 255, 255, 0.5);
+        outline-offset: 4px;
+        border-radius: 4px;
+      }
+
+      @container #{globals.$app-container} (min-width: 700px) {
+        max-width: 220px;
+        max-height: 75px;
+      }
+
+      @container #{globals.$app-container} (min-width: 900px) {
+        max-width: 280px;
+        max-height: 95px;
+      }
+
+      @container #{globals.$app-container} (min-width: 1200px) {
+        max-width: 340px;
+        max-height: 115px;
+      }
+
+      @container #{globals.$app-container} (min-width: 1500px) {
+        max-width: 400px;
+        max-height: 130px;
+      }
+    }
+
+    h1 {
+      font-size: 20px;
+      font-weight: 700;
+      color: #ffffff;
+      text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.9);
+      margin: 0;
+      cursor: pointer;
+      transition: opacity 0.2s ease;
+
+      &:hover {
+        opacity: 0.8;
+      }
+
+      &:focus {
+        outline: 2px solid rgba(255, 255, 255, 0.5);
+        outline-offset: 4px;
+        border-radius: 4px;
+      }
+
+      @container #{globals.$app-container} (min-width: 700px) {
+        font-size: 26px;
+      }
+
+      @container #{globals.$app-container} (min-width: 900px) {
+        font-size: 32px;
+      }
+
+      @container #{globals.$app-container} (min-width: 1200px) {
+        font-size: 38px;
+      }
+
+      @container #{globals.$app-container} (min-width: 1500px) {
+        font-size: 44px;
+      }
+    }
  }

-  &__menu-button {
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    border-radius: 50%;
-    border: none;
-    padding: 8px;
+  &__hero-action-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: calc(globals.$spacing-unit * 3);
+    margin-top: calc(globals.$spacing-unit * 4);
+    margin-bottom: calc(globals.$spacing-unit * 2);
+  }
+
+  &__hero-buttons {
+    display: flex;
+    gap: calc(globals.$spacing-unit);
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  &__glass-btn {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    border-radius: 8px;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    box-shadow:
+      0 10px 15px -3px rgba(0, 0, 0, 0.1),
+      0 4px 6px -4px rgba(0, 0, 0, 0.1);
+    color: #fff;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.2);
+    }
+  }
+
+  &__hero-progress {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__progress-info-row {
+    flex: 1;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__progress-row {
+    display: flex;
+    align-items: flex-end;
+    gap: calc(globals.$spacing-unit * 2);
+
+    &--bar {
+      margin-top: calc(globals.$spacing-unit);
+    }
+  }
+
+  &__progress-status {
+    font-size: 13px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.9);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  &__progress-percentage {
+    font-size: 14px;
+    font-weight: 700;
+    color: #ffffff;
+    align-self: flex-end;
+    display: inline-block;
+    overflow: hidden;
+    line-height: 1.2;
+
+    span {
+      display: inline-block;
+    }
+  }
+
+  &__progress-size {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit);
+    font-size: 13px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  &__progress-status {
+    font-size: 13px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  &__progress-time {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit);
+    font-size: 13px;
+    color: globals.$muted-color;
+  }
+
+  &__hero-stats {
+    display: flex;
+    gap: calc(globals.$spacing-unit * 4);
+    padding: calc(globals.$spacing-unit * 2);
+    border-radius: 12px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(26, 26, 26, 0.1);
+    backdrop-filter: blur(8px);
+    margin-top: calc(globals.$spacing-unit * 2);
+  }
+
+  &__stats-column {
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit * 2);
+    min-width: 200px;
+    padding-right: calc(globals.$spacing-unit * 2);
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+    align-self: flex-start;
+  }
+
+  &__speed-chart {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+  }
+
+  &__speed-chart-canvas {
+    width: 100%;
+    height: 80px;
+    image-rendering: crisp-edges;
+  }
+
+  &__stat-item {
+    display: flex;
+    align-items: flex-end;
+    gap: calc(globals.$spacing-unit);
+
+    svg {
+      opacity: 0.8;
+      flex-shrink: 0;
+    }
+  }
+
+  &__stat-content {
+    display: flex;
+    justify-content: space-between;
+    gap: calc(globals.$spacing-unit / 2);
+    width: 100%;
+  }
+
+  &__stat-label {
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 10px;
+    color: rgba(255, 255, 255, 0.6);
+  }
+
+  &__stat-value {
+    color: #ffffff;
+    font-weight: 700;
+    font-size: 11px;
+    line-height: 1.2;
+  }
+
+  &__simple-list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit * 2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  &__simple-card {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 2);
+    border-radius: 8px;
+  }
+
+  &__simple-thumbnail {
+    width: 200px;
+    height: 100px;
+    border-radius: 6px;
+    overflow: hidden;
+    flex-shrink: 0;
+    background-color: rgba(0, 0, 0, 0.3);
+    border: 1px solid globals.$border-color;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  &__simple-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit / 1);
+  }
+
+  &__simple-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #ffffff;
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__simple-meta {
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit * 1.5);
+  }
+
+  &__simple-meta-row {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 2);
+    font-size: 13px;
+    color: globals.$muted-color;
+  }
+
+  &__simple-size {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit / 2);
+    font-weight: 500;
+  }
+
+  &__simple-extracting {
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit / 2);
+    font-weight: 500;
+    color: globals.$muted-color;
+  }
+
+  &__simple-seeding {
+    color: #4ade80;
+    font-weight: 600;
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  &__simple-progress {
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit / 2);
+    width: 200px;
+    flex-shrink: 0;
+  }
+
+  &__simple-progress-text {
+    font-size: 12px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.8);
+    text-align: right;
+  }
+
+  &__simple-actions {
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: calc(globals.$spacing-unit);
+  }
+
+  &__simple-menu-btn {
+    padding: calc(globals.$spacing-unit);
    min-height: unset;
  }

-  &__hydra-gradient {
-    background: linear-gradient(90deg, #01483c 0%, #0cf1ca 50%, #01483c 100%);
-    box-shadow: 0px 0px 8px 0px rgba(12, 241, 202, 0.15);
+  &__progress-wrapper {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: calc(globals.$spacing-unit / 2);
+  }
+
+  &__progress-bar {
    width: 100%;
-    position: absolute;
-    bottom: 0;
-    height: 2px;
-    z-index: 1;
+    height: 8px;
+    background-color: rgba(255, 255, 255, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    margin-top: calc(globals.$spacing-unit / 2);
+
+    &--small {
+      height: 6px;
+    }
+  }
+
+  &__progress-fill {
+    height: 100%;
+    background-color: #fff;
+    transition: width 0.3s ease;
+    border-radius: 4px;
  }
 }
--- a/src/renderer/src/pages/downloads/download-group.tsx
+++ b/src/renderer/src/pages/downloads/download-group.tsx
--- a/src/renderer/src/pages/downloads/downloads.scss
+++ b/src/renderer/src/pages/downloads/downloads.scss
@@ -3,7 +3,6 @@
 .downloads {
  &__container {
    display: flex;
-    padding: calc(globals.$spacing-unit * 3);
    flex-direction: column;
    width: 100%;
  }
--- a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx
@@ -8,6 +8,7 @@ import {
 import useEmblaCarousel from "embla-carousel-react";
 import { gameDetailsContext } from "@renderer/context";
 import { useAppSelector } from "@renderer/hooks";
+import { VideoPlayer } from "./video-player";
 import "./gallery-slider.scss";

 export function GallerySlider() {
@@ -100,20 +101,44 @@ export function GallerySlider() {
      src?: string;
      poster?: string;
      videoSrc?: string;
+      videoType?: string;
      alt: string;
    }> = [];

    if (shopDetails?.movies) {
      shopDetails.movies.forEach((video, index) => {
-        items.push({
-          id: String(video.id),
-          type: "video",
-          poster: video.thumbnail,
-          videoSrc: video.mp4.max.startsWith("http://")
-            ? video.mp4.max.replace("http://", "https://")
-            : video.mp4.max,
-          alt: t("video", { number: String(index + 1) }),
-        });
+        let videoSrc: string | undefined;
+        let videoType: string | undefined;
+
+        if (video.hls_h264) {
+          videoSrc = video.hls_h264;
+          videoType = "application/x-mpegURL";
+        } else if (video.dash_h264) {
+          videoSrc = video.dash_h264;
+          videoType = "application/dash+xml";
+        } else if (video.dash_av1) {
+          videoSrc = video.dash_av1;
+          videoType = "application/dash+xml";
+        } else if (video.mp4?.max) {
+          videoSrc = video.mp4.max;
+          videoType = "video/mp4";
+        } else if (video.webm?.max) {
+          videoSrc = video.webm.max;
+          videoType = "video/webm";
+        }
+
+        if (videoSrc) {
+          items.push({
+            id: String(video.id),
+            type: "video",
+            poster: video.thumbnail,
+            videoSrc: videoSrc.startsWith("http://")
+              ? videoSrc.replace("http://", "https://")
+              : videoSrc,
+            videoType,
+            alt: video.name || t("video", { number: String(index + 1) }),
+          });
+        }
      });
    }

@@ -163,17 +188,17 @@ export function GallerySlider() {
          {mediaItems.map((item) => (
            <div key={item.id} className="gallery-slider__slide">
              {item.type === "video" ? (
-                <video
-                  controls
-                  className="gallery-slider__media"
+                <VideoPlayer
+                  videoSrc={item.videoSrc}
+                  videoType={item.videoType}
                  poster={item.poster}
+                  autoplay={autoplayEnabled}
                  loop
                  muted
-                  autoPlay={autoplayEnabled}
+                  controls
+                  className="gallery-slider__media"
                  tabIndex={-1}
-                >
-                  <source src={item.videoSrc} />
-                </video>
+                />
              ) : (
                <img
                  className="gallery-slider__media"
--- a/src/renderer/src/pages/game-details/gallery-slider/video-player.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider/video-player.tsx
@@ -0,0 +1,70 @@
+import { useRef } from "react";
+import { useHlsVideo } from "@renderer/hooks";
+
+interface VideoPlayerProps {
+  videoSrc?: string;
+  videoType?: string;
+  poster?: string;
+  autoplay?: boolean;
+  muted?: boolean;
+  loop?: boolean;
+  controls?: boolean;
+  tabIndex?: number;
+  className?: string;
+}
+
+export function VideoPlayer({
+  videoSrc,
+  videoType,
+  poster,
+  autoplay = false,
+  muted = true,
+  loop = false,
+  controls = true,
+  tabIndex = -1,
+  className,
+}: VideoPlayerProps) {
+  const videoRef = useRef<HTMLVideoElement>(null);
+  const isHls = videoType === "application/x-mpegURL";
+
+  useHlsVideo(videoRef, {
+    videoSrc,
+    videoType,
+    autoplay,
+    muted,
+    loop,
+  });
+
+  if (isHls) {
+    return (
+      <video
+        ref={videoRef}
+        controls={controls}
+        className={className}
+        poster={poster}
+        loop={loop}
+        muted={muted}
+        autoPlay={autoplay}
+        tabIndex={tabIndex}
+      >
+        <track kind="captions" />
+      </video>
+    );
+  }
+
+  return (
+    <video
+      ref={videoRef}
+      controls={controls}
+      className={className}
+      poster={poster}
+      loop={loop}
+      muted={muted}
+      autoPlay={autoplay}
+      tabIndex={tabIndex}
+    >
+      {videoSrc && <source src={videoSrc} type={videoType} />}
+      <track kind="captions" />
+    </video>
+  );
+}
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -1,7 +1,7 @@
 import { useContext, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button, CheckboxField, Modal, TextField } from "@renderer/components";
-import type { LibraryGame, ShortcutLocation } from "@types";
+import type { Game, LibraryGame, ShortcutLocation } from "@types";
 import { gameDetailsContext } from "@renderer/context";
 import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
 import { useDownload, useToast, useUserDetails } from "@renderer/hooks";
@@ -11,6 +11,8 @@ import { ChangeGamePlaytimeModal } from "./change-game-playtime-modal";
 import { FileDirectoryIcon, FileIcon } from "@primer/octicons-react";
 import SteamLogo from "@renderer/assets/steam-logo.svg?react";
 import { debounce } from "lodash-es";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { getGameKey } from "@renderer/helpers";
 import "./game-options-modal.scss";
 import { logger } from "@renderer/logger";

@@ -75,11 +77,19 @@ export function GameOptionsModal({

  const debounceUpdateLaunchOptions = useRef(
    debounce(async (value: string) => {
-      await window.electron.updateLaunchOptions(
-        game.shop,
-        game.objectId,
-        value
-      );
+      const gameKey = getGameKey(game.shop, game.objectId);
+      const gameData = (await levelDBService.get(
+        gameKey,
+        "games"
+      )) as Game | null;
+      if (gameData) {
+        const trimmedValue = value.trim();
+        const updated = {
+          ...gameData,
+          launchOptions: trimmedValue ? trimmedValue : null,
+        };
+        await levelDBService.put(gameKey, updated, "games");
+      }
      updateGame();
    }, 1000)
  ).current;
@@ -213,9 +223,16 @@ export function GameOptionsModal({
  const handleClearLaunchOptions = async () => {
    setLaunchOptions("");

-    window.electron
-      .updateLaunchOptions(game.shop, game.objectId, null)
-      .then(updateGame);
+    const gameKey = getGameKey(game.shop, game.objectId);
+    const gameData = (await levelDBService.get(
+      gameKey,
+      "games"
+    )) as Game | null;
+    if (gameData) {
+      const updated = { ...gameData, launchOptions: null };
+      await levelDBService.put(gameKey, updated, "games");
+    }
+    updateGame();
  };

  const shouldShowWinePrefixConfiguration =
@@ -256,11 +273,15 @@ export function GameOptionsModal({
  ) => {
    setAutomaticCloudSync(event.target.checked);

-    await window.electron.toggleAutomaticCloudSync(
-      game.shop,
-      game.objectId,
-      event.target.checked
-    );
+    const gameKey = getGameKey(game.shop, game.objectId);
+    const gameData = (await levelDBService.get(
+      gameKey,
+      "games"
+    )) as Game | null;
+    if (gameData) {
+      const updated = { ...gameData, automaticCloudSync: event.target.checked };
+      await levelDBService.put(gameKey, updated, "games");
+    }

    updateGame();
  };
--- a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
@@ -15,7 +15,7 @@ import {
  TextField,
  CheckboxField,
 } from "@renderer/components";
-import type { DownloadSource, GameRepack } from "@types";
+import type { DownloadSource, Game, GameRepack } from "@types";

 import { DownloadSettingsModal } from "./download-settings-modal";
 import { gameDetailsContext } from "@renderer/context";
@@ -23,6 +23,8 @@ import { Downloader } from "@shared";
 import { orderBy } from "lodash-es";
 import { useDate, useFeature, useAppDispatch } from "@renderer/hooks";
 import { clearNewDownloadOptions } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { getGameKey } from "@renderer/helpers";
 import "./repacks-modal.scss";

 export interface RepacksModalProps {
@@ -98,8 +100,11 @@ export function RepacksModal({

  useEffect(() => {
    const fetchDownloadSources = async () => {
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
    };

    fetchDownloadSources();
@@ -109,10 +114,19 @@ export function RepacksModal({
    const fetchLastCheckTimestamp = async () => {
      setIsLoadingTimestamp(true);

-      const timestamp = await window.electron.getDownloadSourcesSinceValue();
+      try {
+        const timestamp = (await levelDBService.get(
+          "downloadSourcesSinceValue",
+          null,
+          "utf8"
+        )) as string | null;

-      setLastCheckTimestamp(timestamp);
-      setIsLoadingTimestamp(false);
+        setLastCheckTimestamp(timestamp);
+      } catch {
+        setLastCheckTimestamp(null);
+      } finally {
+        setIsLoadingTimestamp(false);
+      }
    };

    if (visible) {
@@ -126,7 +140,20 @@ export function RepacksModal({
      game?.newDownloadOptionsCount &&
      game.newDownloadOptionsCount > 0
    ) {
-      globalThis.electron.clearNewDownloadOptions(game.shop, game.objectId);
+      const gameKey = getGameKey(game.shop, game.objectId);
+      levelDBService
+        .get(gameKey, "games")
+        .then((gameData) => {
+          if (gameData) {
+            const updated = {
+              ...(gameData as Game),
+              newDownloadOptionsCount: undefined,
+            };
+            return levelDBService.put(gameKey, updated, "games");
+          }
+          return Promise.resolve();
+        })
+        .catch(() => {});

      const gameId = `${game.shop}:${game.objectId}`;
      dispatch(clearNewDownloadOptions({ gameId }));
@@ -204,9 +231,19 @@ export function RepacksModal({
      return false;
    }

-    const lastCheckUtc = new Date(lastCheckTimestamp).toISOString();
+    try {
+      const lastCheckDate = new Date(lastCheckTimestamp);

-    return repack.createdAt > lastCheckUtc;
+      if (isNaN(lastCheckDate.getTime())) {
+        return false;
+      }
+
+      const lastCheckUtc = lastCheckDate.toISOString();
+
+      return repack.createdAt > lastCheckUtc;
+    } catch {
+      return false;
+    }
  };

  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);
--- a/src/renderer/src/pages/home/home.tsx
+++ b/src/renderer/src/pages/home/home.tsx
@@ -1,11 +1,13 @@
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import { useNavigate } from "react-router-dom";

 import Skeleton, { SkeletonTheme } from "react-loading-skeleton";

 import { Button, GameCard, Hero } from "@renderer/components";
-import type { ShopAssets, Steam250Game } from "@types";
+import type { DownloadSource, ShopAssets, Steam250Game } from "@types";

 import flameIconStatic from "@renderer/assets/icons/flame-static.png";
 import flameIconAnimated from "@renderer/assets/icons/flame-animated.gif";
@@ -40,7 +42,10 @@ export default function Home() {
      setCurrentCatalogueCategory(category);
      setIsLoading(true);

-      const downloadSources = await window.electron.getDownloadSources();
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const downloadSources = orderBy(sources, "createdAt", "desc");

      const params = {
        take: 12,
--- a/src/renderer/src/pages/library/library-game-card-large.tsx
+++ b/src/renderer/src/pages/library/library-game-card-large.tsx
@@ -58,7 +58,9 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
    window.electron
      .getUnlockedAchievements(game.objectId, game.shop)
      .then((achievements) => {
-        setUnlockedAchievementsCount(achievements.length);
+        setUnlockedAchievementsCount(
+          achievements.filter((a) => a.unlocked).length
+        );
      });
  }, [game]);

--- a/src/renderer/src/pages/library/library.tsx
+++ b/src/renderer/src/pages/library/library.tsx
@@ -76,7 +76,13 @@ export default function Library() {

    switch (filterBy) {
      case "recently_played":
-        filtered = library.filter((game) => game.lastTimePlayed !== null);
+        filtered = library
+          .filter((game) => game.lastTimePlayed !== null)
+          .sort(
+            (a: any, b: any) =>
+              new Date(b.lastTimePlayed).getTime() -
+              new Date(a.lastTimePlayed).getTime()
+          );
        break;
      case "favorites":
        filtered = library.filter((game) => game.favorite);
--- a/src/renderer/src/pages/profile/profile-content/library-tab.tsx
+++ b/src/renderer/src/pages/profile/profile-content/library-tab.tsx
@@ -87,12 +87,16 @@ export function LibraryTab({

              <ul className="profile-content__games-grid">
                {pinnedGames?.map((game) => (
-                  <li key={game.objectId} style={{ listStyle: "none" }}>
+                  <li
+                    key={game.objectId}
+                    style={{ listStyle: "none" }}
+                    className="user-library-game__wrapper"
+                    onMouseEnter={onMouseEnter}
+                    onMouseLeave={onMouseLeave}
+                  >
                    <UserLibraryGameCard
                      game={game}
                      statIndex={statsIndex}
-                      onMouseEnter={onMouseEnter}
-                      onMouseLeave={onMouseLeave}
                      sortBy={sortBy}
                    />
                  </li>
@@ -134,6 +138,9 @@ export function LibraryTab({
                      <motion.li
                        key={`${sortBy}-${game.objectId}`}
                        style={{ listStyle: "none" }}
+                        className="user-library-game__wrapper"
+                        onMouseEnter={onMouseEnter}
+                        onMouseLeave={onMouseLeave}
                        initial={
                          isNewGame
                            ? { opacity: 0.5, y: 15, scale: 0.96 }
@@ -160,8 +167,6 @@ export function LibraryTab({
                        <UserLibraryGameCard
                          game={game}
                          statIndex={statsIndex}
-                          onMouseEnter={onMouseEnter}
-                          onMouseLeave={onMouseLeave}
                          sortBy={sortBy}
                        />
                      </motion.li>
--- a/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx
+++ b/src/renderer/src/pages/profile/profile-content/user-library-game-card.tsx
@@ -25,16 +25,12 @@ import "./user-library-game-card.scss";
 interface UserLibraryGameCardProps {
  game: UserGame;
  statIndex: number;
-  onMouseEnter: () => void;
-  onMouseLeave: () => void;
  sortBy?: string;
 }

 export function UserLibraryGameCard({
  game,
  statIndex,
-  onMouseEnter,
-  onMouseLeave,
  sortBy,
 }: UserLibraryGameCardProps) {
  const { userProfile, isMe, getUserLibraryGames } =
@@ -130,129 +126,119 @@ export function UserLibraryGameCard({

  return (
    <>
-      <li
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
-        className="user-library-game__wrapper"
+      <button
+        type="button"
+        className="user-library-game__cover"
+        onClick={() => navigate(buildUserGameDetailsPath(game))}
        title={isTooltipHovered ? undefined : game.title}
      >
-        <button
-          type="button"
-          className="user-library-game__cover"
-          onClick={() => navigate(buildUserGameDetailsPath(game))}
-        >
-          <div className="user-library-game__overlay">
-            {isMe && (
-              <div className="user-library-game__actions-container">
-                <button
-                  type="button"
-                  className="user-library-game__pin-button"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    toggleGamePinned();
-                  }}
-                  disabled={isPinning}
-                >
-                  {game.isPinned ? (
-                    <PinSlashIcon size={12} />
-                  ) : (
-                    <PinIcon size={12} />
-                  )}
-                </button>
-              </div>
-            )}
-            <div
-              className="user-library-game__playtime"
-              data-tooltip-place="top"
-              data-tooltip-content={
-                game.hasManuallyUpdatedPlaytime
-                  ? t("manual_playtime_tooltip")
-                  : undefined
-              }
-              data-tooltip-id={game.objectId}
-            >
-              {game.hasManuallyUpdatedPlaytime ? (
-                <AlertFillIcon
-                  size={11}
-                  className="user-library-game__manual-playtime"
-                />
-              ) : (
-                <ClockIcon size={11} />
-              )}
-              <span className="user-library-game__playtime-long">
-                {formatPlayTime(game.playTimeInSeconds)}
-              </span>
-              <span className="user-library-game__playtime-short">
-                {formatPlayTime(game.playTimeInSeconds, true)}
-              </span>
+        <div className="user-library-game__overlay">
+          {isMe && (
+            <div className="user-library-game__actions-container">
+              <button
+                type="button"
+                className="user-library-game__pin-button"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  toggleGamePinned();
+                }}
+                disabled={isPinning}
+              >
+                {game.isPinned ? (
+                  <PinSlashIcon size={12} />
+                ) : (
+                  <PinIcon size={12} />
+                )}
+              </button>
            </div>
+          )}
+          <div
+            className="user-library-game__playtime"
+            data-tooltip-place="top"
+            data-tooltip-content={
+              game.hasManuallyUpdatedPlaytime
+                ? t("manual_playtime_tooltip")
+                : undefined
+            }
+            data-tooltip-id={game.objectId}
+          >
+            {game.hasManuallyUpdatedPlaytime ? (
+              <AlertFillIcon
+                size={11}
+                className="user-library-game__manual-playtime"
+              />
+            ) : (
+              <ClockIcon size={11} />
+            )}
+            <span className="user-library-game__playtime-long">
+              {formatPlayTime(game.playTimeInSeconds)}
+            </span>
+            <span className="user-library-game__playtime-short">
+              {formatPlayTime(game.playTimeInSeconds, true)}
+            </span>
+          </div>

-            {userProfile?.hasActiveSubscription &&
-              game.achievementCount > 0 && (
-                <div className="user-library-game__stats">
-                  <div className="user-library-game__stats-header">
-                    <div className="user-library-game__stats-content">
-                      <div
-                        className="user-library-game__stats-item"
-                        style={{
-                          transform: `translateY(${-100 * (statIndex % getStatsItemCount())}%)`,
-                        }}
-                      >
-                        <TrophyIcon size={13} />
-                        <span>
-                          {game.unlockedAchievementCount} /{" "}
-                          {game.achievementCount}
-                        </span>
-                      </div>
-
-                      {game.achievementsPointsEarnedSum > 0 && (
-                        <div
-                          className="user-library-game__stats-item"
-                          style={{
-                            transform: `translateY(${-100 * (statIndex % getStatsItemCount())}%)`,
-                          }}
-                        >
-                          <HydraIcon width={16} height={16} />
-                          {formatAchievementPoints(
-                            game.achievementsPointsEarnedSum
-                          )}
-                        </div>
-                      )}
-                    </div>
-
+          {userProfile?.hasActiveSubscription && game.achievementCount > 0 && (
+            <div className="user-library-game__stats">
+              <div className="user-library-game__stats-header">
+                <div className="user-library-game__stats-content">
+                  <div
+                    className="user-library-game__stats-item"
+                    style={{
+                      transform: `translateY(${-100 * (statIndex % getStatsItemCount())}%)`,
+                    }}
+                  >
+                    <TrophyIcon size={13} />
                    <span>
-                      {formatDownloadProgress(
-                        game.unlockedAchievementCount / game.achievementCount,
-                        1
-                      )}
+                      {game.unlockedAchievementCount} / {game.achievementCount}
                    </span>
                  </div>

-                  <progress
-                    max={1}
-                    value={
-                      game.unlockedAchievementCount / game.achievementCount
-                    }
-                    className="user-library-game__achievements-progress"
-                  />
+                  {game.achievementsPointsEarnedSum > 0 && (
+                    <div
+                      className="user-library-game__stats-item"
+                      style={{
+                        transform: `translateY(${-100 * (statIndex % getStatsItemCount())}%)`,
+                      }}
+                    >
+                      <HydraIcon width={16} height={16} />
+                      {formatAchievementPoints(
+                        game.achievementsPointsEarnedSum
+                      )}
+                    </div>
+                  )}
                </div>
-              )}
-          </div>

-          {imageError || !game.coverImageUrl ? (
-            <div className="user-library-game__cover-placeholder">
-              <ImageIcon size={48} />
+                <span>
+                  {formatDownloadProgress(
+                    game.unlockedAchievementCount / game.achievementCount,
+                    1
+                  )}
+                </span>
+              </div>
+
+              <progress
+                max={1}
+                value={game.unlockedAchievementCount / game.achievementCount}
+                className="user-library-game__achievements-progress"
+              />
            </div>
-          ) : (
-            <img
-              src={game.coverImageUrl}
-              alt={game.title}
-              className="user-library-game__game-image"
-              onError={() => setImageError(true)}
-            />
          )}
-        </button>
-      </li>
+        </div>
+
+        {imageError || !game.coverImageUrl ? (
+          <div className="user-library-game__cover-placeholder">
+            <ImageIcon size={48} />
+          </div>
+        ) : (
+          <img
+            src={game.coverImageUrl}
+            alt={game.title}
+            className="user-library-game__game-image"
+            onError={() => setImageError(true)}
+          />
+        )}
+      </button>
      <Tooltip
        id={game.objectId}
        style={{
--- a/src/renderer/src/pages/settings/aparence/components/theme-card.tsx
+++ b/src/renderer/src/pages/settings/aparence/components/theme-card.tsx
@@ -8,6 +8,7 @@ import { useState } from "react";
 import { DeleteThemeModal } from "../modals/delete-theme-modal";
 import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
 import { THEME_WEB_STORE_URL } from "@renderer/constants";
+import { levelDBService } from "@renderer/services/leveldb.service";

 interface ThemeCardProps {
  theme: Theme;
@@ -22,11 +23,18 @@ export const ThemeCard = ({ theme, onListUpdated }: ThemeCardProps) => {

  const handleSetTheme = async () => {
    try {
-      const currentTheme = await window.electron.getCustomThemeById(theme.id);
+      const currentTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;

      if (!currentTheme) return;

-      const activeTheme = await window.electron.getActiveCustomTheme();
+      const allThemes = (await levelDBService.values("themes")) as {
+        id: string;
+        isActive?: boolean;
+      }[];
+      const activeTheme = allThemes.find((t) => t.isActive);

      if (activeTheme) {
        removeCustomCss();
--- a/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx
@@ -10,6 +10,7 @@ import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useCallback } from "react";
 import { generateUUID } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";

 import "./modals.scss";

@@ -90,7 +91,7 @@ export function AddThemeModal({
        updatedAt: new Date(),
      };

-      await window.electron.addCustomTheme(theme);
+      await levelDBService.put(theme.id, theme, "themes");
      onThemeAdded();
      onClose();
      reset();
--- a/src/renderer/src/pages/settings/aparence/modals/delete-all-themes-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/delete-all-themes-modal.tsx
@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
 import { useTranslation } from "react-i18next";
 import "./modals.scss";
 import { removeCustomCss } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";

 interface DeleteAllThemesModalProps {
  visible: boolean;
@@ -18,13 +19,16 @@ export const DeleteAllThemesModal = ({
  const { t } = useTranslation("settings");

  const handleDeleteAllThemes = async () => {
-    const activeTheme = await window.electron.getActiveCustomTheme();
+    const allThemes = (await levelDBService.values("themes")) as {
+      isActive?: boolean;
+    }[];
+    const activeTheme = allThemes.find((theme) => theme.isActive);

    if (activeTheme) {
      removeCustomCss();
    }

-    await window.electron.deleteAllCustomThemes();
+    await levelDBService.clear("themes");
    await window.electron.closeEditorWindow();
    onClose();
    onThemesDeleted();
--- a/src/renderer/src/pages/settings/aparence/modals/delete-theme-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/delete-theme-modal.tsx
@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
 import { useTranslation } from "react-i18next";
 import "./modals.scss";
 import { removeCustomCss } from "@renderer/helpers";
+import { levelDBService } from "@renderer/services/leveldb.service";

 interface DeleteThemeModalProps {
  visible: boolean;
@@ -28,7 +29,7 @@ export const DeleteThemeModal = ({
      removeCustomCss();
    }

-    await window.electron.deleteCustomTheme(themeId);
+    await levelDBService.del(themeId, "themes");
    await window.electron.closeEditorWindow(themeId);
    onThemeDeleted();
  };
--- a/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx
+++ b/src/renderer/src/pages/settings/aparence/modals/import-theme-modal.tsx
@@ -11,6 +11,7 @@ import {
 import { useToast } from "@renderer/hooks";
 import { THEME_WEB_STORE_URL } from "@renderer/constants";
 import { logger } from "@renderer/logger";
+import { levelDBService } from "@renderer/services/leveldb.service";

 interface ImportThemeModalProps {
  visible: boolean;
@@ -45,9 +46,12 @@ export const ImportThemeModal = ({
    };

    try {
-      await window.electron.addCustomTheme(theme);
+      await levelDBService.put(theme.id, theme, "themes");

-      const currentTheme = await window.electron.getCustomThemeById(theme.id);
+      const currentTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;

      if (!currentTheme) return;

@@ -61,7 +65,11 @@ export const ImportThemeModal = ({
        logger.error("Failed to import theme sound", soundError);
      }

-      const activeTheme = await window.electron.getActiveCustomTheme();
+      const allThemes = (await levelDBService.values("themes")) as {
+        id: string;
+        isActive?: boolean;
+      }[];
+      const activeTheme = allThemes.find((t) => t.isActive);

      if (activeTheme) {
        removeCustomCss();
--- a/src/renderer/src/pages/settings/aparence/settings-appearance.tsx
+++ b/src/renderer/src/pages/settings/aparence/settings-appearance.tsx
@@ -5,6 +5,7 @@ import type { Theme } from "@types";
 import { ImportThemeModal } from "./modals/import-theme-modal";
 import { settingsContext } from "@renderer/context";
 import { useNavigate } from "react-router-dom";
+import { levelDBService } from "@renderer/services/leveldb.service";

 interface SettingsAppearanceProps {
  appearance: {
@@ -31,7 +32,7 @@ export function SettingsAppearance({
  const navigate = useNavigate();

  const loadThemes = useCallback(async () => {
-    const themesList = await window.electron.getAllCustomThemes();
+    const themesList = (await levelDBService.values("themes")) as Theme[];
    setThemes(themesList);
  }, []);

--- a/src/renderer/src/pages/settings/settings-download-sources.tsx
+++ b/src/renderer/src/pages/settings/settings-download-sources.tsx
@@ -21,6 +21,8 @@ import { DownloadSourceStatus } from "@shared";
 import { settingsContext } from "@renderer/context";
 import { useNavigate } from "react-router-dom";
 import { setFilters, clearFilters } from "@renderer/features";
+import { levelDBService } from "@renderer/services/leveldb.service";
+import { orderBy } from "lodash-es";
 import "./settings-download-sources.scss";
 import { logger } from "@renderer/logger";

@@ -52,8 +54,11 @@ export function SettingsDownloadSources() {

  useEffect(() => {
    const fetchDownloadSources = async () => {
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
    };

    fetchDownloadSources();
@@ -73,8 +78,11 @@ export function SettingsDownloadSources() {
    const intervalId = setInterval(async () => {
      try {
        await window.electron.syncDownloadSources();
-        const sources = await window.electron.getDownloadSources();
-        setDownloadSources(sources);
+        const sources = (await levelDBService.values(
+          "downloadSources"
+        )) as DownloadSource[];
+        const sorted = orderBy(sources, "createdAt", "desc");
+        setDownloadSources(sorted);
      } catch (error) {
        logger.error("Failed to fetch download sources:", error);
      }
@@ -88,8 +96,11 @@ export function SettingsDownloadSources() {

    try {
      await window.electron.removeDownloadSource(false, downloadSource.id);
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
      showSuccessToast(t("removed_download_source"));
    } catch (error) {
      logger.error("Failed to remove download source:", error);
@@ -103,8 +114,11 @@ export function SettingsDownloadSources() {

    try {
      await window.electron.removeDownloadSource(true);
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
      showSuccessToast(t("removed_all_download_sources"));
    } catch (error) {
      logger.error("Failed to remove all download sources:", error);
@@ -116,8 +130,11 @@ export function SettingsDownloadSources() {

  const handleAddDownloadSource = async () => {
    try {
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);
    } catch (error) {
      logger.error("Failed to refresh download sources:", error);
    }
@@ -127,8 +144,11 @@ export function SettingsDownloadSources() {
    setIsSyncingDownloadSources(true);
    try {
      await window.electron.syncDownloadSources();
-      const sources = await window.electron.getDownloadSources();
-      setDownloadSources(sources);
+      const sources = (await levelDBService.values(
+        "downloadSources"
+      )) as DownloadSource[];
+      const sorted = orderBy(sources, "createdAt", "desc");
+      setDownloadSources(sorted);

      showSuccessToast(t("download_sources_synced_successfully"));
    } finally {
--- a/src/renderer/src/pages/theme-editor/theme-editor.tsx
+++ b/src/renderer/src/pages/theme-editor/theme-editor.tsx
@@ -16,6 +16,7 @@ import { injectCustomCss, getAchievementSoundVolume } from "@renderer/helpers";
 import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
 import { generateAchievementCustomNotificationTest } from "@shared";
 import { CollapsedMenu } from "@renderer/components/collapsed-menu/collapsed-menu";
+import { levelDBService } from "@renderer/services/leveldb.service";
 import app from "../../app.scss?inline";
 import styles from "../../components/achievements/notification/achievement-notification.scss?inline";
 import root from "react-shadow";
@@ -64,15 +65,16 @@ export default function ThemeEditor() {

  useEffect(() => {
    if (themeId) {
-      window.electron.getCustomThemeById(themeId).then((loadedTheme) => {
-        if (loadedTheme) {
-          setTheme(loadedTheme);
-          setCode(loadedTheme.code);
-          if (loadedTheme.originalSoundPath) {
-            setSoundPath(loadedTheme.originalSoundPath);
+      levelDBService.get(themeId, "themes").then((loadedTheme) => {
+        const theme = loadedTheme as Theme | null;
+        if (theme) {
+          setTheme(theme);
+          setCode(theme.code);
+          if (theme.originalSoundPath) {
+            setSoundPath(theme.originalSoundPath);
          }
          if (shadowRootRef) {
-            injectCustomCss(loadedTheme.code, shadowRootRef);
+            injectCustomCss(theme.code, shadowRootRef);
          }
        }
      });
@@ -132,7 +134,10 @@ export default function ThemeEditor() {
    if (filePaths && filePaths.length > 0) {
      const originalPath = filePaths[0];
      await window.electron.copyThemeAchievementSound(theme.id, originalPath);
-      const updatedTheme = await window.electron.getCustomThemeById(theme.id);
+      const updatedTheme = (await levelDBService.get(
+        theme.id,
+        "themes"
+      )) as Theme | null;
      if (updatedTheme) {
        setTheme(updatedTheme);
        if (updatedTheme.originalSoundPath) {
@@ -146,7 +151,10 @@ export default function ThemeEditor() {
    if (!theme) return;

    await window.electron.removeThemeAchievementSound(theme.id);
-    const updatedTheme = await window.electron.getCustomThemeById(theme.id);
+    const updatedTheme = (await levelDBService.get(
+      theme.id,
+      "themes"
+    )) as Theme | null;
    if (updatedTheme) {
      setTheme(updatedTheme);
    }
--- a/src/renderer/src/services/leveldb.service.ts
+++ b/src/renderer/src/services/leveldb.service.ts
@@ -0,0 +1,36 @@
+class LevelDBService {
+  get(
+    key: string,
+    sublevelName?: string | null,
+    valueEncoding?: "json" | "utf8"
+  ): Promise<unknown> {
+    return window.electron.leveldb.get(key, sublevelName, valueEncoding);
+  }
+
+  put(
+    key: string,
+    value: unknown,
+    sublevelName?: string | null,
+    valueEncoding?: "json" | "utf8"
+  ): Promise<void> {
+    return window.electron.leveldb.put(key, value, sublevelName, valueEncoding);
+  }
+
+  del(key: string, sublevelName?: string | null): Promise<void> {
+    return window.electron.leveldb.del(key, sublevelName);
+  }
+
+  clear(sublevelName: string): Promise<void> {
+    return window.electron.leveldb.clear(sublevelName);
+  }
+
+  values(sublevelName: string): Promise<unknown[]> {
+    return window.electron.leveldb.values(sublevelName);
+  }
+
+  iterator(sublevelName: string): Promise<[string, unknown][]> {
+    return window.electron.leveldb.iterator(sublevelName);
+  }
+}
+
+export const levelDBService = new LevelDBService();
--- a/src/types/steam.types.ts
+++ b/src/types/steam.types.ts
@@ -14,10 +14,13 @@ export interface SteamVideoSource {
  "480": string;
 }

-export interface SteamMovies {
+export interface SteamMovie {
  id: number;
-  mp4: SteamVideoSource;
-  webm: SteamVideoSource;
+  dash_av1?: string;
+  dash_h264?: string;
+  hls_h264?: string;
+  mp4?: SteamVideoSource;
+  webm?: SteamVideoSource;
  thumbnail: string;
  name: string;
  highlight: boolean;
@@ -31,7 +34,7 @@ export interface SteamAppDetails {
  short_description: string;
  publishers: string[];
  genres: SteamGenre[];
-  movies?: SteamMovies[];
+  movies?: SteamMovie[];
  supported_languages: string;
  screenshots?: SteamScreenshot[];
  pc_requirements: {
--- a/yarn.lock
+++ b/yarn.lock
@@ -5690,6 +5690,11 @@ hasown@^2.0.2:
  dependencies:
    function-bind "^1.1.2"

+hls.js@^1.5.12:
+  version "1.6.15"
+  resolved "https://registry.yarnpkg.com/hls.js/-/hls.js-1.6.15.tgz#9ce13080d143a9bc9b903fb43f081e335b8321e5"
+  integrity sha512-E3a5VwgXimGHwpRGV+WxRTKeSp2DW5DI5MWv34ulL3t5UNmyJWCQ1KmLEHbYzcfThfXG8amBL+fCYPneGHC4VA==
+
 hoist-non-react-statics@^3.3.2:
  version "3.3.2"
  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -6205,9 +6210,9 @@ jiti@^2.6.1:
  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==

 js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.1.tgz#854c292467705b699476e1a2decc0c8a3458806b"
+  integrity sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==
  dependencies:
    argparse "^2.0.1"

@@ -8518,10 +8523,10 @@ tar@^6.0.5, tar@^6.1.11, tar@^6.1.12, tar@^6.2.1:
    mkdirp "^1.0.3"
    yallist "^4.0.0"

-tar@^7.4.3:
-  version "7.5.1"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-7.5.1.tgz#750a8bd63b7c44c1848e7bf982260a083cf747c9"
-  integrity sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==
+tar@^7.5.2:
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-7.5.2.tgz#115c061495ec51ff3c6745ff8f6d0871c5b1dedc"
+  integrity sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==
  dependencies:
    "@isaacs/fs-minipass" "^4.0.0"
    chownr "^3.0.0"
Author	SHA1	Message	Date
Chubby Granny Chaser	e578047929	feat: add translation key for Hydra Wrapped 2025 in multiple languages and implement sidebar route with marquee effect Some checks failed Build Renderer / build (push) Has been cancelled Details Release / build (ubuntu-latest) (push) Has been cancelled Details Release / build (windows-2022) (push) Has been cancelled Details	2025-12-08 15:22:05 +00:00
Chubby Granny Chaser	e49d885b30	chore: update package.json to use yarn commands for type checking and building Some checks failed Build Renderer / build (push) Has been cancelled Details Release / build (ubuntu-latest) (push) Has been cancelled Details Release / build (windows-2022) (push) Has been cancelled Details	2025-11-30 15:21:50 +00:00
Chubby Granny Chaser	cb01301a0d	feat: add new translation keys for network statistics in multiple languages	2025-11-30 15:07:32 +00:00
Chubby Granny Chaser	e872b2ea8a	chore: bump version to 3.7.5 Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details	2025-11-30 06:26:43 +00:00
Chubby Granny Chaser	dd7c84b433	Merge pull request #1881 from hydralauncher/fix/downloads-ui fix: auto-resuming download isnt working after restart	2025-11-30 06:26:08 +00:00
Chubby Granny Chaser	1546da29cf	Merge branch 'fix/downloads-ui' of https://github.com/hydralauncher/hydra into fix/downloads-ui	2025-11-30 06:25:39 +00:00
Chubby Granny Chaser	a89b0bb2a8	style: refactor download group component to optimize download state management and improve UI responsiveness	2025-11-30 06:25:17 +00:00
Moyasee	9bdb216e0f	fix: deleted comment	2025-11-30 08:23:49 +02:00
Moyasee	9779aed8c1	fix: auto-resuming download isnt working after restart	2025-11-30 08:05:45 +02:00
Chubby Granny Chaser	058a148c7f	style: add button styling and refactor logo click handling in download group for improved accessibility and user experience	2025-11-30 05:44:18 +00:00
Chubby Granny Chaser	16e3d52508	style: enhance download group styling for improved layout, responsiveness, and user interaction	2025-11-30 05:39:01 +00:00
Chubby Granny Chaser	7e0002cf95	style: format imports in download-group.tsx for improved readability	2025-11-30 05:14:48 +00:00
Chubby Granny Chaser	bf8b3ca836	style: update download group layout and styling for improved responsiveness	2025-11-30 05:14:26 +00:00
Moyasee	77e376e742	fix: peak spead not working	2025-11-30 07:13:12 +02:00
Chubby Granny Chaser	bd28b202c4	Merge branch 'fix/downloads-ui' of https://github.com/hydralauncher/hydra	2025-11-30 05:06:59 +00:00
Moyasee	153b954e78	fix: progress bar, context menu, repacks modal, responsiveness and styling fix	2025-11-30 07:05:19 +02:00
Chubby Granny Chaser	a9e63730be	Merge pull request #1880 from hydralauncher/fix/fixing-hls-videos Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details Fix/fixing hls videos	2025-11-30 03:45:10 +00:00
Chubby Granny Chaser	316480930d	Merge branch 'main' into fix/fixing-hls-videos	2025-11-30 03:45:00 +00:00
Chubby Granny Chaser	0b5c9acaaa	Merge pull request #1861 from iam-sahil/Downloads-UI feat: enhance download page UI with improved layout and styling for the download cards.	2025-11-30 03:44:33 +00:00
Chubby Granny Chaser	814a2da05c	Merge branch 'main' into Downloads-UI	2025-11-30 03:44:10 +00:00
Chubby Granny Chaser	0ad1ebd6a2	fix: fixing hls videos	2025-11-30 03:43:22 +00:00
Chubby Granny Chaser	e9de8264e2	fix: fixing hls videos	2025-11-30 03:41:41 +00:00
Chubby Granny Chaser	b135087ffe	fix: fixing hls videos	2025-11-30 03:38:23 +00:00
Chubby Granny Chaser	b4a1af78a6	Merge pull request #1877 from egionCode/main adding sorting for recently played based on last time the game was op…	2025-11-30 03:21:08 +00:00
Chubby Granny Chaser	ede5bb0c23	Merge branch 'main' into main	2025-11-30 03:20:03 +00:00
Chubby Granny Chaser	9a27875cd8	Merge pull request #1866 from hydralauncher/feat/search-autosuggest Feat: search history and auto-suggest	2025-11-30 03:19:57 +00:00
Chubby Granny Chaser	cf20a942ae	Merge branch 'main' into main	2025-11-30 03:17:07 +00:00
Chubby Granny Chaser	256d829a60	feat: adding translations	2025-11-30 03:15:27 +00:00
Chubby Granny Chaser	8cb18578e0	Merge branch 'main' into feat/search-autosuggest	2025-11-30 03:06:00 +00:00
Chubby Granny Chaser	62950297e0	Merge pull request #1874 from hydralauncher/dependabot/npm_and_yarn/npm_and_yarn-2e94d63b2a chore(deps): bump tar from 7.5.1 to 7.5.2 in the npm_and_yarn group across 1 directory	2025-11-30 03:05:46 +00:00
Chubby Granny Chaser	3eecc42430	Merge branch 'main' into dependabot/npm_and_yarn/npm_and_yarn-2e94d63b2a	2025-11-30 03:04:37 +00:00
Chubby Granny Chaser	f6edb45628	Merge pull request #1875 from hydralauncher/dependabot/npm_and_yarn/npm_and_yarn-3c67cbb9cd chore(deps): bump js-yaml from 4.1.0 to 4.1.1 in the npm_and_yarn group across 1 directory	2025-11-30 03:04:30 +00:00
Chubby Granny Chaser	de8797bea6	Merge branch 'main' into dependabot/npm_and_yarn/npm_and_yarn-3c67cbb9cd	2025-11-30 03:04:23 +00:00
Chubby Granny Chaser	828f82f647	Merge pull request #1879 from hydralauncher/feat/adding-level-generic-interface Feat/adding level generic interface	2025-11-30 03:04:12 +00:00
Moyasee	bb22d9c4dd	ci: migration of search history from localStorage to LevelDB and highlighting fix	2025-11-29 05:30:10 +02:00
Moyasee	559bb45acc	Merge branch 'feat/adding-level-generic-interface' of https://github.com/hydralauncher/hydra into feat/search-autosuggest	2025-11-29 05:10:54 +02:00
Chubby Granny Chaser	8e3a932aa4	fix: fixing code quality issues	2025-11-29 02:40:52 +00:00
Chubby Granny Chaser	1fc87f93b7	fix: fixing code quality issues	2025-11-29 02:39:21 +00:00
Chubby Granny Chaser	f28c867479	feat: adding level generic interface	2025-11-29 02:25:29 +00:00
Chubby Granny Chaser	928acc2765	feat: adding level generic interface	2025-11-29 02:22:07 +00:00
Chubby Granny Chaser	140718764d	feat: adding level generic interface	2025-11-29 02:19:41 +00:00
Chubby Granny Chaser	f41128c4c8	feat: adding level generic interface	2025-11-29 02:19:21 +00:00
Victor	e176e624be	adding sorting for recently played based on last time the game was opened	2025-11-27 11:23:50 -03:00
Chubby Granny Chaser	59b3fb5317	Merge branch 'release/v3.7.4' of https://github.com/hydralauncher/hydra	2025-11-26 15:38:23 +00:00
Chubby Granny Chaser	d205f2b391	fix: hotfixing video player Some checks failed Build Renderer / build (push) Has been cancelled Details Release / build (ubuntu-latest) (push) Has been cancelled Details Release / build (windows-2022) (push) Has been cancelled Details	2025-11-25 23:55:13 +00:00
Chubby Granny Chaser	82ab889dad	fix: hotfixing video player	2025-11-25 23:54:36 +00:00
dependabot[bot]	4e92e794be	chore(deps): bump js-yaml in the npm_and_yarn group across 1 directory Bumps the npm_and_yarn group with 1 update in the / directory: [js-yaml](https://github.com/nodeca/js-yaml). Updates `js-yaml` from 4.1.0 to 4.1.1 - [Changelog](https://github.com/nodeca/js-yaml/blob/master/CHANGELOG.md) - [Commits](https://github.com/nodeca/js-yaml/compare/4.1.0...4.1.1) --- updated-dependencies: - dependency-name: js-yaml dependency-version: 4.1.1 dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2025-11-25 04:55:31 +00:00
dependabot[bot]	de0dbcac35	chore(deps): bump tar in the npm_and_yarn group across 1 directory Bumps the npm_and_yarn group with 1 update in the / directory: [tar](https://github.com/isaacs/node-tar). Updates `tar` from 7.5.1 to 7.5.2 - [Release notes](https://github.com/isaacs/node-tar/releases) - [Changelog](https://github.com/isaacs/node-tar/blob/main/CHANGELOG.md) - [Commits](https://github.com/isaacs/node-tar/compare/v7.5.1...v7.5.2) --- updated-dependencies: - dependency-name: tar dependency-version: 7.5.2 dependency-type: direct:production dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com>	2025-11-25 04:55:16 +00:00
Chubby Granny Chaser	c3880ce181	fix: test	2025-11-23 20:34:05 +00:00
Zamitto	5e86ad4d7e	Merge pull request #1872 from epcgrs/main Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details fix: Update icon image broken in README.md	2025-11-23 13:30:55 -03:00
Machine Zero	e2fb59ed8d	fix: Update icon image broken in README.md Fix the image with broken link in readme.md	2025-11-22 19:34:55 -03:00
Moyasee	07d5a5b3f3	Merge branch 'feat/search-autosuggest' of https://github.com/hydralauncher/hydra into feat/search-autosuggest	2025-11-22 07:31:15 +02:00
Moyasee	a1117c8269	feat: improving suggestion dropdown design	2025-11-22 07:26:48 +02:00
Chubby Granny Chaser	dc04cff378	Merge branch 'main' into feat/search-autosuggest	2025-11-19 09:42:17 +00:00
Zamitto	6df34e7f3c	chore: update hydra docs link on PR template Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details	2025-11-16 13:45:32 -03:00
Zamitto	2773fa7b3c	Merge pull request #1862 from flyingcakes85/patch-1 [fix] ci: fix version name in aur commit message	2025-11-16 13:38:05 -03:00
Moyasee	093a9f251e	feat: selective history removal	2025-11-15 21:10:33 +02:00
Moyasee	9979e92d8f	fix: reverted detach mode for devtools window	2025-11-15 21:05:51 +02:00
Moyasee	8cd613e3b6	fix: removed unused variables	2025-11-15 21:04:08 +02:00
Moyasee	28bf7b8764	feat: search history and suggestions	2025-11-15 21:02:28 +02:00
ctrlcat0x	5bffaf17fa	fix: adjust padding for completed downloads and improve conditional rendering in download actions	2025-11-15 13:47:50 +05:30
ctrlcat0x	cc38be4383	Fixed linter and sonarcloud errors, refactored some functions and fixed UI padding issues with certain themes.	2025-11-15 11:31:39 +05:30
ctrlcat0x	0b70a28c08	feat: enhance download group UI with speed chart improvements and gradient progress bar	2025-11-15 01:16:23 +05:30
ctrlcat0x	3ff50a9932	feat: update download group UI with hero section and speed chart integration	2025-11-15 00:44:54 +05:30
Snehit Sah	be3ce6e2db	ci: fix version name in aur commit omit extra 'v' in commit message	2025-11-14 20:20:26 +05:30
ctrlcat0x	83fbf20383	feat: enhance download page UI with improved layout and styling for cards	2025-11-14 20:02:10 +05:30
Chubby Granny Chaser	c600a4a46f	fix: fixing achievements on larger view Some checks failed Build / build (ubuntu-latest) (push) Has been cancelled Details Build / build (windows-2022) (push) Has been cancelled Details Build Renderer / build (push) Has been cancelled Details Release / build (ubuntu-latest) (push) Has been cancelled Details Release / build (windows-2022) (push) Has been cancelled Details	2025-11-13 15:22:03 +00:00
Chubby Granny Chaser	d14951f25c	Merge pull request #1857 from hydralauncher/fix/use-local-achievement-cache fix: achievements on library page	2025-11-13 15:12:40 +00:00