diff --git a/frontend/bindings/voidraft/internal/services/index.ts b/frontend/bindings/voidraft/internal/services/index.ts
index bdd3b58..bd3a92f 100644
--- a/frontend/bindings/voidraft/internal/services/index.ts
+++ b/frontend/bindings/voidraft/internal/services/index.ts
@@ -3,9 +3,11 @@
 
 import * as ConfigService from "./configservice.js";
 import * as DocumentService from "./documentservice.js";
+import * as SystemService from "./systemservice.js";
 export {
     ConfigService,
-    DocumentService
+    DocumentService,
+    SystemService
 };
 
 export * from "./models.js";
diff --git a/frontend/bindings/voidraft/internal/services/models.ts b/frontend/bindings/voidraft/internal/services/models.ts
index 619e014..b01662a 100644
--- a/frontend/bindings/voidraft/internal/services/models.ts
+++ b/frontend/bindings/voidraft/internal/services/models.ts
@@ -136,6 +136,73 @@ export enum EditType {
     EditEqual = 2,
 };
 
+/**
+ * MemoryStats 内存统计信息
+ */
+export class MemoryStats {
+    /**
+     * 当前堆内存使用量（字节）
+     */
+    "heapInUse": number;
+
+    /**
+     * 堆内存分配总量（字节）
+     */
+    "heapAlloc": number;
+
+    /**
+     * 系统内存使用量（字节）
+     */
+    "sys": number;
+
+    /**
+     * GC 次数
+     */
+    "numGC": number;
+
+    /**
+     * GC 暂停时间（纳秒）
+     */
+    "pauseTotalNs": number;
+
+    /**
+     * Goroutine 数量
+     */
+    "numGoroutine": number;
+
+    /** Creates a new MemoryStats instance. */
+    constructor($$source: Partial<MemoryStats> = {}) {
+        if (!("heapInUse" in $$source)) {
+            this["heapInUse"] = 0;
+        }
+        if (!("heapAlloc" in $$source)) {
+            this["heapAlloc"] = 0;
+        }
+        if (!("sys" in $$source)) {
+            this["sys"] = 0;
+        }
+        if (!("numGC" in $$source)) {
+            this["numGC"] = 0;
+        }
+        if (!("pauseTotalNs" in $$source)) {
+            this["pauseTotalNs"] = 0;
+        }
+        if (!("numGoroutine" in $$source)) {
+            this["numGoroutine"] = 0;
+        }
+
+        Object.assign(this, $$source);
+    }
+
+    /**
+     * Creates a new MemoryStats instance from a string or object.
+     */
+    static createFrom($$source: any = {}): MemoryStats {
+        let $$parsedSource = typeof $$source === 'string' ? JSON.parse($$source) : $$source;
+        return new MemoryStats($$parsedSource as Partial<MemoryStats>);
+    }
+}
+
 // Private type creation functions
 const $$createType0 = Edit.createFrom;
 const $$createType1 = $Create.Array($$createType0);
diff --git a/frontend/bindings/voidraft/internal/services/systemservice.ts b/frontend/bindings/voidraft/internal/services/systemservice.ts
new file mode 100644
index 0000000..bface09
--- /dev/null
+++ b/frontend/bindings/voidraft/internal/services/systemservice.ts
@@ -0,0 +1,46 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+
+/**
+ * SystemService 系统监控服务
+ * @module
+ */
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import {Call as $Call, Create as $Create} from "@wailsio/runtime";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore: Unused imports
+import * as $models from "./models.js";
+
+/**
+ * FormatBytes 格式化字节数为人类可读的格式
+ */
+export function FormatBytes(bytes: number): Promise<string> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(1368998019, bytes) as any;
+    return $resultPromise;
+}
+
+/**
+ * GetMemoryStats 获取当前内存统计信息
+ */
+export function GetMemoryStats(): Promise<$models.MemoryStats> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(1678201009) as any;
+    let $typingPromise = $resultPromise.then(($result: any) => {
+        return $$createType0($result);
+    }) as any;
+    $typingPromise.cancel = $resultPromise.cancel.bind($resultPromise);
+    return $typingPromise;
+}
+
+/**
+ * TriggerGC 手动触发垃圾回收
+ */
+export function TriggerGC(): Promise<void> & { cancel(): void } {
+    let $resultPromise = $Call.ByID(741882899) as any;
+    return $resultPromise;
+}
+
+// Private type creation functions
+const $$createType0 = $models.MemoryStats.createFrom;
diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index a690547..f8c07ae 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -8,6 +8,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    MemoryMonitor: typeof import('./src/components/monitor/MemoryMonitor.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Toolbar: typeof import('./src/components/toolbar/Toolbar.vue')['default']
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 77fc98f..424af96 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -25,7 +25,7 @@
         "@codemirror/lang-python": "^6.2.1",
         "@codemirror/lang-rust": "^6.0.1",
         "@codemirror/lang-sass": "^6.0.2",
-        "@codemirror/lang-sql": "^6.8.0",
+        "@codemirror/lang-sql": "^6.9.0",
         "@codemirror/lang-vue": "^0.1.3",
         "@codemirror/lang-wast": "^6.0.2",
         "@codemirror/lang-xml": "^6.1.0",
@@ -36,29 +36,30 @@
         "@codemirror/lint": "^6.8.5",
         "@codemirror/search": "^6.5.11",
         "@codemirror/state": "^6.5.2",
-        "@codemirror/view": "^6.36.8",
+        "@codemirror/view": "^6.37.1",
         "@lezer/highlight": "^1.2.1",
         "@types/uuid": "^10.0.0",
-        "@vueuse/core": "^13.2.0",
+        "@vueuse/core": "^13.3.0",
         "codemirror": "^6.0.1",
         "pinia": "^3.0.2",
-        "sass": "^1.89.0",
+        "pinia-plugin-persistedstate": "^4.3.0",
+        "sass": "^1.89.1",
         "uuid": "^11.1.0",
-        "vue": "^3.5.14",
-        "vue-i18n": "^11.1.3",
+        "vue": "^3.5.16",
+        "vue-i18n": "^11.1.5",
         "vue-router": "^4.5.1"
       },
       "devDependencies": {
-        "@eslint/js": "^9.27.0",
-        "@types/node": "^22.15.18",
+        "@eslint/js": "^9.28.0",
+        "@types/node": "^22.15.29",
         "@vitejs/plugin-vue": "^5.2.4",
         "@wailsio/runtime": "latest",
-        "eslint": "^9.27.0",
+        "eslint": "^9.28.0",
         "eslint-plugin-vue": "^10.1.0",
-        "globals": "^16.1.0",
+        "globals": "^16.2.0",
         "typescript": "^5.8.3",
-        "typescript-eslint": "^8.32.1",
-        "unplugin-vue-components": "^28.5.0",
+        "typescript-eslint": "^8.33.0",
+        "unplugin-vue-components": "^28.7.0",
         "vite": "^6.3.5",
         "vue-eslint-parser": "^10.1.3",
         "vue-tsc": "^2.2.10"
@@ -330,9 +331,9 @@
       }
     },
     "node_modules/@codemirror/lang-sql": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmmirror.com/@codemirror/lang-sql/-/lang-sql-6.8.0.tgz",
-      "integrity": "sha512-aGLmY4OwGqN3TdSx3h6QeA1NrvaYtF7kkoWR/+W7/JzB0gQtJ+VJxewlnE3+VImhA4WVlhmkJr109PefOOhjLg==",
+      "version": "6.9.0",
+      "resolved": "https://registry.npmmirror.com/@codemirror/lang-sql/-/lang-sql-6.9.0.tgz",
+      "integrity": "sha512-xmtpWqKSgum1B1J3Ro6rf7nuPqf2+kJQg5SjrofCAcyCThOe0ihSktSoXfXuhQBnwx1QbmreBbLJM5Jru6zitg==",
       "license": "MIT",
       "dependencies": {
         "@codemirror/autocomplete": "^6.0.0",
@@ -483,12 +484,13 @@
       }
     },
     "node_modules/@codemirror/view": {
-      "version": "6.36.8",
-      "resolved": "https://registry.npmmirror.com/@codemirror/view/-/view-6.36.8.tgz",
-      "integrity": "sha512-yoRo4f+FdnD01fFt4XpfpMCcCAo9QvZOtbrXExn4SqzH32YC6LgzqxfLZw/r6Ge65xyY03mK/UfUqrVw1gFiFg==",
+      "version": "6.37.1",
+      "resolved": "https://registry.npmmirror.com/@codemirror/view/-/view-6.37.1.tgz",
+      "integrity": "sha512-Qy4CAUwngy/VQkEz0XzMKVRcckQuqLYWKqVpDDDghBe5FSXSqfVrJn49nw3ePZHxRUz4nRmb05Lgi+9csWo4eg==",
       "license": "MIT",
       "dependencies": {
         "@codemirror/state": "^6.5.0",
+        "crelt": "^1.0.6",
         "style-mod": "^4.1.0",
         "w3c-keyname": "^2.2.4"
       }
@@ -1036,9 +1038,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.27.0",
-      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.27.0.tgz",
-      "integrity": "sha512-G5JD9Tu5HJEu4z2Uo4aHY2sLV64B7CDMXxFzqzjl3NKd6RVzSXNoE80jk7Y0lJkTTkjiIhBAqmlYwjuBY3tvpA==",
+      "version": "9.28.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.28.0.tgz",
+      "integrity": "sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1139,13 +1141,13 @@
       }
     },
     "node_modules/@intlify/core-base": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.1.3.tgz",
-      "integrity": "sha512-cMuHunYO7LE80azTitcvEbs1KJmtd6g7I5pxlApV3Jo547zdO3h31/0uXpqHc+Y3RKt1wo2y68RGSx77Z1klyA==",
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.1.5.tgz",
+      "integrity": "sha512-xGRkISwV/2Trqb8yVQevlHm5roaQqy+75qwUzEQrviaQF0o4c5VDhjBW7WEGEoKFx09HSgq7NkvK/DAyuerTDg==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/message-compiler": "11.1.3",
-        "@intlify/shared": "11.1.3"
+        "@intlify/message-compiler": "11.1.5",
+        "@intlify/shared": "11.1.5"
       },
       "engines": {
         "node": ">= 16"
@@ -1155,12 +1157,12 @@
       }
     },
     "node_modules/@intlify/message-compiler": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.1.3.tgz",
-      "integrity": "sha512-7rbqqpo2f5+tIcwZTAG/Ooy9C8NDVwfDkvSeDPWUPQW+Dyzfw2o9H103N5lKBxO7wxX9dgCDjQ8Umz73uYw3hw==",
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.1.5.tgz",
+      "integrity": "sha512-YLSBbjD7qUdShe3ZAat9Hnf9E8FRpN6qmNFD/x5Xg5JVXjsks0kJ90Zj6aAuyoppJQA/YJdWZ8/bB7k3dg2TjQ==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/shared": "11.1.3",
+        "@intlify/shared": "11.1.5",
         "source-map-js": "^1.0.2"
       },
       "engines": {
@@ -1171,9 +1173,9 @@
       }
     },
     "node_modules/@intlify/shared": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-11.1.3.tgz",
-      "integrity": "sha512-pTFBgqa/99JRA2H1qfyqv97MKWJrYngXBA/I0elZcYxvJgcCw3mApAoPW3mJ7vx3j+Ti0FyKUFZ4hWxdjKaxvA==",
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-11.1.5.tgz",
+      "integrity": "sha512-+I4vRzHm38VjLr/CAciEPJhGYFzWWW4HMTm+6H3WqknXLh0ozNX9oC8ogMUwTSXYR/wGUb1/lTpNziiCH5MybQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 16"
@@ -1410,22 +1412,18 @@
       }
     },
     "node_modules/@nuxt/kit": {
-      "version": "3.16.2",
-      "resolved": "https://registry.npmmirror.com/@nuxt/kit/-/kit-3.16.2.tgz",
-      "integrity": "sha512-K1SAUo2vweTfudKZzjKsZ5YJoxPLTspR5qz5+G61xtZreLpsdpDYfBseqsIAl5VFLJuszeRpWQ01jP9LfQ6Ksw==",
-      "dev": true,
+      "version": "3.17.4",
+      "resolved": "https://registry.npmmirror.com/@nuxt/kit/-/kit-3.17.4.tgz",
+      "integrity": "sha512-l+hY8sy2XFfg3PigZj+PTu6+KIJzmbACTRimn1ew/gtCz+F38f6KTF4sMRTN5CUxiB8TRENgEonASmkAWfpO9Q==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
-        "c12": "^3.0.2",
+        "c12": "^3.0.4",
         "consola": "^3.4.2",
         "defu": "^6.1.4",
-        "destr": "^2.0.3",
+        "destr": "^2.0.5",
         "errx": "^0.1.0",
-        "exsolve": "^1.0.4",
-        "globby": "^14.1.0",
-        "ignore": "^7.0.3",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
         "jiti": "^2.4.2",
         "klona": "^2.0.6",
         "knitwork": "^1.2.0",
@@ -1434,11 +1432,12 @@
         "pathe": "^2.0.3",
         "pkg-types": "^2.1.0",
         "scule": "^1.3.0",
-        "semver": "^7.7.1",
-        "std-env": "^3.8.1",
-        "ufo": "^1.5.4",
+        "semver": "^7.7.2",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
         "unctx": "^2.4.1",
-        "unimport": "^4.1.3",
+        "unimport": "^5.0.1",
         "untyped": "^2.0.0"
       },
       "engines": {
@@ -1446,13 +1445,10 @@
       }
     },
     "node_modules/@nuxt/kit/node_modules/ignore": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.3.tgz",
-      "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==",
-      "dev": true,
+      "version": "7.0.4",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.4.tgz",
+      "integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">= 4"
       }
@@ -2033,26 +2029,10 @@
         "win32"
       ]
     },
-    "node_modules/@sindresorhus/merge-streams": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
-      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@types/estree": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.7.tgz",
       "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/json-schema": {
@@ -2063,9 +2043,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "22.15.18",
-      "resolved": "https://registry.npmmirror.com/@types/node/-/node-22.15.18.tgz",
-      "integrity": "sha512-v1DKRfUdyW+jJhZNEI1PYy29S2YRxMV5AOO/x/SjKmW0acCIOqmbj6Haf9eHAhsPmrhlHSxEhv/1WszcLWV4cg==",
+      "version": "22.15.29",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-22.15.29.tgz",
+      "integrity": "sha512-LNdjOkUDlU1RZb8e1kOIUpN1qQUlzGkEtbVNo53vbrwDg5om6oduhm4SiUaPW5ASTXhAiP0jInWG8Qx9fVlOeQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2085,17 +2065,17 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
-      "integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.33.0.tgz",
+      "integrity": "sha512-CACyQuqSHt7ma3Ns601xykeBK/rDeZa3w6IS6UtMQbixO5DWy+8TilKkviGDH6jtWCo8FGRKEK5cLLkPvEammQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/type-utils": "8.32.1",
-        "@typescript-eslint/utils": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/scope-manager": "8.33.0",
+        "@typescript-eslint/type-utils": "8.33.0",
+        "@typescript-eslint/utils": "8.33.0",
+        "@typescript-eslint/visitor-keys": "8.33.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -2109,15 +2089,15 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "@typescript-eslint/parser": "^8.33.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.4.tgz",
-      "integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
+      "version": "7.0.5",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2125,16 +2105,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.32.1.tgz",
-      "integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-8.33.0.tgz",
+      "integrity": "sha512-JaehZvf6m0yqYp34+RVnihBAChkqeH+tqqhS0GuX1qgPpwLvmTPheKEs6OeCK6hVJgXZHJ2vbjnC9j119auStQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/typescript-estree": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/scope-manager": "8.33.0",
+        "@typescript-eslint/types": "8.33.0",
+        "@typescript-eslint/typescript-estree": "8.33.0",
+        "@typescript-eslint/visitor-keys": "8.33.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2149,15 +2129,16 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
-      "integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/project-service/-/project-service-8.33.0.tgz",
+      "integrity": "sha512-d1hz0u9l6N+u/gcrk6s6gYdl7/+pp8yHheRTqP6X5hVDKALEaTn8WfGiit7G511yueBEL3OpOEpD+3/MBdoN+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.32.1"
+        "@typescript-eslint/tsconfig-utils": "^8.33.0",
+        "@typescript-eslint/types": "^8.33.0",
+        "debug": "^4.3.4"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2167,15 +2148,50 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
-      "integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-8.33.0.tgz",
+      "integrity": "sha512-LMi/oqrzpqxyO72ltP+dBSP6V0xiUb4saY7WLtxSfiNEBI8m321LLVFU9/QDJxjDQG9/tjSqKz/E3380TEqSTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.32.1",
-        "@typescript-eslint/utils": "8.32.1",
+        "@typescript-eslint/types": "8.33.0",
+        "@typescript-eslint/visitor-keys": "8.33.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.33.0.tgz",
+      "integrity": "sha512-sTkETlbqhEoiFmGr1gsdq5HyVbSOF0145SYDJ/EQmXHtKViCaGvnyLqWFFHtEXoS0J1yU8Wyou2UGmgW88fEug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.9.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-8.33.0.tgz",
+      "integrity": "sha512-lScnHNCBqL1QayuSrWeqAL5GmqNdVUQAAMTaCwdYEdWfIrSrOGzyLGRCHXcCixa5NK6i5l0AfSO2oBSjCjf4XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "8.33.0",
+        "@typescript-eslint/utils": "8.33.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -2192,9 +2208,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-8.32.1.tgz",
-      "integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-8.33.0.tgz",
+      "integrity": "sha512-DKuXOKpM5IDT1FA2g9x9x1Ug81YuKrzf4mYX8FAVSNu5Wo/LELHWQyM1pQaDkI42bX15PWl0vNPt1uGiIFUOpg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2206,14 +2222,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
-      "integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.33.0.tgz",
+      "integrity": "sha512-vegY4FQoB6jL97Tu/lWRsAiUUp8qJTqzAmENH2k59SJhw0Th1oszb9Idq/FyyONLuNqT1OADJPXfyUNOR8SzAQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/visitor-keys": "8.32.1",
+        "@typescript-eslint/project-service": "8.33.0",
+        "@typescript-eslint/tsconfig-utils": "8.33.0",
+        "@typescript-eslint/types": "8.33.0",
+        "@typescript-eslint/visitor-keys": "8.33.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -2259,16 +2277,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-8.32.1.tgz",
-      "integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-8.33.0.tgz",
+      "integrity": "sha512-lPFuQaLA9aSNa7D5u2EpRiqdAUhzShwGg/nhpBlc4GR6kcTABttCuyjFs8BcEZ8VWrjCBof/bePhP3Q3fS+Yrw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.32.1",
-        "@typescript-eslint/types": "8.32.1",
-        "@typescript-eslint/typescript-estree": "8.32.1"
+        "@typescript-eslint/scope-manager": "8.33.0",
+        "@typescript-eslint/types": "8.33.0",
+        "@typescript-eslint/typescript-estree": "8.33.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2283,13 +2301,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-      "integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.33.0.tgz",
+      "integrity": "sha512-7RW7CMYoskiz5OOGAWjJFxgb7c5UNjTG292gYhWeOAcFmYCtVCSqjqSBj5zMhxbXo2JOW95YYrUWJfU0zrpaGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.32.1",
+        "@typescript-eslint/types": "8.33.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -2344,39 +2362,39 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.14.tgz",
-      "integrity": "sha512-k7qMHMbKvoCXIxPhquKQVw3Twid3Kg4s7+oYURxLGRd56LiuHJVrvFKI4fm2AM3c8apqODPfVJGoh8nePbXMRA==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.16.tgz",
+      "integrity": "sha512-AOQS2eaQOaaZQoL1u+2rCJIKDruNXVBZSiUD3chnUrsoX5ZTQMaCvXlWNIfxBJuU15r1o7+mpo5223KVtIhAgQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.27.2",
-        "@vue/shared": "3.5.14",
+        "@vue/shared": "3.5.16",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.14.tgz",
-      "integrity": "sha512-1aOCSqxGOea5I80U2hQJvXYpPm/aXo95xL/m/mMhgyPUsKe9jhjwWpziNAw7tYRnbz1I61rd9Mld4W9KmmRoug==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.16.tgz",
+      "integrity": "sha512-SSJIhBr/teipXiXjmWOVWLnxjNGo65Oj/8wTEQz0nqwQeP75jWZ0n4sF24Zxoht1cuJoWopwj0J0exYwCJ0dCQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.14",
-        "@vue/shared": "3.5.14"
+        "@vue/compiler-core": "3.5.16",
+        "@vue/shared": "3.5.16"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.14.tgz",
-      "integrity": "sha512-9T6m/9mMr81Lj58JpzsiSIjBgv2LiVoWjIVa7kuXHICUi8LiDSIotMpPRXYJsXKqyARrzjT24NAwttrMnMaCXA==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.16.tgz",
+      "integrity": "sha512-rQR6VSFNpiinDy/DVUE0vHoIDUF++6p910cgcZoaAUm3POxgNOOdS/xgoll3rNdKYTYPnnbARDCZOyZ+QSe6Pw==",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.27.2",
-        "@vue/compiler-core": "3.5.14",
-        "@vue/compiler-dom": "3.5.14",
-        "@vue/compiler-ssr": "3.5.14",
-        "@vue/shared": "3.5.14",
+        "@vue/compiler-core": "3.5.16",
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/compiler-ssr": "3.5.16",
+        "@vue/shared": "3.5.16",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.17",
         "postcss": "^8.5.3",
@@ -2384,13 +2402,13 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.14.tgz",
-      "integrity": "sha512-Y0G7PcBxr1yllnHuS/NxNCSPWnRGH4Ogrp0tsLA5QemDZuJLs99YjAKQ7KqkHE0vCg4QTKlQzXLKCMF7WPSl7Q==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.16.tgz",
+      "integrity": "sha512-d2V7kfxbdsjrDSGlJE7my1ZzCXViEcqN6w14DOsDrUCHEA6vbnVCpRFfrc4ryCP/lCKzX2eS1YtnLE/BuC9f/A==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.14",
-        "@vue/shared": "3.5.14"
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/shared": "3.5.16"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -2489,64 +2507,64 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.14.tgz",
-      "integrity": "sha512-7cK1Hp343Fu/SUCCO52vCabjvsYu7ZkOqyYu7bXV9P2yyfjUMUXHZafEbq244sP7gf+EZEz+77QixBTuEqkQQw==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.16.tgz",
+      "integrity": "sha512-FG5Q5ee/kxhIm1p2bykPpPwqiUBV3kFySsHEQha5BJvjXdZTUfmya7wP7zC39dFuZAcf/PD5S4Lni55vGLMhvA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.5.14"
+        "@vue/shared": "3.5.16"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.14.tgz",
-      "integrity": "sha512-w9JWEANwHXNgieAhxPpEpJa+0V5G0hz3NmjAZwlOebtfKyp2hKxKF0+qSh0Xs6/PhfGihuSdqMprMVcQU/E6ag==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.16.tgz",
+      "integrity": "sha512-bw5Ykq6+JFHYxrQa7Tjr+VSzw7Dj4ldR/udyBZbq73fCdJmyy5MPIFR9IX/M5Qs+TtTjuyUTCnmK3lWWwpAcFQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.14",
-        "@vue/shared": "3.5.14"
+        "@vue/reactivity": "3.5.16",
+        "@vue/shared": "3.5.16"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.14.tgz",
-      "integrity": "sha512-lCfR++IakeI35TVR80QgOelsUIdcKjd65rWAMfdSlCYnaEY5t3hYwru7vvcWaqmrK+LpI7ZDDYiGU5V3xjMacw==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.16.tgz",
+      "integrity": "sha512-T1qqYJsG2xMGhImRUV9y/RseB9d0eCYZQ4CWca9ztCuiPj/XWNNN+lkNBuzVbia5z4/cgxdL28NoQCvC0Xcfww==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.14",
-        "@vue/runtime-core": "3.5.14",
-        "@vue/shared": "3.5.14",
+        "@vue/reactivity": "3.5.16",
+        "@vue/runtime-core": "3.5.16",
+        "@vue/shared": "3.5.16",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.14.tgz",
-      "integrity": "sha512-Rf/ISLqokIvcySIYnv3tNWq40PLpNLDLSJwwVWzG6MNtyIhfbcrAxo5ZL9nARJhqjZyWWa40oRb2IDuejeuv6w==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.16.tgz",
+      "integrity": "sha512-BrX0qLiv/WugguGsnQUJiYOE0Fe5mZTwi6b7X/ybGB0vfrPH9z0gD/Y6WOR1sGCgX4gc25L1RYS5eYQKDMoNIg==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.5.14",
-        "@vue/shared": "3.5.14"
+        "@vue/compiler-ssr": "3.5.16",
+        "@vue/shared": "3.5.16"
       },
       "peerDependencies": {
-        "vue": "3.5.14"
+        "vue": "3.5.16"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.14.tgz",
-      "integrity": "sha512-oXTwNxVfc9EtP1zzXAlSlgARLXNC84frFYkS0HHz0h3E4WZSP9sywqjqzGCP9Y34M8ipNmd380pVgmMuwELDyQ==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.16.tgz",
+      "integrity": "sha512-c/0fWy3Jw6Z8L9FmTyYfkpM5zklnqqa9+a6dz3DvONRKW2NEbh46BP0FHuLFSWi2TnQEtp91Z6zOWNrU6QiyPg==",
       "license": "MIT"
     },
     "node_modules/@vueuse/core": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.2.0.tgz",
-      "integrity": "sha512-n5TZoIAxbWAQ3PqdVPDzLgIRQOujFfMlatdI+f7ditSmoEeNpPBvp7h2zamzikCmrhFIePAwdEQB6ENccHr7Rg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.3.0.tgz",
+      "integrity": "sha512-uYRz5oEfebHCoRhK4moXFM3NSCd5vu2XMLOq/Riz5FdqZMy2RvBtazdtL3gEcmDyqkztDe9ZP/zymObMIbiYSg==",
       "license": "MIT",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.21",
-        "@vueuse/metadata": "13.2.0",
-        "@vueuse/shared": "13.2.0"
+        "@vueuse/metadata": "13.3.0",
+        "@vueuse/shared": "13.3.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
@@ -2556,18 +2574,18 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.2.0.tgz",
-      "integrity": "sha512-kPpzuQCU0+D8DZCzK0iPpIcXI+6ufWSgwnjJ6//GNpEn+SHViaCtR+XurzORChSgvpHO9YC8gGM97Y1kB+UabA==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.3.0.tgz",
+      "integrity": "sha512-42IzJIOYCKIb0Yjv1JfaKpx8JlCiTmtCWrPxt7Ja6Wzoq0h79+YVXmBV03N966KEmDEESTbp5R/qO3AB5BDnGw==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.2.0.tgz",
-      "integrity": "sha512-vx9ZPDF5HcU9up3Jgt3G62dMUfZEdk6tLyBAHYAG4F4n73vpaA7J5hdncDI/lS9Vm7GA/FPlbOmh9TrDZROTpg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.3.0.tgz",
+      "integrity": "sha512-L1QKsF0Eg9tiZSFXTgodYnu0Rsa2P0En2LuLrIs/jgrkyiDuJSsPZK+tx+wU0mMsYHUYEjNsuE41uqqkuR8VhA==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
@@ -2587,7 +2605,6 @@
       "version": "8.14.1",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.14.1.tgz",
       "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -2728,19 +2745,16 @@
       }
     },
     "node_modules/c12": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmmirror.com/c12/-/c12-3.0.3.tgz",
-      "integrity": "sha512-uC3MacKBb0Z15o5QWCHvHWj5Zv34pGQj9P+iXKSpTuSGFS0KKhUWf4t9AJ+gWjYOdmWCPEGpEzm8sS0iqbpo1w==",
-      "dev": true,
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/c12/-/c12-3.0.4.tgz",
+      "integrity": "sha512-t5FaZTYbbCtvxuZq9xxIruYydrAGsJ+8UdP0pZzMiK2xl/gNiSOy0OxhLzHUEEb0m1QXYqfzfvyIFEmz/g9lqg==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.3",
         "confbox": "^0.2.2",
         "defu": "^6.1.4",
-        "dotenv": "^16.4.7",
-        "exsolve": "^1.0.4",
+        "dotenv": "^16.5.0",
+        "exsolve": "^1.0.5",
         "giget": "^2.0.0",
         "jiti": "^2.4.2",
         "ohash": "^2.0.11",
@@ -2804,10 +2818,7 @@
       "version": "0.1.6",
       "resolved": "https://registry.npmmirror.com/citty/-/citty-0.1.6.tgz",
       "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "consola": "^3.2.3"
       }
@@ -2858,17 +2869,13 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.2.2.tgz",
       "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/consola": {
       "version": "3.4.2",
       "resolved": "https://registry.npmmirror.com/consola/-/consola-3.4.2.tgz",
       "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": "^14.18.0 || >=16.10.0"
       }
@@ -2936,9 +2943,9 @@
       "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2960,23 +2967,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/deep-pick-omit": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/deep-pick-omit/-/deep-pick-omit-1.2.1.tgz",
+      "integrity": "sha512-2J6Kc/m3irCeqVG42T+SaUMesaK7oGWaedGnQQK/+O0gYc+2SP5bKh/KKTE7d7SJ+GCA9UUE1GRzh6oDe0EnGw==",
+      "license": "MIT"
+    },
     "node_modules/defu": {
       "version": "6.1.4",
       "resolved": "https://registry.npmmirror.com/defu/-/defu-6.1.4.tgz",
       "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/destr": {
       "version": "2.0.5",
       "resolved": "https://registry.npmmirror.com/destr/-/destr-2.0.5.tgz",
       "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/detect-libc": {
       "version": "1.0.3",
@@ -2995,10 +3002,7 @@
       "version": "16.5.0",
       "resolved": "https://registry.npmmirror.com/dotenv/-/dotenv-16.5.0.tgz",
       "integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
-      "dev": true,
       "license": "BSD-2-Clause",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -3022,10 +3026,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/errx/-/errx-0.1.0.tgz",
       "integrity": "sha512-fZmsRiDNv07K6s2KkKFTiD2aIvECa7++PKyD5NC32tpRw46qZA3sOz+aM+/V9V0GDHxVTKLziveV4JhzBHDp9Q==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/esbuild": {
       "version": "0.25.2",
@@ -3082,9 +3083,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.27.0",
-      "resolved": "https://registry.npmmirror.com/eslint/-/eslint-9.27.0.tgz",
-      "integrity": "sha512-ixRawFQuMB9DZ7fjU3iGGganFDp3+45bPOdaRurcFHSXO1e/sYwUX/FtQZpLZJR6SjMoJH8hR2pPEAfDyCoU2Q==",
+      "version": "9.28.0",
+      "resolved": "https://registry.npmmirror.com/eslint/-/eslint-9.28.0.tgz",
+      "integrity": "sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3094,7 +3095,7 @@
         "@eslint/config-helpers": "^0.2.1",
         "@eslint/core": "^0.14.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.27.0",
+        "@eslint/js": "9.28.0",
         "@eslint/plugin-kit": "^0.3.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -3268,7 +3269,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/exsolve/-/exsolve-1.0.5.tgz",
       "integrity": "sha512-pz5dvkYYKQ1AHVrgOzBKWeP4u4FRb3a6DNK2ucr0OoNwYIU4QWsJ+NM36LLzORT+z845MzKHHhpXiUF5nvQoJg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/fast-deep-equal": {
@@ -3415,10 +3415,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/giget/-/giget-2.0.0.tgz",
       "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "citty": "^0.1.6",
         "consola": "^3.4.0",
@@ -3445,9 +3442,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "16.1.0",
-      "resolved": "https://registry.npmmirror.com/globals/-/globals-16.1.0.tgz",
-      "integrity": "sha512-aibexHNbb/jiUSObBgpHLj+sIuUmJnYcgXBlrfsiDZ9rt4aF2TFRbyLgZ2iFQuVZ1K5Mx3FVkbKRSgKrbK3K2g==",
+      "version": "16.2.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-16.2.0.tgz",
+      "integrity": "sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3457,41 +3454,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globby": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmmirror.com/globby/-/globby-14.1.0.tgz",
-      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@sindresorhus/merge-streams": "^2.1.0",
-        "fast-glob": "^3.3.3",
-        "ignore": "^7.0.3",
-        "path-type": "^6.0.0",
-        "slash": "^5.1.0",
-        "unicorn-magic": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globby/node_modules/ignore": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-7.0.3.tgz",
-      "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz",
@@ -3637,10 +3599,7 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmmirror.com/jiti/-/jiti-2.4.2.tgz",
       "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
       }
@@ -3649,10 +3608,7 @@
       "version": "9.0.1",
       "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
       "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/js-yaml": {
       "version": "4.1.0",
@@ -3702,10 +3658,7 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmmirror.com/klona/-/klona-2.0.6.tgz",
       "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">= 8"
       }
@@ -3714,10 +3667,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/knitwork/-/knitwork-1.2.0.tgz",
       "integrity": "sha512-xYSH7AvuQ6nXkq42x0v5S8/Iry+cfulBz/DJQzhIyESdLD7425jXsPy4vn5cCXU+HhRN2kVw51Vd1K6/By4BQg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/levn": {
       "version": "0.4.1",
@@ -3737,7 +3687,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-1.1.1.tgz",
       "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mlly": "^1.7.4",
@@ -3837,7 +3786,6 @@
       "version": "1.7.4",
       "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.7.4.tgz",
       "integrity": "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "acorn": "^8.14.0",
@@ -3850,14 +3798,12 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.1.8.tgz",
       "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/mlly/node_modules/pkg-types": {
       "version": "1.3.1",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
       "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "confbox": "^0.1.8",
@@ -3915,10 +3861,7 @@
       "version": "1.6.6",
       "resolved": "https://registry.npmmirror.com/node-fetch-native/-/node-fetch-native-1.6.6.tgz",
       "integrity": "sha512-8Mc2HhqPdlIfedsuZoc3yioPuzp6b+L5jRCRY1QzuWZh2EGJVQrGppC6V6cF0bLdbW0+O2YpqCA25aF/1lvipQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -3947,10 +3890,7 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmmirror.com/nypm/-/nypm-0.6.0.tgz",
       "integrity": "sha512-mn8wBFV9G9+UFHIrq+pZ2r2zL4aPau/by3kJb3cM7+5tQHMt6HGQB8FDIeKFYp8o0D2pnH6nVsO88N4AmUxIWg==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "citty": "^0.1.6",
         "consola": "^3.4.0",
@@ -3969,10 +3909,7 @@
       "version": "2.0.11",
       "resolved": "https://registry.npmmirror.com/ohash/-/ohash-2.0.11.tgz",
       "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/optionator": {
       "version": "0.9.4",
@@ -4064,26 +4001,10 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-type": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmmirror.com/path-type/-/path-type-6.0.0.tgz",
-      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/pathe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/perfect-debounce": {
@@ -4132,11 +4053,34 @@
         }
       }
     },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-4.3.0.tgz",
+      "integrity": "sha512-x9wxpHj6iFDj5ITQJ3rj6+KesEqyRk/vqcE3WE+VGfetleV9Zufqwa9qJ6AkA5wmRSQEp7BTA1us/MDVTRHFFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.17.2",
+        "deep-pick-omit": "^1.2.1",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5"
+      },
+      "peerDependencies": {
+        "@pinia/nuxt": ">=0.10.0",
+        "pinia": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@pinia/nuxt": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pkg-types": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-2.1.0.tgz",
       "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "confbox": "^0.2.1",
@@ -4210,7 +4154,6 @@
       "version": "0.2.10",
       "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.10.tgz",
       "integrity": "sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -4248,10 +4191,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/rc9/-/rc9-2.1.2.tgz",
       "integrity": "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "defu": "^6.1.4",
         "destr": "^2.0.3"
@@ -4362,9 +4302,9 @@
       }
     },
     "node_modules/sass": {
-      "version": "1.89.0",
-      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.89.0.tgz",
-      "integrity": "sha512-ld+kQU8YTdGNjOLfRWBzewJpU5cwEv/h5yyqlSeJcj6Yh8U4TDA9UA5FPicqDz/xgRPWRSYIQNiFks21TbA9KQ==",
+      "version": "1.89.1",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.89.1.tgz",
+      "integrity": "sha512-eMLLkl+qz7tx/0cJ9wI+w09GQ2zodTkcE/aVfywwdlRcI3EO19xGnbmJwg/JMIm+5MxVJ6outddLZ4Von4E++Q==",
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -4385,16 +4325,12 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
       "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "dev": true,
+      "version": "7.7.2",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -4426,21 +4362,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/slash": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmmirror.com/slash/-/slash-5.1.0.tgz",
-      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -4463,10 +4384,7 @@
       "version": "3.9.0",
       "resolved": "https://registry.npmmirror.com/std-env/-/std-env-3.9.0.tgz",
       "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
@@ -4485,10 +4403,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.0.0.tgz",
       "integrity": "sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "js-tokens": "^9.0.1"
       },
@@ -4531,16 +4446,12 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmmirror.com/tinyexec/-/tinyexec-0.3.2.tgz",
       "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.13.tgz",
-      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
-      "dev": true,
+      "version": "0.2.14",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.4.4",
@@ -4557,7 +4468,6 @@
       "version": "6.4.4",
       "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.4.4.tgz",
       "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -4572,7 +4482,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -4635,15 +4544,15 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.32.1",
-      "resolved": "https://registry.npmmirror.com/typescript-eslint/-/typescript-eslint-8.32.1.tgz",
-      "integrity": "sha512-D7el+eaDHAmXvrZBy1zpzSNIRqnCOrkwTgZxTu3MUqRWk8k0q9m9Ho4+vPf7iHtgUfrK/o8IZaEApsxPlHTFCg==",
+      "version": "8.33.0",
+      "resolved": "https://registry.npmmirror.com/typescript-eslint/-/typescript-eslint-8.33.0.tgz",
+      "integrity": "sha512-5YmNhF24ylCsvdNW2oJwMzTbaeO4bg90KeGtMjUw0AGtHksgEPLRTUil+coHwCfiu4QjVJFnjp94DmU6zV7DhQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.32.1",
-        "@typescript-eslint/parser": "8.32.1",
-        "@typescript-eslint/utils": "8.32.1"
+        "@typescript-eslint/eslint-plugin": "8.33.0",
+        "@typescript-eslint/parser": "8.33.0",
+        "@typescript-eslint/utils": "8.33.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4661,17 +4570,13 @@
       "version": "1.6.1",
       "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.1.tgz",
       "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/unctx": {
       "version": "2.4.1",
       "resolved": "https://registry.npmmirror.com/unctx/-/unctx-2.4.1.tgz",
       "integrity": "sha512-AbaYw0Nm4mK4qjhns67C+kgxR2YWiwlDBPzxrN8h8C6VtAdCgditAY5Dezu3IJy4XVqAnbrXt9oQJvsn3fyozg==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "acorn": "^8.14.0",
         "estree-walker": "^3.0.3",
@@ -4683,10 +4588,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -4698,29 +4600,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/unicorn-magic": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmmirror.com/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
-      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/unimport": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-4.2.0.tgz",
-      "integrity": "sha512-mYVtA0nmzrysnYnyb3ALMbByJ+Maosee2+WyE0puXl+Xm2bUwPorPaaeZt0ETfuroPOtG8jj1g/qeFZ6buFnag==",
-      "dev": true,
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "acorn": "^8.14.1",
         "escape-string-regexp": "^5.0.0",
@@ -4733,8 +4617,8 @@
         "pkg-types": "^2.1.0",
         "scule": "^1.3.0",
         "strip-literal": "^3.0.0",
-        "tinyglobby": "^0.2.12",
-        "unplugin": "^2.2.2",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
         "unplugin-utils": "^0.2.4"
       },
       "engines": {
@@ -4745,10 +4629,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -4760,10 +4641,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -4772,10 +4650,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -4784,10 +4659,9 @@
       }
     },
     "node_modules/unplugin": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.2.tgz",
-      "integrity": "sha512-3n7YA46rROb3zSj8fFxtxC/PqoyvYQ0llwz9wtUPUutr9ig09C8gGo5CWCwHrUzlqC1LLR43kxp5vEIyH1ac1w==",
-      "dev": true,
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.5.tgz",
+      "integrity": "sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw==",
       "license": "MIT",
       "dependencies": {
         "acorn": "^8.14.1",
@@ -4802,7 +4676,6 @@
       "version": "0.2.4",
       "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.2.4.tgz",
       "integrity": "sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "pathe": "^2.0.2",
@@ -4819,7 +4692,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -4829,19 +4701,19 @@
       }
     },
     "node_modules/unplugin-vue-components": {
-      "version": "28.5.0",
-      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-28.5.0.tgz",
-      "integrity": "sha512-o7fMKU/uI8NiP+E0W62zoduuguWqB0obTfHFtbr1AP2uo2lhUPnPttWUE92yesdiYfo9/0hxIrj38FMc1eaySg==",
+      "version": "28.7.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-28.7.0.tgz",
+      "integrity": "sha512-3SuWAHlTjOiZckqRBGXRdN/k6IMmKyt2Ch5/+DKwYaT321H0ItdZDvW4r8/YkEKQpN9TN3F/SZ0W342gQROC3Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "chokidar": "^3.6.0",
-        "debug": "^4.4.0",
+        "debug": "^4.4.1",
         "local-pkg": "^1.1.1",
         "magic-string": "^0.30.17",
         "mlly": "^1.7.4",
-        "tinyglobby": "^0.2.12",
-        "unplugin": "^2.3.2",
+        "tinyglobby": "^0.2.14",
+        "unplugin": "^2.3.4",
         "unplugin-utils": "^0.2.4"
       },
       "engines": {
@@ -4919,7 +4791,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -4932,10 +4803,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/untyped/-/untyped-2.0.0.tgz",
       "integrity": "sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "citty": "^0.1.6",
         "defu": "^6.1.4",
@@ -5088,16 +4956,16 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.14.tgz",
-      "integrity": "sha512-LbOm50/vZFG6Mhy6KscQYXZMQ0LMCC/y40HDJPPvGFQ+i/lUH+PJHR6C3assgOQiXdl6tAfsXHbXYVBZZu65ew==",
+      "version": "3.5.16",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.16.tgz",
+      "integrity": "sha512-rjOV2ecxMd5SiAmof2xzh2WxntRcigkX/He4YFJ6WdRvVUrbt6DxC1Iujh10XLl8xCDRDtGKMeO3D+pRQ1PP9w==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.14",
-        "@vue/compiler-sfc": "3.5.14",
-        "@vue/runtime-dom": "3.5.14",
-        "@vue/server-renderer": "3.5.14",
-        "@vue/shared": "3.5.14"
+        "@vue/compiler-dom": "3.5.16",
+        "@vue/compiler-sfc": "3.5.16",
+        "@vue/runtime-dom": "3.5.16",
+        "@vue/server-renderer": "3.5.16",
+        "@vue/shared": "3.5.16"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -5134,13 +5002,13 @@
       }
     },
     "node_modules/vue-i18n": {
-      "version": "11.1.3",
-      "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.1.3.tgz",
-      "integrity": "sha512-Pcylh9z9S5+CJAqgbRZ3EKxFIBIrtY5YUppU722GIT65+Nukm0TCqiQegZnNLCZkXGthxe0cpqj0AoM51H+6Gw==",
+      "version": "11.1.5",
+      "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.1.5.tgz",
+      "integrity": "sha512-XCwuaEA5AF97g1frvH/EI1zI9uo1XKTf2/OCFgts7NvUWRsjlgeHPrkJV+a3gpzai2pC4quZ4AnOHFO8QK9hsg==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/core-base": "11.1.3",
-        "@intlify/shared": "11.1.3",
+        "@intlify/core-base": "11.1.5",
+        "@intlify/shared": "11.1.5",
         "@vue/devtools-api": "^6.5.0"
       },
       "engines": {
@@ -5207,7 +5075,6 @@
       "version": "0.6.2",
       "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/which": {
diff --git a/frontend/package.json b/frontend/package.json
index 6ed7de0..5508394 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -29,7 +29,7 @@
     "@codemirror/lang-python": "^6.2.1",
     "@codemirror/lang-rust": "^6.0.1",
     "@codemirror/lang-sass": "^6.0.2",
-    "@codemirror/lang-sql": "^6.8.0",
+    "@codemirror/lang-sql": "^6.9.0",
     "@codemirror/lang-vue": "^0.1.3",
     "@codemirror/lang-wast": "^6.0.2",
     "@codemirror/lang-xml": "^6.1.0",
@@ -40,29 +40,30 @@
     "@codemirror/lint": "^6.8.5",
     "@codemirror/search": "^6.5.11",
     "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.36.8",
+    "@codemirror/view": "^6.37.1",
     "@lezer/highlight": "^1.2.1",
     "@types/uuid": "^10.0.0",
-    "@vueuse/core": "^13.2.0",
+    "@vueuse/core": "^13.3.0",
     "codemirror": "^6.0.1",
     "pinia": "^3.0.2",
-    "sass": "^1.89.0",
+    "pinia-plugin-persistedstate": "^4.3.0",
+    "sass": "^1.89.1",
     "uuid": "^11.1.0",
-    "vue": "^3.5.14",
-    "vue-i18n": "^11.1.3",
+    "vue": "^3.5.16",
+    "vue-i18n": "^11.1.5",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.27.0",
-    "@types/node": "^22.15.18",
+    "@eslint/js": "^9.28.0",
+    "@types/node": "^22.15.29",
     "@vitejs/plugin-vue": "^5.2.4",
     "@wailsio/runtime": "latest",
-    "eslint": "^9.27.0",
+    "eslint": "^9.28.0",
     "eslint-plugin-vue": "^10.1.0",
-    "globals": "^16.1.0",
+    "globals": "^16.2.0",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1",
-    "unplugin-vue-components": "^28.5.0",
+    "typescript-eslint": "^8.33.0",
+    "unplugin-vue-components": "^28.7.0",
     "vite": "^6.3.5",
     "vue-eslint-parser": "^10.1.3",
     "vue-tsc": "^2.2.10"
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 2e45ee7..284ee74 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,15 @@
 <script setup lang="ts">
+import { onMounted } from 'vue';
+import { useConfigStore } from '@/stores/configStore';
 
+const configStore = useConfigStore();
+
+
+// 应用启动时加载配置
+onMounted(async () => {
+  await configStore.initializeLanguage();
+  await configStore.initConfig();
+});
 </script>
 
 <template>
diff --git a/frontend/src/components/monitor/MemoryMonitor.vue b/frontend/src/components/monitor/MemoryMonitor.vue
new file mode 100644
index 0000000..c15f62b
--- /dev/null
+++ b/frontend/src/components/monitor/MemoryMonitor.vue
@@ -0,0 +1,349 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, nextTick } from 'vue';
+import { SystemService } from '@/../bindings/voidraft/internal/services';
+import type { MemoryStats } from '@/../bindings/voidraft/internal/services';
+
+const memoryStats = ref<MemoryStats | null>(null);
+const formattedMemory = ref('');
+const isLoading = ref(true);
+const canvasRef = ref<HTMLCanvasElement | null>(null);
+let intervalId: ReturnType<typeof setInterval> | null = null;
+
+// 存储历史数据点 (最近60个数据点，每3秒一个点，总共3分钟历史)
+const historyData = ref<number[]>([]);
+const maxDataPoints = 60;
+
+// 获取内存统计信息
+const fetchMemoryStats = async () => {
+  try {
+    const stats = await SystemService.GetMemoryStats();
+    memoryStats.value = stats;
+    
+    // 格式化内存显示 - 主要显示堆内存使用量
+    const heapMB = (stats.heapInUse / 1024 / 1024);
+    if (heapMB < 1) {
+      formattedMemory.value = `${(heapMB * 1024).toFixed(0)}K`;
+    } else if (heapMB < 100) {
+      formattedMemory.value = `${heapMB.toFixed(1)}M`;
+    } else {
+      formattedMemory.value = `${heapMB.toFixed(0)}M`;
+    }
+    
+    // 添加新数据点到历史记录
+    const memoryUsagePercent = Math.min((stats.heapInUse / (100 * 1024 * 1024)) * 100, 100);
+    historyData.value.push(memoryUsagePercent);
+    
+    // 保持最大数据点数量
+    if (historyData.value.length > maxDataPoints) {
+      historyData.value.shift();
+    }
+    
+    // 更新图表
+    drawChart();
+    
+    isLoading.value = false;
+  } catch (error) {
+    console.error('Failed to fetch memory stats:', error);
+    isLoading.value = false;
+  }
+};
+
+// 绘制实时曲线图
+const drawChart = () => {
+  if (!canvasRef.value || historyData.value.length === 0) return;
+  
+  const canvas = canvasRef.value;
+  const ctx = canvas.getContext('2d');
+  if (!ctx) return;
+  
+  // 设置canvas尺寸
+  const rect = canvas.getBoundingClientRect();
+  canvas.width = rect.width * window.devicePixelRatio;
+  canvas.height = rect.height * window.devicePixelRatio;
+  ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
+  
+  const width = rect.width;
+  const height = rect.height;
+  
+  // 清除画布
+  ctx.clearRect(0, 0, width, height);
+  
+  // 绘制背景网格 - 朦胧的网格，从上到下逐渐清晰
+  for (let i = 0; i <= 6; i++) {
+    const y = (height / 6) * i;
+    const opacity = 0.01 + (i / 6) * 0.03; // 从上到下逐渐清晰
+    ctx.strokeStyle = `rgba(255, 255, 255, ${opacity})`;
+    ctx.lineWidth = 0.5;
+    ctx.beginPath();
+    ctx.moveTo(0, y);
+    ctx.lineTo(width, y);
+    ctx.stroke();
+  }
+  
+  // 垂直网格线
+  for (let i = 0; i <= 8; i++) {
+    const x = (width / 8) * i;
+    ctx.strokeStyle = 'rgba(255, 255, 255, 0.02)';
+    ctx.lineWidth = 0.5;
+    ctx.beginPath();
+    ctx.moveTo(x, 0);
+    ctx.lineTo(x, height);
+    ctx.stroke();
+  }
+  
+  if (historyData.value.length < 2) return;
+  
+  // 计算数据点位置
+  const dataLength = historyData.value.length;
+  const stepX = width / (maxDataPoints - 1);
+  const startX = width - (dataLength - 1) * stepX;
+  
+  // 绘制填充区域 - 从上朦胧到下清晰的渐变
+  const gradient = ctx.createLinearGradient(0, 0, 0, height);
+  gradient.addColorStop(0, 'rgba(74, 158, 255, 0.1)'); // 顶部很淡
+  gradient.addColorStop(0.3, 'rgba(74, 158, 255, 0.15)');
+  gradient.addColorStop(0.7, 'rgba(74, 158, 255, 0.25)');
+  gradient.addColorStop(1, 'rgba(74, 158, 255, 0.4)'); // 底部较浓
+  
+  ctx.beginPath();
+  ctx.moveTo(startX, height);
+  
+  // 移动到第一个数据点
+  const firstY = height - (historyData.value[0] / 100) * height;
+  ctx.lineTo(startX, firstY);
+  
+  // 使用二次贝塞尔曲线平滑曲线
+  for (let i = 1; i < dataLength; i++) {
+    const x = startX + i * stepX;
+    const y = height - (historyData.value[i] / 100) * height;
+    
+    if (i < dataLength - 1) {
+      const nextX = startX + (i + 1) * stepX;
+      const nextY = height - (historyData.value[i + 1] / 100) * height;
+      const controlX = x + stepX / 2;
+      const controlY = y;
+      ctx.quadraticCurveTo(controlX, controlY, (x + nextX) / 2, (y + nextY) / 2);
+    } else {
+      ctx.lineTo(x, y);
+    }
+  }
+  
+  // 完成填充路径
+  const lastX = startX + (dataLength - 1) * stepX;
+  ctx.lineTo(lastX, height);
+  ctx.closePath();
+  ctx.fillStyle = gradient;
+  ctx.fill();
+  
+  // 绘制主曲线 - 从上到下逐渐清晰
+  ctx.lineCap = 'round';
+  ctx.lineJoin = 'round';
+  
+  // 分段绘制曲线，每段有不同的透明度
+  const segments = 10;
+  for (let seg = 0; seg < segments; seg++) {
+    const segmentStart = seg / segments;
+    const segmentEnd = (seg + 1) / segments;
+    const opacity = 0.3 + (seg / segments) * 0.7; // 从上0.3到下1.0
+    
+    ctx.strokeStyle = `rgba(74, 158, 255, ${opacity})`;
+    ctx.lineWidth = 1.5 + (seg / segments) * 0.8; // 线条也从细到粗
+    
+    ctx.beginPath();
+    let segmentStarted = false;
+    
+    for (let i = 0; i < dataLength; i++) {
+      const x = startX + i * stepX;
+      const y = height - (historyData.value[i] / 100) * height;
+      const yPercent = 1 - (y / height);
+      
+      if (yPercent >= segmentStart && yPercent <= segmentEnd) {
+        if (!segmentStarted) {
+          ctx.moveTo(x, y);
+          segmentStarted = true;
+        } else {
+          if (i < dataLength - 1) {
+            const nextX = startX + (i + 1) * stepX;
+            const nextY = height - (historyData.value[i + 1] / 100) * height;
+            const controlX = x + stepX / 2;
+            const controlY = y;
+            ctx.quadraticCurveTo(controlX, controlY, (x + nextX) / 2, (y + nextY) / 2);
+          } else {
+            ctx.lineTo(x, y);
+          }
+        }
+      }
+    }
+    
+    if (segmentStarted) {
+      ctx.stroke();
+    }
+  }
+  
+  // 绘制当前值的高亮点 - 根据位置调整透明度
+  const lastY = height - (historyData.value[dataLength - 1] / 100) * height;
+  const pointOpacity = 0.4 + (1 - lastY / height) * 0.6;
+  
+  // 外圈
+  ctx.fillStyle = `rgba(74, 158, 255, ${pointOpacity * 0.3})`;
+  ctx.beginPath();
+  ctx.arc(lastX, lastY, 4, 0, Math.PI * 2);
+  ctx.fill();
+  
+  // 内圈
+  ctx.fillStyle = `rgba(74, 158, 255, ${pointOpacity})`;
+  ctx.beginPath();
+  ctx.arc(lastX, lastY, 2, 0, Math.PI * 2);
+  ctx.fill();
+};
+
+// 手动触发GC
+const triggerGC = async () => {
+  try {
+    await SystemService.TriggerGC();
+    // 延迟一下再获取新的统计信息
+    setTimeout(fetchMemoryStats, 100);
+  } catch (error) {
+    console.error('Failed to trigger GC:', error);
+  }
+};
+
+// 处理窗口大小变化
+const handleResize = () => {
+  if (historyData.value.length > 0) {
+    nextTick(() => drawChart());
+  }
+};
+
+onMounted(() => {
+  fetchMemoryStats();
+  // 每3秒更新一次内存信息
+  intervalId = setInterval(fetchMemoryStats, 3000);
+  
+  // 监听窗口大小变化
+  window.addEventListener('resize', handleResize);
+});
+
+onUnmounted(() => {
+  if (intervalId) {
+    clearInterval(intervalId);
+  }
+  window.removeEventListener('resize', handleResize);
+});
+</script>
+
+<template>
+  <div class="memory-monitor" @click="triggerGC" :title="`内存: ${formattedMemory} | 点击清理内存`">
+    <div class="monitor-info">
+      <div class="memory-label">
+        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+        </svg>
+        <span>内存</span>
+      </div>
+      <div class="memory-value" v-if="!isLoading">{{ formattedMemory }}</div>
+      <div class="memory-loading" v-else>--</div>
+    </div>
+    <div class="chart-area">
+      <canvas 
+        ref="canvasRef" 
+        class="memory-chart"
+        :class="{ 'loading': isLoading }"
+      ></canvas>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.memory-monitor {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  width: 100%;
+  
+  &:hover {
+    .monitor-info {
+      .memory-label {
+        color: #4a9eff;
+      }
+      
+      .memory-value {
+        color: #ffffff;
+      }
+    }
+    
+    .chart-area .memory-chart {
+      opacity: 1;
+    }
+  }
+  
+  .monitor-info {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    
+    .memory-label {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      color: #a0a0a0;
+      font-size: 10px;
+      font-weight: 500;
+      transition: color 0.2s ease;
+      
+      svg {
+        width: 10px;
+        height: 10px;
+        opacity: 0.8;
+      }
+      
+      span {
+        user-select: none;
+      }
+    }
+    
+    .memory-value, .memory-loading {
+      color: #e0e0e0;
+      font-family: 'JetBrains Mono', 'Courier New', monospace;
+      font-size: 9px;
+      font-weight: 600;
+      transition: color 0.2s ease;
+    }
+    
+    .memory-loading {
+      opacity: 0.5;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+  }
+  
+  .chart-area {
+    height: 48px;
+    position: relative;
+    overflow: hidden;
+    border-radius: 3px;
+    
+    .memory-chart {
+      width: 100%;
+      height: 100%;
+      display: block;
+      opacity: 0.9;
+      transition: opacity 0.2s ease;
+      
+      &.loading {
+        opacity: 0.3;
+      }
+    }
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 0.8;
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/frontend/src/components/toolbar/Toolbar.vue b/frontend/src/components/toolbar/Toolbar.vue
index dc63b4c..5b42280 100644
--- a/frontend/src/components/toolbar/Toolbar.vue
+++ b/frontend/src/components/toolbar/Toolbar.vue
@@ -1,32 +1,26 @@
 <script setup lang="ts">
 import {useEditorStore} from '@/stores/editorStore';
-import {useConfigStore} from '@/stores/configStore';
+import {useConfigStore, SUPPORTED_LOCALES, type SupportedLocaleType} from '@/stores/configStore';
 import {useLogStore} from '@/stores/logStore';
 import { useI18n } from 'vue-i18n';
 import { ref, onMounted, watch } from 'vue';
-import {SUPPORTED_LOCALES, setLocale, SupportedLocaleType} from '@/i18n';
-import {LanguageType} from '@/../bindings/voidraft/internal/models/models';
 import { ConfigUtils } from '@/utils/configUtils';
 import * as runtime from '@wailsio/runtime';
+import { useRouter } from 'vue-router';
 
 const editorStore = useEditorStore();
 const configStore = useConfigStore();
 const logStore = useLogStore();
 const { t, locale } = useI18n();
-
+const router = useRouter();
 // 语言下拉菜单
 const showLanguageMenu = ref(false);
 
 // 切换语言
 const changeLanguage = async (localeCode: SupportedLocaleType) => {
-  // 使用工具类转换语言类型
-  const backendLanguage = ConfigUtils.frontendLanguageToBackend(localeCode);
-  
   try {
-    // 设置后端语言配置
-    await configStore.setLanguage(backendLanguage);
-    // 设置前端语言
-    setLocale(localeCode);
+    // 使用 configStore 的语言设置方法
+    await configStore.setLocale(localeCode);
   } catch (error) {
     console.error('Failed to change language:', error);
   }
@@ -44,25 +38,16 @@ const toggleAlwaysOnTop = async () => {
   try {
     await configStore.toggleAlwaysOnTop();
     // 使用Window.SetAlwaysOnTop方法设置窗口置顶状态
-    runtime.Window.SetAlwaysOnTop(configStore.config.alwaysOnTop);
+    await runtime.Window.SetAlwaysOnTop(configStore.config.alwaysOnTop);
   } catch (error) {
     console.error('Failed to set window always on top:', error);
     logStore.error(t('config.alwaysOnTopFailed'));
   }
 };
 
-// 打开设置窗口
-const openSettingsWindow = () => {
-  try {
-    // 直接操作窗口对象
-    runtime.Events.Emit({
-      name: "show_settings_window",
-      data: {},
-    });
-  } catch (error) {
-    console.error('Failed to open settings window:', error);
-    logStore.error('Failed to open settings window');
-  }
+// 打开设置页面
+const openSettings = () => {
+  router.push('/settings');
 };
 
 // 初始化配置
@@ -75,17 +60,11 @@ onMounted(async () => {
   // 设置窗口置顶状态
   if (configStore.config.alwaysOnTop) {
     try {
-      runtime.Window.SetAlwaysOnTop(true);
+      await runtime.Window.SetAlwaysOnTop(true);
     } catch (error) {
       console.error('Failed to set window always on top:', error);
     }
   }
-  
-  // 同步前端语言设置
-  const frontendLocale = ConfigUtils.backendLanguageToFrontend(configStore.config.language);
-  if (locale.value !== frontendLocale) {
-    setLocale(frontendLocale);
-  }
 });
 
 // 监听配置加载完成
@@ -130,9 +109,9 @@ watch(() => configStore.configLoaded, (isLoaded) => {
           {{ t('toolbar.tabType.' + (configStore.config.tabType === 'spaces' ? 'spaces' : 'tab')) }}
         </span>
         <span class="tab-size" title="Tab大小" v-if="configStore.config.tabType === 'spaces'">
-          <button class="tab-btn" @click="() => configStore.decreaseTabSize()" :disabled="configStore.config.tabSize <= configStore.MIN_TAB_SIZE">-</button>
+          <button class="tab-btn" @click="() => configStore.decreaseTabSize()" :disabled="configStore.config.tabSize <= configStore.tabSize.min">-</button>
           <span>{{ configStore.config.tabSize }}</span>
-          <button class="tab-btn" @click="() => configStore.increaseTabSize()" :disabled="configStore.config.tabSize >= configStore.MAX_TAB_SIZE">+</button>
+          <button class="tab-btn" @click="() => configStore.increaseTabSize()" :disabled="configStore.config.tabSize >= configStore.tabSize.max">+</button>
         </span>
       </span>
 
@@ -167,7 +146,7 @@ watch(() => configStore.configLoaded, (isLoaded) => {
         </div>
       </div>
       
-      <button class="settings-btn" :title="t('toolbar.settings')" @click="openSettingsWindow">
+      <button class="settings-btn" :title="t('toolbar.settings')" @click="openSettings">
         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <circle cx="12" cy="12" r="3"></circle>
diff --git a/frontend/src/editor/extensions/fontExtension.ts b/frontend/src/editor/extensions/fontExtension.ts
deleted file mode 100644
index 269a0ca..0000000
--- a/frontend/src/editor/extensions/fontExtension.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-import { EditorView } from '@codemirror/view';
-import { Extension, Compartment } from '@codemirror/state';
-
-// 字体配置接口
-export interface FontConfig {
-  fontFamily: string;
-  fontSize?: number;
-  lineHeight?: number;
-  fontWeight?: string;
-}
-
-// 创建字体配置compartment
-export const fontCompartment = new Compartment();
-
-// 默认鸿蒙字体配置
-export const HARMONYOS_FONT_CONFIG: FontConfig = {
-  fontFamily: '"HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
-  fontSize: 14,
-  lineHeight: 1.5,
-  fontWeight: 'normal'
-};
-
-// 从后端配置创建字体配置
-export function createFontConfigFromBackend(backendConfig: {
-  fontFamily?: string;
-  fontSize?: number;
-  lineHeight?: number;
-  fontWeight?: string;
-}): FontConfig {
-  return {
-    fontFamily: backendConfig.fontFamily || HARMONYOS_FONT_CONFIG.fontFamily,
-    fontSize: backendConfig.fontSize || HARMONYOS_FONT_CONFIG.fontSize,
-    lineHeight: backendConfig.lineHeight || HARMONYOS_FONT_CONFIG.lineHeight,
-    fontWeight: backendConfig.fontWeight || HARMONYOS_FONT_CONFIG.fontWeight,
-  };
-}
-
-// 创建字体样式扩展
-export function createFontExtension(config: Partial<FontConfig> = {}): Extension {
-  const fontConfig = { ...HARMONYOS_FONT_CONFIG, ...config };
-  
-  const styles: Record<string, any> = {
-    '&': {
-      fontFamily: fontConfig.fontFamily,
-      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
-      ...(fontConfig.lineHeight && { lineHeight: fontConfig.lineHeight.toString() }),
-      ...(fontConfig.fontWeight && { fontWeight: fontConfig.fontWeight }),
-    },
-    '.cm-content': {
-      fontFamily: fontConfig.fontFamily,
-      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
-      ...(fontConfig.lineHeight && { lineHeight: fontConfig.lineHeight.toString() }),
-      ...(fontConfig.fontWeight && { fontWeight: fontConfig.fontWeight }),
-    },
-    '.cm-editor': {
-      fontFamily: fontConfig.fontFamily,
-    },
-    '.cm-scroller': {
-      fontFamily: fontConfig.fontFamily,
-    },
-    '.cm-gutters': {
-      fontFamily: fontConfig.fontFamily,
-      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
-    },
-    '.cm-lineNumbers': {
-      fontFamily: fontConfig.fontFamily,
-      ...(fontConfig.fontSize && { fontSize: `${Math.max(10, fontConfig.fontSize - 1)}px` }),
-    },
-    '.cm-tooltip': {
-      fontFamily: fontConfig.fontFamily,
-      ...(fontConfig.fontSize && { fontSize: `${Math.max(12, fontConfig.fontSize - 1)}px` }),
-    },
-    '.cm-completionLabel': {
-      fontFamily: fontConfig.fontFamily,
-    },
-    '.cm-completionDetail': {
-      fontFamily: fontConfig.fontFamily,
-    }
-  };
-  
-  return EditorView.theme(styles);
-}
-
-// 创建响应式字体大小扩展
-export function createResponsiveFontExtension(baseFontSize: number = 14): Extension {
-  return fontCompartment.of(createFontExtension({
-    fontSize: baseFontSize,
-    lineHeight: 1.5
-  }));
-}
-
-// 从后端配置创建字体扩展
-export function createFontExtensionFromBackend(backendConfig: {
-  fontFamily?: string;
-  fontSize?: number;
-  lineHeight?: number;
-  fontWeight?: string;
-}): Extension {
-  const fontConfig = createFontConfigFromBackend(backendConfig);
-  return fontCompartment.of(createFontExtension(fontConfig));
-}
-
-// 动态更新字体配置
-export function updateFontConfig(view: EditorView, config: Partial<FontConfig>): void {
-  const newFontExtension = createFontExtension(config);
-  
-  // 使用compartment重新配置字体扩展
-  view.dispatch({
-    effects: fontCompartment.reconfigure(newFontExtension)
-  });
-}
-
-// 预设字体配置
-export const FONT_PRESETS = {
-  // 鸿蒙字体系列
-  harmonyos: {
-    name: '鸿蒙字体',
-    fontFamily: '"HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  harmonyosCondensed: {
-    name: '鸿蒙紧凑字体',
-    fontFamily: '"HarmonyOS Sans Condensed", "HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.4,
-    fontWeight: 'normal'
-  },
-  
-  // 编程专用字体
-  jetbrainsMono: {
-    name: 'JetBrains Mono',
-    fontFamily: '"JetBrains Mono", "Fira Code", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  firaCode: {
-    name: 'Fira Code',
-    fontFamily: '"Fira Code", "JetBrains Mono", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  sourceCodePro: {
-    name: 'Source Code Pro',
-    fontFamily: '"Source Code Pro", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  
-  // 系统字体
-  systemMono: {
-    name: '系统等宽字体',
-    fontFamily: '"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  cascadiaCode: {
-    name: 'Cascadia Code',
-    fontFamily: '"Cascadia Code", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  
-  // 中文友好字体
-  microsoftYaHei: {
-    name: '微软雅黑',
-    fontFamily: '"Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  pingFang: {
-    name: '苹方字体',
-    fontFamily: '"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  
-  // 经典字体
-  arial: {
-    name: 'Arial',
-    fontFamily: 'Arial, "Helvetica Neue", Helvetica, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  },
-  helvetica: {
-    name: 'Helvetica',
-    fontFamily: '"Helvetica Neue", Helvetica, Arial, sans-serif',
-    fontSize: 14,
-    lineHeight: 1.5,
-    fontWeight: 'normal'
-  }
-} as const;
-
-// 字体预设类型
-export type FontPresetKey = keyof typeof FONT_PRESETS;
-
-// 获取所有字体预设选项
-export function getFontPresetOptions() {
-  return Object.entries(FONT_PRESETS).map(([key, preset]) => ({
-    value: key as FontPresetKey,
-    label: preset.name,
-    fontFamily: preset.fontFamily
-  }));
-}
-
-// 根据预设创建字体扩展
-export function createPresetFontExtension(preset: keyof typeof FONT_PRESETS, overrides: Partial<FontConfig> = {}): Extension {
-  const config = { ...FONT_PRESETS[preset], ...overrides };
-  return createFontExtension(config);
-} 
\ No newline at end of file
diff --git a/frontend/src/i18n/index.ts b/frontend/src/i18n/index.ts
index 40e5b7f..ba68568 100644
--- a/frontend/src/i18n/index.ts
+++ b/frontend/src/i18n/index.ts
@@ -1,81 +1,17 @@
 import {createI18n} from 'vue-i18n';
 import messages from './locales';
-import { ConfigService } from '@/../bindings/voidraft/internal/services';
-import { LanguageType } from '@/../bindings/voidraft/internal/models';
-import { ConfigUtils } from '@/utils/configUtils';
-
-// 定义支持的语言类型
-export type SupportedLocaleType = 'zh-CN' | 'en-US';
-
-// 支持的语言列表
-export const SUPPORTED_LOCALES = [
-    {
-        code: 'zh-CN' as SupportedLocaleType,
-        name: '简体中文'
-    },
-    {
-        code: 'en-US' as SupportedLocaleType,
-        name: 'English'
-    }
-];
-
-// 获取浏览器的默认语言
-const getBrowserLanguage = (): SupportedLocaleType => {
-    const browserLang = navigator.language;
-    const langCode = browserLang.split('-')[0];
-
-    // 检查是否支持此语言
-    const supportedLang = SUPPORTED_LOCALES.find(locale =>
-        locale.code.startsWith(langCode) || locale.code.split('-')[0] === langCode
-    );
-
-    return supportedLang?.code || 'zh-CN';
-};
 
 // 创建i18n实例
 const i18n = createI18n({
+    compositionOnly: false,
     globalInjection: true,
+    silentTranslationWarn: true,
     locale: 'zh-CN',
-    fallbackLocale: 'zh-CN' as SupportedLocaleType,
+    fallbackLocale: 'zh-CN',
+    silentFallbackWarn: true,
+    missingWarn: true,
+    fallbackWarn: false,
     messages
 });
 
-// 从后端获取语言设置
-const initializeLanguage = async () => {
-    try {
-        // 使用新的配置服务方法获取语言设置
-        const language = await ConfigService.Get('editor.language') as LanguageType;
-        if (language) {
-            const frontendLocale = ConfigUtils.backendLanguageToFrontend(language);
-            i18n.global.locale = frontendLocale as any;
-        }
-    } catch (error) {
-        console.error('Failed to get language from backend:', error);
-        // 如果获取失败，使用浏览器语言作为后备
-        const browserLang = getBrowserLanguage();
-        i18n.global.locale = browserLang as any;
-    }
-};
-
-// 立即初始化语言
-initializeLanguage();
-
-// 切换语言的方法
-export const setLocale = async (locale: SupportedLocaleType) => {
-    if (SUPPORTED_LOCALES.some(l => l.code === locale)) {
-        try {
-            // 转换为后端语言类型
-            const backendLanguage = ConfigUtils.frontendLanguageToBackend(locale);
-            
-            // 使用新的配置服务方法设置语言
-            await ConfigService.Set('editor.language', backendLanguage);
-            
-            // 更新前端语言
-            i18n.global.locale = locale;
-        } catch (error) {
-            console.error('Failed to set language:', error);
-        }
-    }
-};
-
 export default i18n; 
\ No newline at end of file
diff --git a/frontend/src/i18n/locales/en-US.ts b/frontend/src/i18n/locales/en-US.ts
index feb7677..b1ee8af 100644
--- a/frontend/src/i18n/locales/en-US.ts
+++ b/frontend/src/i18n/locales/en-US.ts
@@ -48,6 +48,8 @@ export default {
   },
   settings: {
     title: 'Settings',
+    backToEditor: 'Back to Editor',
+    systemInfo: 'System Info',
     general: 'General',
     editing: 'Editor',
     appearance: 'Appearance',
@@ -56,6 +58,10 @@ export default {
     comingSoon: 'Coming Soon...',
     save: 'Save',
     reset: 'Reset',
+    dangerZone: 'Danger Zone',
+    resetAllSettings: 'Reset All Settings',
+    resetDescription: 'This will restore all settings to their default values. This action cannot be undone.',
+    confirmReset: 'Are you sure you want to reset all settings? This action cannot be undone.',
     globalHotkey: 'Global Keyboard Shortcuts',
     enableGlobalHotkey: 'Enable Global Hotkeys',
     window: 'Window/Application',
@@ -67,8 +73,8 @@ export default {
     fontSize: 'Font Size',
     fontSizeDescription: 'Editor font size',
     fontSettings: 'Font Settings',
-    fontPreset: 'Font Preset',
-    fontPresetDescription: 'Choose a predefined font combination',
+    fontFamily: 'Font Family',
+    fontFamilyDescription: 'Choose editor font family',
     fontWeight: 'Font Weight',
     fontWeightDescription: 'Set the thickness of the font',
     lineHeight: 'Line Height',
diff --git a/frontend/src/i18n/locales/zh-CN.ts b/frontend/src/i18n/locales/zh-CN.ts
index 5dde485..91dcdeb 100644
--- a/frontend/src/i18n/locales/zh-CN.ts
+++ b/frontend/src/i18n/locales/zh-CN.ts
@@ -48,6 +48,8 @@ export default {
   },
   settings: {
     title: '设置',
+    backToEditor: '返回编辑器',
+    systemInfo: '系统信息',
     general: '常规',
     editing: '编辑器',
     appearance: '外观',
@@ -56,6 +58,10 @@ export default {
     comingSoon: '即将推出...',
     save: '保存',
     reset: '重置',
+    dangerZone: '危险操作',
+    resetAllSettings: '重置所有设置',
+    resetDescription: '这将恢复所有设置为默认值，此操作无法撤销',
+    confirmReset: '确定要重置所有设置吗？此操作无法撤销。',
     globalHotkey: '全局键盘快捷键',
     enableGlobalHotkey: '启用全局热键',
     window: '窗口/应用程序',
@@ -67,8 +73,8 @@ export default {
     fontSize: '字体大小',
     fontSizeDescription: '编辑器字体大小',
     fontSettings: '字体设置',
-    fontPreset: '字体预设',
-    fontPresetDescription: '选择预设的字体组合',
+    fontFamily: '字体',
+    fontFamilyDescription: '选择编辑器字体',
     fontWeight: '字体粗细',
     fontWeightDescription: '设置字体的粗细程度',
     lineHeight: '行高',
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 5eb2a5c..4f73a34 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -4,11 +4,12 @@ import '@/assets/styles/index.css';
 import {createPinia} from 'pinia';
 import i18n from './i18n';
 import router from './router';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 const pinia = createPinia()
-
+pinia.use(piniaPluginPersistedstate)
 const app = createApp(App);
 app.use(pinia)
 app.use(i18n);
 app.use(router);
-app.mount('#app');
+app.mount('#app');
\ No newline at end of file
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index ca56a07..5aaed39 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,11 +1,11 @@
 import {createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw} from 'vue-router';
-import Editor from '@/editor/Editor.vue';
-import Settings from '@/settings/Settings.vue';
-import GeneralPage from '@/settings/pages/GeneralPage.vue';
-import EditingPage from '@/settings/pages/EditingPage.vue';
-import AppearancePage from '@/settings/pages/AppearancePage.vue';
-import KeyBindingsPage from '@/settings/pages/KeyBindingsPage.vue';
-import UpdatesPage from '@/settings/pages/UpdatesPage.vue';
+import Editor from '@/views/editor/Editor.vue';
+import Settings from '@/views/settings/Settings.vue';
+import GeneralPage from '@/views/settings/pages/GeneralPage.vue';
+import EditingPage from '@/views/settings/pages/EditingPage.vue';
+import AppearancePage from '@/views/settings/pages/AppearancePage.vue';
+import KeyBindingsPage from '@/views/settings/pages/KeyBindingsPage.vue';
+import UpdatesPage from '@/views/settings/pages/UpdatesPage.vue';
 
 const routes: RouteRecordRaw[] = [
   {
diff --git a/frontend/src/stores/configStore.ts b/frontend/src/stores/configStore.ts
index d4b342a..ac8d8ec 100644
--- a/frontend/src/stores/configStore.ts
+++ b/frontend/src/stores/configStore.ts
@@ -1,5 +1,5 @@
 import {defineStore} from 'pinia';
-import {ref, computed} from 'vue';
+import {computed, reactive} from 'vue';
 import {
     ConfigService
 } from '@/../bindings/voidraft/internal/services';
@@ -7,10 +7,34 @@ import {EditorConfig, TabType, LanguageType} from '@/../bindings/voidraft/intern
 import {useLogStore} from './logStore';
 import { useI18n } from 'vue-i18n';
 import { ConfigUtils } from '@/utils/configUtils';
-import { FONT_PRESETS, getFontPresetOptions, type FontPresetKey } from '@/editor/extensions/fontExtension';
 
-// 配置键映射 - 前端字段到后端配置键的映射
-const CONFIG_KEY_MAP = {
+// 国际化相关导入
+export type SupportedLocaleType = 'zh-CN' | 'en-US';
+
+// 支持的语言列表
+export const SUPPORTED_LOCALES = [
+    {
+        code: 'zh-CN' as SupportedLocaleType,
+        name: '简体中文'
+    },
+    {
+        code: 'en-US' as SupportedLocaleType,
+        name: 'English'
+    }
+];
+
+// 配置键映射和限制的类型定义
+type ConfigKeyMap = {
+    readonly [K in keyof EditorConfig]: string;
+};
+
+type NumberConfigKey = 'fontSize' | 'tabSize' | 'lineHeight';
+type StringConfigKey = 'fontFamily' | 'fontWeight';
+type BooleanConfigKey = 'enableTabIndent' | 'alwaysOnTop';
+type EnumConfigKey = 'tabType' | 'language';
+
+// 配置键映射
+const CONFIG_KEY_MAP: ConfigKeyMap = {
     fontSize: 'editor.font_size',
     fontFamily: 'editor.font_family',
     fontWeight: 'editor.font_weight',
@@ -26,236 +50,257 @@ const CONFIG_KEY_MAP = {
 const CONFIG_LIMITS = {
     fontSize: { min: 12, max: 28, default: 13 },
     tabSize: { min: 2, max: 8, default: 4 },
+    lineHeight: { min: 1.0, max: 3.0, default: 1.5 },
     tabType: { values: [TabType.TabTypeSpaces, TabType.TabTypeTab], default: TabType.TabTypeSpaces }
 } as const;
 
+// 常用字体选项
+export const FONT_OPTIONS = [
+    { label: '鸿蒙字体', value: '"HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif' },
+    { label: '微软雅黑', value: '"Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif' },
+    { label: '苹方字体', value: '"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif' },
+    { label: 'JetBrains Mono', value: '"JetBrains Mono", "Fira Code", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace' },
+    { label: 'Fira Code', value: '"Fira Code", "JetBrains Mono", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace' },
+    { label: 'Source Code Pro', value: '"Source Code Pro", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace' },
+    { label: 'Cascadia Code', value: '"Cascadia Code", "SF Mono", Monaco, Consolas, "Ubuntu Mono", monospace' },
+    { label: '系统等宽字体', value: '"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace' }
+] as const;
+
+// 获取浏览器的默认语言
+const getBrowserLanguage = (): SupportedLocaleType => {
+    const browserLang = navigator.language;
+    const langCode = browserLang.split('-')[0];
+
+    // 检查是否支持此语言
+    const supportedLang = SUPPORTED_LOCALES.find(locale =>
+        locale.code.startsWith(langCode) || locale.code.split('-')[0] === langCode
+    );
+
+    return supportedLang?.code || 'zh-CN';
+};
+
+// 默认配置
+const DEFAULT_CONFIG: EditorConfig = {
+    fontSize: CONFIG_LIMITS.fontSize.default,
+    fontFamily: FONT_OPTIONS[0].value,
+    fontWeight: 'normal',
+    lineHeight: CONFIG_LIMITS.lineHeight.default,
+    enableTabIndent: true,
+    tabSize: CONFIG_LIMITS.tabSize.default,
+    tabType: CONFIG_LIMITS.tabType.default,
+    language: LanguageType.LangZhCN,
+    alwaysOnTop: false
+};
+
 export const useConfigStore = defineStore('config', () => {
-    // 获取日志store
     const logStore = useLogStore();
-    const { t } = useI18n();
+    const { t, locale } = useI18n();
     
-    // 配置状态
-    const config = ref<EditorConfig>(new EditorConfig({
-        fontSize: CONFIG_LIMITS.fontSize.default,
-        fontFamily: '"HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
-        fontWeight: 'normal',
-        lineHeight: 1.5,
-        enableTabIndent: true,
-        tabSize: CONFIG_LIMITS.tabSize.default,
-        tabType: CONFIG_LIMITS.tabType.default,
-        language: LanguageType.LangZhCN,
-        alwaysOnTop: false
-    }));
+    // 响应式状态
+    const state = reactive({
+        config: { ...DEFAULT_CONFIG } as EditorConfig,
+        isLoading: false,
+        configLoaded: false
+    });
 
-    // 加载状态
-    const isLoading = ref(false);
-    const configLoaded = ref(false);
+    // 计算属性 - 使用工厂函数简化
+    const createLimitComputed = (key: NumberConfigKey) => computed(() => CONFIG_LIMITS[key]);
+    const limits = {
+        fontSize: createLimitComputed('fontSize'),
+        tabSize: createLimitComputed('tabSize'),
+        lineHeight: createLimitComputed('lineHeight')
+    };
 
-    // 计算属性
-    const MIN_FONT_SIZE = computed(() => CONFIG_LIMITS.fontSize.min);
-    const MAX_FONT_SIZE = computed(() => CONFIG_LIMITS.fontSize.max);
-    const MIN_TAB_SIZE = computed(() => CONFIG_LIMITS.tabSize.min);
-    const MAX_TAB_SIZE = computed(() => CONFIG_LIMITS.tabSize.max);
-
-    // 从后端加载配置
-    async function loadConfig(): Promise<void> {
-        if (isLoading.value) return;
+    // 错误处理装饰器
+    const withErrorHandling = <T extends any[], R>(
+        fn: (...args: T) => Promise<R>,
+        errorMsg: string,
+        successMsg?: string
+    ) => async (...args: T): Promise<R | null> => {
+        const result = await fn(...args).catch(error => {
+            console.error(errorMsg, error);
+            logStore.error(t(errorMsg));
+            return null;
+        });
         
-        isLoading.value = true;
-        try {
-            const appConfig = await ConfigService.GetConfig();
-            
-            if (appConfig?.editor) {
-                Object.assign(config.value, appConfig.editor);
+        if (result !== null && successMsg) {
+            logStore.info(t(successMsg));
+        }
+        
+        return result;
+    };
+
+    // 通用配置更新方法
+    const updateConfig = withErrorHandling(
+        async <K extends keyof EditorConfig>(key: K, value: EditorConfig[K]): Promise<void> => {
+            // 确保配置已加载
+            if (!state.configLoaded && !state.isLoading) {
+                await initConfig();
             }
             
-            configLoaded.value = true;
-            logStore.info(t('config.loadSuccess'));
-        } catch (error) {
-            console.error('Failed to load configuration:', error);
-            logStore.error(t('config.loadFailed'));
-        } finally {
-            isLoading.value = false;
-        }
-    }
-
-    // 更新配置项的通用方法 - 直接调用后端Set方法
-    async function updateConfig<K extends keyof EditorConfig>(key: K, value: EditorConfig[K]): Promise<void> {
-        if (!configLoaded.value) return;
-        
-        try {
-            const backendKey = CONFIG_KEY_MAP[key as keyof typeof CONFIG_KEY_MAP];
+            const backendKey = CONFIG_KEY_MAP[key];
             if (!backendKey) {
-                throw new Error(`No backend key mapping found for ${String(key)}`);
+                throw new Error(`No backend key mapping found for ${key.toString()}`);
             }
             
             await ConfigService.Set(backendKey, value);
+            state.config[key] = value;
+        },
+        'config.saveFailed',
+        'config.saveSuccess'
+    );
+
+    // 加载配置
+    const initConfig = withErrorHandling(
+        async (): Promise<void> => {
+            if (state.isLoading) return;
             
-            // 更新本地状态
-            config.value[key] = value;
+            state.isLoading = true;
+            const appConfig = await ConfigService.GetConfig();
             
-            logStore.info(t('config.saveSuccess'));
-        } catch (error) {
-            console.error(`Failed to update config ${String(key)}:`, error);
-            logStore.error(t('config.saveFailed'));
-            throw error;
-        }
-    }
+            if (appConfig?.editor) {
+                Object.assign(state.config, appConfig.editor);
+            }
+            
+            state.configLoaded = true;
+            state.isLoading = false;
+        },
+        'config.loadFailed',
+        'config.loadSuccess'
+    );
 
-    // 字体大小操作
-    async function adjustFontSize(delta: number): Promise<void> {
-        const newSize = ConfigUtils.clamp(config.value.fontSize + delta, CONFIG_LIMITS.fontSize.min, CONFIG_LIMITS.fontSize.max);
-        await updateConfig('fontSize', newSize);
-    }
+    // 数值调整工厂函数
+    const createNumberAdjuster = (key: NumberConfigKey) => {
+        const limit = CONFIG_LIMITS[key];
+        return {
+            increase: () => updateConfig(key, ConfigUtils.clamp(state.config[key] + 1, limit.min, limit.max)),
+            decrease: () => updateConfig(key, ConfigUtils.clamp(state.config[key] - 1, limit.min, limit.max)),
+            set: (value: number) => updateConfig(key, ConfigUtils.clamp(value, limit.min, limit.max)),
+            reset: () => updateConfig(key, limit.default)
+        };
+    };
 
-    // Tab大小操作
-    async function adjustTabSize(delta: number): Promise<void> {
-        const newSize = ConfigUtils.clamp(config.value.tabSize + delta, CONFIG_LIMITS.tabSize.min, CONFIG_LIMITS.tabSize.max);
-        await updateConfig('tabSize', newSize);
-    }
+    // 布尔值切换工厂函数
+    const createToggler = (key: BooleanConfigKey) => 
+        () => updateConfig(key, !state.config[key]);
 
-    // 切换操作
-    async function toggleTabIndent(): Promise<void> {
-        await updateConfig('enableTabIndent', !config.value.enableTabIndent);
-    }
-
-    async function toggleTabType(): Promise<void> {
-        const newTabType = config.value.tabType === TabType.TabTypeSpaces ? TabType.TabTypeTab : TabType.TabTypeSpaces;
-        await updateConfig('tabType', newTabType);
-    }
-
-    async function toggleAlwaysOnTop(): Promise<void> {
-        await updateConfig('alwaysOnTop', !config.value.alwaysOnTop);
-    }
-
-    // 语言设置
-    async function setLanguage(language: LanguageType): Promise<void> {
-        try {
-            await ConfigService.Set(CONFIG_KEY_MAP.language, language);
-            config.value.language = language;
-            logStore.info(t('config.languageChanged'));
-        } catch (error) {
-            console.error('Failed to set language:', error);
-            logStore.error(t('config.languageChangeFailed'));
-            throw error;
-        }
-    }
+    // 枚举值切换工厂函数
+    const createEnumToggler = <T extends TabType>(key: 'tabType', values: readonly T[]) =>
+        () => {
+            const currentIndex = values.indexOf(state.config[key] as T);
+            const nextIndex = (currentIndex + 1) % values.length;
+            return updateConfig(key, values[nextIndex]);
+        };
 
     // 重置配置
-    async function resetConfig(): Promise<void> {
-        if (isLoading.value) return;
-        
-        try {
-            isLoading.value = true;
-            await ConfigService.ResetConfig();
-            await loadConfig();
-            logStore.info(t('config.resetSuccess'));
-        } catch (error) {
-            console.error('Failed to reset configuration:', error);
-            logStore.error(t('config.resetFailed'));
-        } finally {
-            isLoading.value = false;
-        }
-    }
-
-    // 设置字体大小
-    async function setFontSize(size: number): Promise<void> {
-        await updateConfig('fontSize', size);
-    }
-
-    // 设置Tab大小
-    async function setTabSize(size: number): Promise<void> {
-        await updateConfig('tabSize', size);
-    }
-
-    // 字体预设相关方法
-    async function setFontPreset(presetKey: FontPresetKey): Promise<void> {
-        const preset = FONT_PRESETS[presetKey];
-        if (!preset) {
-            throw new Error(`Unknown font preset: ${presetKey}`);
-        }
-
-        try {
-            // 批量更新字体相关配置
-            await updateConfig('fontFamily', preset.fontFamily);
-            await updateConfig('fontWeight', preset.fontWeight);
-            await updateConfig('lineHeight', preset.lineHeight);
-            // 可选择是否同时更新字体大小
-            // await updateConfig('fontSize', preset.fontSize);
+    const resetConfig = withErrorHandling(
+        async (): Promise<void> => {
+            if (state.isLoading) return;
             
-            logStore.info(`字体预设已切换为: ${preset.name}`);
-        } catch (error) {
-            console.error('Failed to set font preset:', error);
-            logStore.error('字体预设设置失败');
-            throw error;
-        }
-    }
+            state.isLoading = true;
+            await ConfigService.ResetConfig();
+            await initConfig();
+            state.isLoading = false;
+        },
+        'config.resetFailed',
+        'config.resetSuccess'
+    );
 
-    // 获取当前字体预设（如果匹配的话）
-    function getCurrentFontPreset(): FontPresetKey | null {
-        const currentFamily = config.value.fontFamily;
-        for (const [key, preset] of Object.entries(FONT_PRESETS)) {
-            if (preset.fontFamily === currentFamily) {
-                return key as FontPresetKey;
+    // 语言设置方法
+    const setLanguage = withErrorHandling(
+        async (language: LanguageType): Promise<void> => {
+            await ConfigService.Set(CONFIG_KEY_MAP.language, language);
+            state.config.language = language;
+            
+            // 同步更新前端语言
+            const frontendLocale = ConfigUtils.backendLanguageToFrontend(language);
+            locale.value = frontendLocale as any;
+        },
+        'config.languageChangeFailed',
+        'config.languageChanged'
+    );
+
+    // 通过前端语言代码设置语言
+    const setLocale = async (localeCode: SupportedLocaleType): Promise<void> => {
+        const backendLanguage = ConfigUtils.frontendLanguageToBackend(localeCode);
+        await setLanguage(backendLanguage);
+    };
+
+    // 初始化语言设置
+    const initializeLanguage = async (): Promise<void> => {
+        try {
+            // 如果配置未加载，先加载配置
+            if (!state.configLoaded) {
+                await initConfig();
             }
+            
+            // 同步前端语言设置
+            const frontendLocale = ConfigUtils.backendLanguageToFrontend(state.config.language);
+            locale.value = frontendLocale as any;
+        } catch (error) {
+            const browserLang = getBrowserLanguage();
+            locale.value = browserLang as any;
         }
-        return null;
-    }
+    };
 
-    // 设置字体族
-    async function setFontFamily(fontFamily: string): Promise<void> {
-        await updateConfig('fontFamily', fontFamily);
-    }
+    // 创建数值调整器
+    const fontSize = createNumberAdjuster('fontSize');
+    const tabSize = createNumberAdjuster('tabSize');
+    const lineHeight = createNumberAdjuster('lineHeight');
 
-    // 设置字体粗细
-    async function setFontWeight(fontWeight: string): Promise<void> {
-        await updateConfig('fontWeight', fontWeight);
-    }
+    // 创建切换器
+    const toggleTabIndent = createToggler('enableTabIndent');
+    const toggleAlwaysOnTop = createToggler('alwaysOnTop');
+    const toggleTabType = createEnumToggler('tabType', CONFIG_LIMITS.tabType.values);
+
+    // 字符串配置设置器
+    const setFontFamily = (value: string) => updateConfig('fontFamily', value);
+    const setFontWeight = (value: string) => updateConfig('fontWeight', value);
 
-    // 设置行高
-    async function setLineHeight(lineHeight: number): Promise<void> {
-        await updateConfig('lineHeight', lineHeight);
-    }
-    
     return {
         // 状态
-        config,
-        configLoaded,
-        isLoading,
+        config: computed(() => state.config),
+        configLoaded: computed(() => state.configLoaded),
+        isLoading: computed(() => state.isLoading),
 
-        // 计算属性
-        MIN_FONT_SIZE,
-        MAX_FONT_SIZE,
-        MIN_TAB_SIZE,
-        MAX_TAB_SIZE,
+        // 限制常量
+        ...limits,
 
         // 核心方法
-        loadConfig,
+        initConfig,
         resetConfig,
-        setLanguage,
         updateConfig,
         
+        // 语言相关方法
+        setLanguage,
+        setLocale,
+        initializeLanguage,
+        
         // 字体大小操作
-        increaseFontSize: () => adjustFontSize(1),
-        decreaseFontSize: () => adjustFontSize(-1),
-        resetFontSize: () => setFontSize(CONFIG_LIMITS.fontSize.default),
-        setFontSize,
+        ...fontSize,
+        increaseFontSize: fontSize.increase,
+        decreaseFontSize: fontSize.decrease,
+        resetFontSize: fontSize.reset,
+        setFontSize: fontSize.set,
         
         // Tab操作
         toggleTabIndent,
-        increaseTabSize: () => adjustTabSize(1),
-        decreaseTabSize: () => adjustTabSize(-1),
+        ...tabSize,
+        increaseTabSize: tabSize.increase,
+        decreaseTabSize: tabSize.decrease,
+        setTabSize: tabSize.set,
         toggleTabType,
-        setTabSize,
+        
+        // 行高操作
+        setLineHeight: lineHeight.set,
         
         // 窗口操作
         toggleAlwaysOnTop,
 
-        // 字体预设相关方法
-        setFontPreset,
-        getCurrentFontPreset,
+        // 字体操作
         setFontFamily,
         setFontWeight,
-        setLineHeight
     };
-}); 
\ No newline at end of file
+},{
+    persist: true,
+});
\ No newline at end of file
diff --git a/frontend/src/utils/configUtils.ts b/frontend/src/utils/configUtils.ts
index 54fa97b..cc9d936 100644
--- a/frontend/src/utils/configUtils.ts
+++ b/frontend/src/utils/configUtils.ts
@@ -1,5 +1,5 @@
 import { LanguageType } from '@/../bindings/voidraft/internal/models/models';
-import { SupportedLocaleType } from '@/i18n';
+import type { SupportedLocaleType } from '@/stores/configStore';
 
 /**
  * 配置工具类
diff --git a/frontend/src/editor/Editor.vue b/frontend/src/views/editor/Editor.vue
similarity index 98%
rename from frontend/src/editor/Editor.vue
rename to frontend/src/views/editor/Editor.vue
index c1c93bc..ecb7755 100644
--- a/frontend/src/editor/Editor.vue
+++ b/frontend/src/views/editor/Editor.vue
@@ -19,7 +19,7 @@ import {
   updateFontConfig,
 } from './extensions';
 import { useI18n } from 'vue-i18n';
-import { DocumentService } from '@/../bindings/voidraft/internal/services';
+import { DocumentService } from '../../../bindings/voidraft/internal/services';
 import Toolbar from '@/components/toolbar/Toolbar.vue';
 
 const editorStore = useEditorStore();
diff --git a/frontend/src/editor/extensions/autoSaveExtension.ts b/frontend/src/views/editor/extensions/autoSaveExtension.ts
similarity index 97%
rename from frontend/src/editor/extensions/autoSaveExtension.ts
rename to frontend/src/views/editor/extensions/autoSaveExtension.ts
index 49885ac..0c1090e 100644
--- a/frontend/src/editor/extensions/autoSaveExtension.ts
+++ b/frontend/src/views/editor/extensions/autoSaveExtension.ts
@@ -1,5 +1,5 @@
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
-import { DocumentService } from '@/../bindings/voidraft/internal/services';
+import { DocumentService } from '../../../../bindings/voidraft/internal/services';
 import { useDebounceFn } from '@vueuse/core';
 
 // 定义自动保存配置选项
diff --git a/frontend/src/editor/extensions/basicSetup.ts b/frontend/src/views/editor/extensions/basicSetup.ts
similarity index 95%
rename from frontend/src/editor/extensions/basicSetup.ts
rename to frontend/src/views/editor/extensions/basicSetup.ts
index a23a76c..c8638db 100644
--- a/frontend/src/editor/extensions/basicSetup.ts
+++ b/frontend/src/views/editor/extensions/basicSetup.ts
@@ -23,7 +23,7 @@ import {defaultKeymap, history, historyKeymap,} from '@codemirror/commands';
 import {highlightSelectionMatches, searchKeymap} from '@codemirror/search';
 import {autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap} from '@codemirror/autocomplete';
 import {lintKeymap} from '@codemirror/lint';
-import {customHighlightActiveLine, defaultDark} from '@/editor/theme/default-dark';
+import {customHighlightActiveLine, defaultDark} from '@/views/editor/theme/default-dark';
 
 // 基本编辑器设置，包含常用扩展
 export const createBasicSetup = (): Extension[] => {
diff --git a/frontend/src/views/editor/extensions/fontExtension.ts b/frontend/src/views/editor/extensions/fontExtension.ts
new file mode 100644
index 0000000..2676d39
--- /dev/null
+++ b/frontend/src/views/editor/extensions/fontExtension.ts
@@ -0,0 +1,111 @@
+import { EditorView } from '@codemirror/view';
+import { Extension, Compartment } from '@codemirror/state';
+
+// 字体配置接口
+export interface FontConfig {
+  fontFamily: string;
+  fontSize?: number;
+  lineHeight?: number;
+  fontWeight?: string;
+}
+
+// 创建字体配置compartment
+export const fontCompartment = new Compartment();
+
+// 默认字体配置
+export const DEFAULT_FONT_CONFIG: FontConfig = {
+  fontFamily: '"HarmonyOS Sans SC", "HarmonyOS Sans", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif',
+  fontSize: 14,
+  lineHeight: 1.5,
+  fontWeight: 'normal'
+};
+
+// 从后端配置创建字体配置
+export function createFontConfigFromBackend(backendConfig: {
+  fontFamily?: string;
+  fontSize?: number;
+  lineHeight?: number;
+  fontWeight?: string;
+}): FontConfig {
+  return {
+    fontFamily: backendConfig.fontFamily || DEFAULT_FONT_CONFIG.fontFamily,
+    fontSize: backendConfig.fontSize || DEFAULT_FONT_CONFIG.fontSize,
+    lineHeight: backendConfig.lineHeight || DEFAULT_FONT_CONFIG.lineHeight,
+    fontWeight: backendConfig.fontWeight || DEFAULT_FONT_CONFIG.fontWeight,
+  };
+}
+
+// 创建字体样式扩展
+export function createFontExtension(config: Partial<FontConfig> = {}): Extension {
+  const fontConfig = { ...DEFAULT_FONT_CONFIG, ...config };
+  
+  const styles: Record<string, any> = {
+    '&': {
+      fontFamily: fontConfig.fontFamily,
+      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
+      ...(fontConfig.lineHeight && { lineHeight: fontConfig.lineHeight.toString() }),
+      ...(fontConfig.fontWeight && { fontWeight: fontConfig.fontWeight }),
+    },
+    '.cm-content': {
+      fontFamily: fontConfig.fontFamily,
+      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
+      ...(fontConfig.lineHeight && { lineHeight: fontConfig.lineHeight.toString() }),
+      ...(fontConfig.fontWeight && { fontWeight: fontConfig.fontWeight }),
+    },
+    '.cm-editor': {
+      fontFamily: fontConfig.fontFamily,
+    },
+    '.cm-scroller': {
+      fontFamily: fontConfig.fontFamily,
+    },
+    '.cm-gutters': {
+      fontFamily: fontConfig.fontFamily,
+      ...(fontConfig.fontSize && { fontSize: `${fontConfig.fontSize}px` }),
+    },
+    '.cm-lineNumbers': {
+      fontFamily: fontConfig.fontFamily,
+      ...(fontConfig.fontSize && { fontSize: `${Math.max(10, fontConfig.fontSize - 1)}px` }),
+    },
+    '.cm-tooltip': {
+      fontFamily: fontConfig.fontFamily,
+      ...(fontConfig.fontSize && { fontSize: `${Math.max(12, fontConfig.fontSize - 1)}px` }),
+    },
+    '.cm-completionLabel': {
+      fontFamily: fontConfig.fontFamily,
+    },
+    '.cm-completionDetail': {
+      fontFamily: fontConfig.fontFamily,
+    }
+  };
+  
+  return EditorView.theme(styles);
+}
+
+// 创建响应式字体大小扩展
+export function createResponsiveFontExtension(baseFontSize: number = 14): Extension {
+  return fontCompartment.of(createFontExtension({
+    fontSize: baseFontSize,
+    lineHeight: 1.5
+  }));
+}
+
+// 从后端配置创建字体扩展
+export function createFontExtensionFromBackend(backendConfig: {
+  fontFamily?: string;
+  fontSize?: number;
+  lineHeight?: number;
+  fontWeight?: string;
+}): Extension {
+  const fontConfig = createFontConfigFromBackend(backendConfig);
+  return fontCompartment.of(createFontExtension(fontConfig));
+}
+
+// 动态更新字体配置
+export function updateFontConfig(view: EditorView, config: Partial<FontConfig>): void {
+  const newFontExtension = createFontExtension(config);
+  
+  // 使用compartment重新配置字体扩展
+  view.dispatch({
+    effects: fontCompartment.reconfigure(newFontExtension)
+  });
+} 
\ No newline at end of file
diff --git a/frontend/src/editor/extensions/index.ts b/frontend/src/views/editor/extensions/index.ts
similarity index 100%
rename from frontend/src/editor/extensions/index.ts
rename to frontend/src/views/editor/extensions/index.ts
diff --git a/frontend/src/editor/extensions/statsExtension.ts b/frontend/src/views/editor/extensions/statsExtension.ts
similarity index 100%
rename from frontend/src/editor/extensions/statsExtension.ts
rename to frontend/src/views/editor/extensions/statsExtension.ts
diff --git a/frontend/src/editor/extensions/tabExtension.ts b/frontend/src/views/editor/extensions/tabExtension.ts
similarity index 96%
rename from frontend/src/editor/extensions/tabExtension.ts
rename to frontend/src/views/editor/extensions/tabExtension.ts
index 1bf7045..ac3c5cc 100644
--- a/frontend/src/editor/extensions/tabExtension.ts
+++ b/frontend/src/views/editor/extensions/tabExtension.ts
@@ -2,7 +2,7 @@ import {Compartment, Extension} from '@codemirror/state';
 import {EditorView, keymap} from '@codemirror/view';
 import {indentSelection} from '@codemirror/commands';
 import {indentUnit} from '@codemirror/language';
-import {TabType} from '@/../bindings/voidraft/internal/models/models';
+import {TabType} from '../../../../bindings/voidraft/internal/models/models';
 
 // Tab设置相关的compartment
 export const tabSizeCompartment = new Compartment();
diff --git a/frontend/src/editor/extensions/wheelZoomExtension.ts b/frontend/src/views/editor/extensions/wheelZoomExtension.ts
similarity index 100%
rename from frontend/src/editor/extensions/wheelZoomExtension.ts
rename to frontend/src/views/editor/extensions/wheelZoomExtension.ts
diff --git a/frontend/src/editor/theme/aura.ts b/frontend/src/views/editor/theme/aura.ts
similarity index 100%
rename from frontend/src/editor/theme/aura.ts
rename to frontend/src/views/editor/theme/aura.ts
diff --git a/frontend/src/editor/theme/default-dark.ts b/frontend/src/views/editor/theme/default-dark.ts
similarity index 100%
rename from frontend/src/editor/theme/default-dark.ts
rename to frontend/src/views/editor/theme/default-dark.ts
diff --git a/frontend/src/editor/theme/dracula.ts b/frontend/src/views/editor/theme/dracula.ts
similarity index 100%
rename from frontend/src/editor/theme/dracula.ts
rename to frontend/src/views/editor/theme/dracula.ts
diff --git a/frontend/src/editor/theme/github-dark.ts b/frontend/src/views/editor/theme/github-dark.ts
similarity index 100%
rename from frontend/src/editor/theme/github-dark.ts
rename to frontend/src/views/editor/theme/github-dark.ts
diff --git a/frontend/src/editor/theme/github-light.ts b/frontend/src/views/editor/theme/github-light.ts
similarity index 100%
rename from frontend/src/editor/theme/github-light.ts
rename to frontend/src/views/editor/theme/github-light.ts
diff --git a/frontend/src/editor/theme/material-dark.ts b/frontend/src/views/editor/theme/material-dark.ts
similarity index 100%
rename from frontend/src/editor/theme/material-dark.ts
rename to frontend/src/views/editor/theme/material-dark.ts
diff --git a/frontend/src/editor/theme/material-light.ts b/frontend/src/views/editor/theme/material-light.ts
similarity index 100%
rename from frontend/src/editor/theme/material-light.ts
rename to frontend/src/views/editor/theme/material-light.ts
diff --git a/frontend/src/editor/theme/solarized-dark.ts b/frontend/src/views/editor/theme/solarized-dark.ts
similarity index 100%
rename from frontend/src/editor/theme/solarized-dark.ts
rename to frontend/src/views/editor/theme/solarized-dark.ts
diff --git a/frontend/src/editor/theme/solarized-light.ts b/frontend/src/views/editor/theme/solarized-light.ts
similarity index 100%
rename from frontend/src/editor/theme/solarized-light.ts
rename to frontend/src/views/editor/theme/solarized-light.ts
diff --git a/frontend/src/editor/theme/tokyo-night-day.ts b/frontend/src/views/editor/theme/tokyo-night-day.ts
similarity index 100%
rename from frontend/src/editor/theme/tokyo-night-day.ts
rename to frontend/src/views/editor/theme/tokyo-night-day.ts
diff --git a/frontend/src/editor/theme/tokyo-night-storm.ts b/frontend/src/views/editor/theme/tokyo-night-storm.ts
similarity index 100%
rename from frontend/src/editor/theme/tokyo-night-storm.ts
rename to frontend/src/views/editor/theme/tokyo-night-storm.ts
diff --git a/frontend/src/editor/theme/tokyo-night.ts b/frontend/src/views/editor/theme/tokyo-night.ts
similarity index 100%
rename from frontend/src/editor/theme/tokyo-night.ts
rename to frontend/src/views/editor/theme/tokyo-night.ts
diff --git a/frontend/src/settings/Settings.vue b/frontend/src/views/settings/Settings.vue
similarity index 67%
rename from frontend/src/settings/Settings.vue
rename to frontend/src/views/settings/Settings.vue
index 5e244bc..73a4bcd 100644
--- a/frontend/src/settings/Settings.vue
+++ b/frontend/src/views/settings/Settings.vue
@@ -3,6 +3,7 @@ import { useConfigStore } from '@/stores/configStore';
 import { useI18n } from 'vue-i18n';
 import { ref, watch } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
+import MemoryMonitor from '@/components/monitor/MemoryMonitor.vue';
 
 const { t } = useI18n();
 const configStore = useConfigStore();
@@ -26,9 +27,9 @@ const handleNavClick = (item: typeof navItems[0]) => {
   router.push(item.route);
 };
 
-// 重置设置
-const resetSettings = async () => {
-  await configStore.resetConfig();
+// 返回编辑器
+const goBackToEditor = () => {
+  router.push('/');
 };
 </script>
 
@@ -36,7 +37,14 @@ const resetSettings = async () => {
   <div class="settings-container">
     <div class="settings-sidebar">
       <div class="settings-header">
-        <h1>{{ t('settings.title') }}</h1>
+        <div class="header-content">
+          <button class="back-button" @click="goBackToEditor" :title="t('settings.backToEditor')">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M19 12H5M12 19l-7-7 7-7"/>
+            </svg>
+          </button>
+          <h1>{{ t('settings.title') }}</h1>
+        </div>
       </div>
       <div class="settings-nav">
         <div
@@ -50,10 +58,11 @@ const resetSettings = async () => {
           <span class="nav-text">{{ t(`settings.${item.id}`) }}</span>
         </div>
       </div>
-      <div class="settings-actions">
-        <button class="reset-button" @click="resetSettings">
-          {{ t('settings.reset') }}
-        </button>
+      <div class="settings-footer">
+        <div class="memory-info-section">
+          <div class="section-title">{{ t('settings.systemInfo') }}</div>
+          <MemoryMonitor />
+        </div>
       </div>
     </div>
     <div class="settings-content">
@@ -88,11 +97,40 @@ const resetSettings = async () => {
       border-bottom: 1px solid #444444;
       background-color: #2d2d2d;
       
-      h1 {
-        font-size: 18px;
-        font-weight: 600;
-        margin: 0;
-        color: #ffffff;
+      .header-content {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        
+        .back-button {
+          background: none;
+          border: none;
+          color: #a0a0a0;
+          cursor: pointer;
+          padding: 6px;
+          border-radius: 4px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          transition: all 0.2s ease;
+          
+          &:hover {
+            color: #e0e0e0;
+            background-color: #3a3a3a;
+          }
+          
+          svg {
+            width: 18px;
+            height: 18px;
+          }
+        }
+        
+        h1 {
+          font-size: 18px;
+          font-weight: 600;
+          margin: 0;
+          color: #ffffff;
+        }
       }
     }
     
@@ -144,29 +182,23 @@ const resetSettings = async () => {
       }
     }
     
-    .settings-actions {
-      padding: 16px;
+    .settings-footer {
+      padding: 12px 16px 16px 16px;
       border-top: 1px solid #444444;
       background-color: #2d2d2d;
       
-      .reset-button {
-        width: 100%;
-        padding: 8px 12px;
-        background-color: #3a3a3a;
-        border: 1px solid #555555;
-        color: #e0e0e0;
-        border-radius: 4px;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        font-size: 14px;
+      .memory-info-section {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
         
-        &:hover {
-          background-color: #444444;
-          border-color: #666666;
-        }
-        
-        &:active {
-          transform: translateY(1px);
+        .section-title {
+          font-size: 10px;
+          color: #777777;
+          font-weight: 500;
+          margin-bottom: 0;
+          text-transform: uppercase;
+          letter-spacing: 0.5px;
         }
       }
     }
diff --git a/frontend/src/settings/components/SettingItem.vue b/frontend/src/views/settings/components/SettingItem.vue
similarity index 100%
rename from frontend/src/settings/components/SettingItem.vue
rename to frontend/src/views/settings/components/SettingItem.vue
diff --git a/frontend/src/settings/components/SettingSection.vue b/frontend/src/views/settings/components/SettingSection.vue
similarity index 100%
rename from frontend/src/settings/components/SettingSection.vue
rename to frontend/src/views/settings/components/SettingSection.vue
diff --git a/frontend/src/settings/components/ToggleSwitch.vue b/frontend/src/views/settings/components/ToggleSwitch.vue
similarity index 100%
rename from frontend/src/settings/components/ToggleSwitch.vue
rename to frontend/src/views/settings/components/ToggleSwitch.vue
diff --git a/frontend/src/settings/pages/AppearancePage.vue b/frontend/src/views/settings/pages/AppearancePage.vue
similarity index 94%
rename from frontend/src/settings/pages/AppearancePage.vue
rename to frontend/src/views/settings/pages/AppearancePage.vue
index 38726e2..1909ed8 100644
--- a/frontend/src/settings/pages/AppearancePage.vue
+++ b/frontend/src/views/settings/pages/AppearancePage.vue
@@ -4,9 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { ref } from 'vue';
 import SettingSection from '../components/SettingSection.vue';
 import SettingItem from '../components/SettingItem.vue';
-import { LanguageType } from '@/../bindings/voidraft/internal/models/models';
-import { setLocale, SupportedLocaleType } from '@/i18n';
-import { ConfigUtils } from '@/utils/configUtils';
+import { LanguageType } from '../../../../bindings/voidraft/internal/models/models';
 
 const { t } = useI18n();
 const configStore = useConfigStore();
@@ -23,12 +21,8 @@ const updateLanguage = async (event: Event) => {
   const selectedLanguage = select.value as LanguageType;
   
   try {
-    // 设置后端语言配置
+    // 使用 configStore 的语言设置方法
     await configStore.setLanguage(selectedLanguage);
-    
-    // 同步前端语言设置
-    const frontendLocale = ConfigUtils.backendLanguageToFrontend(selectedLanguage);
-    setLocale(frontendLocale);
   } catch (error) {
     console.error('Failed to update language:', error);
   }
diff --git a/frontend/src/settings/pages/EditingPage.vue b/frontend/src/views/settings/pages/EditingPage.vue
similarity index 73%
rename from frontend/src/settings/pages/EditingPage.vue
rename to frontend/src/views/settings/pages/EditingPage.vue
index d32882a..b3c75bd 100644
--- a/frontend/src/settings/pages/EditingPage.vue
+++ b/frontend/src/views/settings/pages/EditingPage.vue
@@ -1,26 +1,37 @@
 <script setup lang="ts">
 import { useConfigStore } from '@/stores/configStore';
+import { FONT_OPTIONS } from '@/stores/configStore';
 import { useI18n } from 'vue-i18n';
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import SettingSection from '../components/SettingSection.vue';
 import SettingItem from '../components/SettingItem.vue';
 import ToggleSwitch from '../components/ToggleSwitch.vue';
-import { TabType } from '@/../bindings/voidraft/internal/models/models';
-import { getFontPresetOptions, type FontPresetKey } from '@/editor/extensions/fontExtension';
+import { TabType } from '../../../../bindings/voidraft/internal/models/models';
 
 const { t } = useI18n();
 const configStore = useConfigStore();
 
-// 字体预设选项
-const fontPresetOptions = getFontPresetOptions();
-const currentFontPreset = computed(() => configStore.getCurrentFontPreset());
+// 确保配置已加载
+onMounted(async () => {
+  if (!configStore.configLoaded) {
+    await configStore.loadConfig();
+  }
+});
 
-// 字体预设选择
-const handleFontPresetChange = (event: Event) => {
+// 字体选择选项
+const fontFamilyOptions = FONT_OPTIONS;
+const currentFontFamily = computed(() => configStore.config.fontFamily);
+
+// 字体选择
+const handleFontFamilyChange = async (event: Event) => {
   const target = event.target as HTMLSelectElement;
-  const presetKey = target.value;
-  if (presetKey && presetKey !== 'custom') {
-    configStore.setFontPreset(presetKey as FontPresetKey);
+  const fontFamily = target.value;
+  if (fontFamily) {
+    try {
+      await configStore.setFontFamily(fontFamily);
+    } catch (error) {
+      console.error('Failed to set font family:', error);
+    }
   }
 };
 
@@ -38,29 +49,49 @@ const fontWeightOptions = [
 ];
 
 // 字体粗细选择
-const handleFontWeightChange = (event: Event) => {
+const handleFontWeightChange = async (event: Event) => {
   const target = event.target as HTMLSelectElement;
-  configStore.setFontWeight(target.value);
+  try {
+    await configStore.setFontWeight(target.value);
+  } catch (error) {
+    console.error('Failed to set font weight:', error);
+  }
 };
 
 // 行高控制
-const increaseLineHeight = () => {
+const increaseLineHeight = async () => {
   const newLineHeight = Math.min(3.0, configStore.config.lineHeight + 0.1);
-  configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
+  try {
+    await configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
+  } catch (error) {
+    console.error('Failed to increase line height:', error);
+  }
 };
 
-const decreaseLineHeight = () => {
+const decreaseLineHeight = async () => {
   const newLineHeight = Math.max(1.0, configStore.config.lineHeight - 0.1);
-  configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
+  try {
+    await configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
+  } catch (error) {
+    console.error('Failed to decrease line height:', error);
+  }
 };
 
 // 字体大小控制
-const increaseFontSize = () => {
-  configStore.increaseFontSize();
+const increaseFontSize = async () => {
+  try {
+    await configStore.increaseFontSize();
+  } catch (error) {
+    console.error('Failed to increase font size:', error);
+  }
 };
 
-const decreaseFontSize = () => {
-  configStore.decreaseFontSize();
+const decreaseFontSize = async () => {
+  try {
+    await configStore.decreaseFontSize();
+  } catch (error) {
+    console.error('Failed to decrease font size:', error);
+  }
 };
 
 // Tab类型切换
@@ -71,12 +102,37 @@ const tabTypeText = computed(() => {
 });
 
 // Tab大小增减
-const increaseTabSize = () => {
-  configStore.increaseTabSize();
+const increaseTabSize = async () => {
+  try {
+    await configStore.increaseTabSize();
+  } catch (error) {
+    console.error('Failed to increase tab size:', error);
+  }
 };
 
-const decreaseTabSize = () => {
-  configStore.decreaseTabSize();
+const decreaseTabSize = async () => {
+  try {
+    await configStore.decreaseTabSize();
+  } catch (error) {
+    console.error('Failed to decrease tab size:', error);
+  }
+};
+
+// Tab相关操作
+const handleToggleTabIndent = async () => {
+  try {
+    await configStore.toggleTabIndent();
+  } catch (error) {
+    console.error('Failed to toggle tab indent:', error);
+  }
+};
+
+const handleToggleTabType = async () => {
+  try {
+    await configStore.toggleTabType();
+  } catch (error) {
+    console.error('Failed to toggle tab type:', error);
+  }
 };
 </script>
 
@@ -84,17 +140,16 @@ const decreaseTabSize = () => {
   <div class="settings-page">
     <SettingSection :title="t('settings.fontSettings')">
       <SettingItem 
-        :title="t('settings.fontPreset')" 
-        :description="t('settings.fontPresetDescription')"
+        :title="t('settings.fontFamily')" 
+        :description="t('settings.fontFamilyDescription')"
       >
         <select 
-          class="font-preset-select" 
-          :value="currentFontPreset || 'custom'"
-          @change="handleFontPresetChange"
+          class="font-family-select" 
+          :value="currentFontFamily"
+          @change="handleFontFamilyChange"
         >
-          <option value="custom">自定义</option>
           <option 
-            v-for="option in fontPresetOptions" 
+            v-for="option in fontFamilyOptions" 
             :key="option.value" 
             :value="option.value"
           >
@@ -163,14 +218,14 @@ const decreaseTabSize = () => {
     <SettingSection :title="t('settings.tabSettings')">
       <SettingItem :title="t('settings.tabSize')">
         <div class="number-control">
-          <button @click="decreaseTabSize" class="control-button" :disabled="configStore.config.tabSize <= configStore.MIN_TAB_SIZE">-</button>
+          <button @click="decreaseTabSize" class="control-button" :disabled="configStore.config.tabSize <= configStore.tabSize.min">-</button>
           <span>{{ configStore.config.tabSize }}</span>
-          <button @click="increaseTabSize" class="control-button" :disabled="configStore.config.tabSize >= configStore.MAX_TAB_SIZE">+</button>
+          <button @click="increaseTabSize" class="control-button" :disabled="configStore.config.tabSize >= configStore.tabSize.max">+</button>
         </div>
       </SettingItem>
       
       <SettingItem :title="t('settings.tabType')">
-        <button class="tab-type-toggle" @click="configStore.toggleTabType">
+        <button class="tab-type-toggle" @click="handleToggleTabType">
           {{ tabTypeText }}
         </button>
       </SettingItem>
@@ -178,7 +233,7 @@ const decreaseTabSize = () => {
       <SettingItem :title="t('settings.enableTabIndent')">
         <ToggleSwitch 
           v-model="configStore.config.enableTabIndent" 
-          @update:modelValue="configStore.toggleTabIndent"
+          @update:modelValue="handleToggleTabIndent"
         />
       </SettingItem>
     </SettingSection>
@@ -325,7 +380,7 @@ const decreaseTabSize = () => {
   }
 }
 
-.font-preset-select,
+.font-family-select,
 .font-weight-select {
   min-width: 180px;
   padding: 8px 12px;
diff --git a/frontend/src/settings/pages/GeneralPage.vue b/frontend/src/views/settings/pages/GeneralPage.vue
similarity index 79%
rename from frontend/src/settings/pages/GeneralPage.vue
rename to frontend/src/views/settings/pages/GeneralPage.vue
index 47cb544..acc7028 100644
--- a/frontend/src/settings/pages/GeneralPage.vue
+++ b/frontend/src/views/settings/pages/GeneralPage.vue
@@ -39,6 +39,13 @@ const updateSelectedKey = (event: Event) => {
 const toggleModifier = (key: keyof typeof selectedModifiers.value) => {
   selectedModifiers.value[key] = !selectedModifiers.value[key];
 };
+
+// 重置设置
+const resetSettings = async () => {
+  if (confirm(t('settings.confirmReset'))) {
+    await configStore.resetConfig();
+  }
+};
 </script>
 
 <template>
@@ -96,6 +103,20 @@ const toggleModifier = (key: keyof typeof selectedModifiers.value) => {
         <button class="select-button">{{ t('settings.selectDirectory') }}</button>
       </div>
     </SettingSection>
+    
+    <SettingSection :title="t('settings.dangerZone')">
+      <div class="danger-zone">
+        <div class="reset-section">
+          <div class="reset-info">
+            <h4>{{ t('settings.resetAllSettings') }}</h4>
+            <p>{{ t('settings.resetDescription') }}</p>
+          </div>
+          <button class="reset-button" @click="resetSettings">
+            {{ t('settings.reset') }}
+          </button>
+        </div>
+      </div>
+    </SettingSection>
   </div>
 </template>
 
@@ -210,4 +231,59 @@ const toggleModifier = (key: keyof typeof selectedModifiers.value) => {
     }
   }
 }
+
+.danger-zone {
+  padding: 20px;
+  background-color: rgba(220, 53, 69, 0.05);
+  border: 1px solid rgba(220, 53, 69, 0.2);
+  border-radius: 6px;
+  margin-top: 10px;
+  
+  .reset-section {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 20px;
+    
+    .reset-info {
+      flex: 1;
+      
+      h4 {
+        margin: 0 0 6px 0;
+        color: #ff6b6b;
+        font-size: 14px;
+        font-weight: 600;
+      }
+      
+      p {
+        margin: 0;
+        color: #b0b0b0;
+        font-size: 13px;
+        line-height: 1.4;
+      }
+    }
+    
+    .reset-button {
+      padding: 8px 16px;
+      background-color: #dc3545;
+      border: 1px solid #c82333;
+      border-radius: 4px;
+      color: #ffffff;
+      cursor: pointer;
+      font-size: 13px;
+      font-weight: 500;
+      transition: all 0.2s ease;
+      white-space: nowrap;
+      
+      &:hover {
+        background-color: #c82333;
+        border-color: #bd2130;
+      }
+      
+      &:active {
+        transform: translateY(1px);
+      }
+    }
+  }
+}
 </style> 
\ No newline at end of file
diff --git a/frontend/src/settings/pages/KeyBindingsPage.vue b/frontend/src/views/settings/pages/KeyBindingsPage.vue
similarity index 100%
rename from frontend/src/settings/pages/KeyBindingsPage.vue
rename to frontend/src/views/settings/pages/KeyBindingsPage.vue
diff --git a/frontend/src/settings/pages/UpdatesPage.vue b/frontend/src/views/settings/pages/UpdatesPage.vue
similarity index 100%
rename from frontend/src/settings/pages/UpdatesPage.vue
rename to frontend/src/views/settings/pages/UpdatesPage.vue
diff --git a/go.mod b/go.mod
index eb12ffd..812f381 100644
--- a/go.mod
+++ b/go.mod
@@ -13,12 +13,12 @@ require (
 require (
 	dario.cat/mergo v1.0.2 // indirect
 	github.com/Microsoft/go-winio v0.6.2 // indirect
-	github.com/ProtonMail/go-crypto v1.2.0 // indirect
+	github.com/ProtonMail/go-crypto v1.3.0 // indirect
 	github.com/adrg/xdg v0.5.3 // indirect
 	github.com/bep/debounce v1.2.1 // indirect
 	github.com/cloudflare/circl v1.6.1 // indirect
 	github.com/cyphar/filepath-securejoin v0.4.1 // indirect
-	github.com/ebitengine/purego v0.8.3 // indirect
+	github.com/ebitengine/purego v0.8.4 // indirect
 	github.com/emirpasic/gods v1.18.1 // indirect
 	github.com/go-git/gcfg v1.5.1-0.20230307220236-3a3c6141e376 // indirect
 	github.com/go-git/go-billy/v5 v5.6.2 // indirect
@@ -33,7 +33,7 @@ require (
 	github.com/kevinburke/ssh_config v1.2.0 // indirect
 	github.com/leaanthony/go-ansi-parser v1.6.1 // indirect
 	github.com/leaanthony/u v1.1.1 // indirect
-	github.com/lmittmann/tint v1.0.7 // indirect
+	github.com/lmittmann/tint v1.1.1 // indirect
 	github.com/mattn/go-colorable v0.1.14 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
 	github.com/pelletier/go-toml/v2 v2.2.4 // indirect
diff --git a/go.sum b/go.sum
index b31c67e..9f0bef5 100644
--- a/go.sum
+++ b/go.sum
@@ -3,8 +3,8 @@ dario.cat/mergo v1.0.2/go.mod h1:E/hbnu0NxMFBjpMIE34DRGLWqDy0g5FuKDhCb31ngxA=
 github.com/Microsoft/go-winio v0.5.2/go.mod h1:WpS1mjBmmwHBEWmogvA2mj8546UReBk4v8QkMxJ6pZY=
 github.com/Microsoft/go-winio v0.6.2 h1:F2VQgta7ecxGYO8k3ZZz3RS8fVIXVxONVUPlNERoyfY=
 github.com/Microsoft/go-winio v0.6.2/go.mod h1:yd8OoFMLzJbo9gZq8j5qaps8bJ9aShtEA8Ipt1oGCvU=
-github.com/ProtonMail/go-crypto v1.2.0 h1:+PhXXn4SPGd+qk76TlEePBfOfivE0zkWFenhGhFLzWs=
-github.com/ProtonMail/go-crypto v1.2.0/go.mod h1:9whxjD8Rbs29b4XWbB8irEcE8KHMqaR2e7GWU1R+/PE=
+github.com/ProtonMail/go-crypto v1.3.0 h1:ILq8+Sf5If5DCpHQp4PbZdS1J7HDFRXz/+xKBiRGFrw=
+github.com/ProtonMail/go-crypto v1.3.0/go.mod h1:9whxjD8Rbs29b4XWbB8irEcE8KHMqaR2e7GWU1R+/PE=
 github.com/adrg/xdg v0.5.3 h1:xRnxJXne7+oWDatRhR1JLnvuccuIeCoBu2rtuLqQB78=
 github.com/adrg/xdg v0.5.3/go.mod h1:nlTsY+NNiCBGCK2tpm09vRqfVzrc2fLmXGpBLF0zlTQ=
 github.com/anmitsu/go-shlex v0.0.0-20200514113438-38f4b401e2be h1:9AeTilPcZAjCFIImctFaOjnTIavg87rW78vTPkQqLI8=
@@ -20,8 +20,8 @@ github.com/cyphar/filepath-securejoin v0.4.1/go.mod h1:Sdj7gXlvMcPZsbhwhQ33GguGL
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/ebitengine/purego v0.8.3 h1:K+0AjQp63JEZTEMZiwsI9g0+hAMNohwUOtY0RPGexmc=
-github.com/ebitengine/purego v0.8.3/go.mod h1:iIjxzd6CiRiOG0UyXP+V1+jWqUXVjPKLAI0mRfJZTmQ=
+github.com/ebitengine/purego v0.8.4 h1:CF7LEKg5FFOsASUj0+QwaXf8Ht6TlFxg09+S9wz0omw=
+github.com/ebitengine/purego v0.8.4/go.mod h1:iIjxzd6CiRiOG0UyXP+V1+jWqUXVjPKLAI0mRfJZTmQ=
 github.com/elazarl/goproxy v1.7.2 h1:Y2o6urb7Eule09PjlhQRGNsqRfPmYI3KKQLFpCAV3+o=
 github.com/elazarl/goproxy v1.7.2/go.mod h1:82vkLNir0ALaW14Rc399OTTjyNREgmdL2cVoIbS6XaE=
 github.com/emirpasic/gods v1.18.1 h1:FXtiHYKDGKCW2KzwZKx0iC0PQmdlorYgdFG9jPXJ1Bc=
@@ -69,8 +69,8 @@ github.com/leaanthony/go-ansi-parser v1.6.1 h1:xd8bzARK3dErqkPFtoF9F3/HgN8UQk0ed
 github.com/leaanthony/go-ansi-parser v1.6.1/go.mod h1:+vva/2y4alzVmmIEpk9QDhA7vLC5zKDTRwfZGOp3IWU=
 github.com/leaanthony/u v1.1.1 h1:TUFjwDGlNX+WuwVEzDqQwC2lOv0P4uhTQw7CMFdiK7M=
 github.com/leaanthony/u v1.1.1/go.mod h1:9+o6hejoRljvZ3BzdYlVL0JYCwtnAsVuN9pVTQcaRfI=
-github.com/lmittmann/tint v1.0.7 h1:D/0OqWZ0YOGZ6AyC+5Y2kD8PBEzBk6rFHVSfOqCkF9Y=
-github.com/lmittmann/tint v1.0.7/go.mod h1:HIS3gSy7qNwGCj+5oRjAutErFBl4BzdQP6cJZ0NfMwE=
+github.com/lmittmann/tint v1.1.1 h1:xmmGuinUsCSxWdwH1OqMUQ4tzQsq3BdjJLAAmVKJ9Dw=
+github.com/lmittmann/tint v1.1.1/go.mod h1:HIS3gSy7qNwGCj+5oRjAutErFBl4BzdQP6cJZ0NfMwE=
 github.com/matryer/is v1.4.0 h1:sosSmIWwkYITGrxZ25ULNDeKiMNzFSr4V/eqBQP0PeE=
 github.com/matryer/is v1.4.0/go.mod h1:8I/i5uYgLzgsgEloJE1U6xx5HkBQpAZvepWuujKwMRU=
 github.com/mattn/go-colorable v0.1.14 h1:9A9LHSqF/7dyVVX6g0U9cwm9pG3kP9gSzcuIPHPsaIE=
diff --git a/internal/events/tray_events.go b/internal/events/tray_events.go
index 4d8f3d7..ada3276 100644
--- a/internal/events/tray_events.go
+++ b/internal/events/tray_events.go
@@ -8,7 +8,7 @@ import (
 )
 
 // RegisterTrayEvents 注册与系统托盘相关的所有事件
-func RegisterTrayEvents(app *application.App, systray *application.SystemTray, mainWindow *application.WebviewWindow, settingsWindow *application.WebviewWindow) {
+func RegisterTrayEvents(app *application.App, systray *application.SystemTray, mainWindow *application.WebviewWindow) {
 	// 不附加窗口到系统托盘，避免失去焦点自动缩小
 	// systray.AttachWindow(mainWindow)
 
@@ -28,30 +28,14 @@ func RegisterTrayEvents(app *application.App, systray *application.SystemTray, m
 		mainWindow.Hide()
 	})
 
-	// 设置窗口关闭事件处理
-	settingsWindow.RegisterHook(wailsevents.Common.WindowClosing, func(event *application.WindowEvent) {
-		// 取消默认关闭行为
-		event.Cancel()
-		// 隐藏窗口
-		settingsWindow.Hide()
-	})
-
-	// 注册事件监听器，用于处理前端发送的显示设置窗口事件
-	app.OnEvent("show_settings_window", func(event *application.CustomEvent) {
-		settingsWindow.Show()
-	})
 }
 
 // RegisterTrayMenuEvents 注册系统托盘菜单事件
-func RegisterTrayMenuEvents(app *application.App, menu *application.Menu, mainWindow *application.WebviewWindow, settingsWindow *application.WebviewWindow) {
+func RegisterTrayMenuEvents(app *application.App, menu *application.Menu, mainWindow *application.WebviewWindow) {
 	menu.Add("主窗口").OnClick(func(data *application.Context) {
 		mainWindow.Show()
 	})
 
-	menu.Add("设置").OnClick(func(data *application.Context) {
-		settingsWindow.Show()
-	})
-
 	menu.AddSeparator()
 
 	menu.Add("退出").OnClick(func(data *application.Context) {
diff --git a/internal/services/service_manager.go b/internal/services/service_manager.go
index d5ca784..882a4cd 100644
--- a/internal/services/service_manager.go
+++ b/internal/services/service_manager.go
@@ -9,6 +9,7 @@ import (
 type ServiceManager struct {
 	configService   *ConfigService
 	documentService *DocumentService
+	systemService   *SystemService
 	logger          *log.LoggerService
 }
 
@@ -23,6 +24,9 @@ func NewServiceManager() *ServiceManager {
 	// 初始化文档服务
 	documentService := NewDocumentService(configService, logger)
 
+	// 初始化系统服务
+	systemService := NewSystemService(logger)
+
 	// 初始化文档服务
 	err := documentService.Initialize()
 	if err != nil {
@@ -33,6 +37,7 @@ func NewServiceManager() *ServiceManager {
 	return &ServiceManager{
 		configService:   configService,
 		documentService: documentService,
+		systemService:   systemService,
 		logger:          logger,
 	}
 }
@@ -42,5 +47,6 @@ func (sm *ServiceManager) GetServices() []application.Service {
 	return []application.Service{
 		application.NewService(sm.configService),
 		application.NewService(sm.documentService),
+		application.NewService(sm.systemService),
 	}
 }
diff --git a/internal/services/system_service.go b/internal/services/system_service.go
new file mode 100644
index 0000000..dfef972
--- /dev/null
+++ b/internal/services/system_service.go
@@ -0,0 +1,83 @@
+package services
+
+import (
+	"fmt"
+	"runtime"
+
+	"github.com/wailsapp/wails/v3/pkg/services/log"
+)
+
+// SystemService 系统监控服务
+type SystemService struct {
+	logger *log.LoggerService
+}
+
+// MemoryStats 内存统计信息
+type MemoryStats struct {
+	// 当前堆内存使用量（字节）
+	HeapInUse uint64 `json:"heapInUse"`
+	// 堆内存分配总量（字节）
+	HeapAlloc uint64 `json:"heapAlloc"`
+	// 系统内存使用量（字节）
+	Sys uint64 `json:"sys"`
+	// GC 次数
+	NumGC uint32 `json:"numGC"`
+	// GC 暂停时间（纳秒）
+	PauseTotalNs uint64 `json:"pauseTotalNs"`
+	// Goroutine 数量
+	NumGoroutine int `json:"numGoroutine"`
+}
+
+// NewSystemService 创建新的系统服务实例
+func NewSystemService(logger *log.LoggerService) *SystemService {
+	return &SystemService{
+		logger: logger,
+	}
+}
+
+// GetMemoryStats 获取当前内存统计信息
+func (ss *SystemService) GetMemoryStats() MemoryStats {
+	var m runtime.MemStats
+	runtime.ReadMemStats(&m)
+
+	return MemoryStats{
+		HeapInUse:    m.HeapInuse,
+		HeapAlloc:    m.HeapAlloc,
+		Sys:          m.Sys,
+		NumGC:        m.NumGC,
+		PauseTotalNs: m.PauseTotalNs,
+		NumGoroutine: runtime.NumGoroutine(),
+	}
+}
+
+// FormatBytes 格式化字节数为人类可读的格式
+func (ss *SystemService) FormatBytes(bytes uint64) string {
+	const unit = 1024
+	if bytes < unit {
+		return "< 1 KB"
+	}
+	div, exp := uint64(unit), 0
+	for n := bytes / unit; n >= unit; n /= unit {
+		div *= unit
+		exp++
+	}
+
+	switch exp {
+	case 0:
+		return "< 1 KB"
+	case 1:
+		return fmt.Sprintf("%.1f KB", float64(bytes)/float64(div))
+	case 2:
+		return fmt.Sprintf("%.1f MB", float64(bytes)/float64(div))
+	case 3:
+		return fmt.Sprintf("%.1f GB", float64(bytes)/float64(div))
+	default:
+		return fmt.Sprintf("%.1f TB", float64(bytes)/float64(div))
+	}
+}
+
+// TriggerGC 手动触发垃圾回收
+func (ss *SystemService) TriggerGC() {
+	runtime.GC()
+	ss.logger.Info("Manual GC triggered")
+}
diff --git a/internal/systray/systray.go b/internal/systray/systray.go
index 9b4b61f..7fae04f 100644
--- a/internal/systray/systray.go
+++ b/internal/systray/systray.go
@@ -7,7 +7,7 @@ import (
 )
 
 // SetupSystemTray 设置系统托盘及其功能
-func SetupSystemTray(app *application.App, mainWindow *application.WebviewWindow, settingsWindow *application.WebviewWindow, assets embed.FS) {
+func SetupSystemTray(app *application.App, mainWindow *application.WebviewWindow, assets embed.FS) {
 	// 创建系统托盘
 	systray := app.NewSystemTray()
 
@@ -22,10 +22,10 @@ func SetupSystemTray(app *application.App, mainWindow *application.WebviewWindow
 	menu := app.NewMenu()
 
 	// 注册托盘菜单事件
-	events.RegisterTrayMenuEvents(app, menu, mainWindow, settingsWindow)
+	events.RegisterTrayMenuEvents(app, menu, mainWindow)
 
 	systray.SetMenu(menu)
 
 	// 注册托盘相关事件
-	events.RegisterTrayEvents(app, systray, mainWindow, settingsWindow)
+	events.RegisterTrayEvents(app, systray, mainWindow)
 }
diff --git a/main.go b/main.go
index 0e0ded2..a4e6d1c 100644
--- a/main.go
+++ b/main.go
@@ -88,28 +88,9 @@ func main() {
 		URL:              "/#/",
 	})
 	mainWindow.Center()
-	settingsWindow := app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
-		Title:               "voidraft设置",
-		Width:               700,
-		Height:              800,
-		Hidden:              true,
-		AlwaysOnTop:         true,
-		DisableResize:       true,
-		MinimiseButtonState: application.ButtonHidden,
-		MaximiseButtonState: application.ButtonHidden,
-		Mac: application.MacWindow{
-			Backdrop:                application.MacBackdropTranslucent,
-			TitleBar:                application.MacTitleBarHiddenInset,
-			InvisibleTitleBarHeight: 50,
-		},
-		Windows:          application.WindowsWindow{},
-		BackgroundColour: application.NewRGB(27, 38, 54),
-		URL:              "/#/settings",
-	})
-	settingsWindow.Center()
 
 	// 设置系统托盘
-	systray.SetupSystemTray(app, mainWindow, settingsWindow, assets)
+	systray.SetupSystemTray(app, mainWindow, assets)
 
 	// Create a goroutine that emits an event containing the current time every second.
 	// The frontend can listen to this event and update the UI accordingly.