[Feat] Basic PLS lifecycle mgmt

[Chore] Update README
[Feat] New settings passwd UX & Config enc support
2026-06-21 23:54:26 +08:00 · 2025-06-06 02:05:43 +08:00 · 2025-06-05 00:42:13 +08:00 · 2025-06-05 00:35:50 +08:00
46 changed files with 2746 additions and 949 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,29 +1,24 @@
-# Dependencies
-
-node_modules/
-.npm
-.yarn
-
-# ESLint Cache
-
-.eslintcache
-
-# NYC Test Output
-
-.nyc_output
-
-# Build Artifacts
-
-/dist
-/buikd
-
-# dotEnv Files
-
-.env
-.env*
-
-# Misc
-
-.DS_Store
-*.log
-*.bak
+# SSA Defaults
+
+_extraResources
+addons/
+app.asar/addons
+app.asar/assets
+app.asar/config
+app.asar/node_modules
+app.asar/public
+app.asar/main.js
+app.asar/package.json
+assets/
+
+autoConfiguration.json
+
+# NPM Packages
+node_modules/
+
+# OS Files
+desktop.ini
+.DS_Store
+
+# Editor Files
+.vscode/
--- a/README.md
+++ b/README.md
@@ -1,20 +1,18 @@
 <center><img src="https://s2.loli.net/2025/04/18/IpZL7qMw2KFEi8o.png" /></center>

-
 <h1 align="center">HugoAura</h1>
 <h4 align="center">下一代希沃管家注入式修改方案</h4>
 <div align="center">
  <a href="https://github.com/HugoAura/HugoAura">首页</a> · <a href="https://hugoaura.org/about">关于</a> · <a href="https://github.com/HugoAura/HugoAura/wiki">文档</a> · <a href="https://github.com/HugoAura/HugoAura/issues">反馈</a>
 </div>

-
 <br />

 > [!TIP]
 > HugoAura 的首个预览版已发布! [查看安装教程](https://github.com/HugoAura/HugoAura/wiki)

 > [!IMPORTANT]
-> 已经过测试的希沃管家版本: v1.5.4.3822
+> 已经过测试的希沃管家版本: v1.5.4.3824

 ## ✨ 概览

@@ -32,8 +30,8 @@

 - [x] 修改希沃管家密码认证组件 (自定义密码 / 解除密码 / 重设认证方式 / ...)
 - [x] 阻止希沃管家前端 Audit 上报行为
+- [x] 屏蔽屏幕锁 / 自定义屏幕锁行为
 - [ ] Aura 代理层服务 (篡改上报数据 / 欺骗冰冻状态)
- [ ] 屏蔽屏幕锁 / 自定义屏幕锁行为
 - [ ] 窥屏提醒
 - [ ] 插件功能

--- a/jsconfig.json
+++ b/jsconfig.json
@@ -6,4 +6,4 @@
    "strictNullChecks": true,
    "strictFunctionTypes": true
  }
-}
+}
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "HugoAura",
-  "version": "0.1.1-pre-II",
+  "version": "0.1.1-pre-III",
  "description": "Aura for SeewoHugo",
  "main": "app.asar/main.js",
  "dependencies": {},
--- a/src/aura/init/main/ipcHandler.js
+++ b/src/aura/init/main/ipcHandler.js
@@ -11,7 +11,7 @@ const buildIpcMain = (electron) => {
  /**
   * @type {import("../../types/main/electron").AuraIPCMain}
   */
-  // @ts-ignore
+  // @ts-expect-error
  const ipcMain = electron.ipcMain;

  /**
@@ -28,11 +28,33 @@ const buildIpcMain = (electron) => {
     * @param {string} chan
     * @param {any} targetData
     */
+    if (!global.__HUGO_AURA__.hookedWindows) {
+      return {
+        success: false,
+      };
+    }
+
    const sendDataToWebContents = (key, chan, targetData) => {
      const webContents =
-        global.__HUGO_AURA__.hookedWindows.get(key).webContents;
+        // @ts-expect-error
+        global.__HUGO_AURA__.hookedWindows.get(key)?.webContents;

-      if (grep !== webContents) webContents.send(chan, targetData);
+      if (!webContents) {
+        console.error(
+          `[HugoAura / Main / IPC / ERROR] Failed sending data to ${key}: WebContents not found`
+        );
+        return {
+          success: false,
+        };
+      }
+
+      if (grep !== webContents) {
+        webContents.send(chan, targetData);
+      }
+
+      return {
+        success: true,
+      };
    };

    if (windowKey === "*") {
@@ -51,6 +73,7 @@ const buildIpcMain = (electron) => {
    }
  };

+  const { applyConfigIpcHandler } = require("./ipcModules/configIpcHandler");
  const { applyPlsIpcHandler } = require("./ipcModules/plsIpcHandler");

  ipcMain.handle("$aura.base.restartApplication", async () => {
@@ -58,6 +81,7 @@ const buildIpcMain = (electron) => {
    app.exit(0);
  });

+  applyConfigIpcHandler(ipcMain);
  applyPlsIpcHandler(ipcMain);
 };

--- a/src/aura/init/main/ipcModules/configIpcHandler.js
+++ b/src/aura/init/main/ipcModules/configIpcHandler.js
@@ -0,0 +1,79 @@
+// @ts-check
+
+const __SCOPE = "main";
+
+/**
+ *
+ * @param {import("../../../types/main/electron").AuraIPCMain} ipcMain
+ */
+const applyConfigIpcHandler = (ipcMain) => {
+  const methodBase = "$aura.config";
+
+  const mainEventBus = global.__HUGO_AURA_EVENT_BUS__;
+
+  const ConfigManager = require("../../shared/configManager");
+  const configManager = global.__HUGO_AURA_CONFIG_MGR__
+    ? global.__HUGO_AURA_CONFIG_MGR__
+    : new ConfigManager();
+
+  ipcMain.on(`${methodBase}.refreshMainConfig`, (_event) => {
+    mainEventBus.emit("$aura.config.refreshConfig");
+  });
+
+  ipcMain.handle(
+    `${methodBase}.setConfigEncSettings`,
+    (
+      /** @type {import("electron").IpcMainInvokeEvent} */ _event,
+      /** @type {{ target: boolean }} */ arg
+    ) => {
+      mainEventBus.emit("$aura.config.updateConfigEncSettings", arg.target);
+      return {
+        success: true,
+      };
+    }
+  );
+
+  ipcMain.on(`${methodBase}.getConfigFromMainSync`, (event, _arg) => {
+    if (
+      global.__HUGO_AURA_CONFIG__ &&
+      Object.keys(global.__HUGO_AURA_CONFIG__).length !== 0
+    ) {
+      event.returnValue = {
+        success: true,
+        data: global.__HUGO_AURA_CONFIG__,
+      };
+    } else {
+      console.warn(
+        "[HugoAura / Main / IPC / Config / WARN] Global config var not found!"
+      );
+      event.returnValue = {
+        success: false,
+        data: {},
+      };
+    }
+  });
+
+  ipcMain.handle(
+    `${methodBase}.dispatchConfigFromRenderer`,
+    (_event, /** @type {{data: string, writeConfig?: boolean}} */ arg) => {
+      const parsedData = JSON.parse(arg.data);
+
+      global.__HUGO_AURA_CONFIG__ = parsedData;
+
+      if (arg.writeConfig) {
+        const result = configManager.writeConfig(parsedData);
+        if (!result) {
+          return {
+            success: false,
+          };
+        }
+      }
+
+      return {
+        success: true,
+      };
+    }
+  );
+};
+
+module.exports = { applyConfigIpcHandler };
--- a/src/aura/init/main/ipcModules/plsIpcHandler.js
+++ b/src/aura/init/main/ipcModules/plsIpcHandler.js
@@ -2,6 +2,7 @@

 const __SCOPE = "main";

+const os = require("os");
 const fs = require("fs");
 const path = require("path");

@@ -31,7 +32,7 @@ const applyPlsIpcHandler = (ipcMain) => {
     * @returns {{ success: boolean; data: { isExists: boolean }; error?: Error }}
     */
    (_event, _arg) => {
-      const plsFolderPath = path.join(__dirname, "../../../proxy");
+      const plsFolderPath = path.join("C:\\Program Files", "HugoAura PLS");
      try {
        const result = fs.existsSync(plsFolderPath);
        return {
@@ -52,7 +53,7 @@ const applyPlsIpcHandler = (ipcMain) => {
    `${methodBase}.getPlsStats`,
    /**
     *
-     * @returns {{ success: boolean; data: PLSStatus; }}
+     * @returns {{ success: boolean; data: import("../../../types/shared/pls/status").PLSStatus | null | undefined; }}
     */
    (_event, _arg) => {
      return {
@@ -67,7 +68,7 @@ const applyPlsIpcHandler = (ipcMain) => {
    /**
     *
     * @param {import("electron").IpcMainInvokeEvent} _event
-     * @param {PLSStatus} arg
+     * @param {import("../../../types/shared/pls/status").PLSStatus} arg
     * @returns
     */
    (_event, arg) => {
@@ -83,7 +84,7 @@ const applyPlsIpcHandler = (ipcMain) => {
    `${methodBase}.getPlsSettings`,
    /**
     *
-     * @returns {{ success: boolean; data: Record<any, any> }}
+     * @returns {{ success: boolean; data: Record<any, any> | null | undefined }}
     */
    (_event, _arg) => {
      return {
@@ -103,6 +104,7 @@ const applyPlsIpcHandler = (ipcMain) => {
     */
    (_event, arg) => {
      global.__HUGO_AURA__.plsSettings = arg;
+      ipcMain.send("assistant", `${methodBase}.post.onPlsSettingsUpdate`, arg);
      return {
        success: true,
      };
@@ -113,7 +115,7 @@ const applyPlsIpcHandler = (ipcMain) => {
    `${methodBase}.getPlsRules`,
    /**
     *
-     * @returns {{ success: boolean; data: Record<any, any> }}
+     * @returns {{ success: boolean; data: Record<any, any> | null | undefined }}
     */
    (_event, _arg) => {
      return {
@@ -133,6 +135,7 @@ const applyPlsIpcHandler = (ipcMain) => {
     */
    (_event, arg) => {
      global.__HUGO_AURA__.plsRules = arg;
+      ipcMain.send("assistant", `${methodBase}.post.onPlsRulesUpdate`, arg);
      return {
        success: true,
      };
@@ -185,6 +188,48 @@ const applyPlsIpcHandler = (ipcMain) => {
      };
    }
  );
+
+  ipcMain.handle(
+    `${methodBase}.retryPlsConnect`,
+    /**
+     *
+     * @param {import("electron").IpcMainInvokeEvent} _event
+     * @param {any} arg
+     * @returns {{ success: boolean, status: "Already" | "Retrying" }}
+     */
+    (_event, arg) => {
+      if (global.__HUGO_AURA__.plsStats?.connected) {
+        return {
+          success: true,
+          status: "Already",
+        };
+      } else {
+        ipcMain.send("desktopAssistant", `${methodBase}.retryPlsConnect`, arg);
+
+        return {
+          success: true,
+          status: "Retrying",
+        };
+      }
+    }
+  );
+
+  ipcMain.handle(
+    `${methodBase}.post.updateRetryStatus`,
+
+    /**
+     *
+     * @param {import("electron").IpcMainInvokeEvent} _event
+     * @param {{ success: boolean }} arg
+     */
+    (_event, arg) => {
+      ipcMain.send("assistant", `${methodBase}.post.updateRetryStatus`, arg);
+
+      return {
+        success: true,
+      };
+    }
+  );
 };

 module.exports = { applyPlsIpcHandler };
--- a/src/aura/init/preload/webpackHook.js
+++ b/src/aura/init/preload/webpackHook.js
@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require("path");

 class WebpackHook {
  #ruleCache = new Map();
@@ -19,7 +19,7 @@ class WebpackHook {
        if (!rule) {
          rule = require(path.join(
            __dirname,
-            '../../../aura/jsRewrite/',
+            "../../../aura/jsRewrite/",
            rulePath
          ));
          this.#ruleCache.set(rulePath, rule);
@@ -49,7 +49,7 @@ class WebpackHook {

  patchModules(modules, rewrites) {
    modules.forEach((mod, index) => {
-      if (typeof mod !== 'function') return;
+      if (typeof mod !== "function") return;
      const stringifyFunc = mod.toString();

      rewrites.forEach((rewrite) => {
@@ -67,14 +67,14 @@ class WebpackHook {
            let rewrittenFunction = mod;

            switch (method) {
-              case 'reactComponent':
+              case "reactComponent":
                window.__HUGO_AURA_HOOK__[ruleId] = {
                  feature: rewrite.feature,
-                  newFunction: rewrite.newFunction
-                }
+                  newFunction: rewrite.newFunction,
+                };
                rewrittenFunction = rewrite.preHook(mod);
                break;
-              case 'legacy':
+              case "legacy":
              default:
                rewrittenFunction = rewrite.newFunction;
                break;
@@ -95,7 +95,7 @@ class WebpackHook {
      });
    });

-    if (typeof window !== 'undefined') {
+    if (typeof window !== "undefined") {
      window.__HUGO_AURA_DEBUG__ = {
        getRuleCache: () => Array.from(this.#ruleCache.keys()),
      };
@@ -105,7 +105,7 @@ class WebpackHook {
  installHook(window, config) {
    let realWebpackJsonp = window.webpackJsonp;

-    Object.defineProperty(window, 'webpackJsonp', {
+    Object.defineProperty(window, "webpackJsonp", {
      get: () => realWebpackJsonp,
      set: (value) => {
        console.log(
@@ -119,7 +119,7 @@ class WebpackHook {
            if (args[0] && Array.isArray(args[0][1])) {
              const [chunkIds, modules] = args[0];
              console.log(
-                `[HugoAura / AppHook] Intercepting chunk ${chunkIds.join(', ')}`
+                `[HugoAura / AppHook] Intercepting chunk ${chunkIds.join(", ")}`
              );

              const rewrites = this.loadRewriteRules(config);
--- a/src/aura/init/rendererHook/uiHooksManager.js
+++ b/src/aura/init/rendererHook/uiHooksManager.js
@@ -87,7 +87,9 @@ class RendererHooksManager {
      return;
    }

-    console.log(`[HugoAura / Init / RDH] UI Hook is initializing for ${windowKey}...`);
+    console.log(
+      `[HugoAura / Init / RDH] UI Hook is initializing for ${windowKey}...`
+    );
    console.log(
      `[HugoAura / Init / RDH] UI Hook loaded at: ${new Date().toISOString()}`
    );
--- a/src/aura/init/shared/configManager.js
+++ b/src/aura/init/shared/configManager.js
@@ -6,6 +6,9 @@ const os = require("os");
 const crypto = require("crypto");
 const childProc = require("child_process");

+const RegistryManagerClass = require("./registryManager");
+const registryManager = new RegistryManagerClass();
+
 // Constants

 const CRYPTO_SETTINGS_AES = {
@@ -18,6 +21,7 @@ const CRYPTO_SETTINGS_AES = {
  obfuscateStr: "eCybsseK",
  hash: "sha256",
 };
+const LMAK_SETTINGS_BASE = "EncSettings\\LMAK";

 /**
 *
@@ -70,14 +74,35 @@ class ConfigManager {
    this.encConfigPath = path.join(this.configDir, ".cache_2eafc8d0.dat"); // (雾
    /* ↑ 不使用 .tmp 扩展名, 不然容易真被清理了 */
    this.defaultConfigPath = path.join(__dirname, "default.json");
+    this.useEncConfig = false;
+    this.isConfigReadFailed = false;
+    this.side = "unknown";
+
+    if (fs.existsSync(this.configPath)) {
+      this.useEncConfig = false;
+    } else {
+      this.useEncConfig = true;
+    }
+
+    if (global.__HUGO_AURA_EVENT_BUS__) {
+      // Expect always true
+      global.__HUGO_AURA_EVENT_BUS__.on(
+        "$aura.config.updateConfigEncSettings",
+        (/** @type {boolean} */ newVal) => {
+          this.useEncConfig = newVal;
+        }
+      );
+    }
  }

  getHugoAuraConfigPath() {
-    return path.dirname(this.configPath);
+    return path.dirname(
+      this.useEncConfig ? this.encConfigPath : this.configPath
+    );
  }

  getConfigPath() {
-    return this.configPath;
+    return this.useEncConfig ? this.encConfigPath : this.configPath;
  }

  getDefaultConfig() {
@@ -99,7 +124,7 @@ class ConfigManager {
      fs.mkdirSync(hugoAuraPath, { recursive: true });
    }

-    if (!fs.existsSync(this.configPath)) {
+    if (!fs.existsSync(this.configPath) && !fs.existsSync(this.encConfigPath)) {
      console.log("[HugoAura / Config] Creating default config file");
      const defaultConfig = this.getDefaultConfig();
      this.writeConfig(defaultConfig);
@@ -108,11 +133,30 @@ class ConfigManager {

  readConfig() {
    try {
-      const config = JSON.parse(fs.readFileSync(this.configPath, "utf8"));
-      console.log("[HugoAura / Config] Successfully loaded config:", config);
+      let config = {};
+      if (this.useEncConfig) {
+        const hashedPasswdResultObj = this.retrieveEncPassword();
+        if (hashedPasswdResultObj.success && hashedPasswdResultObj.data) {
+          config = this.decryptConfig(hashedPasswdResultObj.data).data;
+
+          if (!config) {
+            this.isConfigReadFailed = true;
+            return this.getDefaultConfig(); // should be changed, too
+          }
+        } else {
+          console.error("[HugoAura / Config / ERROR] Failed to decrypt config");
+          this.isConfigReadFailed = true;
+          return this.getDefaultConfig(); // This behaviour should be changed later
+        }
+      } else {
+        config = JSON.parse(fs.readFileSync(this.configPath, "utf8"));
+      }
+      // console.log("[HugoAura / Config] Successfully loaded config:", config);
+      if (this.isConfigReadFailed) this.isConfigReadFailed = false;
      return config;
    } catch (err) {
      console.error("[HugoAura / Config] Failed to read config:", err);
+      this.isConfigReadFailed = true;
      return this.getDefaultConfig();
    }
  }
@@ -120,15 +164,32 @@ class ConfigManager {
  /**
   *
   * @param {Record<any, any>} config
-   * @returns
+   * @returns {boolean}
   */
  writeConfig(config) {
    try {
-      fs.writeFileSync(
-        this.configPath,
-        JSON.stringify(config, null, 2),
-        "utf8"
-      );
+      if (this.useEncConfig) {
+        const hashedPasswdResultObj = this.retrieveEncPassword();
+        if (hashedPasswdResultObj.success && hashedPasswdResultObj.data) {
+          this.encryptConfig(config, hashedPasswdResultObj.data);
+        } else {
+          console.error(
+            "[HugoAura / Config / Write / ERROR] Failed to write config: Retrieve enc password failed"
+          );
+          return false;
+        }
+      } else {
+        fs.writeFileSync(
+          this.configPath,
+          JSON.stringify(config, null, 2),
+          "utf8"
+        );
+      }
+
+      if (this.side === "renderer") {
+        global.ipcRenderer.send("$aura.config.refreshMainConfig");
+      }
+
      return true;
    } catch (err) {
      console.error("[HugoAura / Config] Failed to write config:", err);
@@ -140,8 +201,8 @@ class ConfigManager {
    let defaultConfig = this.getDefaultConfig();
    let config = {};
    try {
-      if (fs.existsSync(this.configPath)) {
-        const userConfig = JSON.parse(fs.readFileSync(this.configPath, "utf8"));
+      if (fs.existsSync(this.configPath) || fs.existsSync(this.encConfigPath)) {
+        const userConfig = this.readConfig();
        if (global.__HUGO_AURA__.configInit) {
          config = userConfig;
          return userConfig;
@@ -153,18 +214,236 @@ class ConfigManager {
      }
    } catch (err) {
      console.error("[HugoAura / Config] Failed to load user config:", err);
+      this.isConfigReadFailed = true;
      config = defaultConfig;
    }

    return config;
  }

+  priv_getMacAddr() {
+    const netInf = os.networkInterfaces();
+    const realInfs = Object.keys(netInf).filter(
+      (key) =>
+        !key.includes("Pseudo") &&
+        !key.includes("Loopback") &&
+        !key.includes("Virtual") &&
+        !key.includes("Tunnel") &&
+        !key.includes("Cisco") &&
+        !key.includes("VPN")
+    );
+
+    /**
+     *
+     * @param {string[]} infNames
+     * @param {Record<string, any>} infObj
+     * @returns
+     */
+    const getValidInfMac = (infNames, infObj) => {
+      for (const name of infNames) {
+        const target = infObj[name][0];
+        const isValid = !target.internal && target.mac !== "00:00:00:00:00:00";
+        if (isValid) {
+          return target.mac;
+        }
+      }
+      return null;
+    };
+
+    const rawInfMac = getValidInfMac(realInfs, netInf);
+    const macAddr = rawInfMac
+      ? rawInfMac.replace(/:/g, "").toUpperCase()
+      : null;
+    return macAddr;
+  }
+
+  /**
+   *
+   * @param {SHA256EncryptedPassword} password
+   */
+  saveEncPassword(password) {
+    let macAddr = this.priv_getMacAddr();
+    let fallbackToStaticKey = false;
+
+    if (!macAddr) {
+      console.warn(
+        "[HugoAura / Config / LMK] No valid network inf found, fallback to static key."
+      );
+      macAddr = Buffer.from(crypto.randomBytes(6))
+        .toString("hex")
+        .toUpperCase();
+    }
+
+    const randomSalt = crypto.randomBytes(CRYPTO_SETTINGS_AES.saltLength);
+    const key = crypto.scryptSync(macAddr, randomSalt, 32);
+    const iv = crypto.randomBytes(CRYPTO_SETTINGS_AES.ivLength);
+
+    const cipherIns = crypto.createCipheriv(CRYPTO_SETTINGS_AES.mode, key, iv, {
+      // @ts-expect-error
+      authTagLength: CRYPTO_SETTINGS_AES.tagLength,
+    });
+
+    let encryptedPassword = cipherIns.update(password, "utf-8", "hex");
+    encryptedPassword += cipherIns.final("hex");
+
+    const authTagHex = cipherIns.getAuthTag().toString("hex");
+    const ivHex = iv.toString("hex");
+    const saltHex = randomSalt.toString("hex");
+
+    registryManager.createOrUpdateRegKey(
+      LMAK_SETTINGS_BASE,
+      "LMAK_Value",
+      encryptedPassword,
+      true
+    );
+    registryManager.createOrUpdateRegKey(
+      LMAK_SETTINGS_BASE,
+      "LMAK_IV",
+      ivHex,
+      true
+    );
+    registryManager.createOrUpdateRegKey(
+      LMAK_SETTINGS_BASE,
+      "LMAK_Salt",
+      saltHex,
+      true
+    );
+    registryManager.createOrUpdateRegKey(
+      LMAK_SETTINGS_BASE,
+      "LMAK_AuthTag",
+      authTagHex,
+      true
+    );
+
+    if (fallbackToStaticKey) {
+      registryManager.createOrUpdateRegKey(
+        LMAK_SETTINGS_BASE,
+        "LMAK_FakeMac",
+        macAddr,
+        true
+      );
+    }
+
+    return true;
+  }
+
+  retrieveEncPassword() {
+    try {
+      const authTagHex = registryManager.readRegKey(
+        LMAK_SETTINGS_BASE,
+        "LMAK_AuthTag",
+        true
+      )?.data;
+      const ivHex = registryManager.readRegKey(
+        LMAK_SETTINGS_BASE,
+        "LMAK_IV",
+        true
+      )?.data;
+      const saltHex = registryManager.readRegKey(
+        LMAK_SETTINGS_BASE,
+        "LMAK_Salt",
+        true
+      )?.data;
+      const encPasswdHex = registryManager.readRegKey(
+        LMAK_SETTINGS_BASE,
+        "LMAK_Value",
+        true
+      )?.data;
+      let isStaticKey = false;
+      let macAddr = null;
+
+      try {
+        macAddr = registryManager.readRegKey(
+          LMAK_SETTINGS_BASE,
+          "LMAK_FakeMac",
+          true
+        )?.data;
+        if (!macAddr) {
+          isStaticKey = false;
+        } else {
+          isStaticKey = true;
+        }
+      } catch {
+        isStaticKey = false;
+      }
+
+      if (!isStaticKey) {
+        macAddr = this.priv_getMacAddr();
+
+        if (!macAddr) {
+          console.error(
+            "[HugoAura / Config / ERROR] Failed to retrieve password from reg: MAC Address invalid."
+          );
+          return {
+            success: false,
+            data: null,
+            error: new Error("Mac is null or undefined"),
+          };
+        }
+      }
+
+      if (!saltHex || !ivHex || !authTagHex || !encPasswdHex) {
+        console.error(
+          "[HugoAura / Config / ERROR] Failed to retrieve password from reg: Reg keys invalid."
+        );
+        return {
+          success: false,
+          data: null,
+          error: new Error("Reg key invalid"),
+        };
+      }
+      const salt = Buffer.from(saltHex, "hex");
+      const iv = Buffer.from(ivHex, "hex");
+      const authTag = Buffer.from(authTagHex, "hex");
+      const encPasswd = Buffer.from(encPasswdHex, "utf-8").toString();
+
+      const key = crypto.scryptSync(macAddr, salt, 32);
+      const decipherIns = crypto.createDecipheriv(
+        CRYPTO_SETTINGS_AES.mode,
+        key,
+        iv,
+        {
+          // @ts-expect-error
+          authTagLength: CRYPTO_SETTINGS_AES.tagLength,
+        }
+      );
+
+      decipherIns.setAuthTag(authTag);
+
+      const result = Buffer.concat([
+        decipherIns.update(encPasswd, "hex"),
+        decipherIns.final(),
+      ]).toString();
+
+      return {
+        success: true,
+        data: result,
+        error: null,
+      };
+    } catch (e) {
+      console.error(
+        "[HugoAura / Config / ERROR] Unexpected error occurred while retrieving password from reg, error:",
+        e
+      );
+      return {
+        success: false,
+        data: null,
+        error: e,
+      };
+    }
+  }
+
+  clearEncPasswdRegKey() {
+    registryManager.delRegKey(LMAK_SETTINGS_BASE, null);
+  }
+
  /**
   *
   * @param {Record<any, any>} configData
-   * @param {string} passwd
+   * @param {SHA256EncryptedPassword} passwd
   */
  encryptConfig(configData, passwd) {
+    registryManager.initRegistry();
    const salt = crypto.randomBytes(CRYPTO_SETTINGS_AES.saltLength);
    const key = crypto.pbkdf2Sync(
      passwd,
@@ -198,15 +477,13 @@ class ConfigManager {

    try {
      fs.writeFileSync(this.encConfigPath, base64EncConfig, "utf-8");
-      // fs.rmSync(this.configPath);
+      try {
+        fs.unlinkSync(this.configPath);
+      } catch {
+        console.debug("[HugoAura / Config] Dec config not exists, skipping...");
+      }

-      const _hideFileProc = childProc.spawnSync(
-        "cmd.exe",
-        ["/c", "attrib", "+h", this.encConfigPath],
-        {
-          stdio: "inherit",
-        }
-      );
+      if (!this.useEncConfig) this.useEncConfig = true;
      return true;
    } catch (err) {
      console.error(
@@ -223,95 +500,169 @@ class ConfigManager {

  /**
   *
-   * @param {string} passwd
-   * @returns
+   * @param {SHA256EncryptedPassword} passwd
+   * @returns {{success: boolean, data: AuraConfig}}
   */
  decryptConfig(passwd) {
-    const FAILED_RET = {
-      success: false,
-      data: {},
-    };
-
-    let base64EncConfig = null;
-
    try {
-      if (!fs.existsSync(this.encConfigPath)) {
-        return FAILED_RET;
-      }
-      base64EncConfig = fs.readFileSync(this.encConfigPath, "utf-8");
-    } catch (err) {
-      console.error(
-        "[HugoAura / Config] Failed to read encrypted config:",
-        err
-      );
-      return FAILED_RET;
-    }
+      const FAILED_RET = {
+        success: false,
+        data: {},
+      };
+
+      let base64EncConfig = null;

-    if (base64EncConfig) {
-      const strip64EncCfg = base64EncConfig.split(
-        CRYPTO_SETTINGS_AES.obfuscateStr
-      )[1];
-      const encryptCfg = Buffer.from(strip64EncCfg, "base64").toString("utf-8");
-      /** @type {null | EncryptedConfig} */
-      let parsedEncCfg = null;
      try {
-        parsedEncCfg = JSON.parse(encryptCfg);
-      } catch (err) {
-        console.error(
-          "[HugoAura / Config] Failed to parse encrypted config:",
-          err
-        );
-        console.error("[HugoAura / Config] Pending data:", encryptCfg);
-      }
-      if (parsedEncCfg === null) return FAILED_RET;
-
-      const salt = Buffer.from(parsedEncCfg.salt, "base64");
-      const iv = Buffer.from(parsedEncCfg.iv, "base64");
-
-      const authTag = Buffer.from(parsedEncCfg.authTag, "base64");
-
-      const key = crypto.pbkdf2Sync(
-        passwd,
-        salt,
-        CRYPTO_SETTINGS_AES.keyIter,
-        CRYPTO_SETTINGS_AES.keyLength,
-        CRYPTO_SETTINGS_AES.hash
-      );
-
-      const decipherIns = crypto.createDecipheriv(
-        CRYPTO_SETTINGS_AES.mode,
-        key,
-        iv,
-        {
-          // @ts-expect-error
-          authTagLength: CRYPTO_SETTINGS_AES.tagLength,
+        if (!fs.existsSync(this.encConfigPath)) {
+          return FAILED_RET;
        }
-      );
-
-      decipherIns.setAuthTag(authTag);
-
-      let stringifyDecCfg = Buffer.concat([
-        decipherIns.update(parsedEncCfg.content, "hex"),
-        decipherIns.final(),
-      ]).toString();
-
-      /** @type {null | Record<any, any>} */
-      let decConfig = null;
-      try {
-        decConfig = JSON.parse(stringifyDecCfg);
+        base64EncConfig = fs.readFileSync(this.encConfigPath, "utf-8");
      } catch (err) {
        console.error(
-          "[HugoAura / Config] Failed to parse decrypted config:",
+          "[HugoAura / Config] Failed to read encrypted config:",
          err
        );
-        console.error("[HugoAura / Config] Pending data:", decConfig);
        return FAILED_RET;
      }
-      if (decConfig === null) return FAILED_RET;

-      console.debug(decConfig);
+      if (base64EncConfig) {
+        const strip64EncCfg = base64EncConfig.split(
+          CRYPTO_SETTINGS_AES.obfuscateStr
+        )[1];
+        const encryptCfg = Buffer.from(strip64EncCfg, "base64").toString(
+          "utf-8"
+        );
+        /** @type {null | EncryptedConfig} */
+        let parsedEncCfg = null;
+        try {
+          parsedEncCfg = JSON.parse(encryptCfg);
+        } catch (err) {
+          console.error(
+            "[HugoAura / Config] Failed to parse encrypted config:",
+            err
+          );
+          console.error("[HugoAura / Config] Pending data:", encryptCfg);
+        }
+        if (parsedEncCfg === null) return FAILED_RET;
+
+        const salt = Buffer.from(parsedEncCfg.salt, "base64");
+        const iv = Buffer.from(parsedEncCfg.iv, "base64");
+
+        const authTag = Buffer.from(parsedEncCfg.authTag, "base64");
+
+        const key = crypto.pbkdf2Sync(
+          passwd,
+          salt,
+          CRYPTO_SETTINGS_AES.keyIter,
+          CRYPTO_SETTINGS_AES.keyLength,
+          CRYPTO_SETTINGS_AES.hash
+        );
+
+        const decipherIns = crypto.createDecipheriv(
+          CRYPTO_SETTINGS_AES.mode,
+          key,
+          iv,
+          {
+            // @ts-expect-error
+            authTagLength: CRYPTO_SETTINGS_AES.tagLength,
+          }
+        );
+
+        decipherIns.setAuthTag(authTag);
+
+        const stringifyDecCfg = Buffer.concat([
+          decipherIns.update(parsedEncCfg.content, "hex"),
+          decipherIns.final(),
+        ]).toString();
+
+        /** @type {null | Record<any, any>} */
+        let decConfig = null;
+        try {
+          decConfig = JSON.parse(stringifyDecCfg);
+        } catch (err) {
+          console.error(
+            "[HugoAura / Config] Failed to parse decrypted config:",
+            err
+          );
+          console.error("[HugoAura / Config] Pending data:", decConfig);
+          return FAILED_RET;
+        }
+        if (decConfig === null) return FAILED_RET;
+
+        // console.debug(decConfig);
+
+        return {
+          success: true,
+          data: decConfig,
+        };
+      } else {
+        console.error(
+          "[HugoAura / Config] Unexpected error occurred while decrypting config: base64EncConfig is undefined"
+        );
+        return FAILED_RET;
+      }
+    } catch (e) {
+      console.error(
+        "[HugoAura / Config] Unexpected error occurred while decrypting config:",
+        e
+      );
+      return {
+        success: false,
+        data: {},
+      };
    }
  }
+
+  /**
+   *
+   * @param {Record<any, any> | null} curConfig
+   * @param {SHA256EncryptedPassword | undefined | null} passwd
+   * @returns {{success: boolean}}
+   */
+  switchToDecConfig(curConfig, passwd = null) {
+    let decConfig = null;
+    if (!curConfig && passwd) {
+      const getDecConfigResult = this.decryptConfig(passwd);
+      if (
+        !getDecConfigResult?.success ||
+        !getDecConfigResult.data ||
+        Object.keys(getDecConfigResult.data).length === 0
+      ) {
+        console.error(
+          "[HugoAura / Config] Failed to switch to decrypted config: Error decrypting config"
+        );
+        return {
+          success: false,
+        };
+      }
+      decConfig = getDecConfigResult.data;
+    }
+
+    this.useEncConfig = false;
+    this.clearEncPasswdRegKey();
+    // @ts-expect-error
+    this.writeConfig(curConfig ? curConfig : decConfig);
+    try {
+      fs.unlinkSync(this.encConfigPath);
+    } catch {
+      console.debug("[HugoAura / Config] Enc config not exists, skipping...");
+    }
+    global.__HUGO_AURA_EVENT_BUS__.emit(
+      "$aura.config.updateConfigEncSettings",
+      false
+    );
+    if (this.side === "renderer") {
+      global.ipcRenderer.invoke("$aura.config.setConfigEncSettings", {
+        target: false,
+      });
+      global.ipcRenderer.invoke("$aura.config.dispatchConfigFromRenderer", {
+        data: JSON.stringify(curConfig),
+      });
+    }
+    return {
+      success: true,
+    };
+  }
 }

-module.exports = new ConfigManager();
+module.exports = ConfigManager;
--- a/src/aura/init/shared/default.json
+++ b/src/aura/init/shared/default.json
@@ -7,7 +7,7 @@
        "passwordWithSalt": "89f6c4d57d0202a05c32d37cc6a2c6a0",
        "salt": "aura"
      },
-      "authModeRewrite": "none"
+      "authModeRewrite": "default"
    },
    "vendor/screenLock": {
      "enabled": true,
@@ -26,13 +26,11 @@
      "enabled": true
    }
  },
-  "plsToken": "66ccff0d000721114514191981023333",
  "auraSettings": {
    "settingsPasswordEnabled": false,
    "settingsPasswordWithSalt": "32703D292460CC9A3B867494D6AD9A8E4A3ADF0FAA4D6867BC4D412CC3927D02E47C6D0B1763BB53E57B2241C6193433561CDA09D7C48CA03983072B876F0965",
-    "appearance": {
-      "enablePasswdDialogBlur": true
-    }
+    "encryptConfig": false,
+    "appearance": {}
  },
  "devTools": false
 }
--- a/src/aura/init/shared/registryManager.js
+++ b/src/aura/init/shared/registryManager.js
@@ -0,0 +1,224 @@
+// @ts-check
+
+const childProc = require("child_process");
+
+// Constants
+
+const LOG_PREFIX = "[HugoAura / Init / Reg";
+const LOG_PREFIX_FUNC = "[HugoAura / Reg";
+const AURA_REGISTRY_PATH = ["HKCU", "SOFTWARE", "HugoAura"].join("\\");
+
+class RegistryManager {
+  /**
+   * @param {string} [path]
+   */
+  handleCreateReg(path) {
+    try {
+      const createResult = childProc.execSync(["reg", "add", path].join(" "), {
+        encoding: "utf8",
+      });
+
+      if (createResult) {
+        console.log(
+          `${LOG_PREFIX} / SUCCESS] Registry path ${path} successfully created.`
+        );
+        console.debug(
+          `${LOG_PREFIX} / DEBUG] Reg add command stdout:`,
+          createResult
+        );
+        return true;
+      }
+    } catch (e) {
+      console.error(
+        `${LOG_PREFIX} / ERROR] Failed creating registry path, error:`,
+        e
+      );
+      return false;
+    }
+  }
+
+  initRegistry() {
+    try {
+      const queryResult = childProc.execSync(
+        ["reg", "query", AURA_REGISTRY_PATH].join(" "),
+        { encoding: "utf8" }
+      );
+
+      if (queryResult) {
+        console.log(`${LOG_PREFIX}] Registry check up success.`);
+        console.debug(`${LOG_PREFIX}] Command stdout:`, queryResult);
+        return true;
+      }
+    } catch (e) {
+      console.warn(`${LOG_PREFIX} / WARN] Failed to query registry, error:`, e);
+      return this.handleCreateReg(AURA_REGISTRY_PATH);
+    }
+  }
+
+  /**
+   *
+   * @param {string} relativePath
+   * @param {string} keyName
+   * @param {string} keyVal
+   * @param {boolean | undefined} silent
+   */
+  createOrUpdateRegKey(relativePath, keyName, keyVal, silent = false) {
+    try {
+      const result = childProc.execSync(
+        [
+          "reg",
+          "add",
+          [AURA_REGISTRY_PATH, relativePath].join("\\"),
+          "/v",
+          keyName,
+          "/t",
+          "REG_SZ",
+          "/d",
+          `\"${keyVal}\"`,
+          "/f",
+        ].join(" "),
+        { encoding: "utf8" }
+      );
+
+      if (result) {
+        if (!silent) {
+          console.debug(
+            `${LOG_PREFIX_FUNC} / SUCCESS] Successfully created / updated reg key ${relativePath}/${keyName} with data: ${keyVal}`
+          );
+          console.debug(
+            `${LOG_PREFIX_FUNC} / SUCCESS] Add key command stdout:`,
+            result
+          );
+        }
+        return {
+          success: true,
+          error: null,
+        };
+      }
+    } catch (e) {
+      console.error(
+        `${LOG_PREFIX_FUNC} / ERROR] Failed to create / update reg key, error:`,
+        silent ? "<Hidden>" : e
+      );
+      return {
+        success: false,
+        error: e,
+      };
+    }
+  }
+
+  /*>>> BUC <<<
+  keyName === null --> delete the whole entry
+  >>> EUC <<<*/
+  /**
+   *
+   * @param {string} relativePath
+   * @param {string | null} keyName
+   * @param {boolean | undefined} silent
+   */
+  delRegKey(relativePath, keyName, silent = false) {
+    if (keyName === undefined) {
+      throw new Error(
+        `${LOG_PREFIX_FUNC} / CRITICAL] Arg \"keyName\" for function \"delRegKey\" cannot be undefined. Only null or string accepted.`
+      );
+    }
+
+    try {
+      const result = childProc.execSync(
+        [
+          "reg",
+          "delete",
+          [AURA_REGISTRY_PATH, relativePath].join("\\"),
+          keyName ? "/v" : "",
+          keyName ? keyName : "",
+          "/f",
+        ].join(" "),
+        { encoding: "utf8" }
+      );
+
+      if (result) {
+        if (!silent) {
+          console.debug(
+            `${LOG_PREFIX_FUNC} / SUCCESS] Successfully deleted reg key ${relativePath}/${keyName}`
+          );
+          console.debug(
+            `${LOG_PREFIX_FUNC} / SUCCESS] Delete key command stdout:`,
+            result
+          );
+        }
+        return {
+          success: true,
+          error: null,
+        };
+      }
+    } catch (e) {
+      console.error(
+        `${LOG_PREFIX_FUNC} / ERROR] Failed to delete reg key, error:`,
+        silent ? "<Hidden>" : e
+      );
+      return {
+        success: false,
+        error: e,
+      };
+    }
+  }
+
+  /**
+   *
+   * @param {string} relativePath
+   * @param {string} keyName
+   * @param {boolean | undefined} silent
+   */
+  readRegKey(relativePath, keyName, silent = false) {
+    try {
+      const readResult = childProc.execSync(
+        [
+          "reg",
+          "query",
+          [AURA_REGISTRY_PATH, relativePath].join("\\"),
+          "/v",
+          `\"${keyName}\"`,
+        ].join(" "),
+        { encoding: "utf8" }
+      );
+
+      if (readResult) {
+        if (!silent) {
+          console.debug(
+            `${LOG_PREFIX}] Successfully read reg key ${relativePath}/${keyName}, stdout:`,
+            readResult
+          );
+        }
+        const match = readResult.match(/REG_SZ\s+(.+)/);
+
+        if (!match) {
+          console.warn(`${LOG_PREFIX_FUNC} / WARN] Data not found in stdout`);
+          return {
+            success: false,
+            data: null,
+            error: new Error("Data not found"),
+          };
+        }
+
+        const data = match[1].trim();
+        return {
+          success: true,
+          data,
+          error: null,
+        };
+      }
+    } catch (e) {
+      console.error(
+        `${LOG_PREFIX_FUNC} / ERROR] Failed to read reg key, error:`,
+        silent ? "<Hidden>" : e
+      );
+      return {
+        success: false,
+        data: null,
+        error: e,
+      };
+    }
+  }
+}
+
+module.exports = RegistryManager;
--- a/src/aura/types/main/core.d.ts
+++ b/src/aura/types/main/core.d.ts
@@ -21,13 +21,6 @@ type HookedWindowsMap = Map<WindowName, HookedWindow>;

 type HookRequire = any;

-type HooksMap = Map<WindowName, HookRequire>;
+type UIHooksMap = Map<WindowName, HookRequire>;

-interface MainProcessGlobal {
-  hookedWindows: HookedWindowsMap;
-  hooks: HooksMap;
-  configInit: boolean;
-  plsStats: PLSStatus | null;
-  plsSettings: Record<any, any> | null;
-  plsRules: Record<any, any> | null;
-}
+type WindowHooksMap = Map<WindowName, HookRequire>;
--- a/src/aura/types/render/global.d.ts
+++ b/src/aura/types/render/global.d.ts
@@ -12,3 +12,6 @@ interface DesktopAssistantHugoAuraGlobal extends HugoAuraGlobal {
  plsWs: WebSocket | null;
  plsStats: PLSStatus;
 }
+
+type UIFunctionsObject = Record<string, any>;
+type UIReactivesObject = Record<string, any>;
--- a/src/aura/types/render/uiHook.d.ts
+++ b/src/aura/types/render/uiHook.d.ts
@@ -23,3 +23,5 @@ interface UIHookConfig {
 interface UIHookConfigFin extends UIHookConfig {
  windowName: WindowName;
 }
+
+type UIHooksObject = Record<AuraElementUID, UIHookConfigFin>;
--- a/src/aura/types/shared/config.d.ts
+++ b/src/aura/types/shared/config.d.ts
@@ -1,5 +1,6 @@
 type AES256EncryptedConfig = string;
 type Base64String = string;
+type SHA256EncryptedPassword = string;

 interface EncryptedConfig {
  content: AES256EncryptedConfig;
@@ -7,3 +8,5 @@ interface EncryptedConfig {
  salt: Base64String;
  iv: Base64String;
 }
+
+type AuraConfig = Record<any, any>;
--- a/src/aura/types/shared/global.d.ts
+++ b/src/aura/types/shared/global.d.ts
@@ -0,0 +1,39 @@
+import { IpcRenderer } from "electron";
+import type EventBus from "../../utils/eventBus";
+import { HookedWindowsMap, UIHooksMap, WindowHooksMap } from "../main/core";
+import { UIHooksObject } from "../render/uiHook";
+import ConfigManager from "../../init/shared/configManager";
+import { PLSStatus } from "./pls/status";
+
+type MainProcessOnlyVal<T> = T;
+type RendererProcessOnlyVal<T> = T;
+
+interface GlobalHugoAuraInfo {
+  central?: MainProcessOnlyVal<(...args: any) => any>;
+  configInit: boolean;
+  hookedWindows?: MainProcessOnlyVal<HookedWindowsMap>;
+  ipcInit?: MainProcessOnlyVal<boolean>;
+  plsRules?: Record<any, any> | null;
+  plsSettings?: Record<any, any> | null;
+  plsStats?: PLSStatus | null;
+  plsWs?: RendererProcessOnlyVal<WebSocket>;
+  uiHooks?: MainProcessOnlyVal<UIHooksMap>;
+  windowHooks?: MainProcessOnlyVal<WindowHooksMap>;
+  version: RendererProcessOnlyVal<string>;
+}
+
+type GlobalHugoAuraConfig = AuraConfig;
+
+declare global {
+  var ipcRenderer: RendererProcessOnlyVal<IpcRenderer>;
+  var __HUGO_AURA__: GlobalHugoAuraInfo;
+  var __HUGO_AURA_CONFIG__: GlobalHugoAuraConfig;
+  var __HUGO_AURA_CONFIG_MGR__: ConfigManager;
+  var __HUGO_AURA_EVENT_BUS__: EventBus;
+  var __HUGO_AURA_DEBUG__: RendererProcessOnlyVal<Record<any, any>>;
+  var __HUGO_AURA_GLOBAL__: RendererProcessOnlyVal<Record<any, any>>;
+  var __HUGO_AURA_HOOK__: RendererProcessOnlyVal<Record<any, any>>;
+  var __HUGO_AURA_LOADER__: RendererProcessOnlyVal<UIHooksObject>;
+  var __HUGO_AURA_UI_FUNCTIONS__: RendererProcessOnlyVal<UIFunctionsObject>;
+  var __HUGO_AURA_UI_REACTIVES__: RendererProcessOnlyVal<UIReactivesObject>;
+}
--- a/src/aura/types/shared/pls/status.d.ts
+++ b/src/aura/types/shared/pls/status.d.ts
@@ -1,3 +1,5 @@
+import { RendererProcessOnlyVal } from "../global";
+
 interface PLSStatus {
  installed: boolean;
  detached: boolean;
--- a/src/aura/ui/composables/plsConfigManager.js
+++ b/src/aura/ui/composables/plsConfigManager.js
@@ -8,7 +8,7 @@ const updatePlsStatusFromLocal = async () => {
  const plsStatus = (
    await global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.getPlsStats`)
  ).data;
-  global.__HUGO_AURA_GLOBAL__.plsStatus = plsStatus;
+  global.__HUGO_AURA__.plsStats = plsStatus;
  return plsStatus;
 };

@@ -16,7 +16,7 @@ const updatePlsSettingsFromLocal = async () => {
  const plsSettings = (
    await global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.getPlsSettings`)
  ).data;
-  global.__HUGO_AURA_GLOBAL__.plsSettings = plsSettings;
+  global.__HUGO_AURA__.plsSettings = plsSettings;
  return plsSettings;
 };

@@ -24,7 +24,7 @@ const updatePlsRulesFromLocal = async () => {
  const plsRules = (
    await global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.getPlsRules`)
  ).data;
-  global.__HUGO_AURA_GLOBAL__.plsRules = plsRules;
+  global.__HUGO_AURA__.plsRules = plsRules;
  return plsRules;
 };

@@ -49,10 +49,11 @@ const genRandomHex = () => {
 const updatePlsConfigToRemote = async (configKey, configValue) => {
  const configLevels = configKey.split(".");
  /** @type {Record<any, any>} */
+  // @ts-expect-error
  let localUpdateTarget =
    configLevels[0] === "ruleSettings"
-      ? global.__HUGO_AURA_GLOBAL__.plsRules
-      : global.__HUGO_AURA_GLOBAL__.plsSettings;
+      ? global.__HUGO_AURA__.plsRules
+      : global.__HUGO_AURA__.plsSettings;
  for (const level of configLevels.slice(0, -1)) {
    localUpdateTarget = localUpdateTarget[level];
  }
@@ -80,8 +81,8 @@ const updatePlsConfigToRemote = async (configKey, configValue) => {

  global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.ws.sendWsMessage`, data);
  global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.syncPlsConfig`, {
-    basic: global.__HUGO_AURA_GLOBAL__.plsSettings,
-    rules: global.__HUGO_AURA_GLOBAL__.plsRules,
+    basic: global.__HUGO_AURA__.plsSettings,
+    rules: global.__HUGO_AURA__.plsRules,
  });
 };

--- a/src/aura/ui/composables/settingsRenderer.js
+++ b/src/aura/ui/composables/settingsRenderer.js
@@ -22,7 +22,7 @@ const showRelaunchPLSToast = () => {
  const toast = document.getElementById("relaunchPlsNotifyToast");
  const toastBs = bootstrap.Toast.getOrCreateInstance(toast);

-  if (global.__HUGO_AURA_GLOBAL__.plsStatus.detached) {
+  if (global.__HUGO_AURA__.plsStats.detached) {
    const relaunchBtn = document.getElementById("plsRelaunchBtn");
    relaunchBtn.disabled = true;
    relaunchBtn.textContent = "分离模式下无法执行";
@@ -71,6 +71,18 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
        powerIcon.setAttribute("data-bs-title", "需要重启 Electron 进程");
        entryTitle.appendChild(powerIcon);
      }
+      if (entry.PLSRequired) {
+        const plsIcon = document.createElement("i");
+        plsIcon.classList.add(
+          "layui-icon",
+          "layui-icon-component",
+          "aura-settings-entry-property-icon"
+        );
+        plsIcon.setAttribute("data-bs-toggle", "tooltip");
+        plsIcon.setAttribute("data-bs-placement", "top");
+        plsIcon.setAttribute("data-bs-title", "需要 PLS 支持");
+        entryTitle.appendChild(plsIcon);
+      }
      if (entry.restartPLS) {
        const plsIcon = document.createElement("i");
        plsIcon.classList.add(
@@ -141,9 +153,9 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
            const elValue = entry.valueGetter();
            switchEl.value = elValue;
            switchEl.checked = elValue;
-            switchEl.addEventListener("change", (event) => {
+            switchEl.addEventListener("change", async (event) => {
              showToast(entry);
-              entry.callbackFn(event.target.checked);
+              await entry.callbackFn(event.target.checked);
            });
            entryOperationArea.classList.add("form-check", "form-switch");
            entryOperationArea.appendChild(switchEl);
@@ -167,10 +179,10 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
                template
              )}`;
              radioEl.checked = template === elValue ? true : false;
-              radioEl.addEventListener("change", (event) => {
+              radioEl.addEventListener("change", async (event) => {
                if (event.target.checked) {
                  showToast(entry);
-                  entry.callbackFn(event.target.value);
+                  await entry.callbackFn(event.target.value);
                }
              });
              inlineContainerEl.appendChild(radioEl);
@@ -192,8 +204,8 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
            inputEl.value = entry.valueGetter();
            inputEl.placeholder = entry.placeHolder;
            inputEl.id = entry.id;
-            inputEl.addEventListener("change", (event) => {
-              const result = entry.callbackFn(event.target.value);
+            inputEl.addEventListener("change", async (event) => {
+              const result = await entry.callbackFn(event.target.value);
              const success = result.valid;
              if (success) {
                showToast(entry);
@@ -217,6 +229,35 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
          break;
      }

+      const setDisableStatus = (el, isDisable, hint = null) => {
+        if (isDisable) {
+          el.classList.add("ase-operation-area-disabled");
+          if (hint) {
+            el.setAttribute("data-bs-toggle", "tooltip");
+            el.setAttribute("data-bs-placement", "top");
+            el.setAttribute("data-bs-title", hint);
+          }
+        } else {
+          el.setAttribute("data-bs-toggle", "");
+          el.setAttribute("data-bs-placement", "");
+          el.setAttribute("data-bs-title", "");
+          el.classList.remove("ase-operation-area-disabled");
+        }
+      };
+
+      if (entry.PLSRequired) {
+        if (!global.__HUGO_AURA__.plsStats.connected) {
+          setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
+        }
+
+        document.addEventListener("onPLSStatsUpdate", (event) => {
+          if (event.detail.connected) {
+            setDisableStatus(entryOperationArea, false);
+          } else {
+            setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
+          }
+        });
+      }
      entryContainerEl.appendChild(entryOperationArea);
      const isShow = entry.auraIf();
      if (!isShow) entryContainerEl.classList.add("aura-settings-entry-hidden");
@@ -245,12 +286,7 @@ const settingsRenderer = (pendingEl, settingsObj, isPls = false) => {
  }
  pendingEl.appendChild(formEl);

-  const tooltipTriggerList = document.querySelectorAll(
-    '[data-bs-toggle="tooltip"]'
-  );
-  [...tooltipTriggerList].map(
-    (tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl)
-  );
+  global.__HUGO_AURA_GLOBAL__.utils.refreshBsTooltip();
 };

 module.exports = { settingsRenderer };
--- a/src/aura/ui/css/form.css
+++ b/src/aura/ui/css/form.css
@@ -46,6 +46,15 @@
  flex: 0.75;
 }

+.aura-settings-entry-operation-area.ase-operation-area-disabled {
+  opacity: 0.25;
+  cursor: not-allowed;
+}
+
+.aura-settings-entry-operation-area.ase-operation-area-disabled * {
+  pointer-events: none;
+}
+
 .aura-settings-entry-operation-area.form-switch {
  transform: scale(1.2);
 }
--- a/src/aura/ui/hookDefinitions/assistant.js
+++ b/src/aura/ui/hookDefinitions/assistant.js
@@ -65,7 +65,7 @@ const def = {
    "ui/layui/css/layui.css",
    "ui/bootstrap/bootstrap.min.css",
  ],
-  globalJS: ["ui/js/global.js", "ui/bootstrap/bootstrap.bundle.min.js"],
+  globalJS: ["ui/js/global.js", "ui/js/plsListener.js", "ui/bootstrap/bootstrap.bundle.min.js"],
  onLoaded: `
    console.log('[HugoAura / UI / Hooks / Assistant] Page loaded.');
  `,
--- a/src/aura/ui/js/global.js
+++ b/src/aura/ui/js/global.js
@@ -1,9 +1,29 @@
 (() => {
+  /* Util: Sleep */
  const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

+  /* Util: BootStrap Tooltip Ctrl */
+  let tooltipTriggerCache = null;
+  const refreshBsTooltip = () => {
+    if (tooltipTriggerCache) {
+      [...tooltipTriggerCache].map((el) =>
+        bootstrap.Tooltip.getInstance(el).disable()
+      );
+    }
+
+    const tooltipTriggerList = document.querySelectorAll(
+      '[data-bs-toggle="tooltip"]'
+    );
+    tooltipTriggerCache = tooltipTriggerList;
+    [...tooltipTriggerList].map(
+      (tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl)
+    );
+  };
+
  if (!window.__HUGO_AURA_GLOBAL__) window.__HUGO_AURA_GLOBAL__ = {};

  window.__HUGO_AURA_GLOBAL__.utils = {
    sleep,
+    refreshBsTooltip,
  };
 })();
--- a/src/aura/ui/js/plsConnectionManager.js
+++ b/src/aura/ui/js/plsConnectionManager.js
@@ -1,192 +1,233 @@
 // @ts-check
-
-const IPC_METHOD_BASE = "$aura.pls";
-const REQUIRE_BASE = "../../aura/ui";
-const __SCOPE = "desktopAssistant";
-
-const { pushMsgHandler } = require(`${REQUIRE_BASE}/pls/pushHandler`);
-
-/** @type {number} */
-let failedCounter = 0;
-/** @type {boolean} */
-let isErrorOccurred = false;
-
-/**
- *
- * @param {string} authToken
- * @param {any} callback
- * @returns
- */
-const createPlsConnection = (authToken, callback) => {
-  if (failedCounter >= 3) {
-    console.error(
-      `[HugoAura / UI / PLS Manager / ERROR] Failed connecting to PLS WebSocket server, please check the status of PLS process.`
-    );
-    return;
-  }
-
-  /** @type {WebSocket} */
-  const plsWs = new WebSocket(
-    `wss://pls.hugoaura.local:22077/?auth=${authToken}`
-  );
-
-  plsWs.onopen = () => {
-    callback(true, plsWs);
-  };
-
-  plsWs.onerror = () => {
-    isErrorOccurred = true;
-    failedCounter += 1;
-    callback(false, plsWs);
-  };
-
-  plsWs.onclose = () => {
-    console.error(
-      "[HugoAura / UI / PLS Manager / ERROR] WebSocket connection closed."
-    );
-    if (isErrorOccurred) return;
-    failedCounter += 1;
-    callback(false, plsWs);
-  };
-};
-
-/**
- *
- * @param {WebSocket} wsObj
- */
-const registerSendReqListener = (wsObj) => {
-  global.ipcRenderer.on(
-    `${IPC_METHOD_BASE}.ws.post.onReqSendMsg`,
-    /**
-     *
-     * @param {Event} _evt
-     * @param {any} arg
-     */
-    (_evt, arg) => {
-      wsObj.send(JSON.stringify(arg));
-    }
-  );
-};
-
-/**
- *
- * @param {boolean} result
- * @param {WebSocket} wsObj
- * @returns
- */
-const connectionResultCallback = (result, wsObj) => {
-  global.__HUGO_AURA_GLOBAL__.plsStats.launched = result;
-  global.__HUGO_AURA_GLOBAL__.plsStats.connected = result;
-  global.ipcRenderer.invoke(
-    `${IPC_METHOD_BASE}.updatePlsStats`,
-    global.__HUGO_AURA_GLOBAL__.plsStats
-  );
-  if (!result) {
-    console.error(
-      `[HugoAura / UI / PLS Manager / ERROR] Failed connecting to PLS WebSocket server, retrying ...`
-    );
-    createPlsConnection(
-      global.__HUGO_AURA_GLOBAL__.plsStats.authToken,
-      connectionResultCallback
-    );
-    return;
-  }
-  global.__HUGO_AURA_GLOBAL__.plsWs = wsObj;
-  registerSendReqListener(wsObj);
-  wsObj.onmessage = plsPushHandler;
-};
-
-/**
- *
- * @param {MessageEvent} event
- */
-const plsPushHandler = (event) => {
-  try {
-    /** @type {Record<any, any>} */
-    const parsedEvent = JSON.parse(event.data);
-    console.debug(
-      "[HugoAura / UI / PLS Manager / DEBUG] Received new server message: "
-    );
-    if (!parsedEvent.eventId) {
-      // Push
-      pushMsgHandler(parsedEvent);
-    } else {
-      // Not push
-      global.ipcRenderer.send(
-        `${IPC_METHOD_BASE}.ws.broadcastMessageRecv`,
-        parsedEvent
-      );
-    }
-  } catch {
-    console.error(
-      "[HugoAura / UI / PLS Manager / ERROR] Failed to resolve server message: ",
-      event.data
-    );
-  }
-};
-
-const initPlsConnection = async () => {
-  failedCounter = 0;
-  isErrorOccurred = false;
-
-  const curPlsStats = await global.ipcRenderer.invoke(
-    `${IPC_METHOD_BASE}.getPlsStats`
-  );
-  let updatedPlsStats = {};
-  if (curPlsStats === null || !curPlsStats.success) {
-    updatedPlsStats = {
+(() => {
+  if (!global.__HUGO_AURA__.plsStats)
+    global.__HUGO_AURA__.plsStats = {
      installed: false,
-      launched: false,
      detached: false,
      connected: false,
+      launched: false,
+      status: "unknown",
      version: "未知",
-      status: "dead",
-      authToken: "66ccff0d000721114514191981023333",
+      authToken: "",
    };
-  } else {
-    updatedPlsStats = curPlsStats.data;
-  }

-  const isPlsFolderExists = (
-    await global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.getPlsFolderExists`)
-  ).data.isExists;
-  updatedPlsStats.installed = isPlsFolderExists;
+  const IPC_METHOD_BASE = "$aura.pls";
+  const REQUIRE_BASE = "../../aura/ui";
+  const __SCOPE = "desktopAssistant";

-  global.__HUGO_AURA_GLOBAL__.plsStats = updatedPlsStats;
-  console.debug(
-    "[HugoAura / UI / PLS Manager / DEBUG] Updated plsStats:",
-    global.__HUGO_AURA_GLOBAL__.plsStats
-  );
+  const { pushMsgHandler } = require(`${REQUIRE_BASE}/pls/pushHandler`);

-  global.ipcRenderer.invoke(
-    `${IPC_METHOD_BASE}.updatePlsStats`,
-    updatedPlsStats
-  );
+  /** @type {number} */
+  let failedCounter = 0;
+  /** @type {boolean} */
+  let isErrorOccurred = false;

-  const startConnPls = () => {
-    createPlsConnection(updatedPlsStats.authToken, connectionResultCallback);
+  const sendRetryStatusToMain = (/** @type {Boolean} */ status) => {
+    global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.post.updateRetryStatus`, {
+      success: status,
+    });
  };

-  if (updatedPlsStats.detached && updatedPlsStats.installed) {
-    startConnPls();
-  }
+  /**
+   *
+   * @param {string} authToken
+   * @param {any} callback
+   * @returns
+   */
+  const createPlsConnection = (authToken, callback) => {
+    if (failedCounter >= 3) {
+      console.error(
+        `[HugoAura / UI / PLS Manager / ERROR] Failed connecting to PLS WebSocket server, please check the status of PLS process.`
+      );
+      sendRetryStatusToMain(false);
+      return;
+    }

-  global.ipcRenderer.on(`${IPC_METHOD_BASE}.post.onPlsLaunched`, (_event) => {
-    setTimeout(() => {
+    /** @type {WebSocket} */
+    const plsWs = new WebSocket(
+      `wss://pls.hugoaura.local:22077/?auth=${authToken}`
+    );
+
+    plsWs.onopen = () => {
+      callback(true, plsWs);
+    };
+
+    plsWs.onerror = () => {
+      isErrorOccurred = true;
+      failedCounter += 1;
+      callback(false, plsWs);
+    };
+
+    plsWs.onclose = () => {
+      console.error(
+        "[HugoAura / UI / PLS Manager / ERROR] WebSocket connection closed."
+      );
+      if (isErrorOccurred) return;
+      failedCounter += 1;
+      callback(false, plsWs);
+    };
+  };
+
+  /**
+   *
+   * @param {WebSocket} wsObj
+   */
+  const registerSendReqListener = (wsObj) => {
+    global.ipcRenderer.on(
+      `${IPC_METHOD_BASE}.ws.post.onReqSendMsg`,
+      /**
+       *
+       * @param {import("electron").IpcRendererEvent} _evt
+       * @param {any} arg
+       */
+      (_evt, arg) => {
+        wsObj.send(JSON.stringify(arg));
+      }
+    );
+  };
+
+  /**
+   *
+   * @param {boolean} result
+   * @param {WebSocket} wsObj
+   * @returns
+   */
+  const connectionResultCallback = (result, wsObj) => {
+    if (!global.__HUGO_AURA__.plsStats) return; // 😅 typescript
+
+    global.__HUGO_AURA__.plsStats.launched = result;
+    global.__HUGO_AURA__.plsStats.connected = result;
+    global.ipcRenderer.invoke(
+      `${IPC_METHOD_BASE}.updatePlsStats`,
+      global.__HUGO_AURA__.plsStats
+    );
+    if (!result) {
+      console.error(
+        `[HugoAura / UI / PLS Manager / ERROR] Failed connecting to PLS WebSocket server, retrying ...`
+      );
+      createPlsConnection(
+        global.__HUGO_AURA__.plsStats.authToken,
+        connectionResultCallback
+      );
+      return;
+    }
+
+    sendRetryStatusToMain(true);
+
+    global.__HUGO_AURA__.plsWs = wsObj;
+    registerSendReqListener(wsObj);
+    wsObj.onmessage = plsPushHandler;
+  };
+
+  /**
+   *
+   * @param {MessageEvent} event
+   */
+  const plsPushHandler = (event) => {
+    try {
+      /** @type {Record<any, any>} */
+      const parsedEvent = JSON.parse(event.data);
+      console.debug(
+        "[HugoAura / UI / PLS Manager / DEBUG] Received new server message: "
+      );
+      if (!parsedEvent.eventId) {
+        // Push
+        pushMsgHandler(parsedEvent);
+      } else {
+        // Not push
+        global.ipcRenderer.send(
+          `${IPC_METHOD_BASE}.ws.broadcastMessageRecv`,
+          parsedEvent
+        );
+      }
+    } catch {
+      console.error(
+        "[HugoAura / UI / PLS Manager / ERROR] Failed to resolve server message: ",
+        event.data
+      );
+    }
+  };
+
+  const initPlsConnection = async () => {
+    if (!global.__HUGO_AURA__.plsStats) return;
+
+    failedCounter = 0;
+    isErrorOccurred = false;
+
+    const curPlsStats = await global.ipcRenderer.invoke(
+      `${IPC_METHOD_BASE}.getPlsStats`
+    );
+    let updatedPlsStats = {};
+    if (curPlsStats === null || !curPlsStats.success) {
+      updatedPlsStats = {
+        installed: false,
+        launched: false,
+        detached: false,
+        connected: false,
+        version: "未知",
+        status: "dead",
+        authToken: "66ccff0d000721114514191981023333",
+      };
+    } else {
+      updatedPlsStats = curPlsStats.data;
+    }
+
+    const isPlsFolderExists = (
+      await global.ipcRenderer.invoke(`${IPC_METHOD_BASE}.getPlsFolderExists`)
+    ).data.isExists;
+    updatedPlsStats.installed = isPlsFolderExists;
+
+    // @ts-expect-error
+    global.__HUGO_AURA__.plsStats = updatedPlsStats;
+    console.debug(
+      "[HugoAura / UI / PLS Manager / DEBUG] Updated early plsStats:",
+      global.__HUGO_AURA__.plsStats
+    );
+
+    global.ipcRenderer.invoke(
+      `${IPC_METHOD_BASE}.updatePlsStats`,
+      updatedPlsStats
+    );
+
+    const startConnPls = () => {
+      createPlsConnection(updatedPlsStats.authToken, connectionResultCallback);
+    };
+
+    /*
+    if (updatedPlsStats.detached && updatedPlsStats.installed) {
+    */
+    if (updatedPlsStats.installed) {
      startConnPls();
-    }, 5000);
-  });
-};
+    } else {
+      sendRetryStatusToMain(false);
+    }

-const onSetup = () => {
-  if (!global.global.ipcRenderer) {
-    // @ts-ignore
-    global.global.ipcRenderer = require("electron").global.ipcRenderer;
-  }
+    /*
+    global.ipcRenderer.on(`${IPC_METHOD_BASE}.post.onPlsLaunched`, (_event) => {
+      setTimeout(() => {
+        startConnPls();
+      }, 5000);
+    });
+    */
+  };

-  initPlsConnection();
-};
+  const onSetup = () => {
+    if (!global.ipcRenderer) {
+      // @ts-ignore
+      global.ipcRenderer = require("electron").global.ipcRenderer;
+    }
+
+    initPlsConnection();
+
+    global.ipcRenderer.on(
+      `${IPC_METHOD_BASE}.retryPlsConnect`,
+      (_evt, _arg) => {
+        if (!global.__HUGO_AURA__.plsStats) return;
+        if (global.__HUGO_AURA__.plsStats.connected) return;
+        initPlsConnection();
+      }
+    );
+  };

-(() => {
  onSetup();
 })();
--- a/src/aura/ui/js/plsListener.js
+++ b/src/aura/ui/js/plsListener.js
@@ -0,0 +1,58 @@
+(() => {
+  const IPC_METHOD_BASE = "$aura.pls";
+  const REQUIRE_BASE = "../../aura/ui";
+  const __SCOPE = "assistant";
+  const {
+    updatePlsStatusFromLocal,
+  } = require(`${REQUIRE_BASE}/composables/plsConfigManager`);
+
+  const setupListeners = () => {
+    if (!global.ipcRenderer)
+      global.ipcRenderer = require("electron").ipcRenderer;
+
+    ipcRenderer.on(
+      `${IPC_METHOD_BASE}.post.onPlsStatsUpdate`,
+      (_event, arg) => {
+        global.__HUGO_AURA__.plsStats = arg;
+      }
+    );
+
+    ipcRenderer.on(
+      `${IPC_METHOD_BASE}.post.onPlsSettingsUpdate`,
+      (_event, arg) => {
+        global.__HUGO_AURA__.plsSettings = arg;
+      }
+    );
+
+    ipcRenderer.on(
+      `${IPC_METHOD_BASE}.post.onPlsRulesUpdate`,
+      (_event, arg) => {
+        global.__HUGO_AURA__.plsRules = arg;
+      }
+    );
+
+    ipcRenderer.on(
+      `${IPC_METHOD_BASE}.post.updateRetryStatus`,
+      (_event, arg) => {
+        document.dispatchEvent(
+          new CustomEvent("onPLSStatsUpdate", {
+            detail: {
+              connected: arg.success,
+            },
+          })
+        );
+        if (
+          global.__HUGO_AURA_LOADER__["Aura.UI.Assistant.Config.BehaviourCtrl"]
+            .active
+        ) {
+          setTimeout(() => {
+            global.__HUGO_AURA_GLOBAL__.utils.refreshBsTooltip();
+          }, 500);
+        }
+      }
+    );
+  };
+
+  updatePlsStatusFromLocal();
+  setupListeners();
+})();
--- a/src/aura/ui/pages/config/config.css
+++ b/src/aura/ui/pages/config/config.css
@@ -1,486 +1,27 @@
 /* General */

-#aura-container-Aura-UI-Assistant-Config {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 1000;
-}
-
-.aura-config-page-root {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  background: url("../../../../app.asar/public/ae247697b4639c92bd008d0ea7d13b53.png");
-  /* 这里不用 background-size: cover; 的效果反而更舒服一些... */
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-  opacity: 1;
-  transform: scale(1);
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-root-inactive {
-  opacity: 0;
-  transform: scale(1.5);
-}
+@import url("./css/general.css");

 /* Header */

-.aura-config-page-header-area {
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  width: 100%;
-  padding-left: 8px;
-  padding-right: 8px;
-  color: white;
-  z-index: 12000;
-
-  opacity: 1;
-  transform: translateY(0);
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-header-area .iconfont {
-  font-size: 24px;
-
-  transition: all 0.25s;
-}
-
-.aura-config-page-header-area .iconfont:hover {
-  opacity: 0.75;
-  cursor: pointer;
-}
-
-.aura-config-page-header-area .iconfont:active {
-  opacity: 0.375;
-}
-
-.aura-config-page-header-area p {
-  margin-top: -2px;
-}
-
-.aura-config-page-header-area.header-collapsed {
-  transform: translateY(-1rem);
-  opacity: 0;
-}
-
-.aura-config-page-app-bar {
-  height: 40px;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-}
+@import url("./css/header.css");

 /* Status */

-.aura-config-page-status-container {
-  flex: 1;
-  width: 100%;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  opacity: 1;
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-status-container-hidden {
-  position: absolute;
-  opacity: 0;
-}
-
-.aura-config-page-status-main,
-.aura-config-page-status-description {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-}
-
-.aura-config-page-status-description {
-  margin-top: 0.5rem;
-  transform: translateY(0);
-  opacity: 1;
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-status-description.status-description-hidden {
-  transform: translateY(-2rem);
-  opacity: 0;
-}
-
-.aura-config-page-status-description p {
-  font-size: 18px;
-  margin-left: 15px;
-  margin-top: -2px;
-  color: white;
-  font-family: "Consolas", "Microsoft YaHei", sans-serif;
-}
-
-.aura-config-page-status-description i {
-  color: white;
-}
-
-.aura-config-page-central-aura-logo {
-  margin: 0.5rem 3rem;
-  width: 17.5%;
-}
-
-.aura-config-hr-vertical {
-  height: 3.75rem;
-  width: 1px;
-  background-color: rgba(255, 255, 255, 0.3);
-  margin-left: 30px;
-  margin-right: 30px;
-  border: none;
-}
-
-.aura-config-page-status-el {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-family: "Consolas", monospace;
-  color: white;
-
-  /*
-  .version-type {
-    content: "I want to use scss plz 😇"
-  }
-  */
-}
-
-.aura-config-page-status-side {
-  height: 30%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  flex: 1;
-
-  transform: translateX(0);
-  opacity: 1;
-
-  transition: transform 0.5s, opacity 0.5s;
-}
-
-.aura-config-page-status-side.left-side {
-  justify-content: flex-end;
-}
-
-.aura-config-page-status-side.left-side.status-side-hidden {
-  transform: translateX(5rem);
-  opacity: 0;
-}
-
-.aura-config-page-status-side.right-side {
-  justify-content: flex-start;
-}
-
-.aura-config-page-status-side.right-side.status-side-hidden {
-  transform: translateX(-5rem);
-  opacity: 0;
-}
-
-.aura-config-page-status-el .version-type {
-  font-size: 20px;
-  font-weight: 500;
-}
-
-.aura-config-page-status-el .version-content {
-  font-size: 16px;
-  margin-top: 5px;
-  opacity: 0.625;
-}
+@import url("./css/status.css");

 /* Operation */

-.aura-config-page-operation-area {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-end;
-  flex: 1;
-  width: 100%;
-  overflow-y: auto;
-}
+@import url("./css/operation.css");

-.aura-config-page-operation-area::-webkit-scrollbar {
-  display: none;
-}
+/* Config Status Notify */

-.aura-config-page-operation-area.subpage-expanded {
-  flex: 15;
-}
-
-.aura-config-page-subpage-container {
-  width: 100%;
-  height: 0;
-  background-color: rgba(255, 255, 255, 0.825);
-  z-index: 6000;
-  overflow-y: scroll;
-
-  opacity: 0;
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-subpage-container::-webkit-scrollbar {
-  display: none;
-}
-
-.aura-config-page-operation-area.subpage-expanded
-  .aura-config-page-subpage-container {
-  height: calc(100% - 40px - 4rem);
-  opacity: 1;
-}
-
-.aura-config-page-operation-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  background-color: rgba(255, 255, 255, 0.1);
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.aura-config-page-operation-container.hide-other-operations
-  .aura-config-page-operation-el:not(.preserve-operation) {
-  max-width: 0;
-  opacity: 0;
-}
-
-.aura-config-page-operation-container.hide-other-operations
-  .aura-config-page-operation-el.preserve-operation {
-  flex: 0.25;
-}
-
-.aura-config-page-operation-el {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-  overflow: hidden;
-  white-space: nowrap;
-
-  max-width: 25%;
-  opacity: 1;
-  transform: translateY(0);
-
-  transition: opacity 0.5s, transform 0.5s,
-    max-width cubic-bezier(0, 0.42, 0.18, 1) 0.5s;
-}
-
-.aura-config-page-operation-el.operation-el-show:hover {
-  cursor: pointer;
-}
-
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover {
-  cursor: not-allowed;
-}
-
-.aura-config-page-operation-el.operation-el-hidden {
-  transform: translateY(2rem);
-  opacity: 0;
-}
-
-.aura-config-page-operation-el.operation-el-show
-  .aura-config-page-operation-body {
-  opacity: 1;
-  transition: opacity 0.25s;
-}
-
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]
-  .aura-config-page-operation-body {
-  transition: opacity 0.5s;
-}
-
-.aura-config-page-operation-el.operation-el-show:not(.preserve-operation):hover
-  .aura-config-page-operation-body {
-  opacity: 0.625;
-}
-
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover
-  .aura-config-page-operation-body {
-  opacity: 0.25;
-}
-
-.aura-config-page-operation-el.operation-el-show:not(.preserve-operation):active
-  .aura-config-page-operation-body {
-  opacity: 0.25;
-}
-
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]::after {
-  content: "别急嘛, 还在开发呢...";
-  font-size: 16px;
-  opacity: 0;
-  color: white;
-  position: absolute;
-
-  transition: all 0.5s;
-}
-
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover::after,
-.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:active::after {
-  opacity: 1;
-}
-
-.aura-config-page-operation-body {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.aura-config-page-operation-el img {
-  max-width: 40px;
-  margin-right: 20px;
-}
-
-.aura-config-page-operation-el .config-operation-title {
-  color: white;
-  font-size: large;
-}
-
-.aura-config-page-operation-el .config-operation-description {
-  color: white;
-  opacity: 0.75;
-  font-size: small;
-}
+@import url("./css/configStatusNotify.css");

 /* Auth Dialog */

-.aura-config-page-auth-dialog-area {
-  position: absolute;
-  height: calc(100% - 40px);
-  width: 100%;
-  top: 40px;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 10000;
-  background-color: rgba(255, 255, 255, 0.35);
-
-  opacity: 1;
-  transition: all 0.5s;
-}
-
-.aura-config-page-auth-dialog-area.blur-enabled {
-  height: 100%;
-  top: 0;
-  background-color: rgba(255, 255, 255, 0.15);
-  backdrop-filter: blur(5px);
-  filter: blur(0.1px);
-  /* ↑ 似乎会导致性能问题 */
-}
-
-.acp-ada-hidden {
-  opacity: 0;
-}
-
-.acp-ada-hidden.blur-enabled {
-  backdrop-filter: blur(0.1px);
-  filter: unset;
-}
-
-.aura-config-page-auth-dialog {
-  height: 40%;
-  width: 100%;
-  background-color: rgba(255, 255, 255, 0.625);
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  align-items: center;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.acp-auth-dialog-title {
-  font-size: x-large;
-  margin-bottom: 1.5rem;
-}
-
-#acp-auth-user-input {
-  max-width: 50%;
-  /* background-color: rgba(255, 255, 255, 0.5); */
-  border-radius: 35px;
-  margin-bottom: 2rem;
-}
-
-#acp-auth-user-input.invalid {
-  animation: invalidShake 0.6s linear;
-}
-
-.acp-auth-confirm-btn {
-  background-color: transparent;
-  border-radius: 35px;
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  padding: 0.5rem;
-}
-
-.acp-auth-confirm-btn .layui-icon {
-  font-size: 24px;
-  margin-left: 2px;
-}
+@import url("./css/authDialog.css");

 /* Toast */

-.aura-config-page-toast-area {
-  z-index: 9000;
-}
-
-.aura-config-page-toast-area .toast {
-  --bs-toast-border-width: 0 !important;
-  --bs-toast-bg: #fff !important;
-}
-
-.aura-config-page-toast-area .toast-header {
-  background-color: rgb(255, 234, 202);
-
-  border-top-left-radius: var(--bs-toast-border-radius);
-  border-top-right-radius: var(--bs-toast-border-radius);
-}
-
-.aura-config-page-toast-area .toast.acp-toast-emerg .toast-header {
-  background-color: rgb(255, 202, 202);
-}
-
-.aura-config-page-toast-area .toast-header * {
-  color: rgba(234, 126, 14, 0.85);
-}
-
-.aura-config-page-toast-area .toast.acp-toast-emerg .toast-header * {
-  color: rgba(234, 65, 14, 0.85);
-}
-
-.aura-config-page-toast-area .toast-body p {
-  margin-bottom: var(--bs-toast-padding-x);
-}
-
-.aura-config-page-toast-area .toast-header .layui-icon {
-  font-weight: bolder;
-  margin-right: 0.5rem;
-  font-size: 18px;
-}
+@import url("./css/toast.css");
--- a/src/aura/ui/pages/config/config.html
+++ b/src/aura/ui/pages/config/config.html
@@ -1,4 +1,8 @@
-<div class="aura-config-page-root-inactive aura-config-page-root">
+<div
+  class="aura-config-page-root-inactive aura-config-page-root"
+  style="display: none"
+>
+  <!-- display: none 用于防止 CSS 还未加载完成时, 用户看到错乱的样式 -->
  <div class="header-collapsed aura-config-page-header-area">
    <div class="aura-config-page-app-bar" style="-webkit-app-region: drag">
      <div
@@ -66,6 +70,28 @@
  <div class="aura-config-page-operation-area">
    <div class="aura-config-page-subpage-container"></div>
    <div class="aura-config-page-operation-container">
+      <div class="acp-config-status-notify hidden fully-hidden">
+        <div class="acp-config-status-notify-area">
+          <div class="acp-config-status-notify-main-content">
+            <i class="layui-icon layui-icon-component acsn-main-icon"></i>
+            <p class="acsn-main-title">修改的配置暂未保存</p>
+            <button
+              type="button"
+              class="btn btn-outline-primary btn-sm acsn-save-btn"
+              onclick="window.__HUGO_AURA_UI_FUNCTIONS__.config.handleSaveConfig()"
+            >
+              保存配置
+            </button>
+          </div>
+
+          <div
+            class="acp-config-status-notify-success acsn-success-hidden acsn-success-fully-hidden"
+          >
+            <i class="layui-icon layui-icon-release"></i>
+            <p>保存成功</p>
+          </div>
+        </div>
+      </div>
      <div
        class="operation-el-hidden aura-config-page-operation-el"
        onclick="window.__HUGO_AURA_UI_FUNCTIONS__.config.toggleSubConfig('disableLimitations', true)"
@@ -80,10 +106,9 @@
      </div>
      <div
        class="operation-el-hidden aura-config-page-operation-el"
-        aura-disabled="true"
+        onclick="window.__HUGO_AURA_UI_FUNCTIONS__.config.toggleSubConfig('behaviourCtrl', true)"
      >
        <!-- Still WIP -->
-        <!-- onclick="window.__HUGO_AURA_UI_FUNCTIONS__.config.toggleSubConfig('behaviourCtrl', true)" -->
        <div class="aura-config-page-operation-body">
          <img src="../../aura/ui/static/config/behaviour_mon.svg" />
          <div>
@@ -122,6 +147,7 @@
  <div
    class="aura-config-page-auth-dialog-area acp-ada-hidden"
    style="display: none"
+    aura-cancel="true"
  >
    <div class="aura-config-page-auth-dialog">
      <p class="acp-auth-dialog-title">验证您的身份</p>
@@ -134,12 +160,21 @@
        id="acp-auth-user-input"
      />

-      <button
-        class="acp-auth-confirm-btn"
-        onclick="global.__HUGO_AURA_UI_FUNCTIONS__.config.verifyAuthPassword()"
-      >
-        <i class="layui-icon layui-icon-right"></i>
-      </button>
+      <div class="acp-auth-btns-container">
+        <button
+          class="acp-auth-cancel-btn"
+          onclick="global.__HUGO_AURA_UI_FUNCTIONS__.config.handleNavBack()"
+        >
+          <i class="layui-icon layui-icon-return"></i>
+        </button>
+
+        <button
+          class="acp-auth-confirm-btn"
+          onclick="global.__HUGO_AURA_UI_FUNCTIONS__.config.verifyAuthPassword()"
+        >
+          <i class="layui-icon layui-icon-ok"></i>
+        </button>
+      </div>
    </div>
  </div>

@@ -157,10 +192,14 @@
        </div>
        <div class="toast-body">
          <p>请重载当前窗口以应用修改的设置</p>
+          <p>已修改的配置将自动保存</p>
          <button
            type="button"
            class="btn btn-primary btn-sm"
-            onclick="window.location.reload()"
+            onclick="(() => {
+              global.__HUGO_AURA_CONFIG_MGR__.writeConfig(global.__HUGO_AURA_CONFIG__);
+              window.location.reload();
+            })()"
          >
            重载页面
          </button>
@@ -181,10 +220,14 @@
        </div>
        <div class="toast-body">
          <p>请重启 Electron 进程以应用修改的设置</p>
+          <p>已修改的配置将自动保存</p>
          <button
            type="button"
            class="btn btn-primary btn-sm"
-            onclick="ipcRenderer.invoke('$aura.base.restartApplication')"
+            onclick="(() => {
+              global.__HUGO_AURA_CONFIG_MGR__.writeConfig(global.__HUGO_AURA_CONFIG__);
+              ipcRenderer.invoke('$aura.base.restartApplication')
+            })()"
          >
            重启进程
          </button>
@@ -205,6 +248,7 @@
        </div>
        <div class="toast-body">
          <p>请重启 PLS 进程以应用修改的设置</p>
+          <p>已修改的配置将自动保存</p>
          <button
            type="button"
            class="btn btn-primary btn-sm"
--- a/src/aura/ui/pages/config/config.js
+++ b/src/aura/ui/pages/config/config.js
@@ -2,11 +2,23 @@ global.__HUGO_AURA_UI_REACTIVES__.config = {
  isInSubPage: false,
  currentActiveSubPage: "",
  authenticated: false,
+  isConfigPendingWrite: false,
 };

 global.__HUGO_AURA_UI_FUNCTIONS__.config = {
  handleNavBack: () => {
    if (global.__HUGO_AURA_UI_REACTIVES__.config.isInSubPage) {
+      const acsDialogAreaEl = document.getElementsByClassName(
+        "aura-config-page-auth-dialog-area"
+      )[0];
+      if (!Array.from(acsDialogAreaEl.classList).includes("acp-ada-hidden")) {
+        global.__HUGO_AURA_UI_FUNCTIONS__.config.hideAndResetAuthDialog();
+        return;
+      }
+
+      if (global.__HUGO_AURA_UI_REACTIVES__.config.isConfigPendingWrite) {
+        global.__HUGO_AURA_UI_FUNCTIONS__.config.handleSaveConfig();
+      }
      global.__HUGO_AURA_UI_FUNCTIONS__.config.toggleSubConfig(
        global.__HUGO_AURA_UI_REACTIVES__.config.currentActiveSubPage,
        false
@@ -156,13 +168,8 @@ global.__HUGO_AURA_UI_FUNCTIONS__.config = {
      encPasswd ===
      global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt
    ) {
-      const acsDialogAreaEl = document.getElementsByClassName(
-        "aura-config-page-auth-dialog-area"
-      )[0];
-      acsDialogAreaEl.classList.add("acp-ada-hidden");
-      await window.__HUGO_AURA_GLOBAL__.utils.sleep(500);
-      acsDialogAreaEl.style = "display: none;";
-      await window.__HUGO_AURA_GLOBAL__.utils.sleep(250);
+      await global.__HUGO_AURA_UI_FUNCTIONS__.config.hideAndResetAuthDialog();
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(250);
      global.__HUGO_AURA_UI_REACTIVES__.config.authenticated = true;
      global.__HUGO_AURA_UI_FUNCTIONS__.config.showSecondPhaseAnim();
      return true;
@@ -171,6 +178,91 @@ global.__HUGO_AURA_UI_FUNCTIONS__.config = {
      return false;
    }
  },
+
+  hideAndResetAuthDialog: async () => {
+    const acsDialogAreaEl = document.getElementsByClassName(
+      "aura-config-page-auth-dialog-area"
+    )[0];
+    const acpAppBarEl = document.getElementsByClassName(
+      "aura-config-page-header-area"
+    )[0];
+    const acpDialogTitleEl = document.getElementsByClassName(
+      "acp-auth-dialog-title"
+    )[0];
+    const acpDialogConfirmBtnEl = document.getElementsByClassName(
+      "acp-auth-confirm-btn"
+    )[0];
+    const acpDialogCancelBtnEl = document.getElementsByClassName(
+      "acp-auth-cancel-btn"
+    )[0];
+    const inputEl = document.getElementById("acp-auth-user-input");
+    acsDialogAreaEl.classList.add("acp-ada-hidden");
+    acpAppBarEl.classList.remove("color-reverse");
+    await window.__HUGO_AURA_GLOBAL__.utils.sleep(500);
+    acsDialogAreaEl.style = "display: none;";
+    acpDialogTitleEl.textContent = "验证您的身份";
+    inputEl.value = "";
+    inputEl.classList.remove("invalid");
+    inputEl.classList.remove("is-invalid");
+    acpDialogConfirmBtnEl.onclick = (_evt) => {
+      global.__HUGO_AURA_UI_FUNCTIONS__.config.verifyAuthPassword();
+    };
+    acpDialogCancelBtnEl.onclick = (_evt) => {
+      global.__HUGO_AURA_UI_FUNCTIONS__.config.handleNavBack();
+    };
+  },
+
+  handleACSNShow: async () => {
+    const acsnRootEl = document.getElementsByClassName(
+      "acp-config-status-notify"
+    )[0];
+    acsnRootEl.classList.remove("fully-hidden");
+    await global.__HUGO_AURA_GLOBAL__.utils.sleep(10);
+    acsnRootEl.classList.remove("hidden");
+    return true;
+  },
+
+  handleSaveConfig: async () => {
+    const result = global.__HUGO_AURA_CONFIG_MGR__.writeConfig(
+      global.__HUGO_AURA_CONFIG__
+    );
+
+    if (result) {
+      global.__HUGO_AURA_UI_REACTIVES__.config.isConfigPendingWrite = false;
+      const acsnRootEl = document.getElementsByClassName(
+        "acp-config-status-notify"
+      )[0];
+      const acsnMainContentEl = document.getElementsByClassName(
+        "acp-config-status-notify-main-content"
+      )[0];
+      const acsnSuccessEl = document.getElementsByClassName(
+        "acp-config-status-notify-success"
+      )[0];
+      const acsnAreaEl = document.getElementsByClassName(
+        "acp-config-status-notify-area"
+      )[0];
+      acsnMainContentEl.classList.add("acsn-main-content-hidden");
+      acsnAreaEl.classList.add("transparent");
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(250);
+      acsnMainContentEl.classList.add("acsn-main-content-fully-hidden");
+      acsnSuccessEl.classList.remove("acsn-success-fully-hidden");
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+      acsnSuccessEl.classList.remove("acsn-success-hidden");
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(1500);
+      acsnRootEl.classList.add("hidden");
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(500);
+      acsnRootEl.classList.add("fully-hidden");
+      await global.__HUGO_AURA_GLOBAL__.utils.sleep(10);
+      // Reset class
+      acsnMainContentEl.className = "acp-config-status-notify-main-content";
+      acsnAreaEl.className = "acp-config-status-notify-area";
+      acsnSuccessEl.className =
+        "acp-config-status-notify-success acsn-success-hidden acsn-success-fully-hidden";
+      return true;
+    } else {
+      // TODO: Error handling
+    }
+  },
 };

 (() => {
@@ -237,15 +329,13 @@ global.__HUGO_AURA_UI_FUNCTIONS__.config = {
      const acsDialogAreaEl = document.getElementsByClassName(
        "aura-config-page-auth-dialog-area"
      )[0];
+      const acpAppBarEl = document.getElementsByClassName(
+        "aura-config-page-header-area"
+      )[0];
      acsDialogAreaEl.style = "";
-      if (
-        global.__HUGO_AURA_CONFIG__.auraSettings.appearance
-          .enablePasswdDialogBlur
-      ) {
-        acsDialogAreaEl.classList.add("blur-enabled");
-      }
      await window.__HUGO_AURA_GLOBAL__.utils.sleep(500);
      acsDialogAreaEl.classList.remove("acp-ada-hidden");
+      acpAppBarEl.classList.add("color-reverse");
    }
  };

--- a/src/aura/ui/pages/config/css/authDialog.css
+++ b/src/aura/ui/pages/config/css/authDialog.css
@@ -0,0 +1,95 @@
+.aura-config-page-auth-dialog-area {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 10000;
+  background-color: rgba(255, 255, 255, 0.5);
+
+  opacity: 1;
+  transition: all 0.5s;
+}
+
+.acp-ada-hidden {
+  opacity: 0;
+}
+
+.aura-config-page-auth-dialog {
+  height: 40%;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.75);
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  align-items: center;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.acp-auth-dialog-title {
+  font-size: x-large;
+  margin-bottom: 1.5rem;
+}
+
+#acp-auth-user-input {
+  max-width: 50%;
+  /* background-color: rgba(255, 255, 255, 0.5); */
+  border-radius: 35px;
+  margin-bottom: 2rem;
+}
+
+#acp-auth-user-input.invalid {
+  animation: invalidShake 0.6s linear;
+}
+
+.acp-auth-btns-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.acp-auth-btns-container button {
+  transition: all 0.25s;
+}
+
+.acp-auth-btns-container button:hover {
+  opacity: 0.5;
+}
+
+.acp-auth-btns-container button:active {
+  opacity: 0.25;
+}
+
+.acp-auth-confirm-btn,
+.acp-auth-cancel-btn {
+  border-radius: 35px;
+  padding: 0.5rem;
+}
+
+.acp-auth-confirm-btn {
+  background: linear-gradient(135deg, #218fff 0%, #3fbaff 100%);
+  border: 0;
+}
+
+.acp-auth-confirm-btn .layui-icon {
+  font-size: 24px;
+  color: white;
+}
+
+.acp-auth-cancel-btn .layui-icon {
+  font-size: 24px;
+}
+
+.acp-auth-cancel-btn {
+  background-color: transparent;
+  margin-right: 3rem;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+}
+
+.aura-config-page-auth-dialog-area[aura-cancel="false"] .acp-auth-cancel-btn {
+  display: none;
+}
--- a/src/aura/ui/pages/config/css/configStatusNotify.css
+++ b/src/aura/ui/pages/config/css/configStatusNotify.css
@@ -0,0 +1,114 @@
+.acp-config-status-notify {
+  position: absolute;
+  height: calc(40px + 4rem);
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(5px);
+  filter: blur(0.1px);
+  z-index: 15000;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  transition: all 0.5s;
+}
+
+.acp-config-status-notify.hidden {
+  backdrop-filter: blur(0.1px);
+  filter: unset;
+  opacity: 0;
+}
+
+.acp-config-status-notify.fully-hidden {
+  display: none;
+}
+
+.acp-config-status-notify-area {
+  height: 100%;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.6);
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  transition: background-color 0.25s;
+}
+
+.acp-config-status-notify-area.transparent {
+  background-color: transparent;
+}
+
+.acp-config-status-notify-main-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  /* margin-bottom: 0.75rem; */
+
+  opacity: 1;
+  transition: opacity 0.25s;
+}
+
+.acp-config-status-notify-main-content.acsn-main-content-hidden {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.acp-config-status-notify-main-content.acsn-main-content-fully-hidden {
+  display: none;
+}
+
+.acp-config-status-notify-area .acsn-main-icon {
+  font-size: 24px;
+}
+
+.acp-config-status-notify-area .acsn-main-title {
+  font-size: large;
+  margin-left: 0.5rem;
+  margin-right: 2.25rem;
+}
+
+.acp-config-status-notify-area .acsn-save-btn {
+  margin-top: 2px; /* 可能是中文导致的 */
+
+  opacity: 1;
+  transition: all 0.25s;
+}
+
+.acp-config-status-notify-area .acsn-save-btn:active {
+  opacity: 0.625;
+}
+
+.acp-config-status-notify-success {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+
+  color: white;
+
+  opacity: 1;
+  transition: opacity 0.25s;
+}
+
+.acp-config-status-notify-success.acsn-success-hidden {
+  opacity: 0;
+}
+
+.acp-config-status-notify-success.acsn-success-fully-hidden {
+  display: none;
+}
+
+.acp-config-status-notify-success .layui-icon {
+  font-size: 26px;
+}
+
+.acp-config-status-notify-success p {
+  font-size: large;
+  margin-top: 0.2rem;
+}
--- a/src/aura/ui/pages/config/css/general.css
+++ b/src/aura/ui/pages/config/css/general.css
@@ -0,0 +1,33 @@
+#aura-container-Aura-UI-Assistant-Config {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 1000;
+}
+
+.aura-config-page-root {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: url("../../../../../app.asar/public/ae247697b4639c92bd008d0ea7d13b53.png");
+  /* 这里不用 background-size: cover; 的效果反而更舒服一些... */
+
+  display: flex !important;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  opacity: 1;
+  transform: scale(1);
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-root-inactive {
+  opacity: 0;
+  transform: scale(1.5);
+}
--- a/src/aura/ui/pages/config/css/header.css
+++ b/src/aura/ui/pages/config/css/header.css
@@ -0,0 +1,50 @@
+.aura-config-page-header-area {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  width: 100%;
+  padding-left: 8px;
+  padding-right: 8px;
+  color: white;
+  z-index: 12000;
+
+  opacity: 1;
+  transform: translateY(0);
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-header-area.color-reverse {
+  color: rgba(0, 0, 0, 0.8);
+}
+
+.aura-config-page-header-area .iconfont {
+  font-size: 24px;
+}
+
+.aura-config-page-header-area .iconfont:hover {
+  opacity: 0.75;
+  cursor: pointer;
+}
+
+.aura-config-page-header-area .iconfont:active {
+  opacity: 0.375;
+}
+
+.aura-config-page-header-area p {
+  margin-top: -1px;
+}
+
+.aura-config-page-header-area.header-collapsed {
+  transform: translateY(-1rem);
+  opacity: 0;
+}
+
+.aura-config-page-app-bar {
+  height: 40px;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+}
--- a/src/aura/ui/pages/config/css/operation.css
+++ b/src/aura/ui/pages/config/css/operation.css
@@ -0,0 +1,155 @@
+.aura-config-page-operation-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  flex: 1;
+  width: 100%;
+  overflow-y: auto;
+}
+
+.aura-config-page-operation-area::-webkit-scrollbar {
+  display: none;
+}
+
+.aura-config-page-operation-area.subpage-expanded {
+  flex: 15;
+}
+
+.aura-config-page-subpage-container {
+  width: 100%;
+  height: 0;
+  background-color: rgba(255, 255, 255, 0.825);
+  z-index: 6000;
+  overflow-y: scroll;
+
+  opacity: 0;
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-subpage-container::-webkit-scrollbar {
+  display: none;
+}
+
+.aura-config-page-operation-area.subpage-expanded
+  .aura-config-page-subpage-container {
+  height: calc(100% - 40px - 4rem);
+  opacity: 1;
+}
+
+.aura-config-page-operation-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.1);
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.aura-config-page-operation-container.hide-other-operations
+  .aura-config-page-operation-el:not(.preserve-operation) {
+  max-width: 0;
+  opacity: 0;
+}
+
+.aura-config-page-operation-container.hide-other-operations
+  .aura-config-page-operation-el.preserve-operation {
+  flex: 0.25;
+}
+
+.aura-config-page-operation-el {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  overflow: hidden;
+  white-space: nowrap;
+
+  max-width: 25%;
+  opacity: 1;
+  transform: translateY(0);
+
+  transition: opacity 0.5s, transform 0.5s,
+    max-width cubic-bezier(0, 0.42, 0.18, 1) 0.5s;
+}
+
+.aura-config-page-operation-el.operation-el-show:hover {
+  cursor: pointer;
+}
+
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover {
+  cursor: not-allowed;
+}
+
+.aura-config-page-operation-el.operation-el-hidden {
+  transform: translateY(2rem);
+  opacity: 0;
+}
+
+.aura-config-page-operation-el.operation-el-show
+  .aura-config-page-operation-body {
+  opacity: 1;
+  transition: opacity 0.25s;
+}
+
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]
+  .aura-config-page-operation-body {
+  transition: opacity 0.5s;
+}
+
+.aura-config-page-operation-el.operation-el-show:not(.preserve-operation):hover
+  .aura-config-page-operation-body {
+  opacity: 0.625;
+}
+
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover
+  .aura-config-page-operation-body {
+  opacity: 0.25;
+}
+
+.aura-config-page-operation-el.operation-el-show:not(.preserve-operation):active
+  .aura-config-page-operation-body {
+  opacity: 0.25;
+}
+
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]::after {
+  content: "别急嘛, 还在开发呢...";
+  font-size: 16px;
+  opacity: 0;
+  color: white;
+  position: absolute;
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:hover::after,
+.aura-config-page-operation-el.operation-el-show[aura-disabled="true"]:active::after {
+  opacity: 1;
+}
+
+.aura-config-page-operation-body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.aura-config-page-operation-el img {
+  max-width: 40px;
+  margin-right: 20px;
+}
+
+.aura-config-page-operation-el .config-operation-title {
+  color: white;
+  font-size: large;
+}
+
+.aura-config-page-operation-el .config-operation-description {
+  color: white;
+  opacity: 0.75;
+  font-size: small;
+}
--- a/src/aura/ui/pages/config/css/status.css
+++ b/src/aura/ui/pages/config/css/status.css
@@ -0,0 +1,123 @@
+.aura-config-page-status-container {
+  flex: 1;
+  width: 100%;
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  opacity: 1;
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-status-container-hidden {
+  position: absolute;
+  opacity: 0;
+}
+
+.aura-config-page-status-main,
+.aura-config-page-status-description {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.aura-config-page-status-description {
+  margin-top: 0.5rem;
+  transform: translateY(0);
+  opacity: 1;
+
+  transition: all 0.5s;
+}
+
+.aura-config-page-status-description.status-description-hidden {
+  transform: translateY(-2rem);
+  opacity: 0;
+}
+
+.aura-config-page-status-description p {
+  font-size: 18px;
+  margin-left: 15px;
+  margin-top: -2px;
+  color: white;
+  font-family: "Consolas", "Microsoft YaHei", sans-serif;
+}
+
+.aura-config-page-status-description i {
+  color: white;
+}
+
+.aura-config-page-central-aura-logo {
+  margin: 0.5rem 3rem;
+  width: 17.5%;
+}
+
+.aura-config-hr-vertical {
+  height: 3.75rem;
+  width: 1px;
+  background-color: rgba(255, 255, 255, 0.3);
+  margin-left: 30px;
+  margin-right: 30px;
+  border: none;
+}
+
+.aura-config-page-status-el {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: "Consolas", monospace;
+  color: white;
+
+  /*
+  .version-type {
+    content: "I want to use scss plz 😇"
+  }
+  */
+}
+
+.aura-config-page-status-side {
+  height: 30%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex: 1;
+
+  transform: translateX(0);
+  opacity: 1;
+
+  transition: transform 0.5s, opacity 0.5s;
+}
+
+.aura-config-page-status-side.left-side {
+  justify-content: flex-end;
+}
+
+.aura-config-page-status-side.left-side.status-side-hidden {
+  transform: translateX(5rem);
+  opacity: 0;
+}
+
+.aura-config-page-status-side.right-side {
+  justify-content: flex-start;
+}
+
+.aura-config-page-status-side.right-side.status-side-hidden {
+  transform: translateX(-5rem);
+  opacity: 0;
+}
+
+.aura-config-page-status-el .version-type {
+  font-size: 20px;
+  font-weight: 500;
+}
+
+.aura-config-page-status-el .version-content {
+  font-size: 16px;
+  margin-top: 5px;
+  opacity: 0.625;
+}
--- a/src/aura/ui/pages/config/css/toast.css
+++ b/src/aura/ui/pages/config/css/toast.css
@@ -0,0 +1,37 @@
+.aura-config-page-toast-area {
+  z-index: 20000;
+}
+
+.aura-config-page-toast-area .toast {
+  --bs-toast-border-width: 0 !important;
+  --bs-toast-bg: #fff !important;
+}
+
+.aura-config-page-toast-area .toast-header {
+  background-color: rgb(255, 234, 202);
+
+  border-top-left-radius: var(--bs-toast-border-radius);
+  border-top-right-radius: var(--bs-toast-border-radius);
+}
+
+.aura-config-page-toast-area .toast.acp-toast-emerg .toast-header {
+  background-color: rgb(255, 202, 202);
+}
+
+.aura-config-page-toast-area .toast-header * {
+  color: rgba(234, 126, 14, 0.85);
+}
+
+.aura-config-page-toast-area .toast.acp-toast-emerg .toast-header * {
+  color: rgba(234, 65, 14, 0.85);
+}
+
+.aura-config-page-toast-area .toast-body p {
+  margin-bottom: var(--bs-toast-padding-x);
+}
+
+.aura-config-page-toast-area .toast-header .layui-icon {
+  font-weight: bolder;
+  margin-right: 0.5rem;
+  font-size: 18px;
+}
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.css
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.css
@@ -18,12 +18,73 @@
 }

 .acs-bc-pls-status-page-main-logo {
-  max-width: 13.5%;
+  max-width: 11%;
  opacity: 0.45;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
 }

+.acs-bc-psp-operations-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
+
+.acs-bc-psp-operation-btn {
+  --svg-color: rgb(17, 140, 255);
+
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+
+  transition: opacity 0.25s, color 0.5s;
+}
+
+.acs-bc-psp-operation-btn p {
+  font-size: normal;
+  margin-left: 5px;
+  margin-top: -1px;
+  color: var(--svg-color);
+}
+
+.acs-bc-psp-operation-btn svg {
+  max-width: 16px;
+  max-height: 16px;
+}
+
+.acs-bc-psp-operation-btn.acs-bc-psp-o-btn-dangerous {
+  --svg-color: rgb(244, 8, 8);
+}
+
+.acs-bc-psp-operation-btn[aura-disabled="true"] {
+  --svg-color: rgba(0, 0, 0, 0.25);
+}
+
+.acs-bc-psp-operation-btn[aura-disabled="true"]:hover,
+.acs-bc-psp-operation-btn[aura-disabled="true"]:active {
+  cursor: not-allowed !important;
+  opacity: 1 !important;
+}
+
+.acs-bc-psp-operation-btn:hover,
+.acs-bc-psp-operation-btn:active {
+  cursor: pointer;
+}
+
+.acs-bc-psp-operation-btn:hover {
+  opacity: 0.6;
+}
+
+.acs-bc-psp-operation-btn:active {
+  opacity: 0.3;
+}
+
 .acs-bc-pls-status-page-status-el {
  display: flex;
  align-items: center;
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.html
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.html
@@ -1,7 +1,7 @@
 <div class="acs-behaviour-control-pls-status-page">
  <p class="acs-bc-pls-status-page-pls-description">
-    HugoAura ProxyLayerServices (Aura-PLS) 是基于 Python + MITMProxy 实现的代理服务,
-    用于解密并修改希沃基础服务 (SeewoCore) 的 MQTT 数据包,
+    HugoAura ProxyLayerServices (Aura-PLS) 是基于 Python + MITMProxy
+    实现的代理服务, 用于解密并修改希沃基础服务 (SeewoCore) 的 MQTT 数据包,
    实现行为监控、伪造上报等功能
  </p>
  <img
@@ -9,6 +9,91 @@
    class="acs-bc-pls-status-page-main-logo"
  />

+  <div class="acs-bc-psp-operations-container">
+    <div class="acs-bc-psp-operation-btn" id="acsBcPsp-operBtn-Refresh">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        height="32"
+        viewBox="0 0 32 32"
+      >
+        <path
+          fill="var(--svg-color)"
+          d="M26 18A10 10 0 1 1 16 8h6.182l-3.584 3.585L20 13l6-6l-6-6l-1.402 1.414L22.185 6H16a12 12 0 1 0 12 12Z"
+        />
+      </svg>
+      <p>刷新状态</p>
+    </div>
+
+    <div
+      class="acs-bc-psp-operation-btn"
+      aura-disabled="true"
+      id="acsBcPsp-operBtn-Download"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        height="32"
+        viewBox="0 0 32 32"
+      >
+        <path
+          fill="var(--svg-color)"
+          d="M23.5 22H23v-2h.5a4.5 4.5 0 0 0 .36-9H23l-.1-.82a7 7 0 0 0-13.88 0L9 11h-.86a4.5 4.5 0 0 0 .36 9H9v2h-.5A6.5 6.5 0 0 1 7.2 9.14a9 9 0 0 1 17.6 0A6.5 6.5 0 0 1 23.5 22"
+        />
+        <path
+          fill="var(--svg-color)"
+          d="M17 26.17V14h-2v12.17l-2.59-2.58L11 25l5 5l5-5l-1.41-1.41z"
+        />
+      </svg>
+      <p>下载内核</p>
+    </div>
+
+    <div class="acs-bc-psp-operation-btn" id="acsBcPsp-operBtn-Install">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        height="32"
+        viewBox="0 0 32 32"
+      >
+        <path
+          fill="var(--svg-color)"
+          d="m10 6l1.414-1.414L15 8.172V0h2v8.172l3.586-3.586L22 6l-6 6z"
+        />
+        <path
+          fill="var(--svg-color)"
+          d="M22 16a5.98 5.98 0 0 0-1.757-4.243L16 16l-4.243-4.243A6 6 0 1 0 22 16"
+        />
+        <path
+          fill="var(--svg-color)"
+          d="M30 16a13.96 13.96 0 0 0-4.105-9.895l-1.414 1.414a12 12 0 1 1-16.962 0L6.105 6.105A13.997 13.997 0 1 0 30 16"
+        />
+      </svg>
+      <p>安装服务</p>
+    </div>
+
+    <div
+      class="acs-bc-psp-operation-btn acs-bc-psp-o-btn-dangerous"
+      id="acsBcPsp-operBtn-Uninstall"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        height="32"
+        viewBox="0 0 32 32"
+      >
+        <path
+          fill="var(--svg-color)"
+          d="M30 21.4L28.6 20L25 23.6L21.4 20L20 21.4l3.6 3.6l-3.6 3.6l1.4 1.4l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6z"
+        />
+        <path
+          fill="var(--svg-color)"
+          d="M15.4 30L5 23.8c-.6-.4-1-1-1-1.7V9.9c0-.7.4-1.4 1-1.7l10-5.9c.3-.2.6-.3 1-.3s.7.1 1 .3l10 5.9c.6.4 1 1 1 1.7V16h-2V9.9L16 4L6 9.9v12.2l10.5 6.2z"
+        />
+      </svg>
+      <p>卸载服务</p>
+    </div>
+  </div>
+
  <div class="acs-bc-pls-status-page-status-el">
    <p>安装状态</p>
    <div
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.js
@@ -1,11 +1,128 @@
+if (!global.__HUGO_AURA_UI_FUNCTIONS__.subConfig)
+  global.__HUGO_AURA_UI_FUNCTIONS__.subConfig = {};
+
 (() => {
  const REQUIRE_BASE = "../../aura/ui/pages/configSubPages/behaviourCtrl";
  const IPC_METHOD_BASE = "$aura.pls";

+  global.__HUGO_AURA_UI_FUNCTIONS__.subConfig.plsStatus = {
+    updateOperationBtnStatus: async (btnName, side, btnContent = null) => {
+      const btnEl = document.getElementById(`acsBcPsp-operBtn-${btnName}`);
+      if (!btnEl) return false;
+      btnEl.setAttribute("aura-disabled", side ? "true" : "false");
+      if (btnContent) {
+        const btnPEl = btnEl.getElementsByTagName("p")[0];
+        btnPEl.textContent = btnContent;
+      }
+      if (side) {
+        btnEl.onclick = () => {};
+      } else {
+        switch (btnName) {
+          case "Refresh":
+            btnEl.onclick = () =>
+              global.__HUGO_AURA_UI_FUNCTIONS__.subConfig.plsStatus.refreshPlsStatus();
+            break;
+          case "Download":
+            break;
+          case "Install":
+            break;
+          case "Uninstall":
+            break;
+          default:
+            break;
+        }
+      }
+      return true;
+    },
+
+    updateStatus: async () => {
+      const curPlsStats = await updatePlsStatusFromLocal();
+
+      const acIdInst = "acs-bc-psp-installStatus-container";
+      const atIdInst = "acs-bc-psp-installStatus-text";
+      switch (curPlsStats.installed) {
+        case true:
+          updateStatusEl(acIdInst, atIdInst, "SUCCESS", "已安装");
+          GLOBAL_FUNCTIONS.updateOperationBtnStatus("Install", false);
+          GLOBAL_FUNCTIONS.updateOperationBtnStatus("Uninstall", false);
+          break;
+        case false:
+          updateStatusEl(acIdInst, atIdInst, "PENDING", "未安装");
+          GLOBAL_FUNCTIONS.updateOperationBtnStatus("Install", true);
+          GLOBAL_FUNCTIONS.updateOperationBtnStatus("Uninstall", true);
+      }
+
+      const acIdLaunch = "acs-bc-psp-launchStatus-container";
+      const atIdLaunch = "acs-bc-psp-launchStatus-text";
+      switch (curPlsStats.launched) {
+        case true:
+          updateStatusEl(acIdLaunch, atIdLaunch, "SUCCESS", "已启动");
+          break;
+        case false:
+          updateStatusEl(acIdLaunch, atIdLaunch, "PENDING", "未启动");
+          break;
+      }
+
+      const acIdConn = "acs-bc-psp-connStatus-container";
+      const atIdConn = "acs-bc-psp-connStatus-text";
+      switch (curPlsStats.connected) {
+        case true:
+          updateStatusEl(acIdConn, atIdConn, "SUCCESS", "已连接");
+          break;
+        case false:
+          updateStatusEl(acIdConn, atIdConn, "FAILED", "连接失败");
+          break;
+      }
+
+      if (curPlsStats.version && curPlsStats.version !== "未知") {
+        const versionTextEl = document.getElementById(
+          "acs-bc-psp-version-text"
+        );
+        versionTextEl.textContent = "v" + curPlsStats.version;
+      }
+    },
+
+    refreshPlsStatus: async () => {
+      const updateOperationBtnStatus =
+        global.__HUGO_AURA_UI_FUNCTIONS__.subConfig.plsStatus
+          .updateOperationBtnStatus;
+      updateOperationBtnStatus("Refresh", true);
+      const result = await ipcRenderer.invoke(
+        `${IPC_METHOD_BASE}.retryPlsConnect`
+      );
+      if (result.success && result.status === "Retrying") {
+        updateOperationBtnStatus("Refresh", true, "正在重连");
+
+        ipcRenderer.once(
+          `${IPC_METHOD_BASE}.post.updateRetryStatus`,
+          async (_evt, _arg) => {
+            await global.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+            updateOperationBtnStatus("Refresh", false, "刷新状态");
+            global.__HUGO_AURA_UI_FUNCTIONS__.subConfig.plsStatus.updateStatus();
+          }
+        );
+      } else if (result.success && result.status === "Already") {
+        updateOperationBtnStatus("Refresh", false, "刷新状态");
+      }
+    },
+  };
+
+  const GLOBAL_FUNCTIONS =
+    global.__HUGO_AURA_UI_FUNCTIONS__.subConfig.plsStatus;
+
  const {
    updatePlsStatusFromLocal,
  } = require(`${REQUIRE_BASE}/../../../composables/plsConfigManager`);

+  const initBsTooltip = () => {
+    const tooltipTriggerList = document.querySelectorAll(
+      '[data-bs-toggle="tooltip"]'
+    );
+    const _tooltipList = [...tooltipTriggerList].map(
+      (tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl)
+    );
+  };
+
  const updateStatusEl = (
    areaContainerId,
    areaTextId,
@@ -37,49 +154,13 @@
    return true;
  };

-  const updateStatus = async () => {
-    const curPlsStats = await updatePlsStatusFromLocal();
-
-    const acIdInst = "acs-bc-psp-installStatus-container";
-    const atIdInst = "acs-bc-psp-installStatus-text";
-    switch (curPlsStats.installed) {
-      case true:
-        updateStatusEl(acIdInst, atIdInst, "SUCCESS", "已安装");
-        break;
-      case false:
-        updateStatusEl(acIdInst, atIdInst, "PENDING", "未安装");
-    }
-
-    const acIdLaunch = "acs-bc-psp-launchStatus-container";
-    const atIdLaunch = "acs-bc-psp-launchStatus-text";
-    switch (curPlsStats.launched) {
-      case true:
-        updateStatusEl(acIdLaunch, atIdLaunch, "SUCCESS", "已启动");
-        break;
-      case false:
-        updateStatusEl(acIdLaunch, atIdLaunch, "PENDING", "未启动");
-        break;
-    }
-
-    const acIdConn = "acs-bc-psp-connStatus-container";
-    const atIdConn = "acs-bc-psp-connStatus-text";
-    switch (curPlsStats.connected) {
-      case true:
-        updateStatusEl(acIdConn, atIdConn, "SUCCESS", "已连接");
-        break;
-      case false:
-        updateStatusEl(acIdConn, atIdConn, "FAILED", "连接失败");
-        break;
-    }
-
-    if (curPlsStats.version && curPlsStats.version !== "未知") {
-      const versionTextEl = document.getElementById("acs-bc-psp-version-text");
-      versionTextEl.textContent = "v" + curPlsStats.version;
-    }
-  };
-
  const onMounted = () => {
-    updateStatus();
+    GLOBAL_FUNCTIONS.updateOperationBtnStatus("Refresh", false);
+    initBsTooltip();
+    GLOBAL_FUNCTIONS.updateStatus();
+    document.addEventListener("onPLSStatsUpdate", () => {
+      GLOBAL_FUNCTIONS.updateStatus();
+    });
  };

  onMounted();
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/basic.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/basic.js
@@ -9,6 +9,7 @@ const basicSettings = [
    id: 0,
    categoryName: "可访问性",
    child: [
+      /*
      {
        index: 0,
        id: "authToken",
@@ -18,7 +19,7 @@ const basicSettings = [
        description: "选择一个安全的密钥, 用于 PLS 侧验证 Aura 前端身份",
        restart: true,
        reload: false,
-        restartPLS: false,
+        restartPLS: true,
        associateVal: null,
        auraIf: () => true,
        defaultValue: "",
@@ -38,6 +39,39 @@ const basicSettings = [
          return { valid: true };
        },
      },
+      */
+      {
+        index: 0,
+        id: "plsListenPort",
+        type: "input",
+        subType: "text",
+        name: "PLS WS 监听端口",
+        description: "PLS 的 WebSocket 服务器将监听指定的端口",
+        restart: false,
+        reload: false,
+        PLSRequired: true,
+        restartPLS: true,
+        associateVal: null,
+        auraIf: () => true,
+        defaultValue: "",
+        placeHolder: "输入端口号 (10000 ~ 65535)",
+        valueGetter: () => {
+          if (!global.__HUGO_AURA__.plsSettings) return "";
+          return global.__HUGO_AURA__.plsSettings.wsPort;
+        },
+        callbackFn: (newVal) => {
+          if (newVal === "" || !newVal)
+            return { valid: false, hint: "请输入端口号" };
+
+          const numberNewVal = Number(newVal);
+          if (numberNewVal === NaN || !(10000 <= numberNewVal <= 65535)) {
+            return { valid: false, hint: "请输入合法的端口号 (10000 ~ 65535)" };
+          }
+
+          global.__HUGO_AURA__.plsSettings.wsPort = numberNewVal;
+          return { valid: true };
+        },
+      },
    ],
  },
 ];
--- a/src/aura/ui/pages/configSubPages/disableLimitations/settings/audit.js
+++ b/src/aura/ui/pages/configSubPages/disableLimitations/settings/audit.js
@@ -8,7 +8,8 @@ const banAuditSettings = [
        id: "disableFridayReport",
        type: "switch",
        name: "禁用 Friday 错误统计",
-        description: "重置 CVTE 的 Friday 错误收集服务载入 URL, 避免意外的信息上传",
+        description:
+          "重置 CVTE 的 Friday 错误收集服务载入 URL, 避免意外的信息上传",
        restart: true,
        reload: false,
        associateVal: null,
@@ -39,7 +40,8 @@ const banAuditSettings = [
        restart: true,
        reload: false,
        tip: true,
-        tipTitle: '启用后, 可能造成部分操作出现较长延迟 (如冰点操作)。希沃管家会尝试五次上报, 均失败后才会进行下一步操作',
+        tipTitle:
+          "启用后, 可能造成部分操作出现较长延迟 (如冰点操作)。希沃管家会尝试五次上报, 均失败后才会进行下一步操作",
        associateVal: null,
        auraIf: () => true,
        defaultValue: false,
--- a/src/aura/ui/pages/configSubPages/disableLimitations/settings/auth.js
+++ b/src/aura/ui/pages/configSubPages/disableLimitations/settings/auth.js
@@ -225,8 +225,8 @@ const authSettings = [
        auraIf: () => {
          return (
            global.__HUGO_AURA_CONFIG__.rewrite["vendor/screenLock"].enabled &&
-            global.__HUGO_AURA_CONFIG__.rewrite["vendor/screenLock"].authRewriteType ===
-              "customActivationCode"
+            global.__HUGO_AURA_CONFIG__.rewrite["vendor/screenLock"]
+              .authRewriteType === "customActivationCode"
          );
        },
        defaultValue: "",
--- a/src/aura/ui/pages/configSubPages/preferences/settings/aura.js
+++ b/src/aura/ui/pages/configSubPages/preferences/settings/aura.js
@@ -1,3 +1,162 @@
+// @ts-check
+
+const functions = {
+  /**
+   *
+   * @param {"enc" | "update"} mode
+   * @param {SHA256EncryptedPassword | null} password
+   */
+  handleEnableConfigEncryption: async (mode, password) => {
+    let exiPassword = "";
+    if (!password) {
+      exiPassword =
+        global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt;
+    }
+
+    switch (mode) {
+      case "enc":
+        ipcRenderer.invoke("$aura.config.setConfigEncSettings", {
+          target: true,
+        });
+        global.ipcRenderer.invoke("$aura.config.dispatchConfigFromRenderer", {
+          data: JSON.stringify(global.__HUGO_AURA_CONFIG__),
+        });
+        global.__HUGO_AURA_CONFIG_MGR__.encryptConfig(
+          global.__HUGO_AURA_CONFIG__,
+          password ? password : exiPassword
+        );
+        global.__HUGO_AURA_CONFIG_MGR__.saveEncPassword(
+          password ? password : exiPassword
+        );
+        break;
+      case "update":
+        const result = global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+          global.__HUGO_AURA_CONFIG__,
+          null
+        );
+        if (result.success) {
+          ipcRenderer.invoke("$aura.config.setConfigEncSettings", {
+            target: true,
+          });
+          global.ipcRenderer.invoke("$aura.config.dispatchConfigFromRenderer", {
+            data: JSON.stringify(global.__HUGO_AURA_CONFIG__),
+          });
+          global.__HUGO_AURA_CONFIG_MGR__.encryptConfig(
+            global.__HUGO_AURA_CONFIG__,
+            password ? password : exiPassword
+          );
+          global.__HUGO_AURA_CONFIG_MGR__.saveEncPassword(
+            password ? password : exiPassword
+          );
+        } else {
+          // TODO: Error handling
+        }
+        break;
+    }
+  },
+
+  /**
+   *
+   * @param {SHA256EncryptedPassword} password
+   */
+  handle2ndPasswordPrompt: async (password) => {
+    const acsDialogAreaEl = document.getElementsByClassName(
+      "aura-config-page-auth-dialog-area"
+    )[0];
+    const acpAppBarEl = document.getElementsByClassName(
+      "aura-config-page-header-area"
+    )[0];
+    const acpDialogTitleEl = document.getElementsByClassName(
+      "acp-auth-dialog-title"
+    )[0];
+    const acpDialogConfirmBtnEl = document.getElementsByClassName(
+      "acp-auth-confirm-btn"
+    )[0];
+    const acpDialogCancelBtnEl = document.getElementsByClassName(
+      "acp-auth-cancel-btn"
+    )[0];
+    // @ts-expect-error
+    acsDialogAreaEl.style = "";
+    acpDialogTitleEl.textContent = "请再次输入密码";
+    await window.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+    acpAppBarEl.classList.add("color-reverse");
+    acsDialogAreaEl.classList.remove("acp-ada-hidden");
+
+    const showFailedAnimation = async (el) => {
+      el.classList.remove("invalid");
+      await window.__HUGO_AURA_GLOBAL__.utils.sleep(50);
+      el.classList.add("invalid"); // Custom Anim
+      el.classList.add("is-invalid"); // Bootstrap
+    };
+
+    let resolveFn = null;
+    const awaitCompletePromise = new Promise((resolve) => {
+      resolveFn = resolve;
+    });
+
+    const handleExit = async () => {
+      const result = await awaitCompletePromise;
+      console.debug(result);
+      if (result) {
+        console.debug("ret true");
+        return { valid: true };
+      } else {
+        console.debug("ret false");
+        const inputEl = document.getElementById("auraSettingsPasswd");
+        // @ts-expect-error
+        inputEl.value = "";
+        return { valid: false, hint: "未能验证密码, 请重试" };
+      }
+    };
+
+    const verifyPassword = async (_clickEvt) => {
+      const inputEl = document.getElementById("acp-auth-user-input");
+      const acpDialogTitleEl = document.getElementsByClassName(
+        "acp-auth-dialog-title"
+      )[0];
+      // @ts-expect-error
+      const userPasswdInput = inputEl.value;
+      if (!userPasswdInput) {
+        showFailedAnimation(inputEl);
+        acpDialogTitleEl.textContent = "密码不能为空";
+      }
+
+      const crypto = require("crypto");
+      const encPasswd = crypto
+        .createHash("sha512")
+        .update(userPasswdInput + "EndlessX")
+        .digest("hex")
+        .toUpperCase();
+
+      if (encPasswd === password) {
+        await global.__HUGO_AURA_UI_FUNCTIONS__.config.hideAndResetAuthDialog();
+
+        global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt =
+          password;
+        if (global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig) {
+          functions.handleEnableConfigEncryption("update", password);
+        }
+        if (resolveFn) resolveFn(true);
+        return;
+      } else {
+        showFailedAnimation(inputEl);
+        acpDialogTitleEl.textContent = "请再试一次";
+        return;
+      }
+    };
+
+    // @ts-expect-error
+    acpDialogConfirmBtnEl.onclick = verifyPassword;
+    // @ts-expect-error
+    acpDialogCancelBtnEl.onclick = (_evt) => {
+      if (resolveFn) resolveFn(false);
+      global.__HUGO_AURA_UI_FUNCTIONS__.config.handleNavBack();
+    };
+
+    return await handleExit();
+  },
+};
+
 const auraSettings = [
  {
    id: 0,
@@ -12,7 +171,7 @@ const auraSettings = [
        restart: false,
        reload: false,
        tip: true,
-        tipTitle: "在 0.1.1-beta 版本发布后, 启用访问密码将加密配置文件",
+        tipTitle: "启用访问密码将自动加密配置文件",
        associateVal: null,
        auraIf: () => true,
        defaultValue: false,
@@ -24,11 +183,58 @@ const auraSettings = [
          if (typeof newVal !== "boolean") return;
          global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordEnabled =
            newVal;
-          // TODO: Trigger enc config
+          if (
+            newVal &&
+            global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig
+          ) {
+            functions.handleEnableConfigEncryption("enc", null);
+          } else if (
+            !newVal &&
+            global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig
+          ) {
+            global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+              global.__HUGO_AURA_CONFIG__,
+              null
+            );
+          }
        },
      },
      {
        index: 1,
+        id: "enableConfigEncryption",
+        type: "switch",
+        name: "加密配置文件",
+        description: "启用后, 本地配置文件将加密保存",
+        restart: false,
+        reload: false,
+        tip: true,
+        tipTitle: "配置文件将以 AES-256-GCM 加密算法在本地保存",
+        warning: true,
+        warningContent: "这可能导致性能问题",
+        associateVal: ["auraSettings.settingsPasswordEnabled"],
+        auraIf: () => {
+          return global.__HUGO_AURA_CONFIG__.auraSettings
+            .settingsPasswordEnabled;
+        },
+        defaultValue: false,
+        valueGetter: () => {
+          return global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig;
+        },
+        callbackFn: (newVal) => {
+          if (typeof newVal !== "boolean") return;
+          global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig = newVal;
+          if (newVal) {
+            functions.handleEnableConfigEncryption("enc", null);
+          } else {
+            global.__HUGO_AURA_CONFIG_MGR__.switchToDecConfig(
+              global.__HUGO_AURA_CONFIG__,
+              null
+            );
+          }
+        },
+      },
+      {
+        index: 2,
        id: "auraSettingsPasswd",
        type: "input",
        subType: "password",
@@ -48,7 +254,7 @@ const auraSettings = [
        valueGetter: () => {
          return "";
        },
-        callbackFn: (newVal) => {
+        callbackFn: async (newVal) => {
          if (newVal === "" || !newVal) return { valid: true };
          if (newVal.length < 8)
            return { valid: false, hint: "请输入至少 8 位密码" };
@@ -74,9 +280,8 @@ const auraSettings = [
            .update(newVal + "EndlessX")
            .digest("hex")
            .toUpperCase();
-          global.__HUGO_AURA_CONFIG__.auraSettings.settingsPasswordWithSalt =
-            result;
-          return { valid: true };
+
+          return await functions.handle2ndPasswordPrompt(result);
        },
      },
    ],
@@ -84,31 +289,7 @@ const auraSettings = [
  {
    id: 1,
    categoryName: "外观",
-    child: [
-      {
-        index: 0,
-        id: "enablePasswdDialogBlur",
-        type: "switch",
-        name: "密码验证框毛玻璃效果",
-        description: "启用后, 密码验证时, 背景将具有毛玻璃效果",
-        restart: false,
-        reload: false,
-        warning: true,
-        warningContent: "不建议在较旧 (如 i5 8 代) 机型上开启, 可能导致性能问题",
-        associateVal: null,
-        auraIf: () => true,
-        defaultValue: true,
-        valueGetter: () => {
-          return global.__HUGO_AURA_CONFIG__.auraSettings.appearance
-            .enablePasswdDialogBlur;
-        },
-        callbackFn: (newVal) => {
-          if (typeof newVal !== "boolean") return;
-          global.__HUGO_AURA_CONFIG__.auraSettings.appearance.enablePasswdDialogBlur =
-            newVal;
-        },
-      },
-    ],
+    child: [],
  },
 ];

--- a/src/aura/ui/pls/routes/basic.js
+++ b/src/aura/ui/pls/routes/basic.js
@@ -11,17 +11,17 @@ const basicRouteHandler = (parsedWsMsg) => {
  const target = parsedWsMsg.type.split(".").slice(-1)[0];
  switch (target) {
    case "pushPlsInfo":
-      global.__HUGO_AURA_GLOBAL__.plsStats.status = parsedWsMsg.data.status;
-      global.__HUGO_AURA_GLOBAL__.plsStats.version = parsedWsMsg.data.version;
+      global.__HUGO_AURA__.plsStats.status = parsedWsMsg.data.status;
+      global.__HUGO_AURA__.plsStats.version = parsedWsMsg.data.version;

      global.ipcRenderer.invoke(
        `${IPC_METHOD_BASE}.updatePlsStats`,
-        global.__HUGO_AURA_GLOBAL__.plsStats
+        global.__HUGO_AURA__.plsStats
      );

      console.debug(
        "[HugoAura / UI / PLS Routes / DEBUG] Updated plsStats basic info:",
-        global.__HUGO_AURA_GLOBAL__.plsStats
+        global.__HUGO_AURA__.plsStats
      );
      break;
    default:
--- a/src/aura/utils/eventBus.js
+++ b/src/aura/utils/eventBus.js
@@ -0,0 +1,47 @@
+class EventBus {
+  constructor() {
+    this.listeners = new Map();
+  }
+
+  on(eventName, callback) {
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+    this.listeners.get(eventName).add(callback);
+    return () => this.off(eventName, callback);
+  }
+
+  off(eventName, callback) {
+    if (this.listeners.has(eventName)) {
+      this.listeners.get(eventName).delete(callback);
+      if (this.listeners.get(eventName).size === 0) {
+        this.listeners.delete(eventName);
+      }
+    }
+  }
+
+  emit(eventName, ...args) {
+    if (this.listeners.has(eventName)) {
+      this.listeners.get(eventName).forEach((callback) => {
+        try {
+          callback(...args);
+        } catch (error) {
+          console.error(
+            `[HugoAura / EventBus] Error in ${eventName} callback:`,
+            error
+          );
+        }
+      });
+    }
+  }
+
+  once(eventName, callback) {
+    const onceCallback = (...args) => {
+      callback(...args);
+      this.off(eventName, onceCallback);
+    };
+    return this.on(eventName, onceCallback);
+  }
+}
+
+module.exports = EventBus;
--- a/src/core/hook.js
+++ b/src/core/hook.js
@@ -1,16 +1,17 @@
 // @ts-check

 if (!global.__HUGO_AURA__) {
-  /**
-   * @type {import("../aura/types/main/core").MainProcessGlobal}
-   */
  const __HUGO_AURA__ = {
    hookedWindows: new Map(),
-    hooks: new Map(),
    configInit: false,
+    central: () => {},
+    ipcInit: false,
    plsStats: null,
    plsSettings: null,
    plsRules: null,
+    uiHooks: new Map(),
+    windowHooks: new Map(),
+    version: require("./preload").__AURA_VERSION__,
  };
  global.__HUGO_AURA__ = __HUGO_AURA__;
 }
@@ -26,8 +27,9 @@ const os = require("os");

 const MainProcessHooksManager = require("../aura/init/main/windowHooksManager");
 const RendererHooksManager = require("../aura/init/rendererHook/uiHooksManager");
+const EventBus = require("../aura/utils/eventBus");
 const NetworkHook = require("../aura/init/rendererHook/networkHook");
-const configManager = require("../aura/init/shared/configManager");
+const ConfigManager = require("../aura/init/shared/configManager");
 const { buildIpcMain } = require("../aura/init/main/ipcHandler");

 /**
@@ -101,9 +103,11 @@ const initLogger = (windowName) => {
 * @returns
 */
 const launcher = ({ central, windowName, config }) => {
+  // >>> Init STD <<< //
  process.stdout.isTTY = true;
  process.stderr.isTTY = true;

+  // >>> Basic Config <<< //
  /** @type {Electron} */
  const electron = central(1);
  const app = electron.app;
@@ -114,34 +118,58 @@ const launcher = ({ central, windowName, config }) => {
    app.exit(0);
  };

+  // >>> Init Logger <<< //
  initLogger(windowName);

  console.log("[HugoAura / Loaded] Aura is loaded!");
  console.debug(`[HugoAura / Debug] curWindowName: ${windowName}`);

+  // >>> Init EventBus <<< //
+  if (!global.__HUGO_AURA_EVENT_BUS__)
+    global.__HUGO_AURA_EVENT_BUS__ = new EventBus();
+
+  // >>> Init Config <<< //
+  const configManager = new ConfigManager();
+  configManager.side = "main";
  configManager.ensureConfigExists();
  const loadedConfig = configManager.loadConfig();
  if (!global.__HUGO_AURA__.configInit) global.__HUGO_AURA__.configInit = true;
+  if (!global.__HUGO_AURA_CONFIG_MGR__) global.__HUGO_AURA_CONFIG_MGR__ = configManager;

  global.__HUGO_AURA_CONFIG__ = loadedConfig;

+  global.__HUGO_AURA_EVENT_BUS__.on("$aura.config.refreshConfig", () => {
+    global.__HUGO_AURA_CONFIG__ = configManager.loadConfig();
+  });
+
+  // >>> Init IPC Main <<< //
  if (!global.__HUGO_AURA__.ipcInit) {
    buildIpcMain(electron);
    global.__HUGO_AURA__.ipcInit = true;
  }

+  // >>> Init Main Process Hooks <<< //
  const mainProcessHooksManager = new MainProcessHooksManager();

  const _windowHooks = mainProcessHooksManager.loadHooks();

+  // >>> Init Renderer Process Hooks <<< //
  const uiHooksManager = new RendererHooksManager();

  const uiHooks = uiHooksManager.loadHooks();

+  // >>> Activate DevTools <<< //
  if (loadedConfig.devTools && !config.canOpenDevTool) {
    config.canOpenDevTool = true;
  }

+  // >>> Listeners <<< //
+
+  /**
+   *
+   * @param {any} _event
+   * @param {import("electron").BrowserWindow} browserWindow
+   */
  const browserWindowCreatedListener = (_event, browserWindow) => {
    mainProcessHooksManager.initHookForWindow(
      windowName,
@@ -153,7 +181,7 @@ const launcher = ({ central, windowName, config }) => {

  /**
   *
-   * @param {Event} _event
+   * @param {any} _event
   * @param {import("electron").WebContents} webContents
   */
  const webContentsCreatedListener = (_event, webContents) => {
@@ -180,13 +208,10 @@ const launcher = ({ central, windowName, config }) => {
  };

  app.once("browser-window-created", browserWindowCreatedListener);
-  // @ts-expect-error
-  // ↑ idk why
  app.once("web-contents-created", webContentsCreatedListener);

  return () => {
    app.removeListener("browser-window-created", browserWindowCreatedListener);
-    // @ts-expect-error
    app.removeListener("web-contents-created", webContentsCreatedListener);
  };
 };
--- a/src/core/preload.js
+++ b/src/core/preload.js
@@ -1,9 +1,15 @@
-const __AURA_VERSION__ = "0.1.1-pre-II";
+// @ts-check
+
+const __AURA_VERSION__ = "0.1.1-pre-III";

 (() => {
+  if (require.main) return; // 如果只是导入 Aura Version, 不运行闭包逻辑
+
+  // >>> Init Global Vars <<< //
  if (!global.__HUGO_AURA__) {
    global.__HUGO_AURA__ = {
      configInit: true, // preload 始终比 hook 晚, 默认 config 已初始化
+      // ↑ 保留此参数的目的 -> 用于 configManager 中, configManager 的行为在 Renderer 和 Main 中是一致的
      version: __AURA_VERSION__,
    };
  }
@@ -16,11 +22,29 @@ const __AURA_VERSION__ = "0.1.1-pre-II";
    global.__HUGO_AURA_UI_REACTIVES__ = {};
  }

-  const configManager = require("../aura/init/shared/configManager");
+  // >>> Init EventBus <<< //
+  const EventBus = require("../aura/utils/eventBus");
+  if (!global.__HUGO_AURA_EVENT_BUS__) {
+    global.__HUGO_AURA_EVENT_BUS__ = new EventBus();
+  }
+
+  // >>> Load Modules <<< //
+  const ConfigManager = require("../aura/init/shared/configManager");
  const WebpackHook = require("../aura/init/preload/webpackHook");

-  console.log(`[HugoAura / AppHook / Preload] Preparing...`);
+  const configManager = new ConfigManager();
+  configManager.side = "renderer";
+  if (!global.__HUGO_AURA_CONFIG_MGR__)
+    global.__HUGO_AURA_CONFIG_MGR__ = configManager;

+  console.log(`[HugoAura / Preload] Preparing...`);
+
+  /**
+   *
+   * @param {any} baseObj
+   * @param {(string | symbol)[]} path
+   * @returns
+   */
  const createConfigProxy = (baseObj, path = []) => {
    return new Proxy(baseObj, {
      get(target, prop) {
@@ -37,24 +61,76 @@ const __AURA_VERSION__ = "0.1.1-pre-II";
            value,
          },
        });
+        const pathName = [...path, prop].join(".");
        document.dispatchEvent(configUpdateEvent);
        console.log(
          `[HugoAura / Config] Config changed at path: ${[...path, prop].join(
            "."
          )}, new value: ${value}`
        );
-        configManager.writeConfig(window.__HUGO_AURA_CONFIG__);
+
+        const isEditingEncSettings = pathName.includes(
+          "auraSettings.settingsPassword"
+        );
+
+        if (
+          isEditingEncSettings &&
+          global.__HUGO_AURA_CONFIG__.auraSettings.encryptConfig
+        ) {
+          return true;
+        }
+
+        if (!configManager.useEncConfig) {
+          configManager.writeConfig(window.__HUGO_AURA_CONFIG__); // 仅非加密 Config 使用即时写入, 否则会导致性能问题
+        } else {
+          if (global.__HUGO_AURA_UI_REACTIVES__.config) {
+            global.__HUGO_AURA_UI_REACTIVES__.config.isConfigPendingWrite = true;
+          }
+          if (global.__HUGO_AURA_UI_FUNCTIONS__.config?.handleACSNShow) {
+            global.__HUGO_AURA_UI_FUNCTIONS__.config.handleACSNShow();
+          }
+        }
        return true;
      },
    });
  };

-  const initialConfig = configManager.readConfig();
+  const getConfig = () => {
+    /*
+    if (configManager.useEncConfig) {
+      if (!ipcRenderer) ipcRenderer = require("electron").ipcRenderer;
+      const result = ipcRenderer.sendSync("$aura.config.getConfigFromMainSync");
+      if (result.success) {
+        configManager.isConfigReadFailed = false;
+        return result.data;
+      } else {
+        configManager.isConfigReadFailed = true;
+        return configManager.getDefaultConfig();
+      }
+    } else {
+      const result = configManager.readConfig();
+      configManager.isConfigReadFailed = false;
+      return result;
+    }
+    */
+    // ↑ IPC Renderer 在 Preload 时无法访问, 因此无法从主进程拉取配置
+    const result = configManager.readConfig();
+    configManager.isConfigReadFailed = false;
+    return result;
+  };
+
+  // >>> Init Config <<< //
+  const initialConfig = getConfig();
  window.__HUGO_AURA_CONFIG__ = createConfigProxy(initialConfig);

+  // >>> Init Renderer Hooks <<< //
  window.__HUGO_AURA_HOOK__ = {};
  const webpackHook = new WebpackHook();
  webpackHook.installHook(window, initialConfig);

+  // >>> Done <<< //
  console.log(`[HugoAura / AppHook / DONE] Hooks installed`);
+  console.log(`[HugoAura / Preload / DONE] Preload done`);
 })();
+
+module.exports = { __AURA_VERSION__ };
Author	SHA1	Message	Date
Minoricew	6da8348b41	[Feat] Basic PLS lifecycle mgmt	2025-06-06 02:05:43 +08:00
Minoricew	839afa79e8	[Chore] Update README	2025-06-05 00:42:13 +08:00
Minoricew	7c8d3d4fbc	[Feat] New settings passwd UX & Config enc support	2025-06-05 00:35:50 +08:00