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

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

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

diff --git a/src/components/ConfigFileTab.tsx b/src/components/ConfigFileTab.tsx
new file mode 100644
index 0000000..60c5c7e
--- /dev/null
+++ b/src/components/ConfigFileTab.tsx
@@ -0,0 +1,46 @@
+import { useEffect, useState } from "react";
+import { Field, Focusable, PanelSection, PanelSectionRow, Spinner } from "@decky/ui";
+import { getConfigFileContent, FileContentResult } from "../api/lsfgApi";
+import t from "../i18n/i18n";
+
+export function ConfigFileTab() {
+  const [result, setResult] = useState<FileContentResult | null>(null);
+
+  const copy = async (content: string) => {
+    try {
+      await navigator.clipboard.writeText(content);
+    } catch {
+      // Clipboard access is unavailable in some Deck UI contexts.
+    }
+  };
+
+  useEffect(() => {
+    getConfigFileContent().then(setResult).catch((error) => {
+      setResult({ success: false, error: String(error) });
+    });
+  }, []);
+
+  if (!result) {
+    return (
+      <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
+        <PanelSectionRow><Spinner /></PanelSectionRow>
+      </PanelSection>
+    );
+  }
+
+  return (
+    <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
+      <PanelSectionRow>
+        <Field label={result.path || t("NERD_CONFIG_FILE", "Configuration File")} description={result.error || "Tap the file to copy it."}>
+          {result.success && result.content && (
+            <Focusable onActivate={() => void copy(result.content || "")}>
+              <pre style={{ maxHeight: "420px", overflow: "auto", whiteSpace: "pre-wrap", fontSize: "12px" }}>
+                {result.content}
+              </pre>
+            </Focusable>
+          )}
+        </Field>
+      </PanelSectionRow>
+    </PanelSection>
+  );
+}
-- 
cgit v1.2.3


From 170d183fdafc1ec1a686c006fd6a2431c1f30c71 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 19:06:52 -0400
Subject: refactor: align secondary tabs with Decky UI

---
 src/components/ConfigFileTab.tsx | 42 ++++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

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

diff --git a/src/components/ConfigFileTab.tsx b/src/components/ConfigFileTab.tsx
index 60c5c7e..e3cc09d 100644
--- a/src/components/ConfigFileTab.tsx
+++ b/src/components/ConfigFileTab.tsx
@@ -1,19 +1,11 @@
 import { useEffect, useState } from "react";
-import { Field, Focusable, PanelSection, PanelSectionRow, Spinner } from "@decky/ui";
+import { Field, PanelSection, PanelSectionRow, Spinner } from "@decky/ui";
 import { getConfigFileContent, FileContentResult } from "../api/lsfgApi";
 import t from "../i18n/i18n";
 
 export function ConfigFileTab() {
   const [result, setResult] = useState<FileContentResult | null>(null);
 
-  const copy = async (content: string) => {
-    try {
-      await navigator.clipboard.writeText(content);
-    } catch {
-      // Clipboard access is unavailable in some Deck UI contexts.
-    }
-  };
-
   useEffect(() => {
     getConfigFileContent().then(setResult).catch((error) => {
       setResult({ success: false, error: String(error) });
@@ -23,24 +15,32 @@ export function ConfigFileTab() {
   if (!result) {
     return (
       <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
-        <PanelSectionRow><Spinner /></PanelSectionRow>
+        <PanelSectionRow>
+          <Spinner />
+        </PanelSectionRow>
       </PanelSection>
     );
   }
 
   return (
     <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
-      <PanelSectionRow>
-        <Field label={result.path || t("NERD_CONFIG_FILE", "Configuration File")} description={result.error || "Tap the file to copy it."}>
-          {result.success && result.content && (
-            <Focusable onActivate={() => void copy(result.content || "")}>
-              <pre style={{ maxHeight: "420px", overflow: "auto", whiteSpace: "pre-wrap", fontSize: "12px" }}>
-                {result.content}
-              </pre>
-            </Focusable>
-          )}
-        </Field>
-      </PanelSectionRow>
+      {result.error && (
+        <PanelSectionRow>
+          <Field label="Error" description={result.error} />
+        </PanelSectionRow>
+      )}
+      {result.success && result.content && (
+        <>
+          <PanelSectionRow>
+            <Field label="Config file" description={result.path} />
+          </PanelSectionRow>
+          <PanelSectionRow>
+            <pre style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>
+              {result.content}
+            </pre>
+          </PanelSectionRow>
+        </>
+      )}
     </PanelSection>
   );
 }
-- 
cgit v1.2.3


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

---
 src/components/ConfigFileTab.tsx | 119 ++++++++++++++++++++++++++++++++-------
 1 file changed, 98 insertions(+), 21 deletions(-)

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

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 (
+    <>
+      <PanelSectionRow>
+        <Field
+          label={file.label}
+          description={`${file.path} · ${status}`}
+          bottomSeparator="none"
+        />
+      </PanelSectionRow>
+      <PanelSectionRow>
+        <div
+          className="LSFG_DebugFileCollapseButton_Container"
+          style={{ marginTop: "-2px", marginBottom: "4px" }}
+        >
+          <ButtonItem
+            layout="below"
+            bottomSeparator={collapsed ? "standard" : "none"}
+            onClick={toggleCollapsed}
+          >
+            {collapsed ? <RiArrowDownSFill /> : <RiArrowUpSFill />}
+          </ButtonItem>
+        </div>
+      </PanelSectionRow>
+      {!collapsed && (
+        <PanelSectionRow>
+          {file.exists && file.content !== null && file.content !== undefined ? (
+            <pre style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>
+              {file.content}
+            </pre>
+          ) : (
+            <Field
+              label="File unavailable"
+              description={file.error || "The file has not been created yet."}
+            />
+          )}
+        </PanelSectionRow>
+      )}
+    </>
+  );
+}
+
 export function ConfigFileTab() {
-  const [result, setResult] = useState<FileContentResult | null>(null);
+  const [result, setResult] = useState<DebugFileContentsResult | null>(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 (
-    <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
-      {result.error && (
-        <PanelSectionRow>
-          <Field label="Error" description={result.error} />
-        </PanelSectionRow>
-      )}
-      {result.success && result.content && (
-        <>
-          <PanelSectionRow>
-            <Field label="Config file" description={result.path} />
-          </PanelSectionRow>
+    <>
+      <style>
+        {`
+          .LSFG_DebugFileCollapseButton_Container > div > div > div > button,
+          .LSFG_DebugFileCollapseButton_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_DebugFileCollapseButton_Container svg {
+            display: block;
+            margin: 0;
+          }
+        `}
+      </style>
+      <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
+        {result.error && (
           <PanelSectionRow>
-            <pre style={{ whiteSpace: "pre-wrap", overflowWrap: "anywhere" }}>
-              {result.content}
-            </pre>
+            <Field label="Error" description={result.error} />
           </PanelSectionRow>
-        </>
-      )}
-    </PanelSection>
+        )}
+        {result.success && result.files?.map((file) => (
+          <DebugFileSection key={file.id} file={file} />
+        ))}
+      </PanelSection>
+    </>
   );
 }
-- 
cgit v1.2.3


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

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

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

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 (
-      <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
+      <PanelSection title={t("NERD_CONFIG_FILE", "Config / Debug")}>
         <PanelSectionRow>
           <Spinner />
         </PanelSectionRow>
@@ -108,7 +108,7 @@ export function ConfigFileTab() {
           }
         `}
       </style>
-      <PanelSection title={t("NERD_CONFIG_FILE", "Configuration File")}>
+      <PanelSection title={t("NERD_CONFIG_FILE", "Config / Debug")}>
         {result.error && (
           <PanelSectionRow>
             <Field label="Error" description={result.error} />
-- 
cgit v1.2.3