Use localStorage config if available, fallback to server config if empty; reset button always reloads from server

Author: ServeurpersoCom

tools/server/public/index.html.gz

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { useAppContext } from '../utils/app.context';
-import { CONFIG_INFO } from '../utils/initConfig';
-import { isDev } from '../utils/initConfig';
+import { CONFIG_INFO, getServerDefaultConfig, isDev } from '../utils/initConfig';
 import StorageUtils from '../utils/storage';
 import { classNames, isBoolean, isNumeric, isString } from '../utils/misc';
 import {
@@ -272,9 +271,17 @@ export default function SettingDialog({
   // clone the config object to prevent direct mutation
   const [localConfig, setLocalConfig] = useState<AppConfig>({ ...config });
 
-  const resetConfig = () => {
-    if (window.confirm('Are you sure you want to reset all settings?')) {
-      setLocalConfig({ ...config });
+  const resetConfig = async () => {
+    if (!window.confirm('Reset all settings from server defaults?')) return;
+
+    try {
+      const cfg = await getServerDefaultConfig(config.apiKey);
+      StorageUtils.setConfig(cfg);
+      setLocalConfig({ ...cfg });
+      console.info('[Config] Reset from server config');
+    } catch (err) {
+      console.error('[Config] Failed to fetch server defaults:', err);
+      alert('Failed to fetch server default config.');
     }
   };
 

tools/server/webui/src/components/SettingDialog.tsx

@@ -106,9 +106,19 @@ export const AppContextProvider = ({
       .then(async (props) => {
         console.debug('Server props:', props);
         setServerProps(props);
-        const cfg = await getServerDefaultConfig(config.apiKey);
-        StorageUtils.setConfig(cfg);
-        setConfig(cfg);
+
+        const hasUserConfig =
+          localStorage.getItem('config') &&
+          Object.keys(JSON.parse(localStorage.getItem('config') || '{}')).length > 0;
+
+        if (!hasUserConfig) {
+          const cfg = await getServerDefaultConfig(config.apiKey);
+          StorageUtils.setConfig(cfg);
+          setConfig(cfg);
+          console.info('[Config] Loaded from server (no local config found)');
+        } else {
+          console.info('[Config] Using localStorage config');
+        }
       })
       .catch((err) => {
         console.error(err);