From 9ca6a114b119fcbd9d38dfb53b9bd9dc9a9ed52a Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Tue, 20 Jan 2026 18:52:52 +0200
Subject: [PATCH 1/2] feat: enhance repack availability status display with new
 UI elements and translations

---
 src/locales/en/translation.json               |  3 ++
 .../game-details/modals/repacks-modal.scss    | 35 ++++++++++++++++---
 .../game-details/modals/repacks-modal.tsx     | 27 +++++++++++++-
 3 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 669808b8..c914e4e8 100755
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -372,6 +372,9 @@
     "audio": "Audio",
     "filter_by_source": "Filter by source",
     "no_repacks_found": "No sources found for this game",
+    "source_online": "Source is online",
+    "source_partial": "Some links are offline",
+    "source_offline": "Source is offline",
     "delete_review": "Delete review",
     "remove_review": "Remove Review",
     "delete_review_modal_title": "Are you sure you want to delete your review?",
diff --git a/src/renderer/src/pages/game-details/modals/repacks-modal.scss b/src/renderer/src/pages/game-details/modals/repacks-modal.scss
index 420029c7..77b5d6cf 100644
--- a/src/renderer/src/pages/game-details/modals/repacks-modal.scss
+++ b/src/renderer/src/pages/game-details/modals/repacks-modal.scss
@@ -42,12 +42,38 @@
     padding: calc(globals.$spacing-unit * 2);
   }
 
+  &__availability-orb {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-left: calc(globals.$spacing-unit * 1);
+    vertical-align: middle;
+
+    &--online {
+      background-color: #22c55e;
+      box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
+    }
+
+    &--partial {
+      background-color: #eab308;
+      box-shadow: 0 0 6px rgba(234, 179, 8, 0.5);
+    }
+
+    &--offline {
+      background-color: #ef4444;
+      opacity: 0.7;
+      box-shadow: 0 0 6px rgba(239, 68, 68, 0.4);
+    }
+  }
+
   &__repack-title {
     color: globals.$muted-color;
     word-break: break-word;
-    display: flex;
-    align-items: center;
-    gap: calc(globals.$spacing-unit * 1);
+  }
+
+  &__repack-title-text {
+    word-break: break-word;
   }
 
   &__repack-info {
@@ -61,8 +87,9 @@
     border-radius: 6px;
     font-size: 9px;
     text-align: center;
-    flex-shrink: 0;
     border: 1px solid rgba(34, 197, 94, 0.5);
+    margin-left: calc(globals.$spacing-unit * 1);
+    vertical-align: middle;
   }
 
   &__no-results {
diff --git a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
index 683ce53a..77f70187 100644
--- a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
@@ -6,6 +6,7 @@ import {
   ChevronDownIcon,
   ChevronUpIcon,
 } from "@primer/octicons-react";
+import { Tooltip } from "react-tooltip";
 
 import {
   Badge,
@@ -185,6 +186,20 @@ export function RepacksModal({
     );
   }, [repacks, hashesInDebrid]);
 
+  const getRepackAvailabilityStatus = (
+    repack: GameRepack
+  ): "online" | "partial" | "offline" => {
+    const unavailableSet = new Set(repack.unavailableUris ?? []);
+    const availableCount = repack.uris.filter(
+      (uri) => !unavailableSet.has(uri)
+    ).length;
+    const unavailableCount = repack.uris.length - availableCount;
+
+    if (unavailableCount === 0) return "online";
+    if (availableCount === 0) return "offline";
+    return "partial";
+  };
+
   useEffect(() => {
     const term = filterTerm.trim().toLowerCase();
 
@@ -363,6 +378,8 @@ export function RepacksModal({
             filteredRepacks.map((repack) => {
               const isLastDownloadedOption =
                 checkIfLastDownloadedOption(repack);
+              const availabilityStatus = getRepackAvailabilityStatus(repack);
+              const tooltipId = `availability-orb-${repack.id}`;
 
               return (
                 <Button
@@ -372,7 +389,15 @@ export function RepacksModal({
                   className="repacks-modal__repack-button"
                 >
                   <p className="repacks-modal__repack-title">
-                    {repack.title}
+                    <span className="repacks-modal__repack-title-text">
+                      {repack.title}
+                    </span>
+                    <span
+                      className={`repacks-modal__availability-orb repacks-modal__availability-orb--${availabilityStatus}`}
+                      data-tooltip-id={tooltipId}
+                      data-tooltip-content={t(`source_${availabilityStatus}`)}
+                    />
+                    <Tooltip id={tooltipId} />
                     {userPreferences?.enableNewDownloadOptionsBadges !==
                       false &&
                       isNewRepack(repack) && (

From 10ac6c9d9ce592e8d3c3d4e04d7b76f866c679b2 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Tue, 20 Jan 2026 19:03:35 +0200
Subject: [PATCH 2/2] style: update repacks modal styles for improved layout
 and positioning

---
 .../game-details/modals/repacks-modal.scss    | 19 ++++++++++---------
 .../game-details/modals/repacks-modal.tsx     | 17 ++++++++---------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/renderer/src/pages/game-details/modals/repacks-modal.scss b/src/renderer/src/pages/game-details/modals/repacks-modal.scss
index 77b5d6cf..53ba7c4c 100644
--- a/src/renderer/src/pages/game-details/modals/repacks-modal.scss
+++ b/src/renderer/src/pages/game-details/modals/repacks-modal.scss
@@ -40,15 +40,18 @@
     gap: calc(globals.$spacing-unit * 1);
     color: globals.$body-color;
     padding: calc(globals.$spacing-unit * 2);
+    padding-right: calc(globals.$spacing-unit * 4);
+    position: relative;
   }
 
   &__availability-orb {
-    display: inline-block;
+    position: absolute;
+    top: calc(globals.$spacing-unit * 1.5);
+    right: calc(globals.$spacing-unit * 1.5);
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    margin-left: calc(globals.$spacing-unit * 1);
-    vertical-align: middle;
+    flex-shrink: 0;
 
     &--online {
       background-color: #22c55e;
@@ -70,10 +73,9 @@
   &__repack-title {
     color: globals.$muted-color;
     word-break: break-word;
-  }
-
-  &__repack-title-text {
-    word-break: break-word;
+    display: flex;
+    align-items: center;
+    gap: calc(globals.$spacing-unit * 1);
   }
 
   &__repack-info {
@@ -87,9 +89,8 @@
     border-radius: 6px;
     font-size: 9px;
     text-align: center;
+    flex-shrink: 0;
     border: 1px solid rgba(34, 197, 94, 0.5);
-    margin-left: calc(globals.$spacing-unit * 1);
-    vertical-align: middle;
   }
 
   &__no-results {
diff --git a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
index 77f70187..1a1132f1 100644
--- a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx
@@ -388,16 +388,15 @@ export function RepacksModal({
                   onClick={() => handleRepackClick(repack)}
                   className="repacks-modal__repack-button"
                 >
+                  <span
+                    className={`repacks-modal__availability-orb repacks-modal__availability-orb--${availabilityStatus}`}
+                    data-tooltip-id={tooltipId}
+                    data-tooltip-content={t(`source_${availabilityStatus}`)}
+                  />
+                  <Tooltip id={tooltipId} />
+
                   <p className="repacks-modal__repack-title">
-                    <span className="repacks-modal__repack-title-text">
-                      {repack.title}
-                    </span>
-                    <span
-                      className={`repacks-modal__availability-orb repacks-modal__availability-orb--${availabilityStatus}`}
-                      data-tooltip-id={tooltipId}
-                      data-tooltip-content={t(`source_${availabilityStatus}`)}
-                    />
-                    <Tooltip id={tooltipId} />
+                    {repack.title}
                     {userPreferences?.enableNewDownloadOptionsBadges !==
                       false &&
                       isNewRepack(repack) && (