add disable_vkbasalt=1 defaulted, hidden ui to expose to users later if desired

5 files changed, 42 insertions, 12 deletions

diff --git a/src/api/lsfgApi.ts b/src/api/lsfgApi.ts
index a35f274..0a0b502 100644
--- a/src/api/lsfgApi.ts
+++ b/src/api/lsfgApi.ts
@@ -34,6 +34,7 @@ export interface LsfgConfig {
   hdr: boolean;
   perf_mode: boolean;
   immediate_mode: boolean;
+  disable_vkbasalt: boolean;
 }
 
 export interface ConfigResult {
@@ -55,6 +56,6 @@ export const checkLsfgVkInstalled = callable<[], InstallationStatus>("check_lsfg
 export const checkLosslessScalingDll = callable<[], DllDetectionResult>("check_lossless_scaling_dll");
 export const getLsfgConfig = callable<[], ConfigResult>("get_lsfg_config");
 export const updateLsfgConfig = callable<
-  [boolean, number, number, boolean, boolean, boolean],
+  [boolean, number, number, boolean, boolean, boolean, boolean],
   ConfigUpdateResult
 >("update_lsfg_config");
diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index ee18e5b..34955f8 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -7,6 +7,7 @@ interface LsfgConfig {
   hdr: boolean;
   perfMode: boolean;
   immediateMode: boolean;
+  disableVkbasalt: boolean;
 }
 
 interface ConfigurationSectionProps {
@@ -17,6 +18,7 @@ interface ConfigurationSectionProps {
   onHdrChange: (value: boolean) => Promise<void>;
   onPerfModeChange: (value: boolean) => Promise<void>;
   onImmediateModeChange: (value: boolean) => Promise<void>;
+  onDisableVkbasaltChange: (value: boolean) => Promise<void>;
 }
 
 export function ConfigurationSection({
@@ -26,7 +28,8 @@ export function ConfigurationSection({
   onFlowScaleChange,
   onHdrChange,
   onPerfModeChange,
-  onImmediateModeChange
+  onImmediateModeChange,
+  onDisableVkbasaltChange
 }: ConfigurationSectionProps) {
   return (
     <>
@@ -110,6 +113,15 @@ export function ConfigurationSection({
           onChange={onImmediateModeChange}
         />
       </PanelSectionRow>
+
+      {/* <PanelSectionRow>
+        <ToggleField
+          label="Disable vkbasalt"
+          description="Some plugins add vkbasalt layer, which can break lsfg. Toggling on fixes this"
+          checked={config.disableVkbasalt}
+          onChange={onDisableVkbasaltChange}
+        />
+      </PanelSectionRow> */}
     </>
   );
 }
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 0e17f3c..16c8f2f 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -36,32 +36,37 @@ export function Content() {
   // Configuration change handlers
   const handleEnableLsfgChange = async (value: boolean) => {
     setters.setEnableLsfg(value);
-    await updateConfig(value, config.multiplier, config.flowScale, config.hdr, config.perfMode, config.immediateMode);
+    await updateConfig(value, config.multiplier, config.flowScale, config.hdr, config.perfMode, config.immediateMode, config.disableVkbasalt);
   };
 
   const handleMultiplierChange = async (value: number) => {
     setters.setMultiplier(value);
-    await updateConfig(config.enableLsfg, value, config.flowScale, config.hdr, config.perfMode, config.immediateMode);
+    await updateConfig(config.enableLsfg, value, config.flowScale, config.hdr, config.perfMode, config.immediateMode, config.disableVkbasalt);
   };
 
   const handleFlowScaleChange = async (value: number) => {
     setters.setFlowScale(value);
-    await updateConfig(config.enableLsfg, config.multiplier, value, config.hdr, config.perfMode, config.immediateMode);
+    await updateConfig(config.enableLsfg, config.multiplier, value, config.hdr, config.perfMode, config.immediateMode, config.disableVkbasalt);
   };
 
   const handleHdrChange = async (value: boolean) => {
     setters.setHdr(value);
-    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, value, config.perfMode, config.immediateMode);
+    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, value, config.perfMode, config.immediateMode, config.disableVkbasalt);
   };
 
   const handlePerfModeChange = async (value: boolean) => {
     setters.setPerfMode(value);
-    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, config.hdr, value, config.immediateMode);
+    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, config.hdr, value, config.immediateMode, config.disableVkbasalt);
   };
 
   const handleImmediateModeChange = async (value: boolean) => {
     setters.setImmediateMode(value);
-    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, config.hdr, config.perfMode, value);
+    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, config.hdr, config.perfMode, value, config.disableVkbasalt);
+  };
+
+  const handleDisableVkbasaltChange = async (value: boolean) => {
+    setters.setDisableVkbasalt(value);
+    await updateConfig(config.enableLsfg, config.multiplier, config.flowScale, config.hdr, config.perfMode, config.immediateMode, value);
   };
 
   const onInstall = () => {
@@ -99,6 +104,7 @@ export function Content() {
           onHdrChange={handleHdrChange}
           onPerfModeChange={handlePerfModeChange}
           onImmediateModeChange={handleImmediateModeChange}
+          onDisableVkbasaltChange={handleDisableVkbasaltChange}
         />
       )}
 
diff --git a/src/components/UsageInstructions.tsx b/src/components/UsageInstructions.tsx
index a826d3d..ca9ddd2 100644
--- a/src/components/UsageInstructions.tsx
+++ b/src/components/UsageInstructions.tsx
@@ -8,6 +8,7 @@ interface ConfigType {
   hdr: boolean;
   perfMode: boolean;
   immediateMode: boolean;
+  disableVkbasalt: boolean;
 }
 
 interface UsageInstructionsProps {
@@ -41,6 +42,10 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
       envVars.push("MESA_VK_WSI_PRESENT_MODE=immediate");
     }
     
+    if (config.disableVkbasalt) {
+      envVars.push("DISABLE_VKBASALT=1");
+    }
+    
     return envVars.length > 0 ? `${envVars.join(" ")} %command%` : "%command%";
   };
 
diff --git a/src/hooks/useLsfgHooks.ts b/src/hooks/useLsfgHooks.ts
index d9b1406..c0bd8e8 100644
--- a/src/hooks/useLsfgHooks.ts
+++ b/src/hooks/useLsfgHooks.ts
@@ -76,6 +76,7 @@ export function useLsfgConfig() {
   const [hdr, setHdr] = useState<boolean>(false);
   const [perfMode, setPerfMode] = useState<boolean>(true);
   const [immediateMode, setImmediateMode] = useState<boolean>(false);
+  const [disableVkbasalt, setDisableVkbasalt] = useState<boolean>(true);
 
   const loadLsfgConfig = async () => {
     try {
@@ -87,6 +88,7 @@ export function useLsfgConfig() {
         setHdr(result.config.hdr);
         setPerfMode(result.config.perf_mode);
         setImmediateMode(result.config.immediate_mode);
+        setDisableVkbasalt(result.config.disable_vkbasalt);
         console.log("Loaded lsfg config:", result.config);
       } else {
         console.log("lsfg config not available, using defaults:", result.error);
@@ -102,7 +104,8 @@ export function useLsfgConfig() {
     newFlowScale: number,
     newHdr: boolean,
     newPerfMode: boolean,
-    newImmediateMode: boolean
+    newImmediateMode: boolean,
+    newDisableVkbasalt: boolean
   ): Promise<ConfigUpdateResult> => {
     try {
       const result = await updateLsfgConfig(
@@ -111,7 +114,8 @@ export function useLsfgConfig() {
         newFlowScale,
         newHdr,
         newPerfMode,
-        newImmediateMode
+        newImmediateMode,
+        newDisableVkbasalt
       );
       if (!result.success) {
         toaster.toast({
@@ -140,7 +144,8 @@ export function useLsfgConfig() {
       flowScale,
       hdr,
       perfMode,
-      immediateMode
+      immediateMode,
+      disableVkbasalt
     },
     setters: {
       setEnableLsfg,
@@ -148,7 +153,8 @@ export function useLsfgConfig() {
       setFlowScale,
       setHdr,
       setPerfMode,
-      setImmediateMode
+      setImmediateMode,
+      setDisableVkbasalt
     },
     loadLsfgConfig,
     updateConfig