{dllStats.error || "Failed to get DLL stats"}
- ) : (
-
-
- dllStats.dll_path && copyToClipboard(dllStats.dll_path)}
- onActivate={() => dllStats.dll_path && copyToClipboard(dllStats.dll_path)}
- >
- {dllStats.dll_path || t('NERD_NOT_AVAILABLE', 'Not available')}
-
-
-
-
- dllStats.dll_sha256 && copyToClipboard(dllStats.dll_sha256)}
- onActivate={() => dllStats.dll_sha256 && copyToClipboard(dllStats.dll_sha256)}
- >
- {dllStats.dll_sha256 ? formatSHA256(dllStats.dll_sha256) : t('NERD_NOT_AVAILABLE', 'Not available')}
-
-
-
- {dllStats.dll_source && (
-
-
- )}
-
- )}
-
- )}
-
{/* Launch Script Section */}
{scriptContent && (
{dllStats.dll_source}
-
- {dllDetected ? "✅" : "❌"}
+ {losslessScalingInstalled ? "✅" : "❌"}
- {dllDetectionStatus}
+ {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
+ {!losslessScalingInstalled && losslessScalingStatus && (
+
+ {losslessScalingStatus}
+
+ )}
Date: Sat, 5 Sep 2026 23:58:16 -0400
Subject: feat: select Lossless Scaling lsfg-vk branch
---
src/components/Content.tsx | 22 ++++++++
src/components/StatusDisplay.tsx | 115 ++++++++++++++++++++++++++-------------
2 files changed, 99 insertions(+), 38 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index aab2fb8..4e4e33a 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -15,6 +15,7 @@ import { NerdStuffModal } from "./NerdStuffModal";
import { FlatpaksModal } from "./FlatpaksModal";
import { ConfigurationData } from "../config/configSchema";
import t from '../i18n/i18n';
+import { showErrorToast, showSuccessToast } from "../utils/toastUtils";
export function Content() {
const {
@@ -24,6 +25,9 @@ export function Content() {
setInstallationStatus,
losslessScalingInstalled,
losslessScalingStatus,
+ steamBranchStatus,
+ isSwitchingSteamBranch,
+ selectLosslessScalingBranch,
checkInstallation
} = useInstallationStatus();
@@ -67,6 +71,18 @@ export function Content() {
handleUninstall(setIsInstalled, setInstallationStatus, checkInstallation);
};
+ const onSelectLosslessScalingBranch = async () => {
+ const result = await selectLosslessScalingBranch();
+ if (result.success) {
+ showSuccessToast("Steam branch selected", result.message);
+ } else {
+ showErrorToast(
+ "Steam branch selection failed",
+ result.error || "Unable to select the lsfg-vk Steam branch"
+ );
+ }
+ };
+
const handleShowNerdStuff = () => {
showModal( void;
}
export function StatusDisplay({
isInstalled,
installationStatus,
losslessScalingInstalled,
- losslessScalingStatus
+ losslessScalingStatus,
+ steamBranchStatus,
+ isSwitchingSteamBranch,
+ onSelectLosslessScalingBranch
}: StatusDisplayProps) {
return (
-
-
- {steamBranchStatus.needs_switch && (
-
-
)}
-
- {losslessScalingInstalled ? "✅" : "❌"}
-
- {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
-
- {!losslessScalingInstalled && losslessScalingStatus && (
-
- {losslessScalingStatus}
+ <>
+
+
+
+
+ {losslessScalingInstalled && steamBranchStatus?.installed && (
+
+
+ )}
+
);
}
--
cgit v1.2.3
From f9352694a78a2bcfd00d237398a2b30de14c70be Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
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')
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 (
<>
- {losslessScalingInstalled && steamBranchStatus?.installed && (
+ {steamBranchStatus?.installed && (
@@ -80,15 +70,6 @@ export function StatusDisplay({
+
-
+
+ {losslessScalingInstalled ? "✅" : "❌"}
+
+ {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
+
+ {!losslessScalingInstalled && losslessScalingStatus && (
+
+ {losslessScalingStatus}
+
+ )}
+
+
+ {isInstalled ? "✅" : "❌"}
+
+ {installationStatus}
- )}
-
-
- {isInstalled ? "✅" : "❌"}
-
- {installationStatus}
-
+
+ {isSwitchingSteamBranch ? "Selecting lsfg-vk..." : "Use lsfg-vk Steam branch"}
+
+ )}
+
+
+ Steam branch: {steamBranchStatus.current_branch || "public"}
+ {steamBranchStatus.needs_switch && (
+
+ {steamBranchStatus.needs_switch && (
+
+ {steamBranchStatus.message}
+
+ )}
+
- {losslessScalingInstalled ? "✅" : "❌"}
+ {losslessScalingAppInstalled ? "✅" : "❌"}
- {losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
+ {losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
- {!losslessScalingInstalled && losslessScalingStatus && (
+ {!losslessScalingAppInstalled && losslessScalingStatus && (
{losslessScalingStatus}
@@ -61,7 +63,7 @@ export function StatusDisplay({
Date: Sun, 6 Sep 2026 00:16:19 -0400
Subject: refactor: make Steam branch integration read-only
---
src/components/Content.tsx | 19 -------------------
src/components/StatusDisplay.tsx | 23 ++---------------------
2 files changed, 2 insertions(+), 40 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 4e4e33a..01f94c9 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -15,7 +15,6 @@ import { NerdStuffModal } from "./NerdStuffModal";
import { FlatpaksModal } from "./FlatpaksModal";
import { ConfigurationData } from "../config/configSchema";
import t from '../i18n/i18n';
-import { showErrorToast, showSuccessToast } from "../utils/toastUtils";
export function Content() {
const {
@@ -26,8 +25,6 @@ export function Content() {
losslessScalingInstalled,
losslessScalingStatus,
steamBranchStatus,
- isSwitchingSteamBranch,
- selectLosslessScalingBranch,
checkInstallation
} = useInstallationStatus();
@@ -71,18 +68,6 @@ export function Content() {
handleUninstall(setIsInstalled, setInstallationStatus, checkInstallation);
};
- const onSelectLosslessScalingBranch = async () => {
- const result = await selectLosslessScalingBranch();
- if (result.success) {
- showSuccessToast("Steam branch selected", result.message);
- } else {
- showErrorToast(
- "Steam branch selection failed",
- result.error || "Unable to select the lsfg-vk Steam branch"
- );
- }
- };
-
const handleShowNerdStuff = () => {
showModal( 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"
}}
>
-
- {losslessScalingAppInstalled ? "✅" : "❌"}
-
{losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
{!losslessScalingAppInstalled && losslessScalingStatus && (
@@ -55,9 +48,6 @@ export function StatusDisplay({
gap: "6px"
}}
>
-
- {isInstalled ? "✅" : "❌"}
-
{installationStatus}
- {t('CONFIG_SECTION_TITLE', 'Config')}
-
-
- setConfigCollapsed(!configCollapsed)}
- >
- {configCollapsed ? (
-
-
-
- {t('CONFIG_WORKAROUNDS_TITLE', 'Workarounds')}
-
-
- setWorkaroundsCollapsed(!workaroundsCollapsed)}
- >
- {workaroundsCollapsed ? (
-
-
-
-
-
- {cancelText}
-
-
- {okText}
-
-
-
- {title}
-{description}
- -
-
- setValue(e?.target?.value || "")}
- style={{ width: "100%" }}
- />
-
-
-
-
- {mainRunningApp.display_name} running. {t('PROFILE_CLOSE_GAME', 'Close game to change profile.')}
-
-
- {t('PROFILE_SECTION_TITLE', 'Profile:')} {selectedProfile === "decky-lsfg-vk" ? t('PROFILE_DEFAULT', 'Default') : selectedProfile}
-
-
- setProfilesCollapsed(!profilesCollapsed)}
- >
- {profilesCollapsed ? (
-
-
-
+ {result.content}
+
+
- {t('CONTENT_FPS_MULTIPLIER', 'FPS Multiplier')}
-
-
+
+
);
}
diff --git a/src/components/FlatpaksModal.tsx b/src/components/FlatpaksModal.tsx
deleted file mode 100644
index 8245160..0000000
--- a/src/components/FlatpaksModal.tsx
+++ /dev/null
@@ -1,460 +0,0 @@
-import { FC, useState, useEffect, CSSProperties } from 'react';
-import {
- ModalRoot,
- DialogBody,
- DialogHeader,
- DialogControlsSection,
- DialogControlsSectionHeader,
- ButtonItem,
- PanelSectionRow,
- Field,
- Toggle,
- Spinner,
- Focusable,
- showModal,
- ConfirmModal
-} from '@decky/ui';
-import { FaCheck, FaTimes, FaDownload, FaTrash, FaCog } from 'react-icons/fa';
-import flatpakTargetImage from '../../assets/flatpak-target.png';
-import {
- checkFlatpakExtensionStatus,
- installFlatpakExtension,
- uninstallFlatpakExtension,
- getFlatpakApps,
- setFlatpakAppOverride,
- removeFlatpakAppOverride,
- FlatpakExtensionStatus,
- FlatpakApp,
- FlatpakAppInfo
-} from '../api/lsfgApi';
-import t from '../i18n/i18n';
-import { showErrorToast } from '../utils/toastUtils';
-
-interface FlatpaksModalProps {
- closeModal?: () => void;
-}
-
-export const FlatpaksModal: FC
-
-
- {}}
- style={focusableInstructionStyle}
- >
-
- ))}
-
- {}}
- style={{ marginTop: '4px' }}
- >
-
-
-
- {t('FLATPAK_STEAM_CONFIG_HEADER', 'Configure Steam Flatpak Shortcuts')}
-
-
- {t('FLATPAK_STEAM_CONFIG_DESC', 'In Steam, open your flatpak game and click the cog wheel.')}
-
-
- IMPORTANT: {t('FLATPAK_STEAM_CONFIG_IMPORTANT', 'Set this in TARGET (NOT LAUNCH OPTIONS)')}
-
-
- {instructionSteps.map((step) => (
- {step.title}
- {step.command}
-
- 
-
- {t('NERD_LOADING', 'Loading information...')}
- )}
-
- {error && (
- Error: {error}
- )}
-
- {!loading && !error && (
- <>
- {/* Launch Script Section */}
- {scriptContent && (
- {t('NERD_SCRIPT_NOT_FOUND_PREFIX', 'Script not found:')} {scriptContent.error}
- ) : (
-
- scriptContent.content && copyToClipboard(scriptContent.content)}
- onActivate={() => scriptContent.content && copyToClipboard(scriptContent.content)}
- >
-
-
- )}
-
- {t('NERD_PATH_PREFIX', 'Path:')} {scriptContent.path}
-
-
- {scriptContent.content || t('NERD_NO_CONTENT', 'No content')}
-
- {t('NERD_CONFIG_NOT_FOUND_PREFIX', 'Config not found:')} {configContent.error}
- ) : (
-
- configContent.content && copyToClipboard(configContent.content)}
- onActivate={() => configContent.content && copyToClipboard(configContent.content)}
- >
-
-
- )}
-
- {t('NERD_PATH_PREFIX', 'Path:')} {configContent.path}
-
-
- {configContent.content || t('NERD_NO_CONTENT', 'No content')}
-
-
- {showSuccess ? (
-
-
- {showSuccess ? t('CLIPBOARD_COPIED', 'Copied to clipboard') : isLoading ? t('CLIPBOARD_COPYING', 'Copying...') : t('CLIPBOARD_COPY_LAUNCH', 'Copy Launch Option')}
-
-
- {t('USAGE_TITLE', 'Usage Instructions')}
-
-
- {t('USAGE_DESC', 'Click "Copy Launch Option" button, then paste it into your Steam game\'s launch options to enable frame generation.')}
-
-
- ~/lsfg %command%
-
-
- {t('USAGE_CONFIG_NOTE', 'The configuration is stored in ~/.config/lsfg-vk/conf.toml and hot-reloads while games are running.')}
-
-
- {result.content}
-
-
+ {result.content}
+
+
-
- );
- }
-
- if (isUninstalling) {
- return (
- {t('INSTALL_INSTALLING', 'Installing...')}
-
-
- );
- }
-
- if (isInstalled) {
- return (
- {t('INSTALL_UNINSTALLING', 'Uninstalling...')}
-
-
- );
- }
-
- return (
- {t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')}
-
-
- );
- };
+ const label = isInstalling
+ ? t('INSTALL_INSTALLING', 'Installing...')
+ : isUninstalling
+ ? t('INSTALL_UNINSTALLING', 'Uninstalling...')
+ : isInstalled
+ ? t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')
+ : t('INSTALL_INSTALL_BTN', 'Install LSFG-VK');
return (
{t('INSTALL_INSTALL_BTN', 'Install LSFG-VK')}
-
-
+
- {losslessScalingAppInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
-
- {!losslessScalingAppInstalled && losslessScalingStatus && (
-
- {losslessScalingStatus}
-
- )}
-
- {installationStatus}
-
-
-
+
- Steam branch: {steamBranchStatus.current_branch || "public"}
- {steamBranchStatus.needs_switch && (
-
-
- {steamBranchStatus.message}
-
- )}
-
- {showSuccess ? (
-
-
- {showSuccess ? t('CLIPBOARD_COPIED', 'Copied to clipboard') : isLoading ? t('CLIPBOARD_COPYING', 'Copying...') : t('CLIPBOARD_LSFG_FGMOD', 'LSFG + DeckyFG')}
-
- 4 ? "red" : "white",
- minWidth: "60px",
- textAlign: "center"
- }}
- >
- {config.multiplier === 1 ? t('MULTIPLIER_OFF', 'OFF') : `${config.multiplier}X`}
-
- 4 ? "red" : "white",
+ minWidth: "60px",
+ textAlign: "center",
+ }}
+ >
+ {config.multiplier < 2 ? t("MULTIPLIER_OFF", "OFF") : `${config.multiplier}X`}
+
+
- {collapsed ?
+ {collapsed ? (
+
+
+
-
+
+
+ {profileLabel}
+
+
+ {t("CONFIG_WORKAROUNDS_TITLE", "Workarounds")}
+
+
+
+ {collapsed ?
+
+
@@ -86,7 +91,15 @@ function GameGroup({
);
}
-export function GameConfigurationSelector({ targets, runningGame, onSelect, onEnableAll, onResetAll }: Props) {
+export function GameConfigurationSelector({
+ targets,
+ runningGame,
+ onSelect,
+ onEnableAll,
+ onResetAll,
+ focusConfiguredToggle = false,
+ onConfiguredToggleFocused,
+}: Props) {
const sortGames = (games: GameTarget[]) => [...games].sort((a, b) => {
if (a.appid === runningGame?.appid) return -1;
if (b.appid === runningGame?.appid) return 1;
@@ -102,6 +115,17 @@ export function GameConfigurationSelector({ targets, runningGame, onSelect, onEn
const [configuredNonSteamCollapsed, toggleConfiguredNonSteam] = usePersistentCollapsed(`${CONFIGURED_COLLAPSED_KEY}-non-steam`);
const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
const [availableNonSteamCollapsed, toggleAvailableNonSteam] = usePersistentCollapsed(`${AVAILABLE_COLLAPSED_KEY}-non-steam`);
+ const configuredToggleRef = useRef(null);
+
+ useEffect(() => {
+ if (!focusConfiguredToggle) return;
+ const frame = requestAnimationFrame(() => {
+ configuredToggleRef.current?.querySelector('[role="button"], button')?.focus();
+ onConfiguredToggleFocused?.();
+ });
+ return () => cancelAnimationFrame(frame);
+ }, [configuredGames.length, focusConfiguredToggle, onConfiguredToggleFocused]);
+
const confirmResetAll = () => {
showModal(
setExpanded((value) => !value)}
>
- {expanded ?
-
)}
diff --git a/src/components/WorkaroundsSection.tsx b/src/components/WorkaroundsSection.tsx
index e990784..d783620 100644
--- a/src/components/WorkaroundsSection.tsx
+++ b/src/components/WorkaroundsSection.tsx
@@ -10,7 +10,7 @@ interface WorkaroundsSectionProps {
nonSteam: boolean;
}
-const WORKAROUNDS_COLLAPSED_KEY = "lsfg-workarounds-collapsed";
+const WORKAROUNDS_COLLAPSED_KEY = "lsfg-workarounds-collapsed-v2";
type ToggleWorkaroundField = Exclude;
const TOGGLE_ROWS: readonly {
@@ -20,19 +20,26 @@ const TOGGLE_ROWS: readonly {
descriptionKey: string;
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",
--
cgit v1.2.3
From 1b932fd69c3dba925e0cbf027e05508b2daf5e8c Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Wed, 9 Sep 2026 01:01:42 -0400
Subject: add back launcher script and correct pathing
---
src/components/ConfigurationTab.tsx | 3 ++
src/components/Content.tsx | 2 ++
src/components/GameConfigurationControls.tsx | 8 +++++-
src/components/WorkaroundsSection.tsx | 41 ++++++++++++++++++++--------
4 files changed, 41 insertions(+), 13 deletions(-)
(limited to 'src/components')
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;
onEnable: (appid: string) => Promise;
onEnableAll: () => Promise;
+ onRepair: (appid: string) => Promise;
onReset: () => Promise;
onResetAll: () => Promise;
}
@@ -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 && (
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 1d7d2d1..59dc514 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -39,6 +39,7 @@ export function Content() {
save,
enable,
enableAll,
+ repair,
resetSelected,
resetAll,
reload,
@@ -132,6 +133,7 @@ export function Content() {
onConfigChange={(fieldName, value) => handleConfigChange(fieldName, value, true)}
onEnable={enable}
onEnableAll={enableAll}
+ onRepair={repair}
onReset={resetSelected}
onResetAll={resetAll}
/>
diff --git a/src/components/GameConfigurationControls.tsx b/src/components/GameConfigurationControls.tsx
index 58ccd02..7025f78 100644
--- a/src/components/GameConfigurationControls.tsx
+++ b/src/components/GameConfigurationControls.tsx
@@ -11,6 +11,7 @@ interface Props {
onFpsMultiplierFocused?: () => void;
showWorkarounds?: boolean;
workaroundTarget?: Pick;
+ onRepairWorkaround?: () => Promise;
}
export function GameConfigurationControls({
@@ -20,6 +21,7 @@ export function GameConfigurationControls({
onFpsMultiplierFocused,
showWorkarounds = false,
workaroundTarget,
+ onRepairWorkaround,
}: Props) {
return (
<>
@@ -31,7 +33,11 @@ export function GameConfigurationControls({
/>
;
}
const WORKAROUNDS_COLLAPSED_KEY = "lsfg-workarounds-collapsed-v2";
@@ -78,18 +79,28 @@ function usePersistentCollapsed() {
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(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]);
@@ -155,13 +166,19 @@ export function WorkaroundsSection({ appId, nonSteam }: WorkaroundsSectionProps)
)}
- {status === "ready" && issues.length > 0 && (
-
-
+ {status === "ready" && snapshot && (!snapshot.wrapperOwned || !snapshot.integrationInstalled) && (
+ <>
+
+
+ {onRepair && (
+
+ void handleRepair()}>
+ {repairing ? "Reinstalling..." : "Reinstall wrapper"}
+
+
+ )}
+
)}
--
cgit v1.2.3
From 102a4a0f0ce4af303a12e7f6f1a4454f4e572a17 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Wed, 9 Sep 2026 09:51:21 -0400
Subject: move all games
---
src/components/GameConfigurationSelector.tsx | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
(limited to 'src/components')
diff --git a/src/components/GameConfigurationSelector.tsx b/src/components/GameConfigurationSelector.tsx
index 50b2cf8..df0c3e9 100644
--- a/src/components/GameConfigurationSelector.tsx
+++ b/src/components/GameConfigurationSelector.tsx
@@ -174,13 +174,6 @@ export function GameConfigurationSelector({
)}
- {availableGames.length > 0 && (
-
-
- Enable all available games
-
-
- )}
+
+ Enable all available games
+
+
+ )}
Date: Wed, 9 Sep 2026 19:16:30 -0400
Subject: refactor: unify flatpak targets with steam profiles
---
src/components/ConfigurationTab.tsx | 22 ++-
src/components/Content.tsx | 41 +++---
src/components/FlatpaksTab.tsx | 196 ---------------------------
src/components/GameConfigurationControls.tsx | 3 +-
src/components/GameConfigurationSelector.tsx | 101 +++-----------
src/components/NowPlayingTab.tsx | 93 +++++++++++--
src/components/SetupTab.tsx | 142 ++++++++++++++++---
src/components/WorkaroundsSection.tsx | 6 +-
src/components/index.ts | 2 -
9 files changed, 274 insertions(+), 332 deletions(-)
delete mode 100644 src/components/FlatpaksTab.tsx
(limited to 'src/components')
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;
onEnable: (appid: string) => Promise;
- onEnableAll: () => Promise;
onRepair: (appid: string) => Promise;
onReset: () => Promise;
onResetAll: () => Promise;
@@ -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({
)}
+ {selectedTarget?.configured && selectedTarget.transport.kind === "flatpak" && selectedTarget.flatpakSupport?.support_status !== "ready" && (
+
+
+ void onRepair(selectedTarget.appid)}
+ >
+ Repair Flatpak support
+
+
+
+ )}
{selectedTarget?.configured && (
(null);
useEffect(() => {
if (!setupComplete) {
setTab("Setup");
return;
}
- setTab((current) => current === "Setup" ? (runningGame?.configured ? "NowPlaying" : "Configuration") : current);
- }, [runningGame?.configured, setupComplete]);
+ setTab((current) => current === "Setup" ? (runningGame ? "NowPlaying" : "Games") : current);
+ }, [runningGame?.appid, setupComplete]);
useEffect(() => {
if (!setupComplete) return;
- const current = runningGame ? { appid: runningGame.appid, configured: runningGame.configured } : null;
- const previous = previousRunningState.current;
- previousRunningState.current = current;
- if (current?.appid && (current.appid !== previous?.appid || current.configured !== previous?.configured)) {
- setTab(current.configured ? "NowPlaying" : "Configuration");
- } else if (!current && previous) {
- setTab((currentTab) => currentTab === "NowPlaying" ? "Configuration" : currentTab);
+ const appid = runningGame?.appid || null;
+ const previous = previousRunningAppId.current;
+ previousRunningAppId.current = appid;
+ if (appid && appid !== previous) {
+ setTab("NowPlaying");
+ } else if (!appid && previous) {
+ setTab((currentTab) => currentTab === "NowPlaying" ? "Games" : currentTab);
}
}, [runningGame?.appid, runningGame?.configured, setupComplete]);
@@ -105,12 +100,13 @@ export function Content() {
isUninstalling={isUninstalling}
onInstall={onInstall}
onUninstall={onUninstall}
+ flatpakRelevant={targets.some((target) => target.transport.kind === "flatpak")}
/>
);
const tabs = setupComplete
? [
- ...(runningGame?.configured ? [{
+ ...(runningGame ? [{
id: "NowPlaying",
title: tabIcons.nowPlaying,
content: (
@@ -118,12 +114,14 @@ export function Content() {
game={runningGame}
config={config}
onConfigChange={(fieldName, value) => handleConfigChange(fieldName, value)}
+ onEnable={enable}
+ onRepair={repair}
/>
),
}] : []),
{
- id: "Configuration",
- title: tabIcons.configuration,
+ id: "Games",
+ title: tabIcons.games,
content: (
handleConfigChange(fieldName, value, true)}
onEnable={enable}
- onEnableAll={enableAll}
onRepair={repair}
onReset={resetSelected}
onResetAll={resetAll}
/>
),
},
- { id: "Flatpak", title: tabIcons.flatpak, content:
- onAction()}
- disabled={busy}
- />
-
- );
-}
-
-interface AppRowProps {
- app: FlatpakApp;
- runtimeReady: boolean;
- busy: boolean;
- onToggle: () => void;
-}
-
-function AppRow({ app, runtimeReady, busy, onToggle }: AppRowProps) {
- const configured = app.has_filesystem_override && app.has_env_override;
- const partial = app.has_filesystem_override || app.has_env_override;
- const status = configured
- ? runtimeReady
- ? t("FLATPAK_STATUS_READY", "Ready")
- : t("FLATPAK_STATUS_RUNTIME_MISSING", "Runtime missing")
- : partial
- ? t("FLATPAK_STATUS_PARTIAL", "Partial")
- : t("FLATPAK_STATUS_NOT_ENABLED", "Not enabled");
-
- return (
-
-
- );
-}
-
-export function FlatpaksTab() {
- const [extensionStatus, setExtensionStatus] = useState(null);
- const [apps, setApps] = useState(null);
- const [loading, setLoading] = useState(true);
- const [operation, setOperation] = useState(null);
- const [error, setError] = useState(null);
- const runtimeReady = extensionStatus?.success === true
- && runtimeVersions.some(({ key }) => extensionStatus[key]);
-
- const load = async () => {
- setLoading(true);
- try {
- const [nextStatus, nextApps] = await Promise.all([
- checkFlatpakExtensionStatus(),
- getFlatpakApps(),
- ]);
- setExtensionStatus(nextStatus);
- setApps(nextApps);
- } catch (loadError) {
- setError(String(loadError));
- } finally {
- setLoading(false);
- }
- };
-
- useEffect(() => {
- void load();
- }, []);
-
- const runExtensionOperation = async (version: string, installed: boolean) => {
- const action = installed ? "uninstall" : "install";
- setOperation(`${action}-${version}`);
- setError(null);
- try {
- const result = installed
- ? await uninstallFlatpakExtension(version)
- : await installFlatpakExtension(version);
- if (!result.success) throw new Error(result.error || result.message);
- setExtensionStatus(await checkFlatpakExtensionStatus());
- } catch (operationError) {
- const message = String(operationError);
- setError(message);
- showErrorToast("Flatpak operation failed", message);
- } finally {
- setOperation(null);
- }
- };
-
- const confirmExtensionOperation = (version: string, installed: boolean) => {
- if (!installed) {
- void runExtensionOperation(version, false);
- return;
- }
- showModal(
- void runExtensionOperation(version, true)}
- onCancel={() => {}}
- />,
- );
- };
-
- const toggleApp = async (app: FlatpakApp) => {
- const configured = app.has_filesystem_override && app.has_env_override;
- setOperation(`app-${app.app_id}`);
- setError(null);
- try {
- const result = configured
- ? await removeFlatpakAppOverride(app.app_id)
- : await setFlatpakAppOverride(app.app_id);
- if (!result.success) throw new Error(result.error || result.message);
- setApps(await getFlatpakApps());
- } catch (operationError) {
- const message = String(operationError);
- setError(message);
- showErrorToast("Flatpak override failed", message);
- } finally {
- setOperation(null);
- }
- };
-
- if (loading) {
- return
- {error && confirmExtensionOperation(version, extensionStatus[key])}
- />
- )) :
-
-
- {apps?.success ? apps.apps.length ? apps.apps.map((app) => (
- void toggleApp(app)}
- />
- )) :
-
- );
-}
diff --git a/src/components/GameConfigurationControls.tsx b/src/components/GameConfigurationControls.tsx
index 7025f78..6bea2e0 100644
--- a/src/components/GameConfigurationControls.tsx
+++ b/src/components/GameConfigurationControls.tsx
@@ -10,7 +10,7 @@ interface Props {
autoFocusFpsMultiplier?: boolean;
onFpsMultiplierFocused?: () => void;
showWorkarounds?: boolean;
- workaroundTarget?: Pick;
+ workaroundTarget?: Pick;
onRepairWorkaround?: () => Promise;
}
@@ -36,6 +36,7 @@ export function GameConfigurationControls({
;
onResetAll: () => Promise;
focusConfiguredToggle?: boolean;
onConfiguredToggleFocused?: () => void;
}
-const CONFIGURED_COLLAPSED_KEY = "lsfg-configured-games-collapsed-v3";
-const AVAILABLE_COLLAPSED_KEY = "lsfg-available-games-collapsed-v2";
+const ENABLED_COLLAPSED_KEY = "lsfg-enabled-games-collapsed-v4";
+const AVAILABLE_COLLAPSED_KEY = "lsfg-available-games-collapsed-v3";
function usePersistentCollapsed(key: string) {
const [collapsed, setCollapsed] = useState(() => {
@@ -36,6 +35,11 @@ function usePersistentCollapsed(key: string) {
return [collapsed, () => setCollapsed((value) => !value)] as const;
}
+function targetDescription(game: GameTarget): string {
+ if (game.transport.kind === "flatpak") return "Non-Steam · Flatpak";
+ return game.nonSteam ? "Non-Steam" : "Steam";
+}
+
function GameGroup({
title,
games,
@@ -56,7 +60,7 @@ function GameGroup({
return (
<>
-
@@ -81,7 +81,7 @@ function GameGroup({
onSelect(game.appid)}
highlightOnFocus
/>
@@ -95,7 +95,6 @@ export function GameConfigurationSelector({
targets,
runningGame,
onSelect,
- onEnableAll,
onResetAll,
focusConfiguredToggle = false,
onConfiguredToggleFocused,
@@ -105,26 +104,20 @@ export function GameConfigurationSelector({
if (b.appid === runningGame?.appid) return 1;
return a.name.localeCompare(b.name);
});
- const configuredGames = sortGames(targets.filter((game) => game.configured));
+ const enabledGames = sortGames(targets.filter((game) => game.configured));
const availableGames = sortGames(targets.filter((game) => !game.configured));
- const configuredSteamGames = configuredGames.filter((game) => !game.nonSteam);
- const configuredNonSteamGames = configuredGames.filter((game) => game.nonSteam);
- const availableSteamGames = availableGames.filter((game) => !game.nonSteam);
- const availableNonSteamGames = availableGames.filter((game) => game.nonSteam);
- const [configuredCollapsed, toggleConfigured] = usePersistentCollapsed(CONFIGURED_COLLAPSED_KEY);
- const [configuredNonSteamCollapsed, toggleConfiguredNonSteam] = usePersistentCollapsed(`${CONFIGURED_COLLAPSED_KEY}-non-steam`);
+ const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY);
const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
- const [availableNonSteamCollapsed, toggleAvailableNonSteam] = usePersistentCollapsed(`${AVAILABLE_COLLAPSED_KEY}-non-steam`);
- const configuredToggleRef = useRef(null);
+ const enabledToggleRef = useRef(null);
useEffect(() => {
if (!focusConfiguredToggle) return;
const frame = requestAnimationFrame(() => {
- configuredToggleRef.current?.querySelector('[role="button"], button')?.focus();
+ enabledToggleRef.current?.querySelector('[role="button"], button')?.focus();
onConfiguredToggleFocused?.();
});
return () => cancelAnimationFrame(frame);
- }, [configuredGames.length, focusConfiguredToggle, onConfiguredToggleFocused]);
+ }, [enabledGames.length, focusConfiguredToggle, onConfiguredToggleFocused]);
const confirmResetAll = () => {
showModal(
@@ -137,79 +130,29 @@ export function GameConfigurationSelector({
/>,
);
};
- const confirmEnableAll = () => {
- showModal(
- void onEnableAll()}
- onCancel={() => {}}
- />,
- );
- };
return (
<>
-
{targets.length === 0 && (
)}
-
- Enable all available games
-
-
- )}
Promise;
+ onConfigChange: (
+ fieldName: keyof ConfigurationData,
+ value: boolean | number | string | string[],
+ ) => Promise;
+ onEnable: (appid: string) => Promise;
+ onRepair: (appid: string) => Promise;
}
-export function NowPlayingTab({ game, config, onConfigChange }: Props) {
+function targetDescription(game: GameTarget): string {
+ if (game.transport.kind === "flatpak") return "Non-Steam · Flatpak";
+ return game.nonSteam ? "Non-Steam" : "Steam";
+}
+
+export function NowPlayingTab({
+ game,
+ config,
+ onConfigChange,
+ onEnable,
+ onRepair,
+}: Props) {
+ const [busy, setBusy] = useState(false);
+ const supportNeedsRepair =
+ game.configured &&
+ game.transport.kind === "flatpak" &&
+ game.flatpakSupport?.support_status !== "ready";
+
+ const handleEnable = async () => {
+ if (busy) return;
+ setBusy(true);
+ try {
+ await onEnable(game.appid);
+ } finally {
+ setBusy(false);
+ }
+ };
+
+ const handleRepair = async () => {
+ if (busy) return;
+ setBusy(true);
+ try {
+ await onRepair(game.appid);
+ } finally {
+ setBusy(false);
+ }
+ };
+
return (
-
+
-
-
+
+
+
+ void handleEnable()}>
+ {busy ? "Enabling..." : "Enable LSFG-VK"}
+
+
+
+ )}
+ {game.configured && supportNeedsRepair && (
+
+
+
+
+ void handleRepair()}>
+ {busy ? "Repairing..." : "Repair Flatpak support"}
+
+
+
+ )}
+ {game.configured && (
+
);
}
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index 98d6e78..9c854e1 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,5 +1,11 @@
-import { PanelSection } from "@decky/ui";
-import type { SteamBranchStatus } from "../api/lsfgApi";
+import { ButtonItem, ConfirmModal, Field, PanelSection, PanelSectionRow, showModal } from "@decky/ui";
+import { useEffect, useState } from "react";
+import {
+ getFlatpakSupportStatus,
+ removePluginOwnedFlatpakExtensions,
+ type FlatpakExtensionStatus,
+ type SteamBranchStatus,
+} from "../api/lsfgApi";
import { InstallationButton } from "./InstallationButton";
import { StatusDisplay } from "./StatusDisplay";
@@ -13,6 +19,104 @@ interface SetupTabProps {
isUninstalling: boolean;
onInstall: () => void;
onUninstall: () => void;
+ flatpakRelevant: boolean;
+}
+
+function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
+ const [status, setStatus] = useState(null);
+ const [advanced, setAdvanced] = useState(false);
+ const [busy, setBusy] = useState(false);
+
+ const refresh = async () => {
+ try {
+ setStatus(await getFlatpakSupportStatus());
+ } catch (error) {
+ setStatus({
+ success: false,
+ message: "",
+ error: String(error),
+ available: false,
+ extension_id: "",
+ supported_branches: [],
+ installed_branches: [],
+ owned_branches: [],
+ ownership_uncertain: false,
+ });
+ }
+ };
+
+ useEffect(() => {
+ if (relevant) void refresh();
+ }, [relevant]);
+
+ if (!relevant || !status?.available) return null;
+
+ const confirmCleanup = () => {
+ showModal(
+ {
+ setBusy(true);
+ try {
+ await removePluginOwnedFlatpakExtensions();
+ await refresh();
+ } finally {
+ setBusy(false);
+ }
+ }}
+ onCancel={() => {}}
+ />,
+ );
+ };
+
+ return (
+
+
+
+
+ setAdvanced((value) => !value)}>
+ {advanced ? "Hide runtime details" : "Show runtime details"}
+
+
+ {advanced && (
+ <>
+ {status.supported_branches.map((branch) => (
+
+
+ ))}
+ {status.ownership_uncertain && (
+
+
+ )}
+
+
+ {busy ? "Removing..." : "Remove plugin-installed extensions"}
+
+
+
+ )}
+
+ );
}
export function SetupTab({
@@ -25,22 +129,26 @@ export function SetupTab({
isUninstalling,
onInstall,
onUninstall,
+ flatpakRelevant,
}: SetupTabProps) {
return (
-
-
+ <>
+
+
+ ;
}
@@ -79,9 +81,9 @@ function usePersistentCollapsed() {
return [collapsed, () => setCollapsed((value) => !value)] as const;
}
-export function WorkaroundsSection({ appId, nonSteam, onRepair }: WorkaroundsSectionProps) {
+export function WorkaroundsSection({ appId, nonSteam, transport, onRepair }: WorkaroundsSectionProps) {
const [collapsed, toggleCollapsed] = usePersistentCollapsed();
- const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam);
+ const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam, transport);
const [repairing, setRepairing] = useState(false);
const state = snapshot?.state;
const controlsDisabled = status !== "ready" || state === undefined || snapshot?.wrapperOwned !== true || snapshot.integrationInstalled !== true;
diff --git a/src/components/index.ts b/src/components/index.ts
index 37a8edb..7c3ee0a 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -5,8 +5,6 @@ export { ConfigurationSection } from "./ConfigurationSection";
export { FpsMultiplierControl } from "./FpsMultiplierControl";
export { ConfigurationTab } from "./ConfigurationTab";
export { SetupTab } from "./SetupTab";
-export { ConfigFileTab } from "./ConfigFileTab";
-export { FlatpaksTab } from "./FlatpaksTab";
export { GameConfigurationSelector } from "./GameConfigurationSelector";
export { GameConfigurationControls } from "./GameConfigurationControls";
export { NowPlayingTab } from "./NowPlayingTab";
--
cgit v1.2.3
From fb4d053213bdbda271a54b517a11a89c4780f80a Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Wed, 9 Sep 2026 20:45:20 -0400
Subject: fix: restore profile and Flatpak controls
---
src/components/ConfigurationTab.tsx | 3 ++
src/components/Content.tsx | 11 +++-
src/components/GameConfigurationSelector.tsx | 40 ++++++++++++++
src/components/SetupTab.tsx | 81 ++++++++++++++++++++++++----
src/components/index.ts | 1 +
5 files changed, 124 insertions(+), 12 deletions(-)
(limited to 'src/components')
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;
onEnable: (appid: string) => Promise;
+ onEnableAll: () => Promise;
onRepair: (appid: string) => Promise;
onReset: () => Promise;
onResetAll: () => Promise;
@@ -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: ;
onResetAll: () => Promise;
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(
+ void onEnableAll()}
+ onCancel={() => {}}
+ />,
+ );
+ };
+
return (
<>
+
{targets.length === 0 && (
+
+ Enable all available games
+
+
+ )}
(null);
const [advanced, setAdvanced] = useState(false);
- const [busy, setBusy] = useState(false);
+ const [operation, setOperation] = useState(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(
+ 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(
{
- 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) => (
- handleExtensionToggle(branch, enabled)}
+ disabled={operation !== null || status.ownership_uncertain}
/>
))}
@@ -107,10 +166,10 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
- {busy ? "Removing..." : "Remove plugin-installed extensions"}
+ {operation === "cleanup" ? "Removing..." : "Remove plugin-installed extensions"}
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";
--
cgit v1.2.3
From bc75bb93d5aa9aa176262a138f47d3a1d53afbcb Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Thu, 10 Sep 2026 00:25:58 -0400
Subject: fix: simplify Flatpak runtime toggles
---
src/components/SetupTab.tsx | 76 ++-------------------------------------------
1 file changed, 3 insertions(+), 73 deletions(-)
(limited to 'src/components')
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index df43c5e..aec0e93 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,8 +1,7 @@
-import { ButtonItem, ConfirmModal, Field, PanelSection, PanelSectionRow, ToggleField, showModal } from "@decky/ui";
+import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
import { useEffect, useState } from "react";
import {
getFlatpakSupportStatus,
- removePluginOwnedFlatpakExtensions,
setFlatpakExtensionEnabled,
type FlatpakExtensionStatus,
type SteamBranchStatus,
@@ -41,8 +40,6 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
extension_id: "",
supported_branches: [],
installed_branches: [],
- owned_branches: [],
- ownership_uncertain: false,
});
}
};
@@ -67,61 +64,10 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
}
};
- const confirmDisable = (version: string) => {
- showModal(
- 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(
- {
- setOperation("cleanup");
- try {
- 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 {
- setOperation(null);
- }
- }}
- onCancel={() => {}}
- />,
- );
- };
-
return (
@@ -147,31 +93,15 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
: operation === `disable-${branch}`
? "Uninstalling..."
: status.installed_branches.includes(branch)
- ? status.owned_branches.includes(branch)
- ? "Installed · plugin-owned"
- : "Installed · pre-existing (preserved)"
+ ? "Installed"
: "Not installed"
}
checked={status.installed_branches.includes(branch)}
onChange={(enabled) => handleExtensionToggle(branch, enabled)}
- disabled={operation !== null || status.ownership_uncertain}
+ disabled={operation !== null}
/>
))}
- {status.ownership_uncertain && (
-
-
- )}
-
-
- {operation === "cleanup" ? "Removing..." : "Remove plugin-installed extensions"}
-
-
)}
--
cgit v1.2.3
From 28ebc17785a8cca52f289b74261d1f310fd35904 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Thu, 10 Sep 2026 07:08:19 -0400
Subject: fix: detect wrapped Flatpak shortcuts
---
src/components/Content.tsx | 1 -
src/components/SetupTab.tsx | 68 +++++++++++++++++++--------------------------
2 files changed, 28 insertions(+), 41 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 58512d5..d4f54e9 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -103,7 +103,6 @@ export function Content() {
isUninstalling={isUninstalling}
onInstall={onInstall}
onUninstall={onUninstall}
- flatpakRelevant={targets.some((target) => target.transport.kind === "flatpak")}
/>
);
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index aec0e93..6bf1fad 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
+import { Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
import { useEffect, useState } from "react";
import {
getFlatpakSupportStatus,
@@ -20,12 +20,10 @@ interface SetupTabProps {
isUninstalling: boolean;
onInstall: () => void;
onUninstall: () => void;
- flatpakRelevant: boolean;
}
-function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
+function FlatpakSupportDiagnostics() {
const [status, setStatus] = useState(null);
- const [advanced, setAdvanced] = useState(false);
const [operation, setOperation] = useState(null);
const refresh = async () => {
@@ -45,10 +43,10 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
};
useEffect(() => {
- if (relevant) void refresh();
- }, [relevant]);
+ void refresh();
+ }, []);
- if (!relevant || !status?.available) return null;
+ if (!status?.available) return null;
const runExtensionOperation = async (version: string, enabled: boolean) => {
const operationKey = `${enabled ? "enable" : "disable"}-${version}`;
@@ -69,41 +67,32 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
};
return (
-
+
-
- setAdvanced((value) => !value)}>
- {advanced ? "Hide runtime details" : "Show runtime details"}
-
-
- {advanced && (
- <>
- {status.supported_branches.map((branch) => (
-
- handleExtensionToggle(branch, enabled)}
- disabled={operation !== null}
- />
-
- ))}
-
- )}
+ {status.supported_branches.map((branch) => (
+
+ handleExtensionToggle(branch, enabled)}
+ disabled={operation !== null}
+ />
+
+ ))}
);
}
@@ -118,7 +107,6 @@ export function SetupTab({
isUninstalling,
onInstall,
onUninstall,
- flatpakRelevant,
}: SetupTabProps) {
return (
<>
@@ -137,7 +125,7 @@ export function SetupTab({
onUninstall={onUninstall}
/>
- (null);
const setupComplete =
isInstalled &&
losslessScalingInstalled &&
steamBranchStatus?.success === true &&
steamBranchStatus.installed &&
!steamBranchStatus.needs_switch;
- const previousRunningAppId = useRef(null);
useEffect(() => {
if (!setupComplete) {
@@ -65,10 +64,9 @@ export function Content() {
const appid = runningGame?.appid || null;
const previous = previousRunningAppId.current;
previousRunningAppId.current = appid;
- if (appid && appid !== previous) {
- setTab("NowPlaying");
- } else if (!appid && previous) {
- setTab((currentTab) => currentTab === "NowPlaying" ? "Games" : currentTab);
+ if (appid && appid !== previous) setTab("NowPlaying");
+ else if (!appid && previous) {
+ setTab((current) => current === "NowPlaying" ? "Games" : current);
}
}, [runningGame?.appid, runningGame?.configured, setupComplete]);
@@ -80,19 +78,9 @@ export function Content() {
fieldName: keyof ConfigurationData,
value: boolean | number | string | string[],
cleanupLaunchOptions = false,
- ) => {
- await save({ ...config, [fieldName]: value }, cleanupLaunchOptions);
- };
-
- const onInstall = () => {
- void handleInstall(setIsInstalled, setInstallationStatus, reload, checkInstallation);
- };
-
- const onUninstall = () => {
- void handleUninstall(setIsInstalled, setInstallationStatus, checkInstallation);
- };
+ ) => save({ ...config, [fieldName]: value }, cleanupLaunchOptions);
- const setupContent = (
+ const setup = (
void install()}
+ onUninstall={() => void uninstall()}
+ flatpakRelevant={targets.some((target) => target.transport.kind === "flatpak")}
/>
);
@@ -115,7 +104,7 @@ export function Content() {
handleConfigChange(fieldName, value)}
+ onConfigChange={(field, value) => handleConfigChange(field, value)}
onEnable={enable}
onRepair={repair}
/>
@@ -130,7 +119,7 @@ export function Content() {
targets={targets}
runningGame={runningGame}
onSelect={setSelectedAppId}
- onConfigChange={(fieldName, value) => handleConfigChange(fieldName, value, true)}
+ onConfigChange={(field, value) => handleConfigChange(field, value, true)}
onEnable={enable}
onEnableAll={enableAll}
onRepair={repair}
@@ -139,16 +128,10 @@ export function Content() {
/>
),
},
- {
- id: "ConfigFile",
- title: tabIcons.configFile,
- content: ;
+ workaroundTarget?: Pick;
onRepairWorkaround?: () => Promise;
}
@@ -36,7 +36,7 @@ export function GameConfigurationControls({
;
}
@@ -73,17 +72,15 @@ 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, transport, onRepair }: WorkaroundsSectionProps) {
+export function WorkaroundsSection({ appId, nonSteam, directFlatpak = false, onRepair }: WorkaroundsSectionProps) {
const [collapsed, toggleCollapsed] = usePersistentCollapsed();
- const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam, transport);
+ const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam, directFlatpak);
const [repairing, setRepairing] = useState(false);
const state = snapshot?.state;
const controlsDisabled = status !== "ready" || state === undefined || snapshot?.wrapperOwned !== true || snapshot.integrationInstalled !== true;
--
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')
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({
-
-
+
+
- {collapsed ? (
-
void;
- onUninstall: () => void;
-}
-
-export function InstallationButton({
- isInstalled,
- isInstalling,
- isUninstalling,
- onInstall,
- onUninstall
-}: InstallationButtonProps) {
- const label = isInstalling
- ? t('INSTALL_INSTALLING', 'Installing...')
- : isUninstalling
- ? t('INSTALL_UNINSTALLING', 'Uninstalling...')
- : isInstalled
- ? t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')
- : t('INSTALL_INSTALL_BTN', 'Install LSFG-VK');
-
- return (
-
-
- {label}
-
-
- );
-}
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index 6bf1fad..e936049 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,4 +1,4 @@
-import { Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
+import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
import { useEffect, useState } from "react";
import {
getFlatpakSupportStatus,
@@ -6,8 +6,7 @@ import {
type FlatpakExtensionStatus,
type SteamBranchStatus,
} from "../api/lsfgApi";
-import { InstallationButton } from "./InstallationButton";
-import { StatusDisplay } from "./StatusDisplay";
+import t from "../i18n/i18n";
import { showErrorToast } from "../utils/toastUtils";
interface SetupTabProps {
@@ -20,10 +19,12 @@ interface SetupTabProps {
isUninstalling: boolean;
onInstall: () => void;
onUninstall: () => void;
+ flatpakRelevant: boolean;
}
-function FlatpakSupportDiagnostics() {
+function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
const [status, setStatus] = useState(null);
+ const [advanced, setAdvanced] = useState(false);
const [operation, setOperation] = useState(null);
const refresh = async () => {
@@ -43,16 +44,15 @@ function FlatpakSupportDiagnostics() {
};
useEffect(() => {
- void refresh();
- }, []);
+ if (relevant) void refresh();
+ }, [relevant]);
- if (!status?.available) return null;
+ if (!relevant || !status?.available) return null;
- const runExtensionOperation = async (version: string, enabled: boolean) => {
- const operationKey = `${enabled ? "enable" : "disable"}-${version}`;
- setOperation(operationKey);
+ const setEnabled = async (branch: string, enabled: boolean) => {
+ setOperation(`${enabled ? "enable" : "disable"}-${branch}`);
try {
- const result = await setFlatpakExtensionEnabled(version, enabled);
+ const result = await setFlatpakExtensionEnabled(branch, enabled);
if (!result.success) throw new Error(result.error || result.message || "Flatpak runtime update failed");
await refresh();
} catch (error) {
@@ -62,70 +62,91 @@ function FlatpakSupportDiagnostics() {
}
};
- const handleExtensionToggle = (version: string, enabled: boolean) => {
- void runExtensionOperation(version, enabled);
- };
-
return (
-
+
- {status.supported_branches.map((branch) => (
-
- handleExtensionToggle(branch, enabled)}
- disabled={operation !== null}
- />
-
- ))}
+
+ setAdvanced((value) => !value)}>
+ {advanced ? "Hide runtime details" : "Show runtime details"}
+
+
+ {advanced && status.supported_branches.map((branch) => {
+ const installed = status.installed_branches.includes(branch);
+ const pending = operation?.endsWith(`-${branch}`);
+ return (
+
+ void setEnabled(branch, enabled)}
+ disabled={operation !== null}
+ />
+
+ );
+ })}
);
}
-export function SetupTab({
- isInstalled,
- installationStatus,
- losslessScalingInstalled,
- losslessScalingStatus,
- steamBranchStatus,
- isInstalling,
- isUninstalling,
- onInstall,
- onUninstall,
-}: SetupTabProps) {
+export function SetupTab(props: SetupTabProps) {
+ const {
+ isInstalled,
+ installationStatus,
+ losslessScalingInstalled,
+ losslessScalingStatus,
+ steamBranchStatus,
+ isInstalling,
+ isUninstalling,
+ onInstall,
+ onUninstall,
+ flatpakRelevant,
+ } = props;
+ const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
+ const buttonLabel = isInstalling
+ ? t("INSTALL_INSTALLING", "Installing...")
+ : isUninstalling
+ ? t("INSTALL_UNINSTALLING", "Uninstalling...")
+ : isInstalled
+ ? t("INSTALL_UNINSTALL_BTN", "Uninstall LSFG-VK")
+ : t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
+
return (
<>
-
+
+
+
+ {steamBranchStatus?.installed && (
+
+
+ )}
+
+
+ {buttonLabel}
+
+
-
-
-
-
-
- {steamBranchStatus?.installed && (
-
-
- )}
-
- );
-}
diff --git a/src/components/index.ts b/src/components/index.ts
index 6856e76..bca6f6f 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,6 +1,4 @@
export { Content } from "./Content";
-export { StatusDisplay } from "./StatusDisplay";
-export { InstallationButton } from "./InstallationButton";
export { ConfigurationSection } from "./ConfigurationSection";
export { FpsMultiplierControl } from "./FpsMultiplierControl";
export { ConfigurationTab } from "./ConfigurationTab";
--
cgit v1.2.3
From 840ea2802551a786de9b59f7aa00f04c5f335e2a Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Thu, 10 Sep 2026 07:57:03 -0400
Subject: fix: keep Flatpak runtime controls simple
---
src/components/Content.tsx | 1 -
src/components/SetupTab.tsx | 26 +++++++++-----------------
2 files changed, 9 insertions(+), 18 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index d92ef86..e5216ca 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -91,7 +91,6 @@ export function Content() {
isUninstalling={isUninstalling}
onInstall={() => void install()}
onUninstall={() => void uninstall()}
- flatpakRelevant={targets.some((target) => target.transport.kind === "flatpak")}
/>
);
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index e936049..624be54 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -19,12 +19,10 @@ interface SetupTabProps {
isUninstalling: boolean;
onInstall: () => void;
onUninstall: () => void;
- flatpakRelevant: boolean;
}
-function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
+function FlatpakSupportDiagnostics() {
const [status, setStatus] = useState(null);
- const [advanced, setAdvanced] = useState(false);
const [operation, setOperation] = useState(null);
const refresh = async () => {
@@ -44,10 +42,10 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
};
useEffect(() => {
- if (relevant) void refresh();
- }, [relevant]);
+ void refresh();
+ }, []);
- if (!relevant || !status?.available) return null;
+ if (!status?.available) return null;
const setEnabled = async (branch: string, enabled: boolean) => {
setOperation(`${enabled ? "enable" : "disable"}-${branch}`);
@@ -63,19 +61,14 @@ function FlatpakSupportDiagnostics({ relevant }: { relevant: boolean }) {
};
return (
-
+
-
- setAdvanced((value) => !value)}>
- {advanced ? "Hide runtime details" : "Show runtime details"}
-
-
- {advanced && status.supported_branches.map((branch) => {
+ {status.supported_branches.map((branch) => {
const installed = status.installed_branches.includes(branch);
const pending = operation?.endsWith(`-${branch}`);
return (
@@ -105,7 +98,6 @@ export function SetupTab(props: SetupTabProps) {
isUninstalling,
onInstall,
onUninstall,
- flatpakRelevant,
} = props;
const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
const buttonLabel = isInstalling
@@ -146,7 +138,7 @@ export function SetupTab(props: SetupTabProps) {
-
Date: Thu, 10 Sep 2026 09:53:55 -0400
Subject: simplify unhooked game behavior on mount
---
src/components/ConfigurationTab.tsx | 14 -------------
src/components/Content.tsx | 9 ++++----
src/components/NowPlayingTab.tsx | 42 ++++++-------------------------------
3 files changed, 10 insertions(+), 55 deletions(-)
(limited to 'src/components')
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(null);
- const promptedRunningAppId = useRef(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();
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index e5216ca..578f984 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -56,15 +56,15 @@ export function Content() {
setTab("Setup");
return;
}
- setTab((current) => current === "Setup" ? (runningGame ? "NowPlaying" : "Games") : current);
- }, [runningGame?.appid, setupComplete]);
+ setTab((current) => current === "Setup" ? (runningGame?.configured ? "NowPlaying" : "Games") : current);
+ }, [runningGame?.appid, runningGame?.configured, setupComplete]);
useEffect(() => {
if (!setupComplete) return;
const appid = runningGame?.appid || null;
const previous = previousRunningAppId.current;
previousRunningAppId.current = appid;
- if (appid && appid !== previous) setTab("NowPlaying");
+ if (appid && appid !== previous) setTab(runningGame?.configured ? "NowPlaying" : "Games");
else if (!appid && previous) {
setTab((current) => current === "NowPlaying" ? "Games" : current);
}
@@ -96,7 +96,7 @@ export function Content() {
const tabs = setupComplete
? [
- ...(runningGame ? [{
+ ...(runningGame?.configured ? [{
id: "NowPlaying",
title: tabIcons.nowPlaying,
content: (
@@ -104,7 +104,6 @@ export function Content() {
game={runningGame}
config={config}
onConfigChange={(field, value) => handleConfigChange(field, value)}
- onEnable={enable}
onRepair={repair}
/>
),
diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index 5bce5c4..57858db 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -11,7 +11,6 @@ interface Props {
fieldName: keyof ConfigurationData,
value: boolean | number | string | string[],
) => Promise;
- onEnable: (appid: string) => Promise;
onRepair: (appid: string) => Promise;
}
@@ -24,25 +23,13 @@ export function NowPlayingTab({
game,
config,
onConfigChange,
- onEnable,
onRepair,
}: Props) {
const [busy, setBusy] = useState(false);
const supportNeedsRepair =
- game.configured &&
game.transport.kind === "flatpak" &&
game.flatpakSupport?.support_status !== "ready";
- const handleEnable = async () => {
- if (busy) return;
- setBusy(true);
- try {
- await onEnable(game.appid);
- } finally {
- setBusy(false);
- }
- };
-
const handleRepair = async () => {
if (busy) return;
setBusy(true);
@@ -60,22 +47,7 @@ export function NowPlayingTab({
- {!game.configured && (
-
-
-
-
- void handleEnable()}>
- {busy ? "Enabling..." : "Enable LSFG-VK"}
-
-
-
- )}
- {game.configured && supportNeedsRepair && (
+ {supportNeedsRepair && (
)}
- {game.configured && (
-
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')
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(
+ void enableProfile(detailAppId, true)}
+ onCancel={() => void enableProfile(detailAppId)}
+ />,
+ );
+ } else {
+ await enableProfile(detailAppId);
+ }
}
};
--
cgit v1.2.3
From b197e25b45d53c6c7175a45dd0b14642f2aab198 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Thu, 10 Sep 2026 11:51:22 -0400
Subject: fixes for appimage and flatpak
---
src/components/SetupTab.tsx | 128 +++++++++-----------------------------------
1 file changed, 26 insertions(+), 102 deletions(-)
(limited to 'src/components')
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index 624be54..d769200 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,13 +1,6 @@
-import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
-import { useEffect, useState } from "react";
-import {
- getFlatpakSupportStatus,
- setFlatpakExtensionEnabled,
- type FlatpakExtensionStatus,
- type SteamBranchStatus,
-} from "../api/lsfgApi";
+import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
+import { type SteamBranchStatus } from "../api/lsfgApi";
import t from "../i18n/i18n";
-import { showErrorToast } from "../utils/toastUtils";
interface SetupTabProps {
isInstalled: boolean;
@@ -21,72 +14,6 @@ interface SetupTabProps {
onUninstall: () => void;
}
-function FlatpakSupportDiagnostics() {
- const [status, setStatus] = useState(null);
- const [operation, setOperation] = useState(null);
-
- const refresh = async () => {
- try {
- setStatus(await getFlatpakSupportStatus());
- } catch (error) {
- setStatus({
- success: false,
- message: "",
- error: String(error),
- available: false,
- extension_id: "",
- supported_branches: [],
- installed_branches: [],
- });
- }
- };
-
- useEffect(() => {
- void refresh();
- }, []);
-
- if (!status?.available) return null;
-
- const setEnabled = async (branch: string, enabled: boolean) => {
- setOperation(`${enabled ? "enable" : "disable"}-${branch}`);
- try {
- const result = await setFlatpakExtensionEnabled(branch, 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);
- }
- };
-
- return (
-
-
-
- {status.supported_branches.map((branch) => {
- const installed = status.installed_branches.includes(branch);
- const pending = operation?.endsWith(`-${branch}`);
- return (
-
- void setEnabled(branch, enabled)}
- disabled={operation !== null}
- />
-
- );
- })}
-
- );
-}
-
export function SetupTab(props: SetupTabProps) {
const {
isInstalled,
@@ -109,36 +36,33 @@ export function SetupTab(props: SetupTabProps) {
: t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
return (
- <>
-
+
+
+
+
+
+ {steamBranchStatus?.installed && (
-
-
- {steamBranchStatus?.installed && (
-
-
- )}
-
-
- {buttonLabel}
-
-
-
-
+
+ {buttonLabel}
+
+
+
);
}
--
cgit v1.2.3
From de74f0d2499159ed1cf8f628a166302146ae1f13 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Thu, 10 Sep 2026 12:58:44 -0400
Subject: fix flatpak disable leftovers
---
src/components/ConfigFileTab.tsx | 119 +++++++++++++++++++++++++++++-------
src/components/ConfigurationTab.tsx | 50 +++++++++------
src/components/Content.tsx | 34 ++++++++++-
3 files changed, 163 insertions(+), 40 deletions(-)
(limited to 'src/components')
diff --git a/src/components/ConfigFileTab.tsx b/src/components/ConfigFileTab.tsx
index e3cc09d..07408d7 100644
--- a/src/components/ConfigFileTab.tsx
+++ b/src/components/ConfigFileTab.tsx
@@ -1,13 +1,79 @@
+import { ButtonItem, Field, PanelSection, PanelSectionRow, Spinner } from "@decky/ui";
import { useEffect, useState } from "react";
-import { Field, PanelSection, PanelSectionRow, Spinner } from "@decky/ui";
-import { getConfigFileContent, FileContentResult } from "../api/lsfgApi";
+import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
+import { getDebugFileContents, type DebugFileContent, type DebugFileContentsResult } from "../api/lsfgApi";
import t from "../i18n/i18n";
+function usePersistentCollapsed(key: string) {
+ const [collapsed, setCollapsed] = useState(() => {
+ try {
+ return localStorage.getItem(key) !== "false";
+ } catch {
+ return true;
+ }
+ });
+
+ useEffect(() => {
+ try {
+ localStorage.setItem(key, String(collapsed));
+ } catch {
+ // Persisting the view preference is optional.
+ }
+ }, [collapsed, key]);
+
+ return [collapsed, () => setCollapsed((value) => !value)] as const;
+}
+
+function DebugFileSection({ file }: { file: DebugFileContent }) {
+ const [collapsed, toggleCollapsed] = usePersistentCollapsed(`lsfg-debug-file-${file.id}-collapsed-v1`);
+ const status = file.exists ? "Present" : "Not present";
+
+ return (
+ <>
+
+
+
+
+ {!collapsed && (
+
+ {file.exists && file.content !== null && file.content !== undefined ? (
+
+ )}
+
+ );
+}
+
export function ConfigFileTab() {
- const [result, setResult] = useState(null);
+ const [result, setResult] = useState(null);
useEffect(() => {
- getConfigFileContent().then(setResult).catch((error) => {
+ getDebugFileContents().then(setResult).catch((error) => {
setResult({ success: false, error: String(error) });
});
}, []);
@@ -23,24 +89,35 @@ export function ConfigFileTab() {
}
return (
-
- {result.error && (
-
-
- )}
- {result.success && result.content && (
- <>
-
-
+ <>
+
+
+ {result.error && (
-
-
- )}
-
+ )}
+ {result.success && result.files?.map((file) => (
+
+
);
}
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;
onEnable: (appid: string) => Promise;
@@ -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 (
-
- {
- setFocusConfiguredToggle(false);
- setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
- onSelect(appid);
- setDetailAppId(appid);
- }}
- onEnableAll={onEnableAll}
- onResetAll={onResetAll}
- focusConfiguredToggle={focusConfiguredToggle}
- onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
- />
-
+ <>
+
+ {
+ setFocusConfiguredToggle(false);
+ setFocusDetailAction(targets.find((target) => target.appid === appid)?.configured ? "fps" : "enable");
+ 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 578f984..43720c0 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -17,6 +17,29 @@ const tabIcons = {
setup: (null);
const setupComplete =
isInstalled &&
@@ -74,6 +98,10 @@ export function Content() {
if (isInstalled) void reload();
}, [isInstalled, reload]);
+ useEffect(() => {
+ if (!showDebugTab && tab === "ConfigFile") setTab("Games");
+ }, [showDebugTab, tab]);
+
const handleConfigChange = async (
fieldName: keyof ConfigurationData,
value: boolean | number | string | string[],
@@ -116,6 +144,8 @@ export function Content() {
config={config}
targets={targets}
runningGame={runningGame}
+ showDebugTab={showDebugTab}
+ onShowDebugTabChange={setShowDebugTab}
onSelect={setSelectedAppId}
onConfigChange={(field, value) => handleConfigChange(field, value, true)}
onEnable={enable}
@@ -126,7 +156,7 @@ export function Content() {
/>
),
},
- { id: "ConfigFile", title: tabIcons.configFile, content:
);
}
--
cgit v1.2.3
From c46d41b22df8a6830fe4483ba1b71e246b4ae5e6 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 15:44:26 -0400
Subject: refactor: pass direct flatpak launch shape
---
src/components/GameConfigurationControls.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
(limited to 'src/components')
diff --git a/src/components/GameConfigurationControls.tsx b/src/components/GameConfigurationControls.tsx
index 6bea2e0..a7e3fec 100644
--- a/src/components/GameConfigurationControls.tsx
+++ b/src/components/GameConfigurationControls.tsx
@@ -10,7 +10,7 @@ interface Props {
autoFocusFpsMultiplier?: boolean;
onFpsMultiplierFocused?: () => void;
showWorkarounds?: boolean;
- workaroundTarget?: Pick
+
+ {collapsed ?
+
+
+ {file.content}
+
+ ) : (
+
- {result.content}
-
+
)}
- {selectedTarget?.configured && selectedTarget.transport.kind === "flatpak" && selectedTarget.flatpakSupport?.support_status !== "ready" && (
-
-
- void onRepair(selectedTarget.appid)}
- >
- Repair Flatpak support
-
-
-
- )}
{selectedTarget?.configured && (
Date: Thu, 10 Sep 2026 15:45:36 -0400
Subject: refactor: remove per-game flatpak repair state
---
src/components/NowPlayingTab.tsx | 37 ++-----------------------------------
1 file changed, 2 insertions(+), 35 deletions(-)
(limited to 'src/components')
diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index 57858db..1bc331f 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -1,5 +1,4 @@
-import { ButtonItem, Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
-import { useState } from "react";
+import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
import { ConfigurationData } from "../config/configSchema";
import { GameTarget } from "../hooks/useGameConfiguration";
import { GameConfigurationControls } from "./GameConfigurationControls";
@@ -11,11 +10,10 @@ interface Props {
fieldName: keyof ConfigurationData,
value: boolean | number | string | string[],
) => Promise;
- onRepair: (appid: string) => Promise;
}
function targetDescription(game: GameTarget): string {
- if (game.transport.kind === "flatpak") return "Non-Steam · Flatpak";
+ if (game.directFlatpak) return "Non-Steam · Direct Flatpak";
return game.nonSteam ? "Non-Steam" : "Steam";
}
@@ -23,23 +21,7 @@ export function NowPlayingTab({
game,
config,
onConfigChange,
- onRepair,
}: Props) {
- const [busy, setBusy] = useState(false);
- const supportNeedsRepair =
- game.transport.kind === "flatpak" &&
- game.flatpakSupport?.support_status !== "ready";
-
- const handleRepair = async () => {
- if (busy) return;
- setBusy(true);
- try {
- await onRepair(game.appid);
- } finally {
- setBusy(false);
- }
- };
-
return (
@@ -47,21 +29,6 @@ export function NowPlayingTab({
- {supportNeedsRepair && (
-
-
-
-
- void handleRepair()}>
- {busy ? "Repairing..." : "Repair Flatpak support"}
-
-
-
- )}
Date: Thu, 10 Sep 2026 15:45:58 -0400
Subject: feat: add explicit flatpak setup
---
src/components/FlatpakSetupSection.tsx | 110 +++++++++++++++++++++++++++++++++
1 file changed, 110 insertions(+)
create mode 100644 src/components/FlatpakSetupSection.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakSetupSection.tsx b/src/components/FlatpakSetupSection.tsx
new file mode 100644
index 0000000..0119250
--- /dev/null
+++ b/src/components/FlatpakSetupSection.tsx
@@ -0,0 +1,110 @@
+import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
+import { useCallback, useEffect, useState } from "react";
+import {
+ getFlatpakApps,
+ prepareFlatpakApp,
+ removeFlatpakApp,
+ type FlatpakApp,
+} from "../api/lsfgApi";
+import { showErrorToast } from "../utils/toastUtils";
+
+interface Props {
+ enabled: boolean;
+}
+
+export function FlatpakSetupSection({ enabled }: Props) {
+ const [apps, setApps] = useState([]);
+ const [loading, setLoading] = useState(false);
+ const [busyApp, setBusyApp] = useState("");
+ const [error, setError] = useState(null);
+
+ const load = useCallback(async () => {
+ if (!enabled) {
+ setApps([]);
+ setError(null);
+ return;
+ }
+ setLoading(true);
+ try {
+ const result = await getFlatpakApps();
+ if (!result.success) throw new Error(result.error || "Could not list Flatpak applications");
+ setApps(result.apps || []);
+ setError(null);
+ } catch (loadError) {
+ const message = loadError instanceof Error ? loadError.message : String(loadError);
+ setError(message);
+ } finally {
+ setLoading(false);
+ }
+ }, [enabled]);
+
+ useEffect(() => {
+ void load();
+ }, [load]);
+
+ const toggle = async (app: FlatpakApp) => {
+ if (busyApp || (app.prepared && !app.owned)) return;
+ setBusyApp(app.app_id);
+ try {
+ const result = app.prepared
+ ? await removeFlatpakApp(app.app_id)
+ : await prepareFlatpakApp(app.app_id);
+ if (!result.success) throw new Error(result.error || "Flatpak setup failed");
+ await load();
+ } catch (operationError) {
+ const message = operationError instanceof Error ? operationError.message : String(operationError);
+ showErrorToast("Flatpak setup failed", message);
+ } finally {
+ setBusyApp("");
+ }
+ };
+
+ if (!enabled) return null;
+
+ return (
+
+
+
+ {error && (
+
+
+ )}
+ {apps.map((app) => {
+ const busy = busyApp === app.app_id;
+ const description = [
+ app.app_id,
+ app.runtime_branch ? `runtime ${app.runtime_branch}` : null,
+ app.error,
+ ].filter(Boolean).join(" · ");
+ const label = busy
+ ? "Working..."
+ : app.prepared
+ ? app.owned ? "Remove" : "Prepared externally"
+ : app.error ? "Unavailable" : "Prepare";
+ return (
+
+
+ void toggle(app)}
+ >
+ {label}
+
+
+
+ );
+ })}
+
+ void load()}>
+ {loading ? "Refreshing..." : "Refresh Flatpaks"}
+
+
+
+ );
+}
--
cgit v1.2.3
From 644e624e6e8745f58b4f3bee4a672f180992ad1b Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 15:46:18 -0400
Subject: feat: add flatpak setup to setup tab
---
src/components/SetupTab.tsx | 52 ++++++++++++++++++++++++---------------------
1 file changed, 28 insertions(+), 24 deletions(-)
(limited to 'src/components')
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index d769200..1a62c2a 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,6 +1,7 @@
import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
import { type SteamBranchStatus } from "../api/lsfgApi";
import t from "../i18n/i18n";
+import { FlatpakSetupSection } from "./FlatpakSetupSection";
interface SetupTabProps {
isInstalled: boolean;
@@ -36,33 +37,36 @@ export function SetupTab(props: SetupTabProps) {
: t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
return (
-
-
-
-
-
- {steamBranchStatus?.installed && (
+ <>
+
- )}
-
-
- {buttonLabel}
-
-
-
+
+
+ {steamBranchStatus?.installed && (
+
+
+ )}
+
+
+ {buttonLabel}
+
+
+
+ void onEnableAll()}
--
cgit v1.2.3
From 4823f1a17d647d4e6e387107a2260a8ebd3015de Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:31:35 -0400
Subject: feat: add flatpak workaround controls
---
src/components/FlatpakWorkaroundsSection.tsx | 144 +++++++++++++++++++++++++++
1 file changed, 144 insertions(+)
create mode 100644 src/components/FlatpakWorkaroundsSection.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakWorkaroundsSection.tsx b/src/components/FlatpakWorkaroundsSection.tsx
new file mode 100644
index 0000000..7d9d880
--- /dev/null
+++ b/src/components/FlatpakWorkaroundsSection.tsx
@@ -0,0 +1,144 @@
+import { ButtonItem, PanelSectionRow, SliderField, ToggleField } from "@decky/ui";
+import { useEffect, useRef, useState } from "react";
+import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
+import type { WorkaroundState } from "../api/lsfgApi";
+import t from "../i18n/i18n";
+
+interface Props {
+ state: WorkaroundState;
+ disabled?: boolean;
+ onChange: (state: WorkaroundState) => Promise;
+}
+
+const WORKAROUNDS_COLLAPSED_KEY = "lsfg-flatpak-workarounds-collapsed-v1";
+
+export function FlatpakWorkaroundsSection({ state, disabled = false, onChange }: Props) {
+ const [collapsed, setCollapsed] = useState(() => {
+ try {
+ return localStorage.getItem(WORKAROUNDS_COLLAPSED_KEY) !== "false";
+ } catch {
+ return true;
+ }
+ });
+ const [fpsValue, setFpsValue] = useState(state.dxvkFrameRate);
+ const timer = useRef(null);
+
+ useEffect(() => {
+ try {
+ localStorage.setItem(WORKAROUNDS_COLLAPSED_KEY, String(collapsed));
+ } catch {}
+ }, [collapsed]);
+
+ useEffect(() => {
+ setFpsValue(state.dxvkFrameRate);
+ }, [state.dxvkFrameRate]);
+
+ useEffect(() => () => {
+ if (timer.current !== null) window.clearTimeout(timer.current);
+ }, []);
+
+ const update = (field: keyof WorkaroundState, value: boolean | number) => {
+ void onChange({ ...state, [field]: value });
+ };
+
+ const updateFps = (value: number) => {
+ setFpsValue(value);
+ if (timer.current !== null) window.clearTimeout(timer.current);
+ timer.current = window.setTimeout(() => {
+ timer.current = null;
+ void onChange({ ...state, dxvkFrameRate: value });
+ }, 250);
+ };
+
+ const fpsLabel = fpsValue > 0 ? `${fpsValue} FPS` : t("CONFIG_BASE_FPS_CAP_OFF", "Off");
+
+ return (
+ <>
+
+
+
+ setCollapsed((value) => !value)}
+ >
+ {collapsed ?
+
+ {!collapsed && (
+ <>
+
+
+
+ update("disableSteamdeckMode", value)}
+ disabled={disabled}
+ />
+
+
+ update("disableGamescopeWsi", value)}
+ disabled={disabled}
+ />
+
+
+ update("disableHdr", value)}
+ disabled={disabled}
+ />
+
+
+ update("disableVkbasalt", value)}
+ disabled={disabled}
+ />
+
+
+ update("enableZink", value)}
+ disabled={disabled}
+ />
+
+
+ )}
+
+ );
+}
--
cgit v1.2.3
From 6671a5c51fef98c07369f5e5be5ce498a317e868 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:31:58 -0400
Subject: feat: add flatpak profiles tab
---
src/components/FlatpakTab.tsx | 178 ++++++++++++++++++++++++++++++++++++++++++
1 file changed, 178 insertions(+)
create mode 100644 src/components/FlatpakTab.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
new file mode 100644
index 0000000..6392d59
--- /dev/null
+++ b/src/components/FlatpakTab.tsx
@@ -0,0 +1,178 @@
+import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
+import { useCallback, useMemo, useState } from "react";
+import { FaArrowLeft } from "react-icons/fa";
+import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
+import { ConfigurationSection } from "./ConfigurationSection";
+import { FlatpakWorkaroundsSection } from "./FlatpakWorkaroundsSection";
+import { FpsMultiplierControl } from "./FpsMultiplierControl";
+import { ProfileDetails } from "./ProfileDetails";
+
+interface Props {
+ apps: FlatpakApp[];
+ runningApp: FlatpakApp | null;
+ loading: boolean;
+ busyAppId: string;
+ onRefresh: () => Promise;
+ onEnable: (appId: string) => Promise;
+ onRemove: (appId: string) => Promise;
+ onConfigChange: (appId: string, config: LsfgConfig) => Promise;
+ onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
+}
+
+export function FlatpakTab({
+ apps,
+ runningApp,
+ loading,
+ busyAppId,
+ onRefresh,
+ onEnable,
+ onRemove,
+ onConfigChange,
+ onWorkaroundChange,
+}: Props) {
+ const [selectedAppId, setSelectedAppId] = useState(null);
+ const selected = useMemo(
+ () => selectedAppId ? apps.find((app) => app.app_id === selectedAppId) || null : null,
+ [apps, selectedAppId],
+ );
+ const close = useCallback(() => setSelectedAppId(null), []);
+
+ if (!selectedAppId) {
+ return (
+
+
+
+ {apps.map((app) => {
+ const status = app.enabled
+ ? app.app_id === runningApp?.app_id ? "Enabled · Running" : "Enabled"
+ : app.prepared && !app.owned ? "Prepared externally" : "Available";
+ return (
+
+ setSelectedAppId(app.app_id)}
+ highlightOnFocus
+ />
+
+ );
+ })}
+ {apps.length === 0 && !loading && (
+
+
+ )}
+
+ void onRefresh()}>
+ {loading ? "Refreshing..." : "Refresh Flatpaks"}
+
+
+
+ );
+ }
+
+ if (!selected) {
+ return (
+
+
+ Back
+
+
+
+
+ );
+ }
+
+ const busy = busyAppId === selected.app_id;
+ const config = selected.config;
+ const external = selected.prepared && !selected.owned;
+ const profileDescription = [
+ selected.app_id,
+ selected.runtime_branch ? `runtime ${selected.runtime_branch}` : null,
+ selected.enabled ? `profile ${selected.profile}` : null,
+ selected.app_id === runningApp?.app_id ? "Running" : null,
+ ].filter(Boolean).join(" · ");
+
+ const changeConfig = async (
+ field: keyof LsfgConfig,
+ value: boolean | number | string | string[],
+ ) => {
+ if (!config) return;
+ await onConfigChange(selected.app_id, { ...config, [field]: value });
+ };
+
+ return (
+
+
+
+
+
+ {!selected.enabled && (
+
+
+ void onEnable(selected.app_id)}
+ >
+ {busy ? "Enabling..." : external ? "Prepared externally" : "Enable LSFG-VK"}
+
+
+ {selected.error && (
+
+
+ )}
+
+ )}
+ {selected.enabled && config && (
+ <>
+ onWorkaroundChange(selected.app_id, state)}
+ />
+
+ void onRemove(selected.app_id)}>
+ {busy ? "Removing..." : "Remove Flatpak profile"}
+
+
+
+ )}
+
+ );
+}
--
cgit v1.2.3
From 8090b237a34140343b13efc845f8123730989cbf Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:32:15 -0400
Subject: feat: show running flatpak profiles
---
src/components/FlatpakNowPlayingTab.tsx | 39 +++++++++++++++++++++++++++++++++
1 file changed, 39 insertions(+)
create mode 100644 src/components/FlatpakNowPlayingTab.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakNowPlayingTab.tsx b/src/components/FlatpakNowPlayingTab.tsx
new file mode 100644
index 0000000..9e5a0db
--- /dev/null
+++ b/src/components/FlatpakNowPlayingTab.tsx
@@ -0,0 +1,39 @@
+import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
+import { ConfigurationSection } from "./ConfigurationSection";
+import { FlatpakWorkaroundsSection } from "./FlatpakWorkaroundsSection";
+import { FpsMultiplierControl } from "./FpsMultiplierControl";
+
+interface Props {
+ app: FlatpakApp;
+ busy: boolean;
+ onConfigChange: (appId: string, config: LsfgConfig) => Promise;
+ onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
+}
+
+export function FlatpakNowPlayingTab({ app, busy, onConfigChange, onWorkaroundChange }: Props) {
+ if (!app.config) return null;
+ const changeConfig = async (
+ field: keyof LsfgConfig,
+ value: boolean | number | string | string[],
+ ) => {
+ await onConfigChange(app.app_id, { ...app.config!, [field]: value });
+ };
+
+ return (
+
+
+
+
+
+ onWorkaroundChange(app.app_id, state)}
+ />
+
+ );
+}
--
cgit v1.2.3
From 0e51abafa2fed9fc829dceb48728d0e8bbf0dcaf Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:32:25 -0400
Subject: refactor: move flatpak setup into profiles tab
---
src/components/SetupTab.tsx | 52 +++++++++++++++++++++------------------------
1 file changed, 24 insertions(+), 28 deletions(-)
(limited to 'src/components')
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index 1a62c2a..d769200 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,7 +1,6 @@
import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
import { type SteamBranchStatus } from "../api/lsfgApi";
import t from "../i18n/i18n";
-import { FlatpakSetupSection } from "./FlatpakSetupSection";
interface SetupTabProps {
isInstalled: boolean;
@@ -37,36 +36,33 @@ export function SetupTab(props: SetupTabProps) {
: t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
return (
- <>
-
+
+
+
+
+
+ {steamBranchStatus?.installed && (
-
-
- {steamBranchStatus?.installed && (
-
-
- )}
-
-
- {buttonLabel}
-
-
-
-
+
+ {buttonLabel}
+
+
+
);
}
--
cgit v1.2.3
From 64e3a2db3a538b4b538e6b0520943b5a90eff5a5 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:32:58 -0400
Subject: feat: add flatpak profiles tab and now playing
---
src/components/Content.tsx | 84 ++++++++++++++++++++++++++++++++--------------
1 file changed, 59 insertions(+), 25 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 8f83e85..ffb6eef 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,18 +1,22 @@
import { Tabs } from "@decky/ui";
import { useEffect, useRef, useState } from "react";
-import { FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
+import { FaCube, FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
import { ConfigurationData } from "../config/configSchema";
+import { useFlatpakConfiguration } from "../hooks/useFlatpakConfiguration";
import { useGameConfiguration } from "../hooks/useGameConfiguration";
import { useInstallation } from "../hooks/useLsfgHooks";
import { tabStyles } from "../styles";
import { ConfigFileTab } from "./ConfigFileTab";
import { ConfigurationTab } from "./ConfigurationTab";
+import { FlatpakNowPlayingTab } from "./FlatpakNowPlayingTab";
+import { FlatpakTab } from "./FlatpakTab";
import { NowPlayingTab } from "./NowPlayingTab";
import { SetupTab } from "./SetupTab";
const tabIcons = {
nowPlaying: (null);
const setupComplete =
isInstalled &&
losslessScalingInstalled &&
steamBranchStatus?.success === true &&
steamBranchStatus.installed &&
!steamBranchStatus.needs_switch;
+ const flatpak = useFlatpakConfiguration(setupComplete);
+ const [tab, setTab] = useState("Setup");
+ const [showDebugTab, setShowDebugTab] = usePersistentBoolean(DEBUG_TAB_VISIBILITY_KEY, true);
+ const previousRunningWorkload = useRef(null);
+ const runningFlatpak = flatpak.runningApp;
+ const hasNowPlaying = Boolean(runningGame?.configured || runningFlatpak);
+ const runningWorkload = runningGame?.configured
+ ? `steam:${runningGame.appid}`
+ : runningFlatpak ? `flatpak:${runningFlatpak.app_id}` : null;
useEffect(() => {
if (!setupComplete) {
setTab("Setup");
return;
}
- setTab((current) => current === "Setup" ? (runningGame?.configured ? "NowPlaying" : "Games") : current);
- }, [runningGame?.appid, runningGame?.configured, setupComplete]);
+ setTab((current) => current === "Setup" ? (hasNowPlaying ? "NowPlaying" : "Games") : current);
+ }, [hasNowPlaying, setupComplete]);
useEffect(() => {
if (!setupComplete) return;
- const appid = runningGame?.appid || null;
- const previous = previousRunningAppId.current;
- previousRunningAppId.current = appid;
- if (appid && appid !== previous) setTab(runningGame?.configured ? "NowPlaying" : "Games");
- else if (!appid && previous) {
+ const previous = previousRunningWorkload.current;
+ previousRunningWorkload.current = runningWorkload;
+ if (runningWorkload && runningWorkload !== previous) setTab("NowPlaying");
+ else if (!runningWorkload && previous) {
setTab((current) => current === "NowPlaying" ? "Games" : current);
}
- }, [runningGame?.appid, runningGame?.configured, setupComplete]);
+ }, [runningWorkload, setupComplete]);
useEffect(() => {
- if (isInstalled) void reload();
- }, [isInstalled, reload]);
+ if (isInstalled) {
+ void reload();
+ void flatpak.reload();
+ }
+ }, [isInstalled, reload, flatpak.reload]);
useEffect(() => {
if (!showDebugTab && tab === "ConfigFile") setTab("Games");
@@ -120,19 +132,24 @@ export function Content() {
/>
);
+ const nowPlaying = runningGame?.configured ? (
+ handleConfigChange(field, value)}
+ />
+ ) : runningFlatpak ? (
+ handleConfigChange(field, value)}
- />
- ),
- }] : []),
+ ...(nowPlaying ? [{ id: "NowPlaying", title: tabIcons.nowPlaying, content: nowPlaying }] : []),
{
id: "Games",
title: tabIcons.games,
@@ -153,6 +170,23 @@ export function Content() {
/>
),
},
+ {
+ id: "Flatpak",
+ title: tabIcons.flatpak,
+ content: (
+ ;
}
@@ -78,9 +77,9 @@ function usePersistentCollapsed() {
return [collapsed, () => setCollapsed((value) => !value)] as const;
}
-export function WorkaroundsSection({ appId, nonSteam, directFlatpak = false, onRepair }: WorkaroundsSectionProps) {
+export function WorkaroundsSection({ appId, nonSteam, onRepair }: WorkaroundsSectionProps) {
const [collapsed, toggleCollapsed] = usePersistentCollapsed();
- const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam, directFlatpak);
+ const { status, snapshot, refresh, update, error } = usePerAppWorkarounds(appId, nonSteam);
const [repairing, setRepairing] = useState(false);
const state = snapshot?.state;
const controlsDisabled = status !== "ready" || state === undefined || snapshot?.wrapperOwned !== true || snapshot.integrationInstalled !== true;
--
cgit v1.2.3
From f4b67511ddbe32948927ce73b5f3e067755a904d Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:35:33 -0400
Subject: refactor: simplify steam workaround target
---
src/components/GameConfigurationControls.tsx | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
(limited to 'src/components')
diff --git a/src/components/GameConfigurationControls.tsx b/src/components/GameConfigurationControls.tsx
index a7e3fec..7025f78 100644
--- a/src/components/GameConfigurationControls.tsx
+++ b/src/components/GameConfigurationControls.tsx
@@ -10,7 +10,7 @@ interface Props {
autoFocusFpsMultiplier?: boolean;
onFpsMultiplierFocused?: () => void;
showWorkarounds?: boolean;
- workaroundTarget?: Pick;
+ workaroundTarget?: Pick;
onRepairWorkaround?: () => Promise;
}
@@ -36,7 +36,6 @@ export function GameConfigurationControls({
void onEnableAll()}
--
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')
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 eb714e77e494e3af8163ffceac7cb6e6d788440c Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:38:30 -0400
Subject: refactor: remove flatpak transport from steam now playing
---
src/components/NowPlayingTab.tsx | 1 -
1 file changed, 1 deletion(-)
(limited to 'src/components')
diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index 1bc331f..c067dc0 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -13,7 +13,6 @@ interface Props {
}
function targetDescription(game: GameTarget): string {
- if (game.directFlatpak) return "Non-Steam · Direct Flatpak";
return game.nonSteam ? "Non-Steam" : "Steam";
}
--
cgit v1.2.3
From 08404e49b9f21c16f3c69cdcd9eefe0250f594e2 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:39:02 -0400
Subject: refactor: remove obsolete flatpak setup section
---
src/components/FlatpakSetupSection.tsx | 110 ---------------------------------
1 file changed, 110 deletions(-)
delete mode 100644 src/components/FlatpakSetupSection.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakSetupSection.tsx b/src/components/FlatpakSetupSection.tsx
deleted file mode 100644
index 0119250..0000000
--- a/src/components/FlatpakSetupSection.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
-import { useCallback, useEffect, useState } from "react";
-import {
- getFlatpakApps,
- prepareFlatpakApp,
- removeFlatpakApp,
- type FlatpakApp,
-} from "../api/lsfgApi";
-import { showErrorToast } from "../utils/toastUtils";
-
-interface Props {
- enabled: boolean;
-}
-
-export function FlatpakSetupSection({ enabled }: Props) {
- const [apps, setApps] = useState([]);
- const [loading, setLoading] = useState(false);
- const [busyApp, setBusyApp] = useState("");
- const [error, setError] = useState(null);
-
- const load = useCallback(async () => {
- if (!enabled) {
- setApps([]);
- setError(null);
- return;
- }
- setLoading(true);
- try {
- const result = await getFlatpakApps();
- if (!result.success) throw new Error(result.error || "Could not list Flatpak applications");
- setApps(result.apps || []);
- setError(null);
- } catch (loadError) {
- const message = loadError instanceof Error ? loadError.message : String(loadError);
- setError(message);
- } finally {
- setLoading(false);
- }
- }, [enabled]);
-
- useEffect(() => {
- void load();
- }, [load]);
-
- const toggle = async (app: FlatpakApp) => {
- if (busyApp || (app.prepared && !app.owned)) return;
- setBusyApp(app.app_id);
- try {
- const result = app.prepared
- ? await removeFlatpakApp(app.app_id)
- : await prepareFlatpakApp(app.app_id);
- if (!result.success) throw new Error(result.error || "Flatpak setup failed");
- await load();
- } catch (operationError) {
- const message = operationError instanceof Error ? operationError.message : String(operationError);
- showErrorToast("Flatpak setup failed", message);
- } finally {
- setBusyApp("");
- }
- };
-
- if (!enabled) return null;
-
- return (
-
-
-
- {error && (
-
-
- )}
- {apps.map((app) => {
- const busy = busyApp === app.app_id;
- const description = [
- app.app_id,
- app.runtime_branch ? `runtime ${app.runtime_branch}` : null,
- app.error,
- ].filter(Boolean).join(" · ");
- const label = busy
- ? "Working..."
- : app.prepared
- ? app.owned ? "Remove" : "Prepared externally"
- : app.error ? "Unavailable" : "Prepare";
- return (
-
-
- void toggle(app)}
- >
- {label}
-
-
-
- );
- })}
-
- void load()}>
- {loading ? "Refreshing..." : "Refresh Flatpaks"}
-
-
-
- );
-}
--
cgit v1.2.3
From 69f5b6f884064e93f15570d8c7ceda5d610c39dd Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:46:41 -0400
Subject: fix: use running steam config in now playing
---
src/components/Content.tsx | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index ffb6eef..241ab92 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -45,6 +45,7 @@ function usePersistentBoolean(key: string, defaultValue: boolean) {
export function Content() {
const {
config,
+ runningConfig,
targets,
runningGame,
setSelectedAppId,
@@ -135,8 +136,10 @@ export function Content() {
const nowPlaying = runningGame?.configured ? (
handleConfigChange(field, value)}
+ config={runningConfig}
+ onConfigChange={async (field, value) => {
+ await save({ ...runningConfig, [field]: value }, true);
+ }}
/>
) : runningFlatpak ? (
Date: Thu, 10 Sep 2026 16:47:38 -0400
Subject: fix: save now playing steam profile by app id
---
src/components/Content.tsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 241ab92..a300f6f 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -50,6 +50,7 @@ export function Content() {
runningGame,
setSelectedAppId,
save,
+ saveFor,
enable,
enableAll,
repair,
@@ -138,7 +139,7 @@ export function Content() {
game={runningGame}
config={runningConfig}
onConfigChange={async (field, value) => {
- await save({ ...runningConfig, [field]: value }, true);
+ await saveFor(runningGame.appid, { ...runningConfig, [field]: value }, true);
}}
/>
) : runningFlatpak ? (
--
cgit v1.2.3
From c3778706ab420494479740e19df08c0c3c5b2693 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:48:39 -0400
Subject: fix: preserve config callback return type
---
src/components/Content.tsx | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index a300f6f..ce3c018 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -118,7 +118,9 @@ export function Content() {
fieldName: keyof ConfigurationData,
value: boolean | number | string | string[],
cleanupLaunchOptions = false,
- ) => save({ ...config, [fieldName]: value }, cleanupLaunchOptions);
+ ) => {
+ await save({ ...config, [fieldName]: value }, cleanupLaunchOptions);
+ };
const setup = (
Date: Thu, 10 Sep 2026 20:49:05 -0400
Subject: fix; correct flatpak extension sources
---
src/components/FlatpakTab.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
(limited to 'src/components')
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
index 6392d59..c5e27f5 100644
--- a/src/components/FlatpakTab.tsx
+++ b/src/components/FlatpakTab.tsx
@@ -40,12 +40,12 @@ export function FlatpakTab({
if (!selectedAppId) {
return (
-
+ {/*
+ */}
{apps.map((app) => {
const status = app.enabled
? app.app_id === runningApp?.app_id ? "Enabled · Running" : "Enabled"
--
cgit v1.2.3
From d2bfdafa92f3d31cc5392bf8a5a1f1df5c2358ce Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 09:05:14 -0400
Subject: flatpak correctness, ui alignment, tests
---
src/components/CollapsibleItemGroup.tsx | 79 ++++++++++++++++++++++++++
src/components/Content.tsx | 56 +++++++++++++-----
src/components/FlatpakNowPlayingTab.tsx | 26 +++++----
src/components/FlatpakTab.tsx | 79 +++++++++++++++++++-------
src/components/GameConfigurationSelector.tsx | 85 ++++------------------------
5 files changed, 204 insertions(+), 121 deletions(-)
create mode 100644 src/components/CollapsibleItemGroup.tsx
(limited to 'src/components')
diff --git a/src/components/CollapsibleItemGroup.tsx b/src/components/CollapsibleItemGroup.tsx
new file mode 100644
index 0000000..a66a8ba
--- /dev/null
+++ b/src/components/CollapsibleItemGroup.tsx
@@ -0,0 +1,79 @@
+import { ButtonItem, Field, PanelSectionRow } from "@decky/ui";
+import { type RefObject } from "react";
+import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
+
+export interface CollapsibleItem {
+ id: string;
+ label: string;
+ description: string;
+}
+
+export const collapsibleItemGroupStyles = `
+ .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;
+ }
+`;
+
+interface Props {
+ title: string;
+ items: CollapsibleItem[];
+ collapsed: boolean;
+ onToggle: () => void;
+ onSelect: (id: string) => void;
+ toggleRef?: RefObject;
+}
+
+export function CollapsibleItemGroup({
+ title,
+ items,
+ collapsed,
+ onToggle,
+ onSelect,
+ toggleRef,
+}: Props) {
+ if (items.length === 0) return null;
+
+ return (
+ <>
+
+
+
+
+ {!collapsed && items.map((item) => (
+
+ onSelect(item.id)}
+ highlightOnFocus
+ />
+
+ ))}
+
+ );
+}
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index ce3c018..0d49f89 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,4 +1,4 @@
-import { Tabs } from "@decky/ui";
+import { Field, PanelSection, PanelSectionRow, Tabs } from "@decky/ui";
import { useEffect, useRef, useState } from "react";
import { FaCube, FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
import { ConfigurationData } from "../config/configSchema";
@@ -6,6 +6,7 @@ import { useFlatpakConfiguration } from "../hooks/useFlatpakConfiguration";
import { useGameConfiguration } from "../hooks/useGameConfiguration";
import { useInstallation } from "../hooks/useLsfgHooks";
import { tabStyles } from "../styles";
+import { resolveNowPlayingTarget } from "../utils/nowPlaying";
import { ConfigFileTab } from "./ConfigFileTab";
import { ConfigurationTab } from "./ConfigurationTab";
import { FlatpakNowPlayingTab } from "./FlatpakNowPlayingTab";
@@ -80,10 +81,13 @@ export function Content() {
const [showDebugTab, setShowDebugTab] = usePersistentBoolean(DEBUG_TAB_VISIBILITY_KEY, true);
const previousRunningWorkload = useRef(null);
const runningFlatpak = flatpak.runningApp;
- const hasNowPlaying = Boolean(runningGame?.configured || runningFlatpak);
- const runningWorkload = runningGame?.configured
- ? `steam:${runningGame.appid}`
- : runningFlatpak ? `flatpak:${runningFlatpak.app_id}` : null;
+ const nowPlayingTarget = resolveNowPlayingTarget(runningGame, runningFlatpak);
+ const hasNowPlaying = Boolean(nowPlayingTarget);
+ const runningWorkload = nowPlayingTarget
+ ? nowPlayingTarget.kind === "flatpak"
+ ? `flatpak:${nowPlayingTarget.app.app_id}`
+ : `steam:${nowPlayingTarget.game.appid}`
+ : null;
useEffect(() => {
if (!setupComplete) {
@@ -136,26 +140,27 @@ export function Content() {
/>
);
- const nowPlaying = runningGame?.configured ? (
+ const nowPlaying = nowPlayingTarget?.kind === "steam" ? (
{
- await saveFor(runningGame.appid, { ...runningConfig, [field]: value }, true);
+ await saveFor(nowPlayingTarget.game.appid, { ...runningConfig, [field]: value }, true);
}}
/>
- ) : runningFlatpak ? (
+ ) : nowPlayingTarget?.kind === "flatpak" ? (
;
- onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
}
-export function FlatpakNowPlayingTab({ app, busy, onConfigChange, onWorkaroundChange }: Props) {
+export function FlatpakNowPlayingTab({ app, launcher, onConfigChange }: Props) {
if (!app.config) return null;
const changeConfig = async (
field: keyof LsfgConfig,
@@ -24,16 +23,21 @@ export function FlatpakNowPlayingTab({ app, busy, onConfigChange, onWorkaroundCh
-
+ {launcher && (
+
+
+ )}
onWorkaroundChange(app.app_id, state)}
- />
);
}
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
index c5e27f5..31bfc2d 100644
--- a/src/components/FlatpakTab.tsx
+++ b/src/components/FlatpakTab.tsx
@@ -1,7 +1,8 @@
import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { FaArrowLeft } from "react-icons/fa";
import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
+import { CollapsibleItemGroup, collapsibleItemGroupStyles } from "./CollapsibleItemGroup";
import { ConfigurationSection } from "./ConfigurationSection";
import { FlatpakWorkaroundsSection } from "./FlatpakWorkaroundsSection";
import { FpsMultiplierControl } from "./FpsMultiplierControl";
@@ -19,6 +20,24 @@ interface Props {
onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
}
+function usePersistentCollapsed(key: string) {
+ const [collapsed, setCollapsed] = useState(() => {
+ try {
+ return localStorage.getItem(key) !== "false";
+ } catch {
+ return true;
+ }
+ });
+
+ useEffect(() => {
+ try {
+ localStorage.setItem(key, String(collapsed));
+ } catch {}
+ }, [collapsed, key]);
+
+ return [collapsed, () => setCollapsed((value) => !value)] as const;
+}
+
export function FlatpakTab({
apps,
runningApp,
@@ -36,31 +55,47 @@ export function FlatpakTab({
[apps, selectedAppId],
);
const close = useCallback(() => setSelectedAppId(null), []);
+ const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed("lsfg-flatpak-enabled-collapsed-v1");
+ const [availableCollapsed, toggleAvailable] = usePersistentCollapsed("lsfg-flatpak-available-collapsed-v1");
+ const enabledToggleRef = useRef(null);
+
+ const enabledApps = useMemo(
+ () => apps.filter((app) => app.enabled).sort((a, b) => a.app_name.localeCompare(b.app_name)),
+ [apps],
+ );
+ const availableApps = useMemo(
+ () => apps.filter((app) => !app.enabled).sort((a, b) => a.app_name.localeCompare(b.app_name)),
+ [apps],
+ );
+ const itemFor = (app: FlatpakApp) => ({
+ id: app.app_id,
+ label: app.app_name,
+ description: `${app.app_id} · ${app.prepared && !app.owned ? "Prepared externally" : "Available"}`,
+ });
if (!selectedAppId) {
return (
- {/*
- */}
- {apps.map((app) => {
- const status = app.enabled
- ? app.app_id === runningApp?.app_id ? "Enabled · Running" : "Enabled"
- : app.prepared && !app.owned ? "Prepared externally" : "Available";
- return (
-
- setSelectedAppId(app.app_id)}
- highlightOnFocus
- />
-
- );
- })}
+
+ ({
+ id: app.app_id,
+ label: app.app_name,
+ description: `${app.app_id}${app.app_id === runningApp?.app_id ? " · Running" : ""}`,
+ }))}
+ collapsed={enabledCollapsed}
+ onToggle={toggleEnabled}
+ onSelect={setSelectedAppId}
+ toggleRef={enabledToggleRef}
+ />
+
;
-}) {
- if (games.length === 0) return null;
-
- return (
- <>
-
-
-
-
- {!collapsed && games.map((game) => (
-
- onSelect(game.appid)}
- highlightOnFocus
- />
-
- ))}
-
- );
-}
-
export function GameConfigurationSelector({
targets,
runningGame,
@@ -105,6 +54,11 @@ export function GameConfigurationSelector({
});
const enabledGames = sortGames(targets.filter((game) => game.configured));
const availableGames = sortGames(targets.filter((game) => !game.configured));
+ const toItem = (game: GameTarget) => ({
+ id: game.appid,
+ label: game.name,
+ description: targetDescription(game),
+ });
const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY);
const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
const enabledToggleRef = useRef(null);
@@ -146,39 +100,24 @@ export function GameConfigurationSelector({
return (
<>
{targets.length === 0 && (
)}
-
Date: Fri, 11 Sep 2026 09:09:29 -0400
Subject: fix tab change jutter
---
src/components/ConfigurationTab.tsx | 1 -
src/components/Content.tsx | 30 +++++++++++-------------------
2 files changed, 11 insertions(+), 20 deletions(-)
(limited to 'src/components')
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({
(null);
const runningFlatpak = flatpak.runningApp;
const nowPlayingTarget = resolveNowPlayingTarget(runningGame, runningFlatpak);
@@ -154,13 +155,11 @@ export function Content() {
launcher={nowPlayingTarget.launcher}
onConfigChange={flatpak.updateConfig}
/>
- ) : (
- ) => {
+ const focusedElement = event.target as HTMLElement | null;
+ setContentFocused(!focusedElement?.closest?.('[role="tab"]'));
+ };
return (
);
}
-
-function NowPlayingTabPlaceholder() {
- return (
-
Date: Fri, 11 Sep 2026 09:30:30 -0400
Subject: consistent tab collapsed toggles on flatpak
---
src/components/FlatpakTab.tsx | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
(limited to 'src/components')
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
index 31bfc2d..b46eb28 100644
--- a/src/components/FlatpakTab.tsx
+++ b/src/components/FlatpakTab.tsx
@@ -20,6 +20,9 @@ interface Props {
onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
}
+const ENABLED_COLLAPSED_KEY = "lsfg-flatpak-enabled-collapsed-v2";
+const AVAILABLE_COLLAPSED_KEY = "lsfg-flatpak-available-collapsed-v2";
+
function usePersistentCollapsed(key: string) {
const [collapsed, setCollapsed] = useState(() => {
try {
@@ -55,8 +58,8 @@ export function FlatpakTab({
[apps, selectedAppId],
);
const close = useCallback(() => setSelectedAppId(null), []);
- const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed("lsfg-flatpak-enabled-collapsed-v1");
- const [availableCollapsed, toggleAvailable] = usePersistentCollapsed("lsfg-flatpak-available-collapsed-v1");
+ const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY);
+ const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
const enabledToggleRef = useRef(null);
const enabledApps = useMemo(
--
cgit v1.2.3
From a8388009b2ba141caafe7f2e35f7029d93e7811f Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 09:38:35 -0400
Subject: handle edge cases on flatpaks and ordering
---
src/components/CollapsibleItemGroup.tsx | 20 +++++++++++++++++++-
src/components/Content.tsx | 2 +-
src/components/FlatpakTab.tsx | 24 ++----------------------
src/components/GameConfigurationSelector.tsx | 22 ++--------------------
4 files changed, 24 insertions(+), 44 deletions(-)
(limited to 'src/components')
diff --git a/src/components/CollapsibleItemGroup.tsx b/src/components/CollapsibleItemGroup.tsx
index a66a8ba..037b34f 100644
--- a/src/components/CollapsibleItemGroup.tsx
+++ b/src/components/CollapsibleItemGroup.tsx
@@ -1,5 +1,5 @@
import { ButtonItem, Field, PanelSectionRow } from "@decky/ui";
-import { type RefObject } from "react";
+import { useEffect, useState, type RefObject } from "react";
import { RiArrowDownSFill, RiArrowUpSFill } from "react-icons/ri";
export interface CollapsibleItem {
@@ -25,6 +25,24 @@ export const collapsibleItemGroupStyles = `
}
`;
+export function usePersistentCollapsed(key: string) {
+ const [collapsed, setCollapsed] = useState(() => {
+ try {
+ return localStorage.getItem(key) !== "false";
+ } catch {
+ return true;
+ }
+ });
+
+ useEffect(() => {
+ try {
+ localStorage.setItem(key, String(collapsed));
+ } catch {}
+ }, [collapsed, key]);
+
+ return [collapsed, () => setCollapsed((value) => !value)] as const;
+}
+
interface Props {
title: string;
items: CollapsibleItem[];
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index dc8c54f..422eec8 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -86,7 +86,7 @@ export function Content() {
const hasNowPlaying = Boolean(nowPlayingTarget);
const runningWorkload = nowPlayingTarget
? nowPlayingTarget.kind === "flatpak"
- ? `flatpak:${nowPlayingTarget.app.app_id}`
+ ? `flatpak:${nowPlayingTarget.app.app_id}:${nowPlayingTarget.launcher?.appid ?? ""}`
: `steam:${nowPlayingTarget.game.appid}`
: null;
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
index b46eb28..0b20da0 100644
--- a/src/components/FlatpakTab.tsx
+++ b/src/components/FlatpakTab.tsx
@@ -1,8 +1,8 @@
import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
import { FaArrowLeft } from "react-icons/fa";
import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
-import { CollapsibleItemGroup, collapsibleItemGroupStyles } from "./CollapsibleItemGroup";
+import { CollapsibleItemGroup, collapsibleItemGroupStyles, usePersistentCollapsed } from "./CollapsibleItemGroup";
import { ConfigurationSection } from "./ConfigurationSection";
import { FlatpakWorkaroundsSection } from "./FlatpakWorkaroundsSection";
import { FpsMultiplierControl } from "./FpsMultiplierControl";
@@ -23,24 +23,6 @@ interface Props {
const ENABLED_COLLAPSED_KEY = "lsfg-flatpak-enabled-collapsed-v2";
const AVAILABLE_COLLAPSED_KEY = "lsfg-flatpak-available-collapsed-v2";
-function usePersistentCollapsed(key: string) {
- const [collapsed, setCollapsed] = useState(() => {
- try {
- return localStorage.getItem(key) !== "false";
- } catch {
- return true;
- }
- });
-
- useEffect(() => {
- try {
- localStorage.setItem(key, String(collapsed));
- } catch {}
- }, [collapsed, key]);
-
- return [collapsed, () => setCollapsed((value) => !value)] as const;
-}
-
export function FlatpakTab({
apps,
runningApp,
@@ -60,7 +42,6 @@ export function FlatpakTab({
const close = useCallback(() => setSelectedAppId(null), []);
const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY);
const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
- const enabledToggleRef = useRef(null);
const enabledApps = useMemo(
() => apps.filter((app) => app.enabled).sort((a, b) => a.app_name.localeCompare(b.app_name)),
@@ -90,7 +71,6 @@ export function FlatpakTab({
collapsed={enabledCollapsed}
onToggle={toggleEnabled}
onSelect={setSelectedAppId}
- toggleRef={enabledToggleRef}
/>
{
- try {
- return localStorage.getItem(key) !== "false";
- } catch {
- return true;
- }
- });
-
- useEffect(() => {
- try {
- localStorage.setItem(key, String(collapsed));
- } catch {}
- }, [collapsed, key]);
-
- return [collapsed, () => setCollapsed((value) => !value)] as const;
-}
-
function targetDescription(game: GameTarget): string {
return game.nonSteam ? "Non-Steam" : "Steam";
}
--
cgit v1.2.3
From bc2669b6050da7acdf9e1dda2b77444734852559 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 10:00:19 -0400
Subject: workaround for new client update, ui cuts off in game
---
src/components/Content.tsx | 22 +++++++++++++---------
1 file changed, 13 insertions(+), 9 deletions(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 422eec8..32e9bf8 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,5 +1,5 @@
import { Tabs } from "@decky/ui";
-import { useEffect, useRef, useState, type FocusEvent } from "react";
+import { useEffect, useRef, useState, type FocusEvent, type ReactNode } from "react";
import { FaCube, FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
import { ConfigurationData } from "../config/configSchema";
import { useFlatpakConfiguration } from "../hooks/useFlatpakConfiguration";
@@ -141,6 +141,10 @@ export function Content() {
/>
);
+ const tabContent = (content: ReactNode) => (
+
Date: Fri, 11 Sep 2026 10:13:22 -0400
Subject: move inline styping
---
src/components/CollapsibleItemGroup.tsx | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
(limited to 'src/components')
diff --git a/src/components/CollapsibleItemGroup.tsx b/src/components/CollapsibleItemGroup.tsx
index 037b34f..29fe945 100644
--- a/src/components/CollapsibleItemGroup.tsx
+++ b/src/components/CollapsibleItemGroup.tsx
@@ -9,6 +9,11 @@ export interface CollapsibleItem {
}
export const collapsibleItemGroupStyles = `
+ .LSFG_GameGroupCollapseButton_Container {
+ margin-top: -2px;
+ margin-bottom: 4px;
+ }
+
.LSFG_GameGroupCollapseButton_Container > div > div > div > button,
.LSFG_GameGroupCollapseButton_Container > div > div > div > div > button {
height: 24px !important;
@@ -71,7 +76,6 @@ export function CollapsibleItemGroup({
Date: Fri, 11 Sep 2026 10:23:23 -0400
Subject: compact now playing info
---
src/components/FlatpakNowPlayingTab.tsx | 27 +++++++++++----------------
src/components/NowPlayingSummary.tsx | 16 ++++++++++++++++
src/components/NowPlayingTab.tsx | 12 ++++++------
3 files changed, 33 insertions(+), 22 deletions(-)
create mode 100644 src/components/NowPlayingSummary.tsx
(limited to 'src/components')
diff --git a/src/components/FlatpakNowPlayingTab.tsx b/src/components/FlatpakNowPlayingTab.tsx
index 9623b11..89f7f49 100644
--- a/src/components/FlatpakNowPlayingTab.tsx
+++ b/src/components/FlatpakNowPlayingTab.tsx
@@ -1,8 +1,9 @@
-import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { Focusable } from "@decky/ui";
import type { FlatpakApp, LsfgConfig } from "../api/lsfgApi";
import type { GameTarget } from "../hooks/useGameConfiguration";
import { ConfigurationSection } from "./ConfigurationSection";
import { FpsMultiplierControl } from "./FpsMultiplierControl";
+import { NowPlayingSummary } from "./NowPlayingSummary";
interface Props {
app: FlatpakApp;
@@ -21,21 +22,15 @@ export function FlatpakNowPlayingTab({ app, launcher, onConfigChange }: Props) {
return (
-
-
-
- {launcher && (
-
-
- )}
-
+ detail !== null)}
+ />
diff --git a/src/components/NowPlayingSummary.tsx b/src/components/NowPlayingSummary.tsx
new file mode 100644
index 0000000..adc5d10
--- /dev/null
+++ b/src/components/NowPlayingSummary.tsx
@@ -0,0 +1,16 @@
+import { Field, PanelSection, PanelSectionRow } from "@decky/ui";
+
+interface Props {
+ title: string;
+ details: string[];
+}
+
+export function NowPlayingSummary({ title, details }: Props) {
+ return (
+
+
+
+
+ );
+}
diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index c067dc0..4c22fb7 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -1,7 +1,8 @@
-import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
+import { Focusable } from "@decky/ui";
import { ConfigurationData } from "../config/configSchema";
import { GameTarget } from "../hooks/useGameConfiguration";
import { GameConfigurationControls } from "./GameConfigurationControls";
+import { NowPlayingSummary } from "./NowPlayingSummary";
interface Props {
game: GameTarget;
@@ -23,11 +24,10 @@ export function NowPlayingTab({
}: Props) {
return (
-
-
-
-
+
Date: Fri, 11 Sep 2026 11:08:12 -0400
Subject: better uninstall cleanup
---
src/components/ConfigurationSection.tsx | 5 +-
src/components/ConfigurationTab.tsx | 15 +-----
src/components/Content.tsx | 13 ++++--
src/components/SetupTab.tsx | 82 +++++++++++++++++++++++----------
4 files changed, 68 insertions(+), 47 deletions(-)
(limited to 'src/components')
diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 1f17264..6996bcd 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -1,6 +1,6 @@
import { PanelSectionRow, ToggleField, SliderField } from "@decky/ui";
import { ConfigurationData } from "../config/configSchema";
-import { FLOW_SCALE, PERFORMANCE_MODE, OVERRIDE_PRESENT_MODE, PRESERVE_SWAPCHAIN_IMAGE_COUNT, NO_FP16 } from "../config/configSchema";
+import { FLOW_SCALE, PERFORMANCE_MODE, OVERRIDE_PRESENT_MODE, PRESERVE_SWAPCHAIN_IMAGE_COUNT } from "../config/configSchema";
interface ConfigurationSectionProps {
config: ConfigurationData;
@@ -12,9 +12,6 @@ export function ConfigurationSection({ config, onConfigChange }: ConfigurationSe
onConfigChange(FLOW_SCALE, value)} />
-
- onConfigChange(NO_FP16, !value)} />
-
onConfigChange(PERFORMANCE_MODE, value)} />
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;
onEnable: (appid: string) => Promise;
@@ -26,8 +24,6 @@ export function ConfigurationTab({
config,
targets,
runningGame,
- showDebugTab,
- onShowDebugTabChange,
onSelect,
onConfigChange,
onEnable,
@@ -84,15 +80,6 @@ export function ConfigurationTab({
onConfiguredToggleFocused={clearConfiguredToggleFocusRequest}
/>
-
-
-
-
);
}
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 32e9bf8..91775df 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -47,16 +47,19 @@ export function Content() {
const {
config,
runningConfig,
+ globalConfig,
targets,
runningGame,
setSelectedAppId,
save,
saveFor,
+ updateGlobal,
enable,
enableAll,
repair,
resetSelected,
resetAll,
+ cleanupAllWorkarounds,
reload,
} = useGameConfiguration();
const {
@@ -69,7 +72,7 @@ export function Content() {
isUninstalling,
install,
uninstall,
- } = useInstallation(reload);
+ } = useInstallation(reload, cleanupAllWorkarounds);
const setupComplete =
isInstalled &&
losslessScalingInstalled &&
@@ -78,7 +81,7 @@ export function Content() {
!steamBranchStatus.needs_switch;
const flatpak = useFlatpakConfiguration(setupComplete);
const [tab, setTab] = useState("Setup");
- const [showDebugTab, setShowDebugTab] = usePersistentBoolean(DEBUG_TAB_VISIBILITY_KEY, true);
+ const [showDebugTab, setShowDebugTab] = usePersistentBoolean(DEBUG_TAB_VISIBILITY_KEY, false);
const [contentFocused, setContentFocused] = useState(false);
const previousRunningWorkload = useRef(null);
const runningFlatpak = flatpak.runningApp;
@@ -136,6 +139,10 @@ export function Content() {
steamBranchStatus={steamBranchStatus}
isInstalling={isInstalling}
isUninstalling={isUninstalling}
+ globalConfig={globalConfig}
+ showDebugTab={showDebugTab}
+ onGlobalConfigChange={updateGlobal}
+ onShowDebugTabChange={setShowDebugTab}
onInstall={() => void install()}
onUninstall={() => void uninstall()}
/>
@@ -172,8 +179,6 @@ export function Content() {
config={config}
targets={targets}
runningGame={runningGame}
- showDebugTab={showDebugTab}
- onShowDebugTabChange={setShowDebugTab}
onSelect={setSelectedAppId}
onConfigChange={(field, value) => handleConfigChange(field, value, true)}
onEnable={enable}
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
index d769200..ff072cb 100644
--- a/src/components/SetupTab.tsx
+++ b/src/components/SetupTab.tsx
@@ -1,5 +1,5 @@
-import { ButtonItem, Field, PanelSection, PanelSectionRow } from "@decky/ui";
-import { type SteamBranchStatus } from "../api/lsfgApi";
+import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
+import { type GlobalConfig, type SteamBranchStatus } from "../api/lsfgApi";
import t from "../i18n/i18n";
interface SetupTabProps {
@@ -10,6 +10,10 @@ interface SetupTabProps {
steamBranchStatus: SteamBranchStatus | null;
isInstalling: boolean;
isUninstalling: boolean;
+ globalConfig: GlobalConfig;
+ showDebugTab: boolean;
+ onGlobalConfigChange: (config: GlobalConfig) => Promise;
+ onShowDebugTabChange: (value: boolean) => void;
onInstall: () => void;
onUninstall: () => void;
}
@@ -23,6 +27,10 @@ export function SetupTab(props: SetupTabProps) {
steamBranchStatus,
isInstalling,
isUninstalling,
+ globalConfig,
+ showDebugTab,
+ onGlobalConfigChange,
+ onShowDebugTabChange,
onInstall,
onUninstall,
} = props;
@@ -36,33 +44,57 @@ export function SetupTab(props: SetupTabProps) {
: t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
return (
-
-
-
-
-
- {steamBranchStatus?.installed && (
+ <>
+
+
+
+ {steamBranchStatus?.installed && (
+
+
+ )}
+
+
+ {buttonLabel}
+
+
+
+ {isInstalled && (
+ <>
+
+
+ void onGlobalConfigChange({ ...globalConfig, no_fp16: !value })}
+ />
+
+
+
+
+
+
+
)}
-
-
- {buttonLabel}
-
-
-
+
);
}
--
cgit v1.2.3
From 4d14bc1086a1ba05acd01d7466749ff3cffba75f Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 12:58:16 -0400
Subject: enable all and disable all for flatpak
---
src/components/Content.tsx | 2 ++
src/components/FlatpakTab.tsx | 53 ++++++++++++++++++++++++++++++++++++++++++-
2 files changed, 54 insertions(+), 1 deletion(-)
(limited to 'src/components')
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 91775df..3f25320 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -200,7 +200,9 @@ export function Content() {
busyAppId={flatpak.busyAppId}
onRefresh={flatpak.reload}
onEnable={flatpak.enableApp}
+ onEnableAll={flatpak.enableAll}
onRemove={flatpak.removeApp}
+ onRemoveAll={flatpak.removeAll}
onConfigChange={flatpak.updateConfig}
onWorkaroundChange={flatpak.updateWorkarounds}
/>,
diff --git a/src/components/FlatpakTab.tsx b/src/components/FlatpakTab.tsx
index 0b20da0..35721f6 100644
--- a/src/components/FlatpakTab.tsx
+++ b/src/components/FlatpakTab.tsx
@@ -1,4 +1,4 @@
-import { ButtonItem, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses } from "@decky/ui";
+import { ButtonItem, ConfirmModal, DialogButton, Field, Focusable, PanelSection, PanelSectionRow, gamepadDialogClasses, showModal } from "@decky/ui";
import { useCallback, useMemo, useState } from "react";
import { FaArrowLeft } from "react-icons/fa";
import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
@@ -15,7 +15,9 @@ interface Props {
busyAppId: string;
onRefresh: () => Promise;
onEnable: (appId: string) => Promise;
+ onEnableAll: () => Promise;
onRemove: (appId: string) => Promise;
+ onRemoveAll: () => Promise;
onConfigChange: (appId: string, config: LsfgConfig) => Promise;
onWorkaroundChange: (appId: string, state: WorkaroundState) => Promise;
}
@@ -30,7 +32,9 @@ export function FlatpakTab({
busyAppId,
onRefresh,
onEnable,
+ onEnableAll,
onRemove,
+ onRemoveAll,
onConfigChange,
onWorkaroundChange,
}: Props) {
@@ -51,6 +55,33 @@ export function FlatpakTab({
() => apps.filter((app) => !app.enabled).sort((a, b) => a.app_name.localeCompare(b.app_name)),
[apps],
);
+ const enableableApps = useMemo(
+ () => availableApps.filter((app) => !(app.prepared && !app.owned) && !app.error),
+ [availableApps],
+ );
+ const confirmEnableAll = () => {
+ showModal(
+ void onEnableAll()}
+ onCancel={() => {}}
+ />,
+ );
+ };
+ const confirmRemoveAll = () => {
+ showModal(
+ void onRemoveAll()}
+ onCancel={() => {}}
+ />,
+ );
+ };
const itemFor = (app: FlatpakApp) => ({
id: app.app_id,
label: app.app_name,
@@ -79,6 +110,26 @@ export function FlatpakTab({
onToggle={toggleAvailable}
onSelect={setSelectedAppId}
/>
+ {enableableApps.length > 0 && (
+
+
+ Enable all available Flatpaks
+
+
+ )}
+
+
+ Remove all profiles
+
+
{apps.length === 0 && !loading && (
Date: Fri, 11 Sep 2026 13:47:52 -0400
Subject: feat: non steam tab, faster bulk actions
---
src/components/ConfigFileTab.tsx | 4 +-
src/components/ConfigurationTab.tsx | 56 ++++++++++-----
src/components/Content.tsx | 98 ++++++++++++++++++--------
src/components/FlatpakNowPlayingTab.tsx | 4 +-
src/components/GameConfigurationSelector.tsx | 47 ++++++++-----
src/components/NowPlayingTab.tsx | 5 +-
src/components/SettingsTab.tsx | 100 +++++++++++++++++++++++++++
src/components/SetupTab.tsx | 100 ---------------------------
src/components/index.ts | 2 +-
9 files changed, 245 insertions(+), 171 deletions(-)
create mode 100644 src/components/SettingsTab.tsx
delete mode 100644 src/components/SetupTab.tsx
(limited to 'src/components')
diff --git a/src/components/ConfigFileTab.tsx b/src/components/ConfigFileTab.tsx
index 07408d7..fd6d716 100644
--- a/src/components/ConfigFileTab.tsx
+++ b/src/components/ConfigFileTab.tsx
@@ -80,7 +80,7 @@ export function ConfigFileTab() {
if (!result) {
return (
-
+
@@ -108,7 +108,7 @@ export function ConfigFileTab() {
}
`}
-
+
{result.error && (
;
+ onConfigChange: (
+ fieldName: keyof ConfigurationData,
+ value: boolean | number | string | string[],
+ cleanupLaunchOptions?: boolean,
+ ) => Promise;
onEnable: (appid: string) => Promise;
- onEnableAll: () => Promise;
+ onEnableAll: (source: KnownGameSource) => Promise;
+ bulkOperationBusy: boolean;
onRepair: (appid: string) => Promise;
onReset: () => Promise;
- onResetAll: () => Promise;
+ onResetAll: (source: KnownGameSource) => Promise;
}
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 (
<>
-
+
{
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({
{!selectedTarget?.configured && selectedTarget && (
-
- Enable for next launch
-
+ {selectedTarget.source === "unknown" ? (
+
+ Enable for next launch
+
+ )}
)}
{selectedTarget?.configured && (
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 && (
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 3f25320..470db95 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,28 +1,37 @@
import { Tabs } from "@decky/ui";
import { useEffect, useRef, useState, type FocusEvent, type ReactNode } from "react";
-import { FaCube, FaFileAlt, FaGamepad, FaList, FaTools } from "react-icons/fa";
+import { FaCube, FaExternalLinkAlt, FaFileAlt, FaGamepad, FaSteam, FaTools } from "react-icons/fa";
import { ConfigurationData } from "../config/configSchema";
import { useFlatpakConfiguration } from "../hooks/useFlatpakConfiguration";
import { useGameConfiguration } from "../hooks/useGameConfiguration";
import { useInstallation } from "../hooks/useLsfgHooks";
import { tabStyles } from "../styles";
-import { resolveNowPlayingTarget } from "../utils/nowPlaying";
+import { targetsForSource } from "../utils/gameTargets";
+import { resolveNowPlayingTarget, type NowPlayingTarget } from "../utils/nowPlaying";
import { ConfigFileTab } from "./ConfigFileTab";
import { ConfigurationTab } from "./ConfigurationTab";
import { FlatpakNowPlayingTab } from "./FlatpakNowPlayingTab";
import { FlatpakTab } from "./FlatpakTab";
import { NowPlayingTab } from "./NowPlayingTab";
-import { SetupTab } from "./SetupTab";
+import { SettingsTab } from "./SettingsTab";
const tabIcons = {
nowPlaying: (null);
+ const previousNowPlayingTab = useRef("Steam");
const runningFlatpak = flatpak.runningApp;
const nowPlayingTarget = resolveNowPlayingTarget(runningGame, runningFlatpak);
const hasNowPlaying = Boolean(nowPlayingTarget);
const runningWorkload = nowPlayingTarget
? nowPlayingTarget.kind === "flatpak"
? `flatpak:${nowPlayingTarget.app.app_id}:${nowPlayingTarget.launcher?.appid ?? ""}`
- : `steam:${nowPlayingTarget.game.appid}`
+ : `${nowPlayingTarget.game.source}:${nowPlayingTarget.game.appid}`
: null;
+ const steamTargets = targetsForSource(targets, "steam");
+ const nonSteamTargets = targetsForSource(targets, "nonSteam");
useEffect(() => {
if (!setupComplete) {
- setTab("Setup");
+ setTab("Settings");
return;
}
- setTab((current) => current === "Setup" ? (hasNowPlaying ? "NowPlaying" : "Games") : current);
+ setTab((current) => current === "Settings" ? (hasNowPlaying ? "NowPlaying" : "Steam") : current);
}, [hasNowPlaying, setupComplete]);
useEffect(() => {
if (!setupComplete) return;
const previous = previousRunningWorkload.current;
previousRunningWorkload.current = runningWorkload;
- if (runningWorkload && runningWorkload !== previous) setTab("NowPlaying");
+ if (runningWorkload && runningWorkload !== previous) {
+ previousNowPlayingTab.current = tabForNowPlaying(nowPlayingTarget);
+ setTab("NowPlaying");
+ }
else if (!runningWorkload && previous) {
- setTab((current) => current === "NowPlaying" ? "Games" : current);
+ setTab((current) => current === "NowPlaying" ? previousNowPlayingTab.current : current);
}
}, [runningWorkload, setupComplete]);
@@ -119,8 +135,8 @@ export function Content() {
}, [isInstalled, reload, flatpak.reload]);
useEffect(() => {
- if (!showDebugTab && tab === "ConfigFile") setTab("Games");
- }, [showDebugTab, tab]);
+ if (!showDebugTab && tab === "ConfigFile") setTab(setupComplete ? "Steam" : "Settings");
+ }, [setupComplete, showDebugTab, tab]);
const handleConfigChange = async (
fieldName: keyof ConfigurationData,
@@ -130,8 +146,8 @@ export function Content() {
await save({ ...config, [fieldName]: value }, cleanupLaunchOptions);
};
- const setup = (
- {content}
);
- const nowPlaying = nowPlayingTarget?.kind === "steam" ? (
+ const nowPlaying = nowPlayingTarget?.kind === "flatpak" ? (
+ handleConfigChange(field, value, true)}
+ onConfigChange={handleConfigChange}
onEnable={enable}
onEnableAll={enableAll}
+ bulkOperationBusy={bulkOperationBusy}
onRepair={repair}
onReset={resetSelected}
onResetAll={resetAll}
/>,
),
},
+ {
+ id: "NonSteam",
+ title: tabIcons.nonSteam,
+ content: tabContent(
+ ) => {
const focusedElement = event.target as HTMLElement | null;
setContentFocused(!focusedElement?.closest?.('[role="tab"]'));
diff --git a/src/components/FlatpakNowPlayingTab.tsx b/src/components/FlatpakNowPlayingTab.tsx
index 89f7f49..449e4b5 100644
--- a/src/components/FlatpakNowPlayingTab.tsx
+++ b/src/components/FlatpakNowPlayingTab.tsx
@@ -1,6 +1,6 @@
import { Focusable } from "@decky/ui";
import type { FlatpakApp, LsfgConfig } from "../api/lsfgApi";
-import type { GameTarget } from "../hooks/useGameConfiguration";
+import type { GameTarget } from "../utils/gameTargets";
import { ConfigurationSection } from "./ConfigurationSection";
import { FpsMultiplierControl } from "./FpsMultiplierControl";
import { NowPlayingSummary } from "./NowPlayingSummary";
@@ -25,7 +25,7 @@ export function FlatpakNowPlayingTab({ app, launcher, onConfigChange }: Props) {
void;
- onEnableAll: () => Promise;
- onResetAll: () => Promise;
+ onEnableAll: (source: KnownGameSource) => Promise;
+ onResetAll: (source: KnownGameSource) => Promise;
focusConfiguredToggle?: boolean;
onConfiguredToggleFocused?: () => void;
}
@@ -17,12 +20,16 @@ const ENABLED_COLLAPSED_KEY = "lsfg-enabled-games-collapsed-v4";
const AVAILABLE_COLLAPSED_KEY = "lsfg-available-games-collapsed-v3";
function targetDescription(game: GameTarget): string {
- return game.nonSteam ? "Non-Steam" : "Steam";
+ return game.source === "unknown"
+ ? "Unknown source · excluded from bulk actions"
+ : sourceLabel(game.source);
}
export function GameConfigurationSelector({
targets,
runningGame,
+ source,
+ bulkOperationBusy,
onSelect,
onEnableAll,
onResetAll,
@@ -36,13 +43,19 @@ export function GameConfigurationSelector({
});
const enabledGames = sortGames(targets.filter((game) => game.configured));
const availableGames = sortGames(targets.filter((game) => !game.configured));
+ const enableableGames = availableGames.filter((game) => game.source === source);
+ const removableGames = enabledGames.filter((game) => game.source === source);
+ const sourceName = source === "nonSteam" ? "non-Steam shortcuts" : "Steam games";
+ const emptyDescription = source === "nonSteam"
+ ? "Steam has not reported any eligible non-Steam shortcuts"
+ : "Steam has not reported any eligible installed games";
const toItem = (game: GameTarget) => ({
id: game.appid,
label: game.name,
description: targetDescription(game),
});
- const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(ENABLED_COLLAPSED_KEY);
- const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(AVAILABLE_COLLAPSED_KEY);
+ const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(`${ENABLED_COLLAPSED_KEY}-${source}`);
+ const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(`${AVAILABLE_COLLAPSED_KEY}-${source}`);
const enabledToggleRef = useRef(null);
useEffect(() => {
@@ -57,10 +70,10 @@ export function GameConfigurationSelector({
const confirmResetAll = () => {
showModal(
void onResetAll()}
+ onOK={() => void onResetAll(source)}
onCancel={() => {}}
/>,
);
@@ -69,11 +82,11 @@ export function GameConfigurationSelector({
const confirmEnableAll = () => {
showModal(
void onEnableAll()}
+ onOK={() => void onEnableAll(source)}
onCancel={() => {}}
/>,
);
@@ -86,7 +99,7 @@ export function GameConfigurationSelector({
{targets.length === 0 && (
-
)}
-
- Enable all available games
+
+ {`Enable all ${sourceName}`}
)}
@@ -115,9 +128,9 @@ export function GameConfigurationSelector({
target.configured)}
+ disabled={bulkOperationBusy || removableGames.length === 0}
>
- Remove all profiles
+ {`Remove all ${sourceLabel(source)} profiles`}
diff --git a/src/components/NowPlayingTab.tsx b/src/components/NowPlayingTab.tsx
index 4c22fb7..69e72d7 100644
--- a/src/components/NowPlayingTab.tsx
+++ b/src/components/NowPlayingTab.tsx
@@ -1,6 +1,7 @@
import { Focusable } from "@decky/ui";
import { ConfigurationData } from "../config/configSchema";
-import { GameTarget } from "../hooks/useGameConfiguration";
+import type { GameTarget } from "../utils/gameTargets";
+import { sourceLabel } from "../utils/gameTargets";
import { GameConfigurationControls } from "./GameConfigurationControls";
import { NowPlayingSummary } from "./NowPlayingSummary";
@@ -14,7 +15,7 @@ interface Props {
}
function targetDescription(game: GameTarget): string {
- return game.nonSteam ? "Non-Steam" : "Steam";
+ return sourceLabel(game.source);
}
export function NowPlayingTab({
diff --git a/src/components/SettingsTab.tsx b/src/components/SettingsTab.tsx
new file mode 100644
index 0000000..35a74cc
--- /dev/null
+++ b/src/components/SettingsTab.tsx
@@ -0,0 +1,100 @@
+import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
+import { type GlobalConfig, type SteamBranchStatus } from "../api/lsfgApi";
+import t from "../i18n/i18n";
+
+interface SettingsTabProps {
+ isInstalled: boolean;
+ installationStatus: string;
+ losslessScalingInstalled: boolean;
+ losslessScalingStatus: string;
+ steamBranchStatus: SteamBranchStatus | null;
+ isInstalling: boolean;
+ isUninstalling: boolean;
+ globalConfig: GlobalConfig;
+ showDebugTab: boolean;
+ onGlobalConfigChange: (config: GlobalConfig) => Promise;
+ onShowDebugTabChange: (value: boolean) => void;
+ onInstall: () => void;
+ onUninstall: () => void;
+}
+
+export function SettingsTab(props: SettingsTabProps) {
+ const {
+ isInstalled,
+ installationStatus,
+ losslessScalingInstalled,
+ losslessScalingStatus,
+ steamBranchStatus,
+ isInstalling,
+ isUninstalling,
+ globalConfig,
+ showDebugTab,
+ onGlobalConfigChange,
+ onShowDebugTabChange,
+ onInstall,
+ onUninstall,
+ } = props;
+ const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
+ const buttonLabel = isInstalling
+ ? t("INSTALL_INSTALLING", "Installing...")
+ : isUninstalling
+ ? t("INSTALL_UNINSTALLING", "Uninstalling...")
+ : isInstalled
+ ? t("INSTALL_UNINSTALL_BTN", "Uninstall LSFG-VK")
+ : t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
+
+ return (
+ <>
+
+
+
+
+
+ {steamBranchStatus?.installed && (
+
+
+ )}
+
+
+ {buttonLabel}
+
+
+
+ {isInstalled && (
+ <>
+
+
+ void onGlobalConfigChange({ ...globalConfig, no_fp16: !value })}
+ />
+
+
+
+
+
+
+
+ )}
+
+ );
+}
diff --git a/src/components/SetupTab.tsx b/src/components/SetupTab.tsx
deleted file mode 100644
index ff072cb..0000000
--- a/src/components/SetupTab.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { ButtonItem, Field, PanelSection, PanelSectionRow, ToggleField } from "@decky/ui";
-import { type GlobalConfig, type SteamBranchStatus } from "../api/lsfgApi";
-import t from "../i18n/i18n";
-
-interface SetupTabProps {
- isInstalled: boolean;
- installationStatus: string;
- losslessScalingInstalled: boolean;
- losslessScalingStatus: string;
- steamBranchStatus: SteamBranchStatus | null;
- isInstalling: boolean;
- isUninstalling: boolean;
- globalConfig: GlobalConfig;
- showDebugTab: boolean;
- onGlobalConfigChange: (config: GlobalConfig) => Promise;
- onShowDebugTabChange: (value: boolean) => void;
- onInstall: () => void;
- onUninstall: () => void;
-}
-
-export function SetupTab(props: SetupTabProps) {
- const {
- isInstalled,
- installationStatus,
- losslessScalingInstalled,
- losslessScalingStatus,
- steamBranchStatus,
- isInstalling,
- isUninstalling,
- globalConfig,
- showDebugTab,
- onGlobalConfigChange,
- onShowDebugTabChange,
- onInstall,
- onUninstall,
- } = props;
- const losslessScalingAppInstalled = losslessScalingInstalled || steamBranchStatus?.installed === true;
- const buttonLabel = isInstalling
- ? t("INSTALL_INSTALLING", "Installing...")
- : isUninstalling
- ? t("INSTALL_UNINSTALLING", "Uninstalling...")
- : isInstalled
- ? t("INSTALL_UNINSTALL_BTN", "Uninstall LSFG-VK")
- : t("INSTALL_INSTALL_BTN", "Install LSFG-VK");
-
- return (
- <>
-
-
-
-
-
- {steamBranchStatus?.installed && (
-
-
- )}
-
-
- {buttonLabel}
-
-
-
- {isInstalled && (
- <>
-
-
- void onGlobalConfigChange({ ...globalConfig, no_fp16: !value })}
- />
-
-
-
-
-
-
-
- )}
-
- );
-}
diff --git a/src/components/index.ts b/src/components/index.ts
index bca6f6f..5459974 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -3,7 +3,7 @@ export { ConfigurationSection } from "./ConfigurationSection";
export { FpsMultiplierControl } from "./FpsMultiplierControl";
export { ConfigurationTab } from "./ConfigurationTab";
export { ConfigFileTab } from "./ConfigFileTab";
-export { SetupTab } from "./SetupTab";
+export { SettingsTab } from "./SettingsTab";
export { GameConfigurationSelector } from "./GameConfigurationSelector";
export { GameConfigurationControls } from "./GameConfigurationControls";
export { NowPlayingTab } from "./NowPlayingTab";
--
cgit v1.2.3
From f185d26f4d37894183cdfa8c3e6ffc718cb3b103 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 14:16:06 -0400
Subject: labeled slider for multiplier
---
src/components/FpsMultiplierControl.tsx | 81 ++++++++++-----------------------
1 file changed, 25 insertions(+), 56 deletions(-)
(limited to 'src/components')
diff --git a/src/components/FpsMultiplierControl.tsx b/src/components/FpsMultiplierControl.tsx
index 2c50be1..523e8b3 100644
--- a/src/components/FpsMultiplierControl.tsx
+++ b/src/components/FpsMultiplierControl.tsx
@@ -1,4 +1,4 @@
-import { DialogButton, Focusable, PanelSectionRow } from "@decky/ui";
+import { Focusable, PanelSectionRow, SliderField } from "@decky/ui";
import { useEffect, useRef } from "react";
import { ConfigurationData } from "../config/configSchema";
import { MULTIPLIER } from "../config/generatedConfigSchema";
@@ -31,63 +31,32 @@ export function FpsMultiplierControl({
return () => cancelAnimationFrame(frame);
}, [autoFocus, onAutoFocus]);
+ const multiplierLabel = config.multiplier === 1
+ ? t("MULTIPLIER_OFF", "Off")
+ : `${config.multiplier}x`;
+
return (
-
- void onConfigChange(MULTIPLIER, Math.max(1, config.multiplier - 1))}
- disabled={config.multiplier <= 1}
- >
- −
-
- void onConfigChange(MULTIPLIER, Math.min(4, config.multiplier + 1))}
- disabled={config.multiplier >= 4}
- >
- +
-
+
+ void onConfigChange(MULTIPLIER, value)}
+ />
);
--
cgit v1.2.3
From 81feb03288166755545401b9df2ff2c9bc3ae7d7 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx
Date: Fri, 11 Sep 2026 16:48:35 -0400
Subject: handle flatpak grey, id proton and exclusions
---
src/components/CollapsibleItemGroup.tsx | 4 +++-
src/components/GameConfigurationSelector.tsx | 6 ++++--
2 files changed, 7 insertions(+), 3 deletions(-)
(limited to 'src/components')
diff --git a/src/components/CollapsibleItemGroup.tsx b/src/components/CollapsibleItemGroup.tsx
index 29fe945..a4e4092 100644
--- a/src/components/CollapsibleItemGroup.tsx
+++ b/src/components/CollapsibleItemGroup.tsx
@@ -6,6 +6,7 @@ export interface CollapsibleItem {
id: string;
label: string;
description: string;
+ disabled?: boolean;
}
export const collapsibleItemGroupStyles = `
@@ -91,7 +92,8 @@ export function CollapsibleItemGroup({
onSelect(item.id)}
+ disabled={item.disabled}
+ onActivate={item.disabled ? undefined : () => onSelect(item.id)}
highlightOnFocus
/>
diff --git a/src/components/GameConfigurationSelector.tsx b/src/components/GameConfigurationSelector.tsx
index ad3537d..91dc3df 100644
--- a/src/components/GameConfigurationSelector.tsx
+++ b/src/components/GameConfigurationSelector.tsx
@@ -20,6 +20,7 @@ const ENABLED_COLLAPSED_KEY = "lsfg-enabled-games-collapsed-v4";
const AVAILABLE_COLLAPSED_KEY = "lsfg-available-games-collapsed-v3";
function targetDescription(game: GameTarget): string {
+ if (game.isFlatpakShortcut) return "Non-Steam | Use Flatpak Tab";
return game.source === "unknown"
? "Unknown source · excluded from bulk actions"
: sourceLabel(game.source);
@@ -43,8 +44,8 @@ export function GameConfigurationSelector({
});
const enabledGames = sortGames(targets.filter((game) => game.configured));
const availableGames = sortGames(targets.filter((game) => !game.configured));
- const enableableGames = availableGames.filter((game) => game.source === source);
- const removableGames = enabledGames.filter((game) => game.source === source);
+ const enableableGames = availableGames.filter((game) => game.source === source && !game.isFlatpakShortcut);
+ const removableGames = enabledGames.filter((game) => game.source === source && !game.isFlatpakShortcut);
const sourceName = source === "nonSteam" ? "non-Steam shortcuts" : "Steam games";
const emptyDescription = source === "nonSteam"
? "Steam has not reported any eligible non-Steam shortcuts"
@@ -53,6 +54,7 @@ export function GameConfigurationSelector({
id: game.appid,
label: game.name,
description: targetDescription(game),
+ disabled: game.isFlatpakShortcut,
});
const [enabledCollapsed, toggleEnabled] = usePersistentCollapsed(`${ENABLED_COLLAPSED_KEY}-${source}`);
const [availableCollapsed, toggleAvailable] = usePersistentCollapsed(`${AVAILABLE_COLLAPSED_KEY}-${source}`);
--
cgit v1.2.3
+ {t("CONFIG_WORKAROUNDS_TITLE", "Workarounds")}
+
+
+
+
+
+
+
+
+ {selected.app_name}
+
+
+
+ {collapsed ?
+
+
- {
+ if (availableTabIds.has(nextTab)) setTab(nextTab);
+ }}
+ tabs={tabs}
+ />
+
+ );
+}
+
+function NowPlayingTabPlaceholder() {
+ return (
+
+
+
+
+
);
}
diff --git a/src/components/FlatpakNowPlayingTab.tsx b/src/components/FlatpakNowPlayingTab.tsx
index 9e5a0db..9623b11 100644
--- a/src/components/FlatpakNowPlayingTab.tsx
+++ b/src/components/FlatpakNowPlayingTab.tsx
@@ -1,17 +1,16 @@
import { Field, Focusable, PanelSection, PanelSectionRow } from "@decky/ui";
-import type { FlatpakApp, LsfgConfig, WorkaroundState } from "../api/lsfgApi";
+import type { FlatpakApp, LsfgConfig } from "../api/lsfgApi";
+import type { GameTarget } from "../hooks/useGameConfiguration";
import { ConfigurationSection } from "./ConfigurationSection";
-import { FlatpakWorkaroundsSection } from "./FlatpakWorkaroundsSection";
import { FpsMultiplierControl } from "./FpsMultiplierControl";
interface Props {
app: FlatpakApp;
- busy: boolean;
+ launcher: GameTarget | null;
onConfigChange: (appId: string, config: LsfgConfig) => Promise
-
- {collapsed ?
-
-
-
-
-
-
-
- );
-}
--
cgit v1.2.3
From 9138886fd5315eb0e8c6a4a549a9d44f93ba3cde Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx {content}
+ );
+
const nowPlaying = nowPlayingTarget?.kind === "steam" ? (
4 ? "red" : "white",
- minWidth: "60px",
- textAlign: "center",
- }}
- >
- {config.multiplier < 2 ? t("MULTIPLIER_OFF", "OFF") : `${config.multiplier}X`}
-
-