From f622baadbd3de043017bf63956d614525181fde7 Mon Sep 17 00:00:00 2001
From: NanamiAdmin <yzt114@yeah.net>
Date: Thu, 10 Sep 2026 20:12:21 +0800
Subject: [PATCH] fix(frontend/settings): fix json marshal fault, now the
 settings page could be loaded correctly

---
 frontend/src/utils/runtime.js   |  3 +++
 frontend/src/views/Settings.vue | 24 +++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/frontend/src/utils/runtime.js b/frontend/src/utils/runtime.js
index 4eafc7a..b365c01 100644
--- a/frontend/src/utils/runtime.js
+++ b/frontend/src/utils/runtime.js
@@ -16,6 +16,9 @@ export async function loadDebugMode() {
         const config = (res && res.data && res.data.config) || {};
         const system = config.system || {};
         debugMode.value = !!system.debugMode;
+        if (debugMode.value) {
+            console.log('Debug mode enabled');
+        }
     } catch {
         // Non-fatal: the flag simply keeps its current value.
     }
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index cbc1b80..8841450 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue';
 import { settingsApi } from '../api/index.js';
+import { debugMode } from '../utils/runtime.js';
 import { toast } from '../utils/toast.js';
 import Toggle from '../components/Toggle.vue';
 import TagsEditor from '../components/TagsEditor.vue';
@@ -155,6 +156,18 @@ function getVal(obj, path, fb) {
     return cur === undefined || cur === null ? fb : cur;
 }
 
+// hasVal reports whether a path actually resolves in the loaded config. A
+// missing key and a key whose value equals the fallback are indistinguishable
+// from getVal's return value alone, so misses are detected separately.
+function hasVal(obj, path) {
+    let cur = obj;
+    for (const k of path) {
+        if (cur === null || cur === undefined || typeof cur !== 'object') return false;
+        cur = cur[k];
+    }
+    return cur !== undefined && cur !== null;
+}
+
 function defaults(f) {
     switch (f.type) {
         case 'bool': return false;
@@ -172,7 +185,16 @@ async function load() {
         for (const s of sections) {
             const obj = {};
             for (const f of s.fields) {
-                obj[f.key] = getVal(cfg, fieldPath(f), defaults(f));
+                // Mirror wrapRoot() on save: prepend the section's root path so
+                // the value is read from the same place it is written to.
+                const path = [...s.root, ...fieldPath(f)];
+                obj[f.key] = getVal(cfg, path, defaults(f));
+                if (debugMode.value) {
+                    console.log(`[Settings] Loaded ${s.id}.${f.key}:`, obj[f.key]);
+                    if (!hasVal(cfg, path)) {
+                        console.warn(`[Settings] ${s.id}.${f.key} missing at "${path.join('.')}" — using default`);
+                    }
+                }
             }
             vals[s.id] = obj;
         }