1 files changed, 44 insertions, 22 deletions

diff --git a/src/components/WorkaroundsSection.tsx b/src/components/WorkaroundsSection.tsx
index e990784..3de5ec1 100644
--- a/src/components/WorkaroundsSection.tsx
+++ b/src/components/WorkaroundsSection.tsx
@@ -3,14 +3,15 @@ import { useEffect, useState } from "react";
 import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
 import { usePerAppWorkarounds } from "../hooks/usePerAppWorkarounds";
 import t from "../i18n/i18n";
-import type { WorkaroundField } from "../utils/steamLaunchOptions";
+import type { WorkaroundField } from "../hooks/usePerAppWorkarounds";
 
 interface WorkaroundsSectionProps {
   appId: string;
   nonSteam: boolean;
+  onRepair?: () => Promise<boolean>;
 }
 
-const WORKAROUNDS_COLLAPSED_KEY = "lsfg-workarounds-collapsed";
+const WORKAROUNDS_COLLAPSED_KEY = "lsfg-workarounds-collapsed-v2";
 type ToggleWorkaroundField = Exclude<WorkaroundField, "dxvkFrameRate">;
 
 const TOGGLE_ROWS: readonly {
@@ -21,18 +22,25 @@ const TOGGLE_ROWS: readonly {
   description: string;
 }[] = [
   {
+    field: "disableSteamdeckMode",
+    labelKey: "CONFIG_DISABLE_STEAMDECK_MODE",
+    label: "Disable Steam Deck Mode",
+    descriptionKey: "CONFIG_DISABLE_STEAMDECK_MODE_DESC",
+    description: "Disables a game-specific Steam Deck compatibility switch. Requires game restart to apply.",
+  },
+  {
     field: "disableGamescopeWsi",
     labelKey: "CONFIG_DISABLE_GAMESCOPE_WSI",
     label: "Disable Gamescope WSI",
     descriptionKey: "CONFIG_DISABLE_GAMESCOPE_WSI_DESC",
-    description: "Adds ENABLE_GAMESCOPE_WSI=0 without changing HDR. Requires game restart to apply.",
+    description: "Adds ENABLE_GAMESCOPE_WSI=0. Requires game restart to apply.",
   },
   {
-    field: "disableSteamdeckMode",
-    labelKey: "CONFIG_DISABLE_STEAMDECK_MODE",
-    label: "Disable Steam Deck Mode",
-    descriptionKey: "CONFIG_DISABLE_STEAMDECK_MODE_DESC",
-    description: "Disables a game-specific Steam Deck compatibility switch. Requires game restart to apply.",
+    field: "disableHdr",
+    labelKey: "CONFIG_DISABLE_HDR",
+    label: "Disable HDR",
+    descriptionKey: "CONFIG_DISABLE_HDR_DESC",
+    description: "Prevents DXVK from exposing HDR to the game. Requires game restart to apply.",
   },
   {
     field: "disableVkbasalt",
@@ -63,26 +71,34 @@ function usePersistentCollapsed() {
   useEffect(() => {
     try {
       localStorage.setItem(WORKAROUNDS_COLLAPSED_KEY, JSON.stringify(collapsed));
-    } catch {
-      // Persisting the view preference is optional.
-    }
+    } catch {}
   }, [collapsed]);
 
   return [collapsed, () => setCollapsed((value) => !value)] as const;
 }
 
-export function WorkaroundsSection({ appId, nonSteam }: WorkaroundsSectionProps) {
+export function WorkaroundsSection({ appId, nonSteam, onRepair }: WorkaroundsSectionProps) {
   const [collapsed, toggleCollapsed] = usePersistentCollapsed();
   const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam);
-  const state = snapshot?.parsed.state;
-  const issues = snapshot?.parsed.issues || [];
-  const controlsDisabled = status !== "ready" || state === undefined;
+  const [repairing, setRepairing] = useState(false);
+  const state = snapshot?.state;
+  const controlsDisabled = status !== "ready" || state === undefined || snapshot?.wrapperOwned !== true || snapshot.integrationInstalled !== true;
   const [fpsValue, setFpsValue] = useState<number | null>(null);
   const effectiveFpsValue = fpsValue ?? state?.dxvkFrameRate ?? 0;
   const fpsLabel = effectiveFpsValue > 0
     ? `${effectiveFpsValue} FPS`
     : t("CONFIG_BASE_FPS_CAP_OFF", "Off");
 
+  const handleRepair = async () => {
+    if (!onRepair || repairing) return;
+    setRepairing(true);
+    try {
+      if (await onRepair()) await refresh();
+    } finally {
+      setRepairing(false);
+    }
+  };
+
   useEffect(() => {
     setFpsValue(state?.dxvkFrameRate ?? null);
   }, [state?.dxvkFrameRate, status]);
@@ -148,13 +164,19 @@ export function WorkaroundsSection({ appId, nonSteam }: WorkaroundsSectionProps)
               </PanelSectionRow>
             </>
           )}
-          {status === "ready" && issues.length > 0 && (
-            <PanelSectionRow>
-              <Field
-                label="Launch options need attention"
-                description={`${issues.join(" ")} Adjusting a workaround will normalize its managed values.`}
-              />
-            </PanelSectionRow>
+          {status === "ready" && snapshot && (!snapshot.wrapperOwned || !snapshot.integrationInstalled) && (
+            <>
+              <PanelSectionRow>
+                <Field label="Wrapper needs to be reinstalled" />
+              </PanelSectionRow>
+              {onRepair && (
+                <PanelSectionRow>
+                  <ButtonItem layout="below" disabled={repairing} onClick={() => void handleRepair()}>
+                    {repairing ? "Reinstalling..." : "Reinstall wrapper"}
+                  </ButtonItem>
+                </PanelSectionRow>
+              )}
+            </>
           )}
 
           <PanelSectionRow>