fix: restore profile and Flatpak controls

5 files changed, 124 insertions, 12 deletions

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}
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index ff2376b..58512d5 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,18 +1,20 @@
 import { Tabs } from "@decky/ui";
 import { useEffect, useRef, useState } from "react";
-import { FaGamepad, FaList, FaTools } from "react-icons/fa";
+import { FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
 import { ConfigurationData } from "../config/configSchema";
 import { tabStyles } from "../styles";
 import { useGameConfiguration } from "../hooks/useGameConfiguration";
 import { useInstallationActions } from "../hooks/useInstallationActions";
 import { useInstallationStatus } from "../hooks/useLsfgHooks";
 import { ConfigurationTab } from "./ConfigurationTab";
+import { ConfigFileTab } from "./ConfigFileTab";
 import { NowPlayingTab } from "./NowPlayingTab";
 import { SetupTab } from "./SetupTab";
 
 const tabIcons = {
   nowPlaying: <FaGamepad size={18} />,
   games: <FaList size={18} />,
+  configFile: <FaFileAlt size={18} />,
   setup: <FaTools size={18} />,
 };
 
@@ -34,6 +36,7 @@ export function Content() {
     setSelectedAppId,
     save,
     enable,
+    enableAll,
     repair,
     resetSelected,
     resetAll,
@@ -130,12 +133,18 @@ export function Content() {
               onSelect={setSelectedAppId}
               onConfigChange={(fieldName, value) => handleConfigChange(fieldName, value, true)}
               onEnable={enable}
+              onEnableAll={enableAll}
               onRepair={repair}
               onReset={resetSelected}
               onResetAll={resetAll}
             />
           ),
         },
+        {
+          id: "ConfigFile",
+          title: tabIcons.configFile,
+          content: <ConfigFileTab />,
+        },
         { id: "Setup", title: tabIcons.setup, content: setupContent },
       ]
     : [
diff --git a/src/components/GameConfigurationSelector.tsx b/src/components/GameConfigurationSelector.tsx
index 2a92c67..92eacba 100644
--- a/src/components/GameConfigurationSelector.tsx
+++ b/src/components/GameConfigurationSelector.tsx
@@ -7,6 +7,7 @@ interface Props {
   targets: GameTarget[];
   runningGame: GameTarget | null;
   onSelect: (appid: string) => void;
+  onEnableAll: () => Promise<void>;
   onResetAll: () => Promise<void>;
   focusConfiguredToggle?: boolean;
   onConfiguredToggleFocused?: () => void;
@@ -95,6 +96,7 @@ export function GameConfigurationSelector({
   targets,
   runningGame,
   onSelect,
+  onEnableAll,
   onResetAll,
   focusConfiguredToggle = false,
   onConfiguredToggleFocused,
@@ -131,8 +133,39 @@ export function GameConfigurationSelector({
     );
   };
 
+  const confirmEnableAll = () => {
+    showModal(
+      <ConfirmModal
+        strTitle="Enable all available games?"
+        strDescription="Create individual LSFG-VK profiles for every available game using the plugin defaults. Flatpak targets will be provisioned as needed."
+        strOKButtonText="Enable all"
+        strCancelButtonText="Cancel"
+        onOK={() => void onEnableAll()}
+        onCancel={() => {}}
+      />,
+    );
+  };
+
   return (
     <>
+      <style>
+        {`
+          .LSFG_GameGroupCollapseButton_Container > div > div > div > button,
+          .LSFG_GameGroupCollapseButton_Container > div > div > div > div > button {
+            height: 24px !important;
+            min-height: 24px !important;
+            padding: 0 !important;
+            display: flex !important;
+            align-items: center !important;
+            justify-content: center !important;
+          }
+
+          .LSFG_GameGroupCollapseButton_Container svg {
+            display: block;
+            margin: 0;
+          }
+        `}
+      </style>
       {targets.length === 0 && (
         <PanelSectionRow>
           <Field label="No installed games" description="Steam has not reported any eligible games" />
@@ -153,6 +186,13 @@ export function GameConfigurationSelector({
         onToggle={toggleAvailable}
         onSelect={onSelect}
       />
+      {availableGames.length > 0 && (
+        <PanelSectionRow>
+          <ButtonItem layout="below" onClick={confirmEnableAll}>
+            Enable all available games
+          </ButtonItem>
+        </PanelSectionRow>
+      )}
       <PanelSectionRow>
         <ButtonItem
           layout="below"
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index 9c854e1..df43c5e 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,13 +1,15 @@
-import { ButtonItem, ConfirmModal, Field, PanelSection, PanelSectionRow, showModal } from "@decky/ui";
+import { ButtonItem, ConfirmModal, Field, PanelSection, PanelSectionRow, ToggleField, showModal } from "@decky/ui";
 import { useEffect, useState } from "react";
 import {
   getFlatpakSupportStatus,
   removePluginOwnedFlatpakExtensions,
+  setFlatpakExtensionEnabled,
   type FlatpakExtensionStatus,
   type SteamBranchStatus,
 } from "../api/lsfgApi";
 import { InstallationButton } from "./InstallationButton";
 import { StatusDisplay } from "./StatusDisplay";
+import { showErrorToast } from "../utils/toastUtils";
 
 interface SetupTabProps {
   isInstalled: boolean;
@@ -25,7 +27,7 @@ interface SetupTabProps {
 function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
   const [status, setStatus] = useState<FlatpakExtensionStatus | null>(null);
   const [advanced, setAdvanced] = useState(false);
-  const [busy, setBusy] = useState(false);
+  const [operation, setOperation] = useState<string | null>(null);
 
   const refresh = async () => {
     try {
@@ -51,6 +53,51 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
 
   if (!relevant || !status?.available) return null;
 
+  const runExtensionOperation = async (version: string, enabled: boolean) => {
+    const operationKey = `${enabled ? "enable" : "disable"}-${version}`;
+    setOperation(operationKey);
+    try {
+      const result = await setFlatpakExtensionEnabled(version, enabled);
+      if (!result.success) throw new Error(result.error || result.message || "Flatpak runtime update failed");
+      await refresh();
+    } catch (error) {
+      showErrorToast("Flatpak runtime update failed", String(error));
+    } finally {
+      setOperation(null);
+    }
+  };
+
+  const confirmDisable = (version: string) => {
+    showModal(
+      <ConfirmModal
+        strTitle={`Disable Flatpak runtime ${version}?`}
+        strDescription="Only runtime extensions installed by this plugin can be removed. Pre-existing extensions are preserved."
+        strOKButtonText="Disable"
+        strCancelButtonText="Cancel"
+        onOK={() => void runExtensionOperation(version, false)}
+        onCancel={() => {}}
+      />,
+    );
+  };
+
+  const handleExtensionToggle = (version: string, enabled: boolean) => {
+    const installed = status.installed_branches.includes(version);
+    const owned = status.owned_branches.includes(version);
+    if (!enabled && installed && !owned) {
+      showErrorToast(
+        "Flatpak runtime preserved",
+        `${version} was not installed by this plugin, so it will remain installed.`,
+      );
+      void refresh();
+      return;
+    }
+    if (!enabled && installed && owned) {
+      confirmDisable(version);
+      return;
+    }
+    void runExtensionOperation(version, enabled);
+  };
+
   const confirmCleanup = () => {
     showModal(
       <ConfirmModal
@@ -59,12 +106,15 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
         strOKButtonText="Remove extensions"
         strCancelButtonText="Cancel"
         onOK={async () => {
-          setBusy(true);
+          setOperation("cleanup");
           try {
-            await removePluginOwnedFlatpakExtensions();
+            const result = await removePluginOwnedFlatpakExtensions();
+            if (!result.success) throw new Error(result.error || result.message || "Flatpak cleanup failed");
             await refresh();
+          } catch (error) {
+            showErrorToast("Flatpak cleanup failed", String(error));
           } finally {
-            setBusy(false);
+            setOperation(null);
           }
         }}
         onCancel={() => {}}
@@ -89,13 +139,22 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
         <>
           {status.supported_branches.map((branch) => (
             <PanelSectionRow key={branch}>
-              <Field
+              <ToggleField
                 label={branch}
                 description={
-                  status.installed_branches.includes(branch)
-                    ? "Installed" + (status.owned_branches.includes(branch) ? " · plugin-owned" : "")
-                    : "Not installed"
+                  operation === `enable-${branch}`
+                    ? "Installing..."
+                    : operation === `disable-${branch}`
+                      ? "Uninstalling..."
+                      : status.installed_branches.includes(branch)
+                        ? status.owned_branches.includes(branch)
+                          ? "Installed · plugin-owned"
+                          : "Installed · pre-existing (preserved)"
+                        : "Not installed"
                 }
+                checked={status.installed_branches.includes(branch)}
+                onChange={(enabled) => handleExtensionToggle(branch, enabled)}
+                disabled={operation !== null || status.ownership_uncertain}
               />
             </PanelSectionRow>
           ))}
@@ -107,10 +166,10 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
           <PanelSectionRow>
             <ButtonItem
               layout="below"
-              disabled={busy || status.ownership_uncertain || status.owned_branches.length === 0}
+              disabled={operation !== null || status.ownership_uncertain || status.owned_branches.length === 0}
               onClick={confirmCleanup}
             >
-              {busy ? "Removing..." : "Remove plugin-installed extensions"}
+              {operation === "cleanup" ? "Removing..." : "Remove plugin-installed extensions"}
             </ButtonItem>
           </PanelSectionRow>
         </>
diff --git a/src/components/index.ts b/src/components/index.ts
index 7c3ee0a..6856e76 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -4,6 +4,7 @@ export { InstallationButton } from "./InstallationButton";
 export { ConfigurationSection } from "./ConfigurationSection";
 export { FpsMultiplierControl } from "./FpsMultiplierControl";
 export { ConfigurationTab } from "./ConfigurationTab";
+export { ConfigFileTab } from "./ConfigFileTab";
 export { SetupTab } from "./SetupTab";
 export { GameConfigurationSelector } from "./GameConfigurationSelector";
 export { GameConfigurationControls } from "./GameConfigurationControls";