From c9be32287ad5b72fcd86b10fa726d09dbd97d7fd Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 17:09:54 -0400
Subject: refactor: organize plugin into native tabs

---
 src/components/ConfigurationTab.tsx | 54 +++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/components/ConfigurationTab.tsx

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
new file mode 100644
index 0000000..6f3f474
--- /dev/null
+++ b/src/components/ConfigurationTab.tsx
@@ -0,0 +1,54 @@
+import { PanelSection } from "@decky/ui";
+import { ConfigurationData } from "../config/configSchema";
+import { GameTarget } from "../hooks/useGameConfiguration";
+import { ConfigurationSection } from "./ConfigurationSection";
+import { FgmodClipboardButton } from "./FgmodClipboardButton";
+import { FpsMultiplierControl } from "./FpsMultiplierControl";
+import { GameConfigurationSelector } from "./GameConfigurationSelector";
+import t from "../i18n/i18n";
+
+interface ConfigurationTabProps {
+  config: ConfigurationData;
+  targets: GameTarget[];
+  runningGame: GameTarget | null;
+  selectedAppId: string;
+  onSelect: (appid: string) => void;
+  onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
+  onReset: () => Promise<void>;
+  onResetAll: () => Promise<void>;
+}
+
+export function ConfigurationTab({
+  config,
+  targets,
+  runningGame,
+  selectedAppId,
+  onSelect,
+  onConfigChange,
+  onReset,
+  onResetAll,
+}: ConfigurationTabProps) {
+  return (
+    <>
+      <PanelSection title={t("CONTENT_FPS_MULTIPLIER", "FPS Multiplier")}>
+        <FpsMultiplierControl config={config} onConfigChange={onConfigChange} />
+      </PanelSection>
+      <PanelSection title="Game Profile">
+        <GameConfigurationSelector
+          targets={targets}
+          runningGame={runningGame}
+          selectedAppId={selectedAppId}
+          onSelect={onSelect}
+          onReset={onReset}
+          onResetAll={onResetAll}
+        />
+      </PanelSection>
+      <PanelSection title="Options">
+        <ConfigurationSection config={config} onConfigChange={onConfigChange} />
+      </PanelSection>
+      <PanelSection>
+        <FgmodClipboardButton />
+      </PanelSection>
+    </>
+  );
+}
-- 
cgit v1.2.3


From 7bc5f685186b1ff03ce0f7c99e7bec411beabaeb Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 22:04:54 -0400
Subject: feat: make ui suck less, frfr

---
 src/components/ConfigurationTab.tsx | 86 +++++++++++++++++++++++++++----------
 1 file changed, 64 insertions(+), 22 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 6f3f474..dab6f19 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,19 +1,17 @@
-import { PanelSection } from "@decky/ui";
+import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { useEffect, useRef, useState } from "react";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
-import { ConfigurationSection } from "./ConfigurationSection";
-import { FgmodClipboardButton } from "./FgmodClipboardButton";
-import { FpsMultiplierControl } from "./FpsMultiplierControl";
+import { GameConfigurationControls } from "./GameConfigurationControls";
 import { GameConfigurationSelector } from "./GameConfigurationSelector";
-import t from "../i18n/i18n";
 
 interface ConfigurationTabProps {
   config: ConfigurationData;
   targets: GameTarget[];
   runningGame: GameTarget | null;
-  selectedAppId: string;
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
+  onEnable: (appid: string) => Promise<boolean>;
   onReset: () => Promise<void>;
   onResetAll: () => Promise<void>;
 }
@@ -22,33 +20,77 @@ export function ConfigurationTab({
   config,
   targets,
   runningGame,
-  selectedAppId,
   onSelect,
   onConfigChange,
+  onEnable,
   onReset,
   onResetAll,
 }: ConfigurationTabProps) {
-  return (
-    <>
-      <PanelSection title={t("CONTENT_FPS_MULTIPLIER", "FPS Multiplier")}>
-        <FpsMultiplierControl config={config} onConfigChange={onConfigChange} />
-      </PanelSection>
-      <PanelSection title="Game Profile">
+  const [detailAppId, setDetailAppId] = useState<string | null>(null);
+  const promptedRunningAppId = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (!runningGame || runningGame.configured) {
+      promptedRunningAppId.current = null;
+      return;
+    }
+    if (promptedRunningAppId.current !== runningGame.appid && detailAppId === null) {
+      promptedRunningAppId.current = runningGame.appid;
+      setDetailAppId(runningGame.appid);
+    }
+  }, [detailAppId, runningGame?.appid, runningGame?.configured]);
+
+  const selectedTarget = detailAppId ? targets.find((target) => target.appid === detailAppId) : null;
+
+  if (detailAppId === null) {
+    return (
+      <PanelSection title="Games">
         <GameConfigurationSelector
           targets={targets}
           runningGame={runningGame}
-          selectedAppId={selectedAppId}
-          onSelect={onSelect}
-          onReset={onReset}
+          onSelect={(appid) => {
+            onSelect(appid);
+            setDetailAppId(appid);
+          }}
           onResetAll={onResetAll}
         />
       </PanelSection>
-      <PanelSection title="Options">
-        <ConfigurationSection config={config} onConfigChange={onConfigChange} />
-      </PanelSection>
-      <PanelSection>
-        <FgmodClipboardButton />
+    );
+  }
+
+  const profileLabel = selectedTarget?.name || "Game profile";
+  const running = selectedTarget?.appid === runningGame?.appid;
+  const profileDescription = selectedTarget
+    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? running && !runningGame?.configured ? "Profile saved · applies next launch" : "Profile active" : "Not configured · changes apply next launch"}`
+    : "Game is no longer available";
+
+  return (
+    <Focusable onCancelButton={() => setDetailAppId(null)}>
+      <PanelSection title="Game Profile">
+        <PanelSectionRow>
+          <Field label={profileLabel} description={profileDescription} />
+        </PanelSectionRow>
+        <PanelSectionRow>
+          <ButtonItem layout="below" onClick={() => setDetailAppId(null)}>Back to games</ButtonItem>
+        </PanelSectionRow>
       </PanelSection>
-    </>
+      <GameConfigurationControls config={config} onConfigChange={onConfigChange} />
+      <PanelSectionRow>
+        <ButtonItem
+          layout="below"
+          onClick={async () => {
+            if (selectedTarget?.configured) {
+              promptedRunningAppId.current = detailAppId;
+              await onReset();
+              setDetailAppId(null);
+            } else if (detailAppId) {
+              await onEnable(detailAppId);
+            }
+          }}
+        >
+          {selectedTarget?.configured ? "Remove profile" : "Enable for next launch"}
+        </ButtonItem>
+      </PanelSectionRow>
+    </Focusable>
   );
 }
-- 
cgit v1.2.3


From d1f8263bf9f22753ad53e1b0105172a3bd0faf5f Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 23:12:28 -0400
Subject: feat: organize game profiles and focus enabled settings

---
 src/components/ConfigurationTab.tsx | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index dab6f19..6c4a99a 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,5 +1,5 @@
 import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
 import { GameConfigurationControls } from "./GameConfigurationControls";
@@ -27,7 +27,13 @@ export function ConfigurationTab({
   onResetAll,
 }: ConfigurationTabProps) {
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
+  const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
   const promptedRunningAppId = useRef<string | null>(null);
+  const closeDetails = useCallback(() => {
+    setFocusFpsMultiplier(false);
+    setDetailAppId(null);
+  }, []);
+  const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
 
   useEffect(() => {
     if (!runningGame || runningGame.configured) {
@@ -59,22 +65,28 @@ export function ConfigurationTab({
   }
 
   const profileLabel = selectedTarget?.name || "Game profile";
-  const running = selectedTarget?.appid === runningGame?.appid;
   const profileDescription = selectedTarget
-    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? running && !runningGame?.configured ? "Profile saved · applies next launch" : "Profile active" : "Not configured · changes apply next launch"}`
+    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "Configured" : "Not configured"}`
     : "Game is no longer available";
 
   return (
-    <Focusable onCancelButton={() => setDetailAppId(null)}>
+    <Focusable onCancelButton={closeDetails}>
       <PanelSection title="Game Profile">
         <PanelSectionRow>
           <Field label={profileLabel} description={profileDescription} />
         </PanelSectionRow>
         <PanelSectionRow>
-          <ButtonItem layout="below" onClick={() => setDetailAppId(null)}>Back to games</ButtonItem>
+          <ButtonItem layout="below" onClick={closeDetails}>Back to games</ButtonItem>
         </PanelSectionRow>
       </PanelSection>
-      <GameConfigurationControls config={config} onConfigChange={onConfigChange} />
+      {selectedTarget?.configured && (
+        <GameConfigurationControls
+          config={config}
+          onConfigChange={onConfigChange}
+          autoFocusFpsMultiplier={focusFpsMultiplier}
+          onFpsMultiplierFocused={clearFpsFocusRequest}
+        />
+      )}
       <PanelSectionRow>
         <ButtonItem
           layout="below"
@@ -82,9 +94,9 @@ export function ConfigurationTab({
             if (selectedTarget?.configured) {
               promptedRunningAppId.current = detailAppId;
               await onReset();
-              setDetailAppId(null);
+              closeDetails();
             } else if (detailAppId) {
-              await onEnable(detailAppId);
+              if (await onEnable(detailAppId)) setFocusFpsMultiplier(true);
             }
           }}
         >
-- 
cgit v1.2.3


From 50810a08e5a767ec6d774996ce13244121b9f3c3 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 7 Sep 2026 00:39:16 -0400
Subject: fix: improve profile management focus and reset confirmation

---
 src/components/ConfigurationTab.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 6c4a99a..0d8553c 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -28,13 +28,25 @@ export function ConfigurationTab({
 }: ConfigurationTabProps) {
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
   const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
+  const [focusBackToGames, setFocusBackToGames] = useState(false);
+  const backToGamesRef = useRef<HTMLDivElement>(null);
   const promptedRunningAppId = useRef<string | null>(null);
   const closeDetails = useCallback(() => {
     setFocusFpsMultiplier(false);
+    setFocusBackToGames(false);
     setDetailAppId(null);
   }, []);
   const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
 
+  useEffect(() => {
+    if (!focusBackToGames) return;
+    const frame = requestAnimationFrame(() => {
+      backToGamesRef.current?.querySelector<HTMLElement>('[role="button"]')?.focus();
+      setFocusBackToGames(false);
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [focusBackToGames]);
+
   useEffect(() => {
     if (!runningGame || runningGame.configured) {
       promptedRunningAppId.current = null;
@@ -55,6 +67,7 @@ export function ConfigurationTab({
           targets={targets}
           runningGame={runningGame}
           onSelect={(appid) => {
+            setFocusBackToGames(true);
             onSelect(appid);
             setDetailAppId(appid);
           }}
@@ -76,7 +89,9 @@ export function ConfigurationTab({
           <Field label={profileLabel} description={profileDescription} />
         </PanelSectionRow>
         <PanelSectionRow>
-          <ButtonItem layout="below" onClick={closeDetails}>Back to games</ButtonItem>
+          <Focusable ref={backToGamesRef} noFocusRing>
+            <ButtonItem layout="below" onClick={closeDetails}>Back to games</ButtonItem>
+          </Focusable>
         </PanelSectionRow>
       </PanelSection>
       {selectedTarget?.configured && (
-- 
cgit v1.2.3


From 22db1125238e54b29538102727c36284e122e703 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 7 Sep 2026 16:02:26 -0400
Subject: feat: refine game discovery and profile UX

---
 src/components/ConfigurationTab.tsx | 59 ++++++++++++++++++++++---------------
 1 file changed, 35 insertions(+), 24 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 0d8553c..83f46c1 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -12,6 +12,7 @@ interface ConfigurationTabProps {
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
+  onEnableAll: () => Promise<void>;
   onReset: () => Promise<void>;
   onResetAll: () => Promise<void>;
 }
@@ -23,29 +24,32 @@ export function ConfigurationTab({
   onSelect,
   onConfigChange,
   onEnable,
+  onEnableAll,
   onReset,
   onResetAll,
 }: ConfigurationTabProps) {
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
   const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
-  const [focusBackToGames, setFocusBackToGames] = useState(false);
+  const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "back" | null>(null);
   const backToGamesRef = useRef<HTMLDivElement>(null);
+  const enableRef = useRef<HTMLDivElement>(null);
   const promptedRunningAppId = useRef<string | null>(null);
   const closeDetails = useCallback(() => {
     setFocusFpsMultiplier(false);
-    setFocusBackToGames(false);
+    setFocusDetailAction(null);
     setDetailAppId(null);
   }, []);
   const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
 
   useEffect(() => {
-    if (!focusBackToGames) return;
+    if (!focusDetailAction) return;
     const frame = requestAnimationFrame(() => {
-      backToGamesRef.current?.querySelector<HTMLElement>('[role="button"]')?.focus();
-      setFocusBackToGames(false);
+      const ref = focusDetailAction === "enable" ? enableRef : backToGamesRef;
+      ref.current?.querySelector<HTMLElement>('[role="button"]')?.focus();
+      setFocusDetailAction(null);
     });
     return () => cancelAnimationFrame(frame);
-  }, [focusBackToGames]);
+  }, [focusDetailAction]);
 
   useEffect(() => {
     if (!runningGame || runningGame.configured) {
@@ -54,6 +58,7 @@ export function ConfigurationTab({
     }
     if (promptedRunningAppId.current !== runningGame.appid && detailAppId === null) {
       promptedRunningAppId.current = runningGame.appid;
+      setFocusDetailAction(runningGame.configured ? "back" : "enable");
       setDetailAppId(runningGame.appid);
     }
   }, [detailAppId, runningGame?.appid, runningGame?.configured]);
@@ -67,10 +72,11 @@ export function ConfigurationTab({
           targets={targets}
           runningGame={runningGame}
           onSelect={(appid) => {
-            setFocusBackToGames(true);
+            setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "back" : "enable");
             onSelect(appid);
             setDetailAppId(appid);
           }}
+          onEnableAll={onEnableAll}
           onResetAll={onResetAll}
         />
       </PanelSection>
@@ -79,8 +85,17 @@ export function ConfigurationTab({
 
   const profileLabel = selectedTarget?.name || "Game profile";
   const profileDescription = selectedTarget
-    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "Configured" : "Not configured"}`
+    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
     : "Game is no longer available";
+  const handleProfileAction = async () => {
+    if (selectedTarget?.configured) {
+      promptedRunningAppId.current = detailAppId;
+      await onReset();
+      closeDetails();
+    } else if (detailAppId && await onEnable(detailAppId)) {
+      setFocusFpsMultiplier(true);
+    }
+  };
 
   return (
     <Focusable onCancelButton={closeDetails}>
@@ -88,6 +103,13 @@ export function ConfigurationTab({
         <PanelSectionRow>
           <Field label={profileLabel} description={profileDescription} />
         </PanelSectionRow>
+        {!selectedTarget?.configured && selectedTarget && (
+          <PanelSectionRow>
+            <Focusable ref={enableRef} noFocusRing>
+              <ButtonItem layout="below" onClick={handleProfileAction}>Enable for next launch</ButtonItem>
+            </Focusable>
+          </PanelSectionRow>
+        )}
         <PanelSectionRow>
           <Focusable ref={backToGamesRef} noFocusRing>
             <ButtonItem layout="below" onClick={closeDetails}>Back to games</ButtonItem>
@@ -102,22 +124,11 @@ export function ConfigurationTab({
           onFpsMultiplierFocused={clearFpsFocusRequest}
         />
       )}
-      <PanelSectionRow>
-        <ButtonItem
-          layout="below"
-          onClick={async () => {
-            if (selectedTarget?.configured) {
-              promptedRunningAppId.current = detailAppId;
-              await onReset();
-              closeDetails();
-            } else if (detailAppId) {
-              if (await onEnable(detailAppId)) setFocusFpsMultiplier(true);
-            }
-          }}
-        >
-          {selectedTarget?.configured ? "Remove profile" : "Enable for next launch"}
-        </ButtonItem>
-      </PanelSectionRow>
+      {selectedTarget?.configured && (
+        <PanelSectionRow>
+          <ButtonItem layout="below" onClick={handleProfileAction}>Remove profile</ButtonItem>
+        </PanelSectionRow>
+      )}
     </Focusable>
   );
 }
-- 
cgit v1.2.3


From e21eee83fc58fee3481aa0e17feb7cd9a8d8750e Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 7 Sep 2026 20:16:09 -0400
Subject: Support lowercase Steam shortcut names and collapsible profile
 details

---
 src/components/ConfigurationTab.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 83f46c1..2175eb9 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,5 +1,6 @@
 import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
 import { GameConfigurationControls } from "./GameConfigurationControls";
@@ -29,6 +30,7 @@ export function ConfigurationTab({
   onResetAll,
 }: ConfigurationTabProps) {
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
+  const [detailsExpanded, setDetailsExpanded] = useState(false);
   const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
   const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "back" | null>(null);
   const backToGamesRef = useRef<HTMLDivElement>(null);
@@ -41,6 +43,8 @@ export function ConfigurationTab({
   }, []);
   const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
 
+  useEffect(() => setDetailsExpanded(false), [detailAppId]);
+
   useEffect(() => {
     if (!focusDetailAction) return;
     const frame = requestAnimationFrame(() => {
@@ -101,7 +105,7 @@ export function ConfigurationTab({
     <Focusable onCancelButton={closeDetails}>
       <PanelSection title="Game Profile">
         <PanelSectionRow>
-          <Field label={profileLabel} description={profileDescription} />
+          <Field label={profileLabel} />
         </PanelSectionRow>
         {!selectedTarget?.configured && selectedTarget && (
           <PanelSectionRow>
@@ -129,6 +133,20 @@ export function ConfigurationTab({
           <ButtonItem layout="below" onClick={handleProfileAction}>Remove profile</ButtonItem>
         </PanelSectionRow>
       )}
+      <PanelSectionRow>
+        <ButtonItem
+          layout="below"
+          bottomSeparator={detailsExpanded ? "none" : "standard"}
+          onClick={() => setDetailsExpanded((expanded) => !expanded)}
+        >
+          {detailsExpanded ? <RiArrowUpSFill /> : <RiArrowDownSFill />} Details
+        </ButtonItem>
+      </PanelSectionRow>
+      {detailsExpanded && (
+        <PanelSectionRow>
+          <Field label="Details" description={profileDescription} />
+        </PanelSectionRow>
+      )}
     </Focusable>
   );
 }
-- 
cgit v1.2.3


From 54acc36f16e1336772354f979a618cce65061f82 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 7 Sep 2026 20:57:26 -0400
Subject: refactor: make runtime installation explicit

---
 src/components/ConfigurationTab.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 2175eb9..b3c0281 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,5 +1,6 @@
-import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { FaArrowLeft } from "react-icons/fa";
 import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
@@ -116,7 +117,13 @@ export function ConfigurationTab({
         )}
         <PanelSectionRow>
           <Focusable ref={backToGamesRef} noFocusRing>
-            <ButtonItem layout="below" onClick={closeDetails}>Back to games</ButtonItem>
+            <DialogButton
+              aria-label="Back to games"
+              onClick={closeDetails}
+              style={{ width: "48px", minWidth: "48px", height: "48px", padding: "10px" }}
+            >
+              <FaArrowLeft />
+            </DialogButton>
           </Focusable>
         </PanelSectionRow>
       </PanelSection>
-- 
cgit v1.2.3


From 85bb5c9da5bb5ea64ddca1aeca1dc6ba656bb86c Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 7 Sep 2026 23:40:11 -0400
Subject: fix: focus configured game controls

---
 src/components/ConfigurationTab.tsx | 58 +++++++++++++++----------------------
 1 file changed, 24 insertions(+), 34 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index b3c0281..b94522a 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,7 +1,6 @@
 import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
-import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
 import { GameConfigurationControls } from "./GameConfigurationControls";
@@ -31,10 +30,8 @@ export function ConfigurationTab({
   onResetAll,
 }: ConfigurationTabProps) {
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
-  const [detailsExpanded, setDetailsExpanded] = useState(false);
   const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
-  const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "back" | null>(null);
-  const backToGamesRef = useRef<HTMLDivElement>(null);
+  const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "fps" | null>(null);
   const enableRef = useRef<HTMLDivElement>(null);
   const promptedRunningAppId = useRef<string | null>(null);
   const closeDetails = useCallback(() => {
@@ -44,13 +41,15 @@ export function ConfigurationTab({
   }, []);
   const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
 
-  useEffect(() => setDetailsExpanded(false), [detailAppId]);
-
   useEffect(() => {
     if (!focusDetailAction) return;
+    if (focusDetailAction === "fps") {
+      setFocusFpsMultiplier(true);
+      setFocusDetailAction(null);
+      return;
+    }
     const frame = requestAnimationFrame(() => {
-      const ref = focusDetailAction === "enable" ? enableRef : backToGamesRef;
-      ref.current?.querySelector<HTMLElement>('[role="button"]')?.focus();
+      enableRef.current?.querySelector<HTMLElement>('[role="button"]')?.focus();
       setFocusDetailAction(null);
     });
     return () => cancelAnimationFrame(frame);
@@ -63,7 +62,7 @@ export function ConfigurationTab({
     }
     if (promptedRunningAppId.current !== runningGame.appid && detailAppId === null) {
       promptedRunningAppId.current = runningGame.appid;
-      setFocusDetailAction(runningGame.configured ? "back" : "enable");
+      setFocusDetailAction("enable");
       setDetailAppId(runningGame.appid);
     }
   }, [detailAppId, runningGame?.appid, runningGame?.configured]);
@@ -77,7 +76,7 @@ export function ConfigurationTab({
           targets={targets}
           runningGame={runningGame}
           onSelect={(appid) => {
-            setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "back" : "enable");
+            setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
             onSelect(appid);
             setDetailAppId(appid);
           }}
@@ -104,7 +103,20 @@ export function ConfigurationTab({
 
   return (
     <Focusable onCancelButton={closeDetails}>
-      <PanelSection title="Game Profile">
+      <PanelSection>
+        <PanelSectionRow>
+          <Focusable noFocusRing>
+            <DialogButton
+              aria-label="Back to games"
+              onClick={closeDetails}
+              style={{ width: "48px", minWidth: "48px", height: "24px", minHeight: "24px", padding: "0 10px" }}
+            >
+              <FaArrowLeft />
+            </DialogButton>
+          </Focusable>
+        </PanelSectionRow>
+      </PanelSection>
+      <PanelSection>
         <PanelSectionRow>
           <Field label={profileLabel} />
         </PanelSectionRow>
@@ -115,17 +127,6 @@ export function ConfigurationTab({
             </Focusable>
           </PanelSectionRow>
         )}
-        <PanelSectionRow>
-          <Focusable ref={backToGamesRef} noFocusRing>
-            <DialogButton
-              aria-label="Back to games"
-              onClick={closeDetails}
-              style={{ width: "48px", minWidth: "48px", height: "48px", padding: "10px" }}
-            >
-              <FaArrowLeft />
-            </DialogButton>
-          </Focusable>
-        </PanelSectionRow>
       </PanelSection>
       {selectedTarget?.configured && (
         <GameConfigurationControls
@@ -141,19 +142,8 @@ export function ConfigurationTab({
         </PanelSectionRow>
       )}
       <PanelSectionRow>
-        <ButtonItem
-          layout="below"
-          bottomSeparator={detailsExpanded ? "none" : "standard"}
-          onClick={() => setDetailsExpanded((expanded) => !expanded)}
-        >
-          {detailsExpanded ? <RiArrowUpSFill /> : <RiArrowDownSFill />} Details
-        </ButtonItem>
+        <Field focusable highlightOnFocus label="Details" description={profileDescription} />
       </PanelSectionRow>
-      {detailsExpanded && (
-        <PanelSectionRow>
-          <Field label="Details" description={profileDescription} />
-        </PanelSectionRow>
-      )}
     </Focusable>
   );
 }
-- 
cgit v1.2.3


From b3749ecc4b094a46d2ab9f638ee810f70840f67a Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Tue, 8 Sep 2026 11:31:46 -0400
Subject: update layout and config and hash

---
 src/components/ConfigurationTab.tsx | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index b94522a..6ba8f5d 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,10 +1,11 @@
-import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { ButtonItem, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
 import { GameTarget } from "../hooks/useGameConfiguration";
 import { GameConfigurationControls } from "./GameConfigurationControls";
 import { GameConfigurationSelector } from "./GameConfigurationSelector";
+import { ProfileDetails } from "./ProfileDetails";
 
 interface ConfigurationTabProps {
   config: ConfigurationData;
@@ -105,21 +106,35 @@ export function ConfigurationTab({
     <Focusable onCancelButton={closeDetails}>
       <PanelSection>
         <PanelSectionRow>
-          <Focusable noFocusRing>
+          <div style={{ display: "flex", alignItems: "center", width: "100%" }}>
+            <Focusable noFocusRing style={{ flex: "none" }}>
             <DialogButton
               aria-label="Back to games"
               onClick={closeDetails}
-              style={{ width: "48px", minWidth: "48px", height: "24px", minHeight: "24px", padding: "0 10px" }}
+              style={{
+                width: "48px",
+                minWidth: "48px",
+                height: "24px",
+                minHeight: "24px",
+                padding: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
             >
               <FaArrowLeft />
             </DialogButton>
-          </Focusable>
+            </Focusable>
+            <div
+              className={gamepadDialogClasses.FieldLabel}
+              style={{ flex: 1, minWidth: 0, marginLeft: "8px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}
+            >
+              {profileLabel}
+            </div>
+          </div>
         </PanelSectionRow>
       </PanelSection>
       <PanelSection>
-        <PanelSectionRow>
-          <Field label={profileLabel} />
-        </PanelSectionRow>
         {!selectedTarget?.configured && selectedTarget && (
           <PanelSectionRow>
             <Focusable ref={enableRef} noFocusRing>
@@ -141,9 +156,7 @@ export function ConfigurationTab({
           <ButtonItem layout="below" onClick={handleProfileAction}>Remove profile</ButtonItem>
         </PanelSectionRow>
       )}
-      <PanelSectionRow>
-        <Field focusable highlightOnFocus label="Details" description={profileDescription} />
-      </PanelSectionRow>
+      <ProfileDetails description={profileDescription} />
     </Focusable>
   );
 }
-- 
cgit v1.2.3


From 8352ee74e8a437c1f4a4dadb75d63049f45b164b Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Tue, 8 Sep 2026 16:25:11 -0400
Subject: add back workarounds sections, scope out of now playing

---
 src/components/ConfigurationTab.tsx | 2 ++
 1 file changed, 2 insertions(+)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 6ba8f5d..2bb0f26 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -149,6 +149,8 @@ export function ConfigurationTab({
           onConfigChange={onConfigChange}
           autoFocusFpsMultiplier={focusFpsMultiplier}
           onFpsMultiplierFocused={clearFpsFocusRequest}
+          showWorkarounds
+          workaroundTarget={selectedTarget || undefined}
         />
       )}
       {selectedTarget?.configured && (
-- 
cgit v1.2.3


From 790132668c4421c68c32bdc8fc9792b0d6028f97 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Tue, 8 Sep 2026 22:18:13 -0400
Subject: I really dont want to but here you go little guy

---
 src/components/ConfigurationTab.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 2bb0f26..c41c941 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -33,6 +33,7 @@ export function ConfigurationTab({
   const [detailAppId, setDetailAppId] = useState<string | null>(null);
   const [focusFpsMultiplier, setFocusFpsMultiplier] = useState(false);
   const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "fps" | null>(null);
+  const [focusConfiguredToggle, setFocusConfiguredToggle] = useState(false);
   const enableRef = useRef<HTMLDivElement>(null);
   const promptedRunningAppId = useRef<string | null>(null);
   const closeDetails = useCallback(() => {
@@ -41,6 +42,7 @@ export function ConfigurationTab({
     setDetailAppId(null);
   }, []);
   const clearFpsFocusRequest = useCallback(() => setFocusFpsMultiplier(false), []);
+  const clearConfiguredToggleFocusRequest = useCallback(() => setFocusConfiguredToggle(false), []);
 
   useEffect(() => {
     if (!focusDetailAction) return;
@@ -77,12 +79,15 @@ export function ConfigurationTab({
           targets={targets}
           runningGame={runningGame}
           onSelect={(appid) => {
+            setFocusConfiguredToggle(false);
             setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
             onSelect(appid);
             setDetailAppId(appid);
           }}
           onEnableAll={onEnableAll}
           onResetAll={onResetAll}
+          focusConfiguredToggle={focusConfiguredToggle}
+          onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
         />
       </PanelSection>
     );
@@ -96,6 +101,7 @@ export function ConfigurationTab({
     if (selectedTarget?.configured) {
       promptedRunningAppId.current = detailAppId;
       await onReset();
+      setFocusConfiguredToggle(true);
       closeDetails();
     } else if (detailAppId && await onEnable(detailAppId)) {
       setFocusFpsMultiplier(true);
-- 
cgit v1.2.3


From 1b932fd69c3dba925e0cbf027e05508b2daf5e8c Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 9 Sep 2026 01:01:42 -0400
Subject: add back launcher script and correct pathing

---
 src/components/ConfigurationTab.tsx | 3 +++
 1 file changed, 3 insertions(+)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index c41c941..62a971b 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -15,6 +15,7 @@ interface ConfigurationTabProps {
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
   onEnableAll: () => Promise<void>;
+  onRepair: (appid: string) => Promise<boolean>;
   onReset: () => Promise<void>;
   onResetAll: () => Promise<void>;
 }
@@ -27,6 +28,7 @@ export function ConfigurationTab({
   onConfigChange,
   onEnable,
   onEnableAll,
+  onRepair,
   onReset,
   onResetAll,
 }: ConfigurationTabProps) {
@@ -157,6 +159,7 @@ export function ConfigurationTab({
           onFpsMultiplierFocused={clearFpsFocusRequest}
           showWorkarounds
           workaroundTarget={selectedTarget || undefined}
+          onRepairWorkaround={selectedTarget ? () => onRepair(selectedTarget.appid) : undefined}
         />
       )}
       {selectedTarget?.configured && (
-- 
cgit v1.2.3


From cc1e6f47dd9838b066822162a607d2859c043aff Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 9 Sep 2026 19:16:30 -0400
Subject: refactor: unify flatpak targets with steam profiles

---
 src/components/ConfigurationTab.tsx | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 62a971b..90c1a7b 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -14,7 +14,6 @@ interface ConfigurationTabProps {
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
-  onEnableAll: () => Promise<void>;
   onRepair: (appid: string) => Promise<boolean>;
   onReset: () => Promise<void>;
   onResetAll: () => Promise<void>;
@@ -27,7 +26,6 @@ export function ConfigurationTab({
   onSelect,
   onConfigChange,
   onEnable,
-  onEnableAll,
   onRepair,
   onReset,
   onResetAll,
@@ -86,7 +84,6 @@ export function ConfigurationTab({
             onSelect(appid);
             setDetailAppId(appid);
           }}
-          onEnableAll={onEnableAll}
           onResetAll={onResetAll}
           focusConfiguredToggle={focusConfiguredToggle}
           onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
@@ -96,8 +93,13 @@ export function ConfigurationTab({
   }
 
   const profileLabel = selectedTarget?.name || "Game profile";
+  const profileTransport = selectedTarget
+    ? selectedTarget.transport.kind === "flatpak"
+      ? "Non-Steam · Flatpak"
+      : selectedTarget.nonSteam ? "Non-Steam" : "Steam"
+    : "Game";
   const profileDescription = selectedTarget
-    ? `${selectedTarget.nonSteam ? "Non-Steam" : "Steam"} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
+    ? `${profileTransport} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
     : "Game is no longer available";
   const handleProfileAction = async () => {
     if (selectedTarget?.configured) {
@@ -151,6 +153,18 @@ export function ConfigurationTab({
           </PanelSectionRow>
         )}
       </PanelSection>
+      {selectedTarget?.configured && selectedTarget.transport.kind === "flatpak" && selectedTarget.flatpakSupport?.support_status !== "ready" && (
+        <PanelSection>
+          <PanelSectionRow>
+            <ButtonItem
+              layout="below"
+              onClick={() => void onRepair(selectedTarget.appid)}
+            >
+              Repair Flatpak support
+            </ButtonItem>
+          </PanelSectionRow>
+        </PanelSection>
+      )}
       {selectedTarget?.configured && (
         <GameConfigurationControls
           config={config}
-- 
cgit v1.2.3


From fb4d053213bdbda271a54b517a11a89c4780f80a Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Wed, 9 Sep 2026 20:45:20 -0400
Subject: fix: restore profile and Flatpak controls

---
 src/components/ConfigurationTab.tsx | 3 +++
 1 file changed, 3 insertions(+)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 90c1a7b..8f8690c 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -14,6 +14,7 @@ interface ConfigurationTabProps {
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
+  onEnableAll: () => Promise<void>;
   onRepair: (appid: string) => Promise<boolean>;
   onReset: () => Promise<void>;
   onResetAll: () => Promise<void>;
@@ -26,6 +27,7 @@ export function ConfigurationTab({
   onSelect,
   onConfigChange,
   onEnable,
+  onEnableAll,
   onRepair,
   onReset,
   onResetAll,
@@ -84,6 +86,7 @@ export function ConfigurationTab({
             onSelect(appid);
             setDetailAppId(appid);
           }}
+          onEnableAll={onEnableAll}
           onResetAll={onResetAll}
           focusConfiguredToggle={focusConfiguredToggle}
           onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
-- 
cgit v1.2.3


From e6efa4f0ff32d520982860180a29472068aab8e2 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Thu, 10 Sep 2026 09:53:55 -0400
Subject: simplify unhooked game behavior on mount

---
 src/components/ConfigurationTab.tsx | 14 --------------
 1 file changed, 14 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 8f8690c..8150819 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -37,7 +37,6 @@ export function ConfigurationTab({
   const [focusDetailAction, setFocusDetailAction] = useState<"enable" | "fps" | null>(null);
   const [focusConfiguredToggle, setFocusConfiguredToggle] = useState(false);
   const enableRef = useRef<HTMLDivElement>(null);
-  const promptedRunningAppId = useRef<string | null>(null);
   const closeDetails = useCallback(() => {
     setFocusFpsMultiplier(false);
     setFocusDetailAction(null);
@@ -60,18 +59,6 @@ export function ConfigurationTab({
     return () => cancelAnimationFrame(frame);
   }, [focusDetailAction]);
 
-  useEffect(() => {
-    if (!runningGame || runningGame.configured) {
-      promptedRunningAppId.current = null;
-      return;
-    }
-    if (promptedRunningAppId.current !== runningGame.appid && detailAppId === null) {
-      promptedRunningAppId.current = runningGame.appid;
-      setFocusDetailAction("enable");
-      setDetailAppId(runningGame.appid);
-    }
-  }, [detailAppId, runningGame?.appid, runningGame?.configured]);
-
   const selectedTarget = detailAppId ? targets.find((target) => target.appid === detailAppId) : null;
 
   if (detailAppId === null) {
@@ -106,7 +93,6 @@ export function ConfigurationTab({
     : "Game is no longer available";
   const handleProfileAction = async () => {
     if (selectedTarget?.configured) {
-      promptedRunningAppId.current = detailAppId;
       await onReset();
       setFocusConfiguredToggle(true);
       closeDetails();
-- 
cgit v1.2.3


From 209ab92cc3baeb15ce808fc53ce9041a761d8df4 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Thu, 10 Sep 2026 10:33:08 -0400
Subject: only warn quit on real steam games

---
 src/components/ConfigurationTab.tsx | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 8150819..5ae4a87 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
+import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
@@ -91,13 +91,37 @@ export function ConfigurationTab({
   const profileDescription = selectedTarget
     ? `${profileTransport} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
     : "Game is no longer available";
+  const enableProfile = async (appid: string, quitRunningGame = false) => {
+    if (!(await onEnable(appid))) return;
+    if (quitRunningGame) SteamClient.Apps.TerminateApp(appid, false);
+    setFocusFpsMultiplier(true);
+  };
   const handleProfileAction = async () => {
     if (selectedTarget?.configured) {
       await onReset();
       setFocusConfiguredToggle(true);
       closeDetails();
-    } else if (detailAppId && await onEnable(detailAppId)) {
-      setFocusFpsMultiplier(true);
+    } else if (detailAppId) {
+      const isRunningUnconfigured = runningGame?.appid === detailAppId
+        && runningGame.nonSteam === false
+        && runningGame.transport.kind === "host"
+        && selectedTarget?.nonSteam === false
+        && selectedTarget?.transport.kind === "host"
+        && !runningGame.configured;
+      if (isRunningUnconfigured) {
+        showModal(
+          <ConfirmModal
+            strTitle="Game is running"
+            strDescription="Quit the game now so LSFG-VK is used on its next launch?"
+            strOKButtonText="Quit and enable"
+            strCancelButtonText="Enable without quitting"
+            onOK={() => void enableProfile(detailAppId, true)}
+            onCancel={() => void enableProfile(detailAppId)}
+          />,
+        );
+      } else {
+        await enableProfile(detailAppId);
+      }
     }
   };
 
-- 
cgit v1.2.3


From de74f0d2499159ed1cf8f628a166302146ae1f13 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Thu, 10 Sep 2026 12:58:44 -0400
Subject: fix flatpak disable leftovers

---
 src/components/ConfigurationTab.tsx | 50 ++++++++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 17 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 5ae4a87..4e2d93d 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
+import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, ToggleField, gamepadDialogClasses, showModal } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
@@ -11,6 +11,8 @@ interface ConfigurationTabProps {
   config: ConfigurationData;
   targets: GameTarget[];
   runningGame: GameTarget | null;
+  showDebugTab: boolean;
+  onShowDebugTabChange: (value: boolean) => void;
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
@@ -24,6 +26,8 @@ export function ConfigurationTab({
   config,
   targets,
   runningGame,
+  showDebugTab,
+  onShowDebugTabChange,
   onSelect,
   onConfigChange,
   onEnable,
@@ -63,22 +67,34 @@ export function ConfigurationTab({
 
   if (detailAppId === null) {
     return (
-      <PanelSection title="Games">
-        <GameConfigurationSelector
-          targets={targets}
-          runningGame={runningGame}
-          onSelect={(appid) => {
-            setFocusConfiguredToggle(false);
-            setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
-            onSelect(appid);
-            setDetailAppId(appid);
-          }}
-          onEnableAll={onEnableAll}
-          onResetAll={onResetAll}
-          focusConfiguredToggle={focusConfiguredToggle}
-          onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
-        />
-      </PanelSection>
+      <>
+        <PanelSection title="Games">
+          <GameConfigurationSelector
+            targets={targets}
+            runningGame={runningGame}
+            onSelect={(appid) => {
+              setFocusConfiguredToggle(false);
+              setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
+              onSelect(appid);
+              setDetailAppId(appid);
+            }}
+            onEnableAll={onEnableAll}
+            onResetAll={onResetAll}
+            focusConfiguredToggle={focusConfiguredToggle}
+            onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
+          />
+        </PanelSection>
+        <PanelSection title="Settings">
+          <PanelSectionRow>
+            <ToggleField
+              label="Show debug tab"
+              description="Show the raw configuration and generated files tab for troubleshooting."
+              checked={showDebugTab}
+              onChange={onShowDebugTabChange}
+            />
+          </PanelSectionRow>
+        </PanelSection>
+      </>
     );
   }
 
-- 
cgit v1.2.3


From da9166ca8c6d90f402352e47ec28d67f2a02cf14 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 15:45:27 -0400
Subject: refactor: remove per-game flatpak support ui

---
 src/components/ConfigurationTab.tsx | 50 +++++++++++++------------------------
 1 file changed, 18 insertions(+), 32 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 4e2d93d..18575b4 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -100,8 +100,8 @@ export function ConfigurationTab({
 
   const profileLabel = selectedTarget?.name || "Game profile";
   const profileTransport = selectedTarget
-    ? selectedTarget.transport.kind === "flatpak"
-      ? "Non-Steam · Flatpak"
+    ? selectedTarget.directFlatpak
+      ? "Non-Steam · Direct Flatpak"
       : selectedTarget.nonSteam ? "Non-Steam" : "Steam"
     : "Game";
   const profileDescription = selectedTarget
@@ -120,9 +120,7 @@ export function ConfigurationTab({
     } else if (detailAppId) {
       const isRunningUnconfigured = runningGame?.appid === detailAppId
         && runningGame.nonSteam === false
-        && runningGame.transport.kind === "host"
         && selectedTarget?.nonSteam === false
-        && selectedTarget?.transport.kind === "host"
         && !runningGame.configured;
       if (isRunningUnconfigured) {
         showModal(
@@ -147,22 +145,22 @@ export function ConfigurationTab({
         <PanelSectionRow>
           <div style={{ display: "flex", alignItems: "center", width: "100%" }}>
             <Focusable noFocusRing style={{ flex: "none" }}>
-            <DialogButton
-              aria-label="Back to games"
-              onClick={closeDetails}
-              style={{
-                width: "48px",
-                minWidth: "48px",
-                height: "24px",
-                minHeight: "24px",
-                padding: 0,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-              }}
-            >
-              <FaArrowLeft />
-            </DialogButton>
+              <DialogButton
+                aria-label="Back to games"
+                onClick={closeDetails}
+                style={{
+                  width: "48px",
+                  minWidth: "48px",
+                  height: "24px",
+                  minHeight: "24px",
+                  padding: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <FaArrowLeft />
+              </DialogButton>
             </Focusable>
             <div
               className={gamepadDialogClasses.FieldLabel}
@@ -182,18 +180,6 @@ export function ConfigurationTab({
           </PanelSectionRow>
         )}
       </PanelSection>
-      {selectedTarget?.configured && selectedTarget.transport.kind === "flatpak" && selectedTarget.flatpakSupport?.support_status !== "ready" && (
-        <PanelSection>
-          <PanelSectionRow>
-            <ButtonItem
-              layout="below"
-              onClick={() => void onRepair(selectedTarget.appid)}
-            >
-              Repair Flatpak support
-            </ButtonItem>
-          </PanelSectionRow>
-        </PanelSection>
-      )}
       {selectedTarget?.configured && (
         <GameConfigurationControls
           config={config}
-- 
cgit v1.2.3


From 59b9148054e2f0c7dcd33b0e5393899d7a92f93e Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:36:50 -0400
Subject: refactor: keep game profiles steam scoped

---
 src/components/ConfigurationTab.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 18575b4..a6d4c2a 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -99,11 +99,7 @@ export function ConfigurationTab({
   }
 
   const profileLabel = selectedTarget?.name || "Game profile";
-  const profileTransport = selectedTarget
-    ? selectedTarget.directFlatpak
-      ? "Non-Steam · Direct Flatpak"
-      : selectedTarget.nonSteam ? "Non-Steam" : "Steam"
-    : "Game";
+  const profileTransport = selectedTarget?.nonSteam ? "Non-Steam" : "Steam";
   const profileDescription = selectedTarget
     ? `${profileTransport} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
     : "Game is no longer available";
-- 
cgit v1.2.3


From 18af8d1de5c7d12af674018ce819cc91480cf51a Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Fri, 11 Sep 2026 09:09:29 -0400
Subject: fix tab change jutter

---
 src/components/ConfigurationTab.tsx | 1 -
 1 file changed, 1 deletion(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index a6d4c2a..12f36a5 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -88,7 +88,6 @@ export function ConfigurationTab({
           <PanelSectionRow>
             <ToggleField
               label="Show debug tab"
-              description="Show the raw configuration and generated files tab for troubleshooting."
               checked={showDebugTab}
               onChange={onShowDebugTabChange}
             />
-- 
cgit v1.2.3


From 954b2abc47d8772211cb8ecee523900f823184e8 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Fri, 11 Sep 2026 11:08:12 -0400
Subject: better uninstall cleanup

---
 src/components/ConfigurationTab.tsx | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 12f36a5..37a7867 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, ToggleField, gamepadDialogClasses, showModal } from "@decky/ui";
+import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
@@ -11,8 +11,6 @@ interface ConfigurationTabProps {
   config: ConfigurationData;
   targets: GameTarget[];
   runningGame: GameTarget | null;
-  showDebugTab: boolean;
-  onShowDebugTabChange: (value: boolean) => void;
   onSelect: (appid: string) => void;
   onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
@@ -26,8 +24,6 @@ export function ConfigurationTab({
   config,
   targets,
   runningGame,
-  showDebugTab,
-  onShowDebugTabChange,
   onSelect,
   onConfigChange,
   onEnable,
@@ -84,15 +80,6 @@ export function ConfigurationTab({
             onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
           />
         </PanelSection>
-        <PanelSection title="Settings">
-          <PanelSectionRow>
-            <ToggleField
-              label="Show debug tab"
-              checked={showDebugTab}
-              onChange={onShowDebugTabChange}
-            />
-          </PanelSectionRow>
-        </PanelSection>
       </>
     );
   }
-- 
cgit v1.2.3


From f3074fbe1427411dc3b5597d2e87918383299e3f Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Fri, 11 Sep 2026 13:47:52 -0400
Subject: feat: non steam tab, faster bulk actions

---
 src/components/ConfigurationTab.tsx | 56 +++++++++++++++++++++++++------------
 1 file changed, 38 insertions(+), 18 deletions(-)

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

diff --git a/src/components/ConfigurationTab.tsx b/src/components/ConfigurationTab.tsx
index 37a7867..37555e0 100644
--- a/src/components/ConfigurationTab.tsx
+++ b/src/components/ConfigurationTab.tsx
@@ -1,26 +1,36 @@
-import { ButtonItem, ConfirmModal, DialogButton, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
+import { ButtonItem, ConfirmModal, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
-import { GameTarget } from "../hooks/useGameConfiguration";
+import type { GameTarget, KnownGameSource } from "../utils/gameTargets";
+import { sourceLabel } from "../utils/gameTargets";
 import { GameConfigurationControls } from "./GameConfigurationControls";
 import { GameConfigurationSelector } from "./GameConfigurationSelector";
 import { ProfileDetails } from "./ProfileDetails";
 
 interface ConfigurationTabProps {
+  title: string;
+  source: KnownGameSource;
   config: ConfigurationData;
   targets: GameTarget[];
   runningGame: GameTarget | null;
   onSelect: (appid: string) => void;
-  onConfigChange: (fieldName: keyof ConfigurationData, value: boolean | number | string | string[]) => Promise<void>;
+  onConfigChange: (
+    fieldName: keyof ConfigurationData,
+    value: boolean | number | string | string[],
+    cleanupLaunchOptions?: boolean,
+  ) => Promise<void>;
   onEnable: (appid: string) => Promise<boolean>;
-  onEnableAll: () => Promise<void>;
+  onEnableAll: (source: KnownGameSource) => Promise<void>;
+  bulkOperationBusy: boolean;
   onRepair: (appid: string) => Promise<boolean>;
   onReset: () => Promise<void>;
-  onResetAll: () => Promise<void>;
+  onResetAll: (source: KnownGameSource) => Promise<void>;
 }
 
 export function ConfigurationTab({
+  title,
+  source,
   config,
   targets,
   runningGame,
@@ -28,6 +38,7 @@ export function ConfigurationTab({
   onConfigChange,
   onEnable,
   onEnableAll,
+  bulkOperationBusy,
   onRepair,
   onReset,
   onResetAll,
@@ -64,10 +75,12 @@ export function ConfigurationTab({
   if (detailAppId === null) {
     return (
       <>
-        <PanelSection title="Games">
+        <PanelSection title={title}>
           <GameConfigurationSelector
             targets={targets}
             runningGame={runningGame}
+            source={source}
+            bulkOperationBusy={bulkOperationBusy}
             onSelect={(appid) => {
               setFocusConfiguredToggle(false);
               setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
@@ -85,9 +98,9 @@ export function ConfigurationTab({
   }
 
   const profileLabel = selectedTarget?.name || "Game profile";
-  const profileTransport = selectedTarget?.nonSteam ? "Non-Steam" : "Steam";
+  const profileTransport = selectedTarget ? sourceLabel(selectedTarget.source) : sourceLabel(source);
   const profileDescription = selectedTarget
-    ? `${profileTransport} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}`
+    ? `${profileTransport} · App ID ${selectedTarget.appid} · ${selectedTarget.configured ? "LSFG-VK Enabled" : "LSFG-VK not enabled"}${selectedTarget.source === "unknown" ? " · Bulk actions exclude this profile" : ""}`
     : "Game is no longer available";
   const enableProfile = async (appid: string, quitRunningGame = false) => {
     if (!(await onEnable(appid))) return;
@@ -101,8 +114,8 @@ export function ConfigurationTab({
       closeDetails();
     } else if (detailAppId) {
       const isRunningUnconfigured = runningGame?.appid === detailAppId
-        && runningGame.nonSteam === false
-        && selectedTarget?.nonSteam === false
+        && runningGame.source === "steam"
+        && selectedTarget?.source === "steam"
         && !runningGame.configured;
       if (isRunningUnconfigured) {
         showModal(
@@ -128,7 +141,7 @@ export function ConfigurationTab({
           <div style={{ display: "flex", alignItems: "center", width: "100%" }}>
             <Focusable noFocusRing style={{ flex: "none" }}>
               <DialogButton
-                aria-label="Back to games"
+                aria-label={`Back to ${title}`}
                 onClick={closeDetails}
                 style={{
                   width: "48px",
@@ -156,21 +169,28 @@ export function ConfigurationTab({
       <PanelSection>
         {!selectedTarget?.configured && selectedTarget && (
           <PanelSectionRow>
-            <Focusable ref={enableRef} noFocusRing>
-              <ButtonItem layout="below" onClick={handleProfileAction}>Enable for next launch</ButtonItem>
-            </Focusable>
+            {selectedTarget.source === "unknown" ? (
+              <Field
+                label="Target source unavailable"
+                description="Refresh Steam and try again before enabling this target."
+              />
+            ) : (
+              <Focusable ref={enableRef} noFocusRing>
+                <ButtonItem layout="below" onClick={handleProfileAction}>Enable for next launch</ButtonItem>
+              </Focusable>
+            )}
           </PanelSectionRow>
         )}
       </PanelSection>
       {selectedTarget?.configured && (
         <GameConfigurationControls
           config={config}
-          onConfigChange={onConfigChange}
+          onConfigChange={(field, value) => onConfigChange(field, value, selectedTarget?.source !== "unknown")}
           autoFocusFpsMultiplier={focusFpsMultiplier}
           onFpsMultiplierFocused={clearFpsFocusRequest}
-          showWorkarounds
-          workaroundTarget={selectedTarget || undefined}
-          onRepairWorkaround={selectedTarget ? () => onRepair(selectedTarget.appid) : undefined}
+          showWorkarounds={selectedTarget.source !== "unknown"}
+          workaroundTarget={selectedTarget.source !== "unknown" ? selectedTarget : undefined}
+          onRepairWorkaround={selectedTarget.source !== "unknown" ? () => onRepair(selectedTarget.appid) : undefined}
         />
       )}
       {selectedTarget?.configured && (
-- 
cgit v1.2.3