From 7f2343413efc80cb9ba894b77162b96ee1aa34dc Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Sun, 26 Oct 2025 17:26:25 +0200
Subject: [PATCH 01/14] feat: added manual page selection and changed
 functionality of pagination

---
 .../src/pages/catalogue/pagination.scss       |  29 +++++
 .../src/pages/catalogue/pagination.tsx        | 112 ++++++++++++++----
 2 files changed, 121 insertions(+), 20 deletions(-)

diff --git a/src/renderer/src/pages/catalogue/pagination.scss b/src/renderer/src/pages/catalogue/pagination.scss
index 141dfe54..cac10211 100644
--- a/src/renderer/src/pages/catalogue/pagination.scss
+++ b/src/renderer/src/pages/catalogue/pagination.scss
@@ -1,3 +1,5 @@
+@use "../../scss/globals.scss";
+
 .pagination {
   display: flex;
   gap: 4px;
@@ -18,4 +20,31 @@
       font-size: 16px;
     }
   }
+
+  &__page-input {
+    box-sizing: border-box;
+    width: 40px;
+    min-width: 40px;
+    max-width: 40px;
+    min-height: 40px;
+    border-radius: 8px;
+    border: solid 1px globals.$border-color;
+    background-color: transparent;
+    color: globals.$muted-color;
+    text-align: center;
+    font-size: 12px;
+    padding: 0 6px;
+    outline: none;
+  }
+
+  &__double-chevron {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0; // remove whitespace node width between SVGs
+  }
+
+  &__double-chevron > svg + svg {
+    margin-left: -8px; // pull the second chevron closer
+  }
 }
diff --git a/src/renderer/src/pages/catalogue/pagination.tsx b/src/renderer/src/pages/catalogue/pagination.tsx
index dfae6164..4040c4b5 100644
--- a/src/renderer/src/pages/catalogue/pagination.tsx
+++ b/src/renderer/src/pages/catalogue/pagination.tsx
@@ -1,6 +1,7 @@
 import { Button } from "@renderer/components/button/button";
 import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
 import { useFormat } from "@renderer/hooks/use-format";
+import { useEffect, useRef, useState } from "react";
 import "./pagination.scss";
 
 interface PaginationProps {
@@ -16,6 +17,17 @@ export function Pagination({
 }: PaginationProps) {
   const { formatNumber } = useFormat();
 
+  const [isJumpOpen, setIsJumpOpen] = useState(false);
+  const [jumpValue, setJumpValue] = useState<string>("");
+  const jumpInputRef = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    if (isJumpOpen) {
+      setJumpValue("");
+      setTimeout(() => jumpInputRef.current?.focus(), 0);
+    }
+  }, [isJumpOpen, page]);
+
   if (totalPages <= 1) return null;
 
   const visiblePages = 3;
@@ -30,6 +42,19 @@ export function Pagination({
 
   return (
     <div className="pagination">
+      {startPage > 1 && (
+        <Button
+          theme="outline"
+          onClick={() => onPageChange(1)}
+          className="pagination__button"
+        >
+          <span className="pagination__double-chevron">
+            <ChevronLeftIcon />
+            <ChevronLeftIcon />
+          </span>
+        </Button>
+      )}
+
       <Button
         theme="outline"
         onClick={() => onPageChange(page - 1)}
@@ -39,23 +64,6 @@ export function Pagination({
         <ChevronLeftIcon />
       </Button>
 
-      {page > 2 && (
-        <>
-          <Button
-            theme="outline"
-            onClick={() => onPageChange(1)}
-            className="pagination__button"
-            disabled={page === 1}
-          >
-            {1}
-          </Button>
-
-          <div className="pagination__ellipsis">
-            <span className="pagination__ellipsis-text">...</span>
-          </div>
-        </>
-      )}
-
       {Array.from(
         { length: endPage - startPage + 1 },
         (_, i) => startPage + i
@@ -72,9 +80,60 @@ export function Pagination({
 
       {page < totalPages - 1 && (
         <>
-          <div className="pagination__ellipsis">
-            <span className="pagination__ellipsis-text">...</span>
-          </div>
+          {isJumpOpen ? (
+            <input
+              ref={jumpInputRef}
+              type="number"
+              min={1}
+              max={totalPages}
+              className="pagination__page-input"
+              value={jumpValue}
+              onChange={(e) => {
+                const val = e.target.value;
+                if (val === "") {
+                  setJumpValue("");
+                  return;
+                }
+                const num = Number(val);
+                if (Number.isNaN(num)) {
+                  return;
+                }
+                if (num < 1) {
+                  setJumpValue("1");
+                  return;
+                }
+                if (num > totalPages) {
+                  setJumpValue(String(totalPages));
+                  return;
+                }
+                setJumpValue(val);
+              }}
+              onKeyDown={(e) => {
+                if (e.key === "Enter") {
+                  if (jumpValue.trim() === "") return;
+                  const parsed = Number(jumpValue);
+                  if (Number.isNaN(parsed)) return;
+                  const target = Math.max(1, Math.min(totalPages, parsed));
+                  onPageChange(target);
+                  setIsJumpOpen(false);
+                } else if (e.key === "Escape") {
+                  setIsJumpOpen(false);
+                }
+              }}
+              onBlur={() => {
+                setIsJumpOpen(false);
+              }}
+              aria-label="Go to page"
+            />
+          ) : (
+            <Button
+              theme="outline"
+              className="pagination__button"
+              onClick={() => setIsJumpOpen(true)}
+            >
+              ...
+            </Button>
+          )}
 
           <Button
             theme="outline"
@@ -95,6 +154,19 @@ export function Pagination({
       >
         <ChevronRightIcon />
       </Button>
+
+      {endPage < totalPages && (
+        <Button
+          theme="outline"
+          onClick={() => onPageChange(totalPages)}
+          className="pagination__button"
+        >
+          <span className="pagination__double-chevron">
+            <ChevronRightIcon />
+            <ChevronRightIcon />
+          </span>
+        </Button>
+      )}
     </div>
   );
 }

From cb3e52de34be44bf731aa2f5a04b477d7454d5c8 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Sun, 26 Oct 2025 19:37:57 +0200
Subject: [PATCH 02/14] fix: go to page button did not appear correctly for the
 last pages

---
 .../src/pages/catalogue/pagination.tsx        | 74 ++++++++++++++++++-
 1 file changed, 72 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/catalogue/pagination.tsx b/src/renderer/src/pages/catalogue/pagination.tsx
index 4040c4b5..eaaa97a8 100644
--- a/src/renderer/src/pages/catalogue/pagination.tsx
+++ b/src/renderer/src/pages/catalogue/pagination.tsx
@@ -31,11 +31,15 @@ export function Pagination({
   if (totalPages <= 1) return null;
 
   const visiblePages = 3;
+  const isLastThree = totalPages > 3 && page >= totalPages - 2;
 
   let startPage = Math.max(1, page - 1);
   let endPage = startPage + visiblePages - 1;
 
-  if (endPage > totalPages) {
+  if (isLastThree) {
+    startPage = Math.max(1, totalPages - 2);
+    endPage = totalPages;
+  } else if (endPage > totalPages) {
     endPage = totalPages;
     startPage = Math.max(1, endPage - visiblePages + 1);
   }
@@ -64,6 +68,72 @@ export function Pagination({
         <ChevronLeftIcon />
       </Button>
 
+      {isLastThree && startPage > 1 && (
+        <>
+          <Button
+            theme="outline"
+            className="pagination__button"
+            onClick={() => onPageChange(1)}
+          >
+            {formatNumber(1)}
+          </Button>
+          {isJumpOpen ? (
+            <input
+              ref={jumpInputRef}
+              type="number"
+              min={1}
+              max={totalPages}
+              className="pagination__page-input"
+              value={jumpValue}
+              onChange={(e) => {
+                const val = e.target.value;
+                if (val === "") {
+                  setJumpValue("");
+                  return;
+                }
+                const num = Number(val);
+                if (Number.isNaN(num)) {
+                  return;
+                }
+                if (num < 1) {
+                  setJumpValue("1");
+                  return;
+                }
+                if (num > totalPages) {
+                  setJumpValue(String(totalPages));
+                  return;
+                }
+                setJumpValue(val);
+              }}
+              onKeyDown={(e) => {
+                if (e.key === "Enter") {
+                  if (jumpValue.trim() === "") return;
+                  const parsed = Number(jumpValue);
+                  if (Number.isNaN(parsed)) return;
+                  const target = Math.max(1, Math.min(totalPages, parsed));
+                  onPageChange(target);
+                  setIsJumpOpen(false);
+                } else if (e.key === "Escape") {
+                  setIsJumpOpen(false);
+                }
+              }}
+              onBlur={() => {
+                setIsJumpOpen(false);
+              }}
+              aria-label="Go to page"
+            />
+          ) : (
+            <Button
+              theme="outline"
+              className="pagination__button"
+              onClick={() => setIsJumpOpen(true)}
+            >
+              ...
+            </Button>
+          )}
+        </>
+      )}
+
       {Array.from(
         { length: endPage - startPage + 1 },
         (_, i) => startPage + i
@@ -78,7 +148,7 @@ export function Pagination({
         </Button>
       ))}
 
-      {page < totalPages - 1 && (
+      {!isLastThree && page < totalPages - 1 && (
         <>
           {isJumpOpen ? (
             <input

From fee3a4522a6b0e6b620ab28da1765ba9c9498e82 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Sun, 26 Oct 2025 19:49:15 +0200
Subject: [PATCH 03/14] fix: duplications

---
 .../src/pages/catalogue/pagination.tsx        | 171 +++++++-----------
 1 file changed, 63 insertions(+), 108 deletions(-)

diff --git a/src/renderer/src/pages/catalogue/pagination.tsx b/src/renderer/src/pages/catalogue/pagination.tsx
index eaaa97a8..1ba02d06 100644
--- a/src/renderer/src/pages/catalogue/pagination.tsx
+++ b/src/renderer/src/pages/catalogue/pagination.tsx
@@ -2,6 +2,7 @@ import { Button } from "@renderer/components/button/button";
 import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
 import { useFormat } from "@renderer/hooks/use-format";
 import { useEffect, useRef, useState } from "react";
+import type { ChangeEvent, KeyboardEvent } from "react";
 import "./pagination.scss";
 
 interface PaginationProps {
@@ -44,6 +45,66 @@ export function Pagination({
     startPage = Math.max(1, endPage - visiblePages + 1);
   }
 
+  const onJumpChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const val = e.target.value;
+    if (val === "") {
+      setJumpValue("");
+      return;
+    }
+    const num = Number(val);
+    if (Number.isNaN(num)) {
+      return;
+    }
+    if (num < 1) {
+      setJumpValue("1");
+      return;
+    }
+    if (num > totalPages) {
+      setJumpValue(String(totalPages));
+      return;
+    }
+    setJumpValue(val);
+  };
+
+  const onJumpKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      if (jumpValue.trim() === "") return;
+      const parsed = Number(jumpValue);
+      if (Number.isNaN(parsed)) return;
+      const target = Math.max(1, Math.min(totalPages, parsed));
+      onPageChange(target);
+      setIsJumpOpen(false);
+    } else if (e.key === "Escape") {
+      setIsJumpOpen(false);
+    }
+  };
+
+  const JumpControl = () =>
+    isJumpOpen ? (
+      <input
+        ref={jumpInputRef}
+        type="number"
+        min={1}
+        max={totalPages}
+        className="pagination__page-input"
+        value={jumpValue}
+        onChange={onJumpChange}
+        onKeyDown={onJumpKeyDown}
+        onBlur={() => {
+          setIsJumpOpen(false);
+        }}
+        aria-label="Go to page"
+      />
+    ) : (
+      <Button
+        theme="outline"
+        className="pagination__button"
+        onClick={() => setIsJumpOpen(true)}
+      >
+        ...
+      </Button>
+    );
+
   return (
     <div className="pagination">
       {startPage > 1 && (
@@ -77,60 +138,7 @@ export function Pagination({
           >
             {formatNumber(1)}
           </Button>
-          {isJumpOpen ? (
-            <input
-              ref={jumpInputRef}
-              type="number"
-              min={1}
-              max={totalPages}
-              className="pagination__page-input"
-              value={jumpValue}
-              onChange={(e) => {
-                const val = e.target.value;
-                if (val === "") {
-                  setJumpValue("");
-                  return;
-                }
-                const num = Number(val);
-                if (Number.isNaN(num)) {
-                  return;
-                }
-                if (num < 1) {
-                  setJumpValue("1");
-                  return;
-                }
-                if (num > totalPages) {
-                  setJumpValue(String(totalPages));
-                  return;
-                }
-                setJumpValue(val);
-              }}
-              onKeyDown={(e) => {
-                if (e.key === "Enter") {
-                  if (jumpValue.trim() === "") return;
-                  const parsed = Number(jumpValue);
-                  if (Number.isNaN(parsed)) return;
-                  const target = Math.max(1, Math.min(totalPages, parsed));
-                  onPageChange(target);
-                  setIsJumpOpen(false);
-                } else if (e.key === "Escape") {
-                  setIsJumpOpen(false);
-                }
-              }}
-              onBlur={() => {
-                setIsJumpOpen(false);
-              }}
-              aria-label="Go to page"
-            />
-          ) : (
-            <Button
-              theme="outline"
-              className="pagination__button"
-              onClick={() => setIsJumpOpen(true)}
-            >
-              ...
-            </Button>
-          )}
+          <JumpControl />
         </>
       )}
 
@@ -150,60 +158,7 @@ export function Pagination({
 
       {!isLastThree && page < totalPages - 1 && (
         <>
-          {isJumpOpen ? (
-            <input
-              ref={jumpInputRef}
-              type="number"
-              min={1}
-              max={totalPages}
-              className="pagination__page-input"
-              value={jumpValue}
-              onChange={(e) => {
-                const val = e.target.value;
-                if (val === "") {
-                  setJumpValue("");
-                  return;
-                }
-                const num = Number(val);
-                if (Number.isNaN(num)) {
-                  return;
-                }
-                if (num < 1) {
-                  setJumpValue("1");
-                  return;
-                }
-                if (num > totalPages) {
-                  setJumpValue(String(totalPages));
-                  return;
-                }
-                setJumpValue(val);
-              }}
-              onKeyDown={(e) => {
-                if (e.key === "Enter") {
-                  if (jumpValue.trim() === "") return;
-                  const parsed = Number(jumpValue);
-                  if (Number.isNaN(parsed)) return;
-                  const target = Math.max(1, Math.min(totalPages, parsed));
-                  onPageChange(target);
-                  setIsJumpOpen(false);
-                } else if (e.key === "Escape") {
-                  setIsJumpOpen(false);
-                }
-              }}
-              onBlur={() => {
-                setIsJumpOpen(false);
-              }}
-              aria-label="Go to page"
-            />
-          ) : (
-            <Button
-              theme="outline"
-              className="pagination__button"
-              onClick={() => setIsJumpOpen(true)}
-            >
-              ...
-            </Button>
-          )}
+          <JumpControl />
 
           <Button
             theme="outline"

From 6565ce5316099e70242834799d8c4b5d7fb5be4f Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Sun, 26 Oct 2025 19:59:43 +0200
Subject: [PATCH 04/14] fix: moved component out of parent component

---
 .../src/pages/catalogue/pagination.tsx        | 91 +++++++++++++------
 1 file changed, 62 insertions(+), 29 deletions(-)

diff --git a/src/renderer/src/pages/catalogue/pagination.tsx b/src/renderer/src/pages/catalogue/pagination.tsx
index 1ba02d06..9febc8f8 100644
--- a/src/renderer/src/pages/catalogue/pagination.tsx
+++ b/src/renderer/src/pages/catalogue/pagination.tsx
@@ -2,9 +2,50 @@ import { Button } from "@renderer/components/button/button";
 import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
 import { useFormat } from "@renderer/hooks/use-format";
 import { useEffect, useRef, useState } from "react";
-import type { ChangeEvent, KeyboardEvent } from "react";
+import type { ChangeEvent, KeyboardEvent, RefObject } from "react";
 import "./pagination.scss";
 
+interface JumpControlProps {
+  isOpen: boolean;
+  value: string;
+  totalPages: number;
+  inputRef: RefObject<HTMLInputElement>;
+  onOpen: () => void;
+  onClose: () => void;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+  onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+}
+
+function JumpControl({
+  isOpen,
+  value,
+  totalPages,
+  inputRef,
+  onOpen,
+  onClose,
+  onChange,
+  onKeyDown,
+}: JumpControlProps) {
+  return isOpen ? (
+    <input
+      ref={inputRef}
+      type="number"
+      min={1}
+      max={totalPages}
+      className="pagination__page-input"
+      value={value}
+      onChange={onChange}
+      onKeyDown={onKeyDown}
+      onBlur={onClose}
+      aria-label="Go to page"
+    />
+  ) : (
+    <Button theme="outline" className="pagination__button" onClick={onOpen}>
+      ...
+    </Button>
+  );
+}
+
 interface PaginationProps {
   page: number;
   totalPages: number;
@@ -79,32 +120,6 @@ export function Pagination({
     }
   };
 
-  const JumpControl = () =>
-    isJumpOpen ? (
-      <input
-        ref={jumpInputRef}
-        type="number"
-        min={1}
-        max={totalPages}
-        className="pagination__page-input"
-        value={jumpValue}
-        onChange={onJumpChange}
-        onKeyDown={onJumpKeyDown}
-        onBlur={() => {
-          setIsJumpOpen(false);
-        }}
-        aria-label="Go to page"
-      />
-    ) : (
-      <Button
-        theme="outline"
-        className="pagination__button"
-        onClick={() => setIsJumpOpen(true)}
-      >
-        ...
-      </Button>
-    );
-
   return (
     <div className="pagination">
       {startPage > 1 && (
@@ -138,7 +153,16 @@ export function Pagination({
           >
             {formatNumber(1)}
           </Button>
-          <JumpControl />
+          <JumpControl
+            isOpen={isJumpOpen}
+            value={jumpValue}
+            totalPages={totalPages}
+            inputRef={jumpInputRef}
+            onOpen={() => setIsJumpOpen(true)}
+            onClose={() => setIsJumpOpen(false)}
+            onChange={onJumpChange}
+            onKeyDown={onJumpKeyDown}
+          />
         </>
       )}
 
@@ -158,7 +182,16 @@ export function Pagination({
 
       {!isLastThree && page < totalPages - 1 && (
         <>
-          <JumpControl />
+          <JumpControl
+            isOpen={isJumpOpen}
+            value={jumpValue}
+            totalPages={totalPages}
+            inputRef={jumpInputRef}
+            onOpen={() => setIsJumpOpen(true)}
+            onClose={() => setIsJumpOpen(false)}
+            onChange={onJumpChange}
+            onKeyDown={onJumpKeyDown}
+          />
 
           <Button
             theme="outline"

From ddd6af0d4c945a3b0907ce94645616a324e2e6f8 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Mon, 27 Oct 2025 15:22:47 -0300
Subject: [PATCH 05/14] fix: add theme editor dev tools back

---
 src/main/services/window-manager.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/main/services/window-manager.ts b/src/main/services/window-manager.ts
index 7055fc09..178eb8de 100644
--- a/src/main/services/window-manager.ts
+++ b/src/main/services/window-manager.ts
@@ -462,6 +462,7 @@ export class WindowManager {
 
       editorWindow.once("ready-to-show", () => {
         editorWindow.show();
+        this.mainWindow?.webContents.openDevTools();
         if (!app.isPackaged || isStaging) {
           editorWindow.webContents.openDevTools();
         }
@@ -474,6 +475,7 @@ export class WindowManager {
       });
 
       editorWindow.on("close", () => {
+        this.mainWindow?.webContents.closeDevTools();
         this.editorWindows.delete(themeId);
       });
     }

From 61072aa02a1a36702e03687a34e3864ae53cee72 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Mon, 27 Oct 2025 15:25:18 -0300
Subject: [PATCH 06/14] fix: add theme editor dev tools back

---
 src/main/services/window-manager.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/services/window-manager.ts b/src/main/services/window-manager.ts
index 178eb8de..118ff98b 100644
--- a/src/main/services/window-manager.ts
+++ b/src/main/services/window-manager.ts
@@ -470,7 +470,7 @@ export class WindowManager {
 
       editorWindow.webContents.on("before-input-event", (_event, input) => {
         if (input.key === "F12") {
-          editorWindow.webContents.toggleDevTools();
+          this.mainWindow?.webContents.toggleDevTools();
         }
       });
 

From 120aad6c1cacc2406aad9def4baa63b89d69eef8 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Tue, 28 Oct 2025 17:34:20 +0200
Subject: [PATCH 07/14] feat: Hide to tray on game startup and ability to
 disable trailers auto-play

---
 src/locales/en/translation.json               |  4 +++-
 src/main/services/process-watcher.ts          | 15 +++++++++++-
 .../gallery-slider/gallery-slider.tsx         |  7 +++++-
 .../src/pages/settings/settings-behavior.tsx  | 24 +++++++++++++++++++
 src/types/level.types.ts                      |  2 ++
 5 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 46bdb28c..b17dda80 100755
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -541,7 +541,9 @@
     "hidden": "Hidden",
     "test_notification": "Test notification",
     "notification_preview": "Achievement Notification Preview",
-    "enable_friend_start_game_notifications": "When a friend starts playing a game"
+    "enable_friend_start_game_notifications": "When a friend starts playing a game",
+    "autoplay_trailers_on_game_page": "Automatically start playing trailers on game page",
+    "hide_to_tray_on_game_start": "Hide Hydra to tray on game startup"
   },
   "notifications": {
     "download_complete": "Download complete",
diff --git a/src/main/services/process-watcher.ts b/src/main/services/process-watcher.ts
index 06f5f7d8..9ca40b24 100644
--- a/src/main/services/process-watcher.ts
+++ b/src/main/services/process-watcher.ts
@@ -4,7 +4,8 @@ import type { Game, GameRunning } from "@types";
 import { PythonRPC } from "./python-rpc";
 import axios from "axios";
 import { ProcessPayload } from "./download/types";
-import { gamesSublevel, levelKeys } from "@main/level";
+import { db, gamesSublevel, levelKeys } from "@main/level";
+import type { UserPreferences } from "@types";
 import { CloudSync } from "./cloud-sync";
 import { logger } from "./logger";
 import path from "path";
@@ -209,6 +210,18 @@ function onOpenGame(game: Game) {
     lastSyncTick: now,
   });
 
+  // Hide Hydra to tray on game startup if enabled
+  db
+    .get<string, UserPreferences | null>(levelKeys.userPreferences, {
+      valueEncoding: "json",
+    })
+    .then((userPreferences) => {
+      if (userPreferences?.hideToTrayOnGameStart) {
+        WindowManager.mainWindow?.hide();
+      }
+    })
+    .catch(() => {});
+
   if (game.remoteId) {
     updateGamePlaytime(
       game,
diff --git a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx
index 4bf8dc48..c9658636 100644
--- a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx
@@ -7,11 +7,16 @@ import {
 } from "@primer/octicons-react";
 import useEmblaCarousel from "embla-carousel-react";
 import { gameDetailsContext } from "@renderer/context";
+import { useAppSelector } from "@renderer/hooks";
 import "./gallery-slider.scss";
 
 export function GallerySlider() {
   const { shopDetails } = useContext(gameDetailsContext);
   const { t } = useTranslation("game_details");
+  const userPreferences = useAppSelector(
+    (state) => state.userPreferences.value
+  );
+  const autoplayEnabled = userPreferences?.autoplayGameTrailers !== false;
 
   const hasScreenshots = shopDetails && shopDetails.screenshots?.length;
 
@@ -164,7 +169,7 @@ export function GallerySlider() {
                   poster={item.poster}
                   loop
                   muted
-                  autoPlay
+                  autoPlay={autoplayEnabled}
                   tabIndex={-1}
                 >
                   <source src={item.videoSrc} />
diff --git a/src/renderer/src/pages/settings/settings-behavior.tsx b/src/renderer/src/pages/settings/settings-behavior.tsx
index 64df52d7..bc91fc9d 100644
--- a/src/renderer/src/pages/settings/settings-behavior.tsx
+++ b/src/renderer/src/pages/settings/settings-behavior.tsx
@@ -27,6 +27,8 @@ export function SettingsBehavior() {
     showDownloadSpeedInMegabytes: false,
     extractFilesByDefault: true,
     enableSteamAchievements: false,
+    autoplayGameTrailers: true,
+    hideToTrayOnGameStart: false,
   });
 
   const { t } = useTranslation("settings");
@@ -49,6 +51,10 @@ export function SettingsBehavior() {
         extractFilesByDefault: userPreferences.extractFilesByDefault ?? true,
         enableSteamAchievements:
           userPreferences.enableSteamAchievements ?? false,
+        autoplayGameTrailers:
+          userPreferences.autoplayGameTrailers ?? true,
+        hideToTrayOnGameStart:
+          userPreferences.hideToTrayOnGameStart ?? false,
       });
     }
   }, [userPreferences]);
@@ -76,6 +82,16 @@ export function SettingsBehavior() {
         }
       />
 
+      <CheckboxField
+        label={t("hide_to_tray_on_game_start")}
+        checked={form.hideToTrayOnGameStart}
+        onChange={() =>
+          handleChange({
+            hideToTrayOnGameStart: !form.hideToTrayOnGameStart,
+          })
+        }
+      />
+
       {showRunAtStartup && (
         <CheckboxField
           label={t("launch_with_system")}
@@ -120,6 +136,14 @@ export function SettingsBehavior() {
         />
       )}
 
+      <CheckboxField
+        label={t("autoplay_trailers_on_game_page")}
+        checked={form.autoplayGameTrailers}
+        onChange={() =>
+          handleChange({ autoplayGameTrailers: !form.autoplayGameTrailers })
+        }
+      />
+
       <CheckboxField
         label={t("disable_nsfw_alert")}
         checked={form.disableNsfwAlert}
diff --git a/src/types/level.types.ts b/src/types/level.types.ts
index ee2b2918..1df55b9e 100644
--- a/src/types/level.types.ts
+++ b/src/types/level.types.ts
@@ -118,6 +118,8 @@ export interface UserPreferences {
   showDownloadSpeedInMegabytes?: boolean;
   extractFilesByDefault?: boolean;
   enableSteamAchievements?: boolean;
+  autoplayGameTrailers?: boolean;
+  hideToTrayOnGameStart?: boolean;
 }
 
 export interface ScreenState {

From bfc4bb1a83b8fb221b316823eaf3812143b9f52a Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Tue, 28 Oct 2025 17:36:11 +0200
Subject: [PATCH 08/14] ci: formatting

---
 src/main/services/process-watcher.ts                  | 7 +++----
 src/renderer/src/pages/settings/settings-behavior.tsx | 6 ++----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/main/services/process-watcher.ts b/src/main/services/process-watcher.ts
index 9ca40b24..4130daba 100644
--- a/src/main/services/process-watcher.ts
+++ b/src/main/services/process-watcher.ts
@@ -211,10 +211,9 @@ function onOpenGame(game: Game) {
   });
 
   // Hide Hydra to tray on game startup if enabled
-  db
-    .get<string, UserPreferences | null>(levelKeys.userPreferences, {
-      valueEncoding: "json",
-    })
+  db.get<string, UserPreferences | null>(levelKeys.userPreferences, {
+    valueEncoding: "json",
+  })
     .then((userPreferences) => {
       if (userPreferences?.hideToTrayOnGameStart) {
         WindowManager.mainWindow?.hide();
diff --git a/src/renderer/src/pages/settings/settings-behavior.tsx b/src/renderer/src/pages/settings/settings-behavior.tsx
index bc91fc9d..c5698ef7 100644
--- a/src/renderer/src/pages/settings/settings-behavior.tsx
+++ b/src/renderer/src/pages/settings/settings-behavior.tsx
@@ -51,10 +51,8 @@ export function SettingsBehavior() {
         extractFilesByDefault: userPreferences.extractFilesByDefault ?? true,
         enableSteamAchievements:
           userPreferences.enableSteamAchievements ?? false,
-        autoplayGameTrailers:
-          userPreferences.autoplayGameTrailers ?? true,
-        hideToTrayOnGameStart:
-          userPreferences.hideToTrayOnGameStart ?? false,
+        autoplayGameTrailers: userPreferences.autoplayGameTrailers ?? true,
+        hideToTrayOnGameStart: userPreferences.hideToTrayOnGameStart ?? false,
       });
     }
   }, [userPreferences]);

From dbf5d7afc76bdfb7620c2597c744453a89cf40ad Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Tue, 28 Oct 2025 17:43:19 +0200
Subject: [PATCH 09/14] fix: multiple imports

---
 src/main/services/process-watcher.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/main/services/process-watcher.ts b/src/main/services/process-watcher.ts
index 4130daba..6408c30d 100644
--- a/src/main/services/process-watcher.ts
+++ b/src/main/services/process-watcher.ts
@@ -1,11 +1,10 @@
 import { WindowManager } from "./window-manager";
 import { createGame, updateGamePlaytime } from "./library-sync";
-import type { Game, GameRunning } from "@types";
+import type { Game, GameRunning, UserPreferences } from "@types";
 import { PythonRPC } from "./python-rpc";
 import axios from "axios";
 import { ProcessPayload } from "./download/types";
 import { db, gamesSublevel, levelKeys } from "@main/level";
-import type { UserPreferences } from "@types";
 import { CloudSync } from "./cloud-sync";
 import { logger } from "./logger";
 import path from "path";

From 58bdbdab71297a7cc559c0c5cfcd38b2131ceeb0 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 29 Oct 2025 16:16:11 +0200
Subject: [PATCH 10/14] fix: disabling unnecessary api calls if game is  custom

---
 src/main/events/catalogue/get-game-stats.ts          |  4 ++++
 .../achievements/get-game-achievement-data.ts        |  4 ++++
 .../src/context/cloud-sync/cloud-sync.context.tsx    |  6 ++++++
 .../context/game-details/game-details.context.tsx    | 12 +++++++-----
 src/renderer/src/pages/game-details/game-reviews.tsx |  4 ++--
 5 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/main/events/catalogue/get-game-stats.ts b/src/main/events/catalogue/get-game-stats.ts
index b836531d..b7b7125c 100644
--- a/src/main/events/catalogue/get-game-stats.ts
+++ b/src/main/events/catalogue/get-game-stats.ts
@@ -10,6 +10,10 @@ const getGameStats = async (
   objectId: string,
   shop: GameShop
 ) => {
+  if (shop === "custom") {
+    return null;
+  }
+
   const cachedStats = await gamesStatsCacheSublevel.get(
     levelKeys.game(shop, objectId)
   );
diff --git a/src/main/services/achievements/get-game-achievement-data.ts b/src/main/services/achievements/get-game-achievement-data.ts
index ffbfac1a..69437801 100644
--- a/src/main/services/achievements/get-game-achievement-data.ts
+++ b/src/main/services/achievements/get-game-achievement-data.ts
@@ -27,6 +27,10 @@ export const getGameAchievementData = async (
   shop: GameShop,
   useCachedData: boolean
 ) => {
+  if (shop === "custom") {
+    return [];
+  }
+
   const gameKey = levelKeys.game(shop, objectId);
 
   const cachedAchievements = await gameAchievementsSublevel.get(gameKey);
diff --git a/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx b/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
index b94c94d7..ce5f0a6e 100644
--- a/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
+++ b/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
@@ -98,6 +98,12 @@ export function CloudSyncContextProvider({
   );
 
   const getGameArtifacts = useCallback(async () => {
+    // Don't make API requests for custom games
+    if (shop === "custom") {
+      setArtifacts([]);
+      return;
+    }
+
     const params = new URLSearchParams({
       objectId,
       shop,
diff --git a/src/renderer/src/context/game-details/game-details.context.tsx b/src/renderer/src/context/game-details/game-details.context.tsx
index 14e5d587..3706b02e 100644
--- a/src/renderer/src/context/game-details/game-details.context.tsx
+++ b/src/renderer/src/context/game-details/game-details.context.tsx
@@ -142,10 +142,12 @@ export function GameDetailsContextProvider({
         }
       });
 
-    window.electron.getGameStats(objectId, shop).then((result) => {
-      if (abortController.signal.aborted) return;
-      setStats(result);
-    });
+    if (shop !== "custom") {
+      window.electron.getGameStats(objectId, shop).then((result) => {
+        if (abortController.signal.aborted) return;
+        setStats(result);
+      });
+    }
 
     const assetsPromise = window.electron.getGameAssets(objectId, shop);
 
@@ -167,7 +169,7 @@ export function GameDetailsContextProvider({
         setIsLoading(false);
       });
 
-    if (userDetails) {
+    if (userDetails && shop !== "custom") {
       window.electron
         .getUnlockedAchievements(objectId, shop)
         .then((achievements) => {
diff --git a/src/renderer/src/pages/game-details/game-reviews.tsx b/src/renderer/src/pages/game-details/game-reviews.tsx
index f70c84b2..1a6fc675 100644
--- a/src/renderer/src/pages/game-details/game-reviews.tsx
+++ b/src/renderer/src/pages/game-details/game-reviews.tsx
@@ -117,7 +117,7 @@ export function GameReviews({
   });
 
   const checkUserReview = useCallback(async () => {
-    if (!objectId || !userDetailsId) return;
+    if (!objectId || !userDetailsId || shop === "custom") return;
 
     try {
       const response = await window.electron.hydraApi.get<{
@@ -147,7 +147,7 @@ export function GameReviews({
 
   const loadReviews = useCallback(
     async (reset = false) => {
-      if (!objectId) return;
+      if (!objectId || shop === "custom") return;
 
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();

From dff68a3e260e5105ca1b51e6d1c5200cc8b470bb Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 29 Oct 2025 16:22:12 +0200
Subject: [PATCH 11/14] fix: removed comments

---
 src/renderer/src/context/cloud-sync/cloud-sync.context.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx b/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
index ce5f0a6e..abc359e9 100644
--- a/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
+++ b/src/renderer/src/context/cloud-sync/cloud-sync.context.tsx
@@ -98,7 +98,6 @@ export function CloudSyncContextProvider({
   );
 
   const getGameArtifacts = useCallback(async () => {
-    // Don't make API requests for custom games
     if (shop === "custom") {
       setArtifacts([]);
       return;

From 4b8d64c72b51ac7eb8f74fa73eb0e5c94d6d659f Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 29 Oct 2025 16:44:48 +0200
Subject: [PATCH 12/14] feat: disabled favorite/unfavorite get request for
 custom games

---
 src/main/events/library/add-game-to-favorites.ts      | 4 +++-
 src/main/events/library/remove-game-from-favorites.ts | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/main/events/library/add-game-to-favorites.ts b/src/main/events/library/add-game-to-favorites.ts
index 68c81abb..53985a09 100644
--- a/src/main/events/library/add-game-to-favorites.ts
+++ b/src/main/events/library/add-game-to-favorites.ts
@@ -13,7 +13,9 @@ const addGameToFavorites = async (
   const game = await gamesSublevel.get(gameKey);
   if (!game) return;
 
-  HydraApi.put(`/profile/games/${shop}/${objectId}/favorite`).catch(() => {});
+  if (shop !== "custom") {
+    HydraApi.put(`/profile/games/${shop}/${objectId}/favorite`).catch(() => {});
+  }
 
   try {
     await gamesSublevel.put(gameKey, {
diff --git a/src/main/events/library/remove-game-from-favorites.ts b/src/main/events/library/remove-game-from-favorites.ts
index f06f55ce..7c79cbf4 100644
--- a/src/main/events/library/remove-game-from-favorites.ts
+++ b/src/main/events/library/remove-game-from-favorites.ts
@@ -13,7 +13,11 @@ const removeGameFromFavorites = async (
   const game = await gamesSublevel.get(gameKey);
   if (!game) return;
 
-  HydraApi.put(`/profile/games/${shop}/${objectId}/unfavorite`).catch(() => {});
+  if (shop !== "custom") {
+    HydraApi.put(`/profile/games/${shop}/${objectId}/unfavorite`).catch(
+      () => {}
+    );
+  }
 
   try {
     await gamesSublevel.put(gameKey, {

From feedcb1dc7511fc336a3e7f15ed3ef6085d9f32c Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 29 Oct 2025 16:49:51 +0200
Subject: [PATCH 13/14] feat: disabled assets request for custom games

---
 src/main/events/catalogue/get-game-assets.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/main/events/catalogue/get-game-assets.ts b/src/main/events/catalogue/get-game-assets.ts
index de1d2b1f..0e45f886 100644
--- a/src/main/events/catalogue/get-game-assets.ts
+++ b/src/main/events/catalogue/get-game-assets.ts
@@ -6,6 +6,10 @@ import { gamesShopAssetsSublevel, levelKeys } from "@main/level";
 const LOCAL_CACHE_EXPIRATION = 1000 * 60 * 60 * 8; // 8 hours
 
 export const getGameAssets = async (objectId: string, shop: GameShop) => {
+  if (shop === "custom") {
+    return null;
+  }
+
   const cachedAssets = await gamesShopAssetsSublevel.get(
     levelKeys.game(shop, objectId)
   );

From c24ad34bc785acc9c0ccdb15be4268792807921c Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 29 Oct 2025 12:42:39 -0300
Subject: [PATCH 14/14] fix: hltb and achievements being called for custom
 games

---
 src/main/events/catalogue/get-game-shop-details.ts           | 2 ++
 src/main/events/library/remove-game-from-library.ts          | 2 +-
 src/renderer/src/pages/game-details/game-details-content.tsx | 4 ++--
 src/types/game.types.ts                                      | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/main/events/catalogue/get-game-shop-details.ts b/src/main/events/catalogue/get-game-shop-details.ts
index d6d27b9c..1a7fc455 100644
--- a/src/main/events/catalogue/get-game-shop-details.ts
+++ b/src/main/events/catalogue/get-game-shop-details.ts
@@ -26,6 +26,8 @@ const getGameShopDetails = async (
   shop: GameShop,
   language: string
 ): Promise<ShopDetailsWithAssets | null> => {
+  if (shop === "custom") return null;
+
   if (shop === "steam") {
     const [cachedData, cachedAssets] = await Promise.all([
       gamesShopCacheSublevel.get(
diff --git a/src/main/events/library/remove-game-from-library.ts b/src/main/events/library/remove-game-from-library.ts
index fbb60ab2..95133c70 100644
--- a/src/main/events/library/remove-game-from-library.ts
+++ b/src/main/events/library/remove-game-from-library.ts
@@ -84,7 +84,7 @@ const removeGameFromLibrary = async (
     await resetShopAssets(gameKey);
   }
 
-  if (game?.remoteId) {
+  if (game.remoteId) {
     HydraApi.delete(`/profile/games/${game.remoteId}`).catch(() => {});
   }
 
diff --git a/src/renderer/src/pages/game-details/game-details-content.tsx b/src/renderer/src/pages/game-details/game-details-content.tsx
index ab51a212..63c4c974 100644
--- a/src/renderer/src/pages/game-details/game-details-content.tsx
+++ b/src/renderer/src/pages/game-details/game-details-content.tsx
@@ -228,7 +228,7 @@ export function GameDetailsContent() {
               </button>
             )}
 
-            {game?.shop !== "custom" && shop && objectId && (
+            {shop !== "custom" && shop && objectId && (
               <GameReviews
                 shop={shop}
                 objectId={objectId}
@@ -241,7 +241,7 @@ export function GameDetailsContent() {
             )}
           </div>
 
-          {game?.shop !== "custom" && <Sidebar />}
+          {shop !== "custom" && <Sidebar />}
         </div>
       </section>
 
diff --git a/src/types/game.types.ts b/src/types/game.types.ts
index ed8fb852..35d537a8 100644
--- a/src/types/game.types.ts
+++ b/src/types/game.types.ts
@@ -1,4 +1,4 @@
-export type GameShop = "steam" | "epic" | "custom";
+export type GameShop = "steam" | "custom";
 
 export type ShortcutLocation = "desktop" | "start_menu";