From e8e469f99078858dc953663cba6f3428e80b1c5d Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sat, 5 Sep 2026 23:44:37 -0400
Subject: refactor: delegate runtime checks to lsfg-vk

---
 src/components/StatusDisplay.tsx | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
index 3a48a15..31584eb 100644
--- a/src/components/StatusDisplay.tsx
+++ b/src/components/StatusDisplay.tsx
@@ -1,24 +1,24 @@
 import { PanelSectionRow } from "@decky/ui";
 
 interface StatusDisplayProps {
-  dllDetected: boolean;
-  dllDetectionStatus: string;
   isInstalled: boolean;
   installationStatus: string;
+  losslessScalingInstalled: boolean;
+  losslessScalingStatus: string;
 }
 
 export function StatusDisplay({
-  dllDetected,
-  dllDetectionStatus,
   isInstalled,
-  installationStatus
+  installationStatus,
+  losslessScalingInstalled,
+  losslessScalingStatus
 }: StatusDisplayProps) {
   return (
     <PanelSectionRow>
       <div style={{ marginBottom: "8px", fontSize: "14px" }}>
         <div
           style={{
-            color: dllDetected ? "#4CAF50" : "#F44336",
+            color: losslessScalingInstalled ? "#4CAF50" : "#F44336",
             fontWeight: "600",
             marginBottom: "6px",
             display: "flex",
@@ -27,10 +27,15 @@ export function StatusDisplay({
           }}
         >
           <span style={{ fontSize: "16px" }}>
-            {dllDetected ? "✅" : "❌"}
+            {losslessScalingInstalled ? "✅" : "❌"}
           </span>
-          {dllDetectionStatus}
+          {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
         </div>
+        {!losslessScalingInstalled && losslessScalingStatus && (
+          <div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
+            {losslessScalingStatus}
+          </div>
+        )}
         <div
           style={{
             color: isInstalled ? "#4CAF50" : "#FF9800",
-- 
cgit v1.2.3


From 89e64a7dbddb8f713dd2ca37131924e8bd8ab51f Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sat, 5 Sep 2026 23:58:16 -0400
Subject: feat: select Lossless Scaling lsfg-vk branch

---
 src/components/StatusDisplay.tsx | 115 ++++++++++++++++++++++++++-------------
 1 file changed, 77 insertions(+), 38 deletions(-)

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
index 31584eb..b6290b0 100644
--- a/src/components/StatusDisplay.tsx
+++ b/src/components/StatusDisplay.tsx
@@ -1,56 +1,95 @@
-import { PanelSectionRow } from "@decky/ui";
+import { ButtonItem, PanelSectionRow } from "@decky/ui";
+import type { SteamBranchStatus } from "../api/lsfgApi";
 
 interface StatusDisplayProps {
   isInstalled: boolean;
   installationStatus: string;
   losslessScalingInstalled: boolean;
   losslessScalingStatus: string;
+  steamBranchStatus: SteamBranchStatus | null;
+  isSwitchingSteamBranch: boolean;
+  onSelectLosslessScalingBranch: () => void;
 }
 
 export function StatusDisplay({
   isInstalled,
   installationStatus,
   losslessScalingInstalled,
-  losslessScalingStatus
+  losslessScalingStatus,
+  steamBranchStatus,
+  isSwitchingSteamBranch,
+  onSelectLosslessScalingBranch
 }: StatusDisplayProps) {
   return (
-    <PanelSectionRow>
-      <div style={{ marginBottom: "8px", fontSize: "14px" }}>
-        <div
-          style={{
-            color: losslessScalingInstalled ? "#4CAF50" : "#F44336",
-            fontWeight: "600",
-            marginBottom: "6px",
-            display: "flex",
-            alignItems: "center",
-            gap: "6px"
-          }}
-        >
-          <span style={{ fontSize: "16px" }}>
-            {losslessScalingInstalled ? "✅" : "❌"}
-          </span>
-          {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
-        </div>
-        {!losslessScalingInstalled && losslessScalingStatus && (
-          <div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
-            {losslessScalingStatus}
+    <>
+      <PanelSectionRow>
+        <div style={{ marginBottom: "8px", fontSize: "14px" }}>
+          <div
+            style={{
+              color: losslessScalingInstalled ? "#4CAF50" : "#F44336",
+              fontWeight: "600",
+              marginBottom: "6px",
+              display: "flex",
+              alignItems: "center",
+              gap: "6px"
+            }}
+          >
+            <span style={{ fontSize: "16px" }}>
+              {losslessScalingInstalled ? "✅" : "❌"}
+            </span>
+            {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
+          </div>
+          {!losslessScalingInstalled && losslessScalingStatus && (
+            <div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
+              {losslessScalingStatus}
+            </div>
+          )}
+          <div
+            style={{
+              color: isInstalled ? "#4CAF50" : "#FF9800",
+              fontWeight: "600",
+              display: "flex",
+              alignItems: "center",
+              gap: "6px"
+            }}
+          >
+            <span style={{ fontSize: "16px" }}>
+              {isInstalled ? "✅" : "❌"}
+            </span>
+            {installationStatus}
           </div>
-        )}
-        <div
-          style={{
-            color: isInstalled ? "#4CAF50" : "#FF9800",
-            fontWeight: "600",
-            display: "flex",
-            alignItems: "center",
-            gap: "6px"
-          }}
-        >
-          <span style={{ fontSize: "16px" }}>
-            {isInstalled ? "✅" : "❌"}
-          </span>
-          {installationStatus}
         </div>
-      </div>
-    </PanelSectionRow>
+      </PanelSectionRow>
+
+      {losslessScalingInstalled && steamBranchStatus?.installed && (
+        <PanelSectionRow>
+          <div style={{ width: "100%" }}>
+            <div
+              style={{
+                color: steamBranchStatus.needs_switch ? "#FF9800" : "#4CAF50",
+                fontSize: "12px",
+                margin: "0 0 6px 22px"
+              }}
+            >
+              Steam branch: {steamBranchStatus.current_branch || "public"}
+              {steamBranchStatus.needs_switch && (
+                <div style={{ color: "#B8B8B8", marginTop: "3px" }}>
+                  {steamBranchStatus.message}
+                </div>
+              )}
+            </div>
+            {steamBranchStatus.needs_switch && (
+              <ButtonItem
+                layout="below"
+                onClick={onSelectLosslessScalingBranch}
+                disabled={isSwitchingSteamBranch}
+              >
+                {isSwitchingSteamBranch ? "Selecting lsfg-vk..." : "Use lsfg-vk Steam branch"}
+              </ButtonItem>
+            )}
+          </div>
+        </PanelSectionRow>
+      )}
+    </>
   );
 }
-- 
cgit v1.2.3


From f9352694a78a2bcfd00d237398a2b30de14c70be Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 00:06:58 -0400
Subject: fix: show Steam branch recovery action

---
 src/components/StatusDisplay.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
index b6290b0..5eb1823 100644
--- a/src/components/StatusDisplay.tsx
+++ b/src/components/StatusDisplay.tsx
@@ -20,13 +20,15 @@ export function StatusDisplay({
   isSwitchingSteamBranch,
   onSelectLosslessScalingBranch
 }: StatusDisplayProps) {
+  const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
+
   return (
     <>
       <PanelSectionRow>
         <div style={{ marginBottom: "8px", fontSize: "14px" }}>
           <div
             style={{
-              color: losslessScalingInstalled ? "#4CAF50" : "#F44336",
+              color: losslessScalingAppInstalled ? "#4CAF50" : "#F44336",
               fontWeight: "600",
               marginBottom: "6px",
               display: "flex",
@@ -35,11 +37,11 @@ export function StatusDisplay({
             }}
           >
             <span style={{ fontSize: "16px" }}>
-              {losslessScalingInstalled ? "✅" : "❌"}
+              {losslessScalingAppInstalled ? "✅" : "❌"}
             </span>
-            {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
+            {losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
           </div>
-          {!losslessScalingInstalled && losslessScalingStatus && (
+          {!losslessScalingAppInstalled && losslessScalingStatus && (
             <div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
               {losslessScalingStatus}
             </div>
@@ -61,7 +63,7 @@ export function StatusDisplay({
         </div>
       </PanelSectionRow>
 
-      {losslessScalingInstalled && steamBranchStatus?.installed && (
+      {steamBranchStatus?.installed && (
         <PanelSectionRow>
           <div style={{ width: "100%" }}>
             <div
-- 
cgit v1.2.3


From a9fd67d05d6819a839a60b581c1dc6eb2792a9be Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 00:16:19 -0400
Subject: refactor: make Steam branch integration read-only

---
 src/components/StatusDisplay.tsx | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
index 5eb1823..767e5fc 100644
--- a/src/components/StatusDisplay.tsx
+++ b/src/components/StatusDisplay.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, PanelSectionRow } from "@decky/ui";
+import { PanelSectionRow } from "@decky/ui";
 import type { SteamBranchStatus } from "../api/lsfgApi";
 
 interface StatusDisplayProps {
@@ -7,8 +7,6 @@ interface StatusDisplayProps {
   losslessScalingInstalled: boolean;
   losslessScalingStatus: string;
   steamBranchStatus: SteamBranchStatus | null;
-  isSwitchingSteamBranch: boolean;
-  onSelectLosslessScalingBranch: () => void;
 }
 
 export function StatusDisplay({
@@ -16,9 +14,7 @@ export function StatusDisplay({
   installationStatus,
   losslessScalingInstalled,
   losslessScalingStatus,
-  steamBranchStatus,
-  isSwitchingSteamBranch,
-  onSelectLosslessScalingBranch
+  steamBranchStatus
 }: StatusDisplayProps) {
   const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
 
@@ -36,9 +32,6 @@ export function StatusDisplay({
               gap: "6px"
             }}
           >
-            <span style={{ fontSize: "16px" }}>
-              {losslessScalingAppInstalled ? "✅" : "❌"}
-            </span>
             {losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
           </div>
           {!losslessScalingAppInstalled && losslessScalingStatus && (
@@ -55,9 +48,6 @@ export function StatusDisplay({
               gap: "6px"
             }}
           >
-            <span style={{ fontSize: "16px" }}>
-              {isInstalled ? "✅" : "❌"}
-            </span>
             {installationStatus}
           </div>
         </div>
@@ -80,15 +70,6 @@ export function StatusDisplay({
                 </div>
               )}
             </div>
-            {steamBranchStatus.needs_switch && (
-              <ButtonItem
-                layout="below"
-                onClick={onSelectLosslessScalingBranch}
-                disabled={isSwitchingSteamBranch}
-              >
-                {isSwitchingSteamBranch ? "Selecting lsfg-vk..." : "Use lsfg-vk Steam branch"}
-              </ButtonItem>
-            )}
           </div>
         </PanelSectionRow>
       )}
-- 
cgit v1.2.3


From 170d183fdafc1ec1a686c006fd6a2431c1f30c71 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 19:06:52 -0400
Subject: refactor: align secondary tabs with Decky UI

---
 src/components/StatusDisplay.tsx | 61 ++++++++--------------------------------
 1 file changed, 12 insertions(+), 49 deletions(-)

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
index 767e5fc..b1a98e5 100644
--- a/src/components/StatusDisplay.tsx
+++ b/src/components/StatusDisplay.tsx
@@ -1,8 +1,7 @@
-import { PanelSectionRow } from "@decky/ui";
+import { Field, PanelSectionRow } from "@decky/ui";
 import type { SteamBranchStatus } from "../api/lsfgApi";
 
 interface StatusDisplayProps {
-  isInstalled: boolean;
   installationStatus: string;
   losslessScalingInstalled: boolean;
   losslessScalingStatus: string;
@@ -10,7 +9,6 @@ interface StatusDisplayProps {
 }
 
 export function StatusDisplay({
-  isInstalled,
   installationStatus,
   losslessScalingInstalled,
   losslessScalingStatus,
@@ -21,56 +19,21 @@ export function StatusDisplay({
   return (
     <>
       <PanelSectionRow>
-        <div style={{ marginBottom: "8px", fontSize: "14px" }}>
-          <div
-            style={{
-              color: losslessScalingAppInstalled ? "#4CAF50" : "#F44336",
-              fontWeight: "600",
-              marginBottom: "6px",
-              display: "flex",
-              alignItems: "center",
-              gap: "6px"
-            }}
-          >
-            {losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
-          </div>
-          {!losslessScalingAppInstalled && losslessScalingStatus && (
-            <div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
-              {losslessScalingStatus}
-            </div>
-          )}
-          <div
-            style={{
-              color: isInstalled ? "#4CAF50" : "#FF9800",
-              fontWeight: "600",
-              display: "flex",
-              alignItems: "center",
-              gap: "6px"
-            }}
-          >
-            {installationStatus}
-          </div>
-        </div>
+        <Field
+          label="Lossless Scaling"
+          description={losslessScalingAppInstalled ? "Installed" : losslessScalingStatus || "Not installed"}
+        />
+      </PanelSectionRow>
+      <PanelSectionRow>
+        <Field label="LSFG-VK" description={installationStatus} />
       </PanelSectionRow>
 
       {steamBranchStatus?.installed && (
         <PanelSectionRow>
-          <div style={{ width: "100%" }}>
-            <div
-              style={{
-                color: steamBranchStatus.needs_switch ? "#FF9800" : "#4CAF50",
-                fontSize: "12px",
-                margin: "0 0 6px 22px"
-              }}
-            >
-              Steam branch: {steamBranchStatus.current_branch || "public"}
-              {steamBranchStatus.needs_switch && (
-                <div style={{ color: "#B8B8B8", marginTop: "3px" }}>
-                  {steamBranchStatus.message}
-                </div>
-              )}
-            </div>
-          </div>
+          <Field
+            label="Steam branch"
+            description={`${steamBranchStatus.current_branch || "public"}${steamBranchStatus.needs_switch ? ` - ${steamBranchStatus.message}` : ""}`}
+          />
         </PanelSectionRow>
       )}
     </>
-- 
cgit v1.2.3


From 450d3e5e6612d467a00bb937538fded640c66ecb Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 07:24:05 -0400
Subject: refactor: simplify migration implementation

---
 src/components/StatusDisplay.tsx | 41 ----------------------------------------
 1 file changed, 41 deletions(-)
 delete mode 100644 src/components/StatusDisplay.tsx

(limited to 'src/components/StatusDisplay.tsx')

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
deleted file mode 100644
index b1a98e5..0000000
--- a/src/components/StatusDisplay.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Field, PanelSectionRow } from "@decky/ui";
-import type { SteamBranchStatus } from "../api/lsfgApi";
-
-interface StatusDisplayProps {
-  installationStatus: string;
-  losslessScalingInstalled: boolean;
-  losslessScalingStatus: string;
-  steamBranchStatus: SteamBranchStatus | null;
-}
-
-export function StatusDisplay({
-  installationStatus,
-  losslessScalingInstalled,
-  losslessScalingStatus,
-  steamBranchStatus
-}: StatusDisplayProps) {
-  const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
-
-  return (
-    <>
-      <PanelSectionRow>
-        <Field
-          label="Lossless Scaling"
-          description={losslessScalingAppInstalled ? "Installed" : losslessScalingStatus || "Not installed"}
-        />
-      </PanelSectionRow>
-      <PanelSectionRow>
-        <Field label="LSFG-VK" description={installationStatus} />
-      </PanelSectionRow>
-
-      {steamBranchStatus?.installed && (
-        <PanelSectionRow>
-          <Field
-            label="Steam branch"
-            description={`${steamBranchStatus.current_branch || "public"}${steamBranchStatus.needs_switch ? ` - ${steamBranchStatus.message}` : ""}`}
-          />
-        </PanelSectionRow>
-      )}
-    </>
-  );
-}
-- 
cgit v1.2.3