Release 1.6.0

feat: support ico format for tray icon (#911 )
fix: #907 (#908 )
2024-04-23 14:25:09 +08:00 · 2024-04-22 20:43:15 +08:00 · 2024-04-22 01:40:25 +08:00 · 2024-04-21 14:10:34 +08:00 · 2024-04-20 19:27:17 +08:00 · 2024-04-20 18:02:15 +08:00
67 changed files with 3292 additions and 2290 deletions
--- a/.github/workflows/alpha.yml
+++ b/.github/workflows/alpha.yml
@@ -49,7 +49,7 @@ jobs:
      - uses: pnpm/action-setup@v3
        name: Install pnpm
        with:
-          version: 8
+          version: 9
          run_install: false

      - name: Pnpm install and check
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -46,7 +46,7 @@ jobs:
      - uses: pnpm/action-setup@v3
        name: Install pnpm
        with:
-          version: 8
+          version: 9
          run_install: false

      - name: Pnpm install and check
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 node_modules
+.pnpm-store
 .DS_Store
 dist
 dist-ssr
@@ -6,4 +7,4 @@ dist-ssr
 update.json
 scripts/_env.sh
 .vscode
-.tool-version
+.tool-versions
--- a/UPDATELOG.md
+++ b/UPDATELOG.md
@@ -1,3 +1,39 @@
+## v1.6.0
+
+### Features
+
+- Meta(mihomo)内核回退 1.18.1（当前新版内核 hy2 协议有 bug，等修复后更新）
+- 多处界面细节调整 [#724](https://github.com/clash-verge-rev/clash-verge-rev/pull/724) [#799](https://github.com/clash-verge-rev/clash-verge-rev/pull/799) [#900](https://github.com/clash-verge-rev/clash-verge-rev/pull/900) [#901](https://github.com/clash-verge-rev/clash-verge-rev/pull/901)
+- Linux 下新增服务模式
+- 新增订阅卡片右键可以打开机场首页
+- url-test 支持手动选择、节点组 fixed 节点使用角标展示 [#840](https://github.com/clash-verge-rev/clash-verge-rev/pull/840)
+- Clash 配置、Merge 配置提供 JSON Schema 语法支持、连接界面调整 [#887](https://github.com/clash-verge-rev/clash-verge-rev/pull/887)
+- 修改 Merge 配置文件默认内容 [#889](https://github.com/clash-verge-rev/clash-verge-rev/pull/889)
+- 修改 tun 模式默认 mtu 为 1500，老版本升级，需在 tun 模式设置下“重置为默认值”。
+- 使用 npm 安装 meta-json-schema [#895](https://github.com/clash-verge-rev/clash-verge-rev/pull/895)
+- 更新部分翻译 [#904](https://github.com/clash-verge-rev/clash-verge-rev/pull/904)
+- 支持 ico 格式的任务栏图标
+
+### Bugs Fixes
+
+- 修复 Linux KDE 环境下系统代理无法开启的问题
+- 修复延迟检测动画问题
+- 窗口最大化图标调整 [#816](https://github.com/clash-verge-rev/clash-verge-rev/pull/816)
+- 修复 Windows 某些情况下无法安装服务模式 [#822](https://github.com/clash-verge-rev/clash-verge-rev/pull/822)
+- UI 细节修复 [#821](https://github.com/clash-verge-rev/clash-verge-rev/pull/821)
+- 修复使用默认编辑器打开配置文件
+- 修复内核文件在特定目录也可以更新的问题 [#857](https://github.com/clash-verge-rev/clash-verge-rev/pull/857)
+- 修复服务模式的安装目录问题
+- 修复删除配置文件的“更新间隔”出现的问题 [#907](https://github.com/clash-verge-rev/clash-verge-rev/issues/907)
+
+### 已知问题（历史遗留问题，暂未找到有效解决方案）
+
+- MacOS M 芯片下服务模式无法安装；临时解决方案：在内核 ⚙️ 下，手动授权，再打开 tun 模式。
+- MacOS 下如果删除过网络配置，会导致无法正常打开系统代理；临时解决方案：使用浏览器代理插件或手动配置系统代理。
+- Window 拨号连接下无法正确识别并打开系统代理；临时解决方案：使用浏览器代理插件或使用 tun 模式。
+
+---
+
 ## v1.5.11

 ### Features
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "clash-verge",
-  "version": "1.5.11",
+  "version": "1.6.0",
  "license": "GPL-3.0-only",
  "scripts": {
    "dev": "tauri dev",
@@ -27,12 +27,15 @@
    "@mui/material": "^5.15.5",
    "@mui/x-data-grid": "^6.18.7",
    "@tauri-apps/api": "^1.5.3",
+    "@types/json-schema": "^7.0.15",
    "ahooks": "^3.7.8",
    "axios": "^1.6.5",
    "dayjs": "1.11.5",
    "i18next": "^23.7.16",
    "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.34.1",
+    "meta-json-schema": "^1.18.3-beta",
+    "monaco-editor": "^0.47.0",
+    "monaco-yaml": "^5.1.1",
    "nanoid": "^5.0.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/scripts/check.mjs
+++ b/scripts/check.mjs
@@ -100,7 +100,7 @@ async function getLatestAlphaVersion() {

 /* ======= clash meta stable ======= */
 const META_VERSION_URL =
-  "https://github.com/MetaCubeX/mihomo/releases/latest/download/version.txt";
+  "https://github.com/MetaCubeX/mihomo/releases/download/v1.18.1/version.txt";
 const META_URL_PREFIX = `https://github.com/MetaCubeX/mihomo/releases/download`;
 let META_VERSION;

@@ -353,27 +353,53 @@ const resolvePlugin = async () => {
  }
 };

+// service chmod
+const resolveServicePermission = async () => {
+  const serviceExecutables = [
+    "clash-verge-service",
+    "install-service",
+    "uninstall-service",
+  ];
+  const resDir = path.join(cwd, "src-tauri/resources");
+  for (let f of serviceExecutables) {
+    const targetPath = path.join(resDir, f);
+    if (await fs.pathExists(targetPath)) {
+      execSync(`chmod 755 ${targetPath}`);
+      console.log(`[INFO]: "${targetPath}" chmod finished`);
+    }
+  }
+};
+
 /**
 * main
 */

 const SERVICE_URL = `https://github.com/clash-verge-rev/clash-verge-service/releases/download/${SIDECAR_HOST}`;

-const resolveService = () =>
+const resolveService = () => {
+  let ext = platform === "win32" ? ".exe" : "";
  resolveResource({
-    file: "clash-verge-service.exe",
-    downloadURL: `${SERVICE_URL}/clash-verge-service.exe`,
+    file: "clash-verge-service" + ext,
+    downloadURL: `${SERVICE_URL}/clash-verge-service${ext}`,
  });
-const resolveInstall = () =>
+};
+
+const resolveInstall = () => {
+  let ext = platform === "win32" ? ".exe" : "";
  resolveResource({
-    file: "install-service.exe",
-    downloadURL: `${SERVICE_URL}/install-service.exe`,
+    file: "install-service" + ext,
+    downloadURL: `${SERVICE_URL}/install-service${ext}`,
  });
-const resolveUninstall = () =>
+};
+
+const resolveUninstall = () => {
+  let ext = platform === "win32" ? ".exe" : "";
  resolveResource({
-    file: "uninstall-service.exe",
-    downloadURL: `${SERVICE_URL}/uninstall-service.exe`,
+    file: "uninstall-service" + ext,
+    downloadURL: `${SERVICE_URL}/uninstall-service${ext}`,
  });
+};
+
 const resolveSetDnsScript = () =>
  resolveResource({
    file: "set_dns.sh",
@@ -420,9 +446,9 @@ const tasks = [
    retry: 5,
  },
  { name: "plugin", func: resolvePlugin, retry: 5, winOnly: true },
-  { name: "service", func: resolveService, retry: 5, winOnly: true },
-  { name: "install", func: resolveInstall, retry: 5, winOnly: true },
-  { name: "uninstall", func: resolveUninstall, retry: 5, winOnly: true },
+  { name: "service", func: resolveService, retry: 5 },
+  { name: "install", func: resolveInstall, retry: 5 },
+  { name: "uninstall", func: resolveUninstall, retry: 5 },
  { name: "set_dns_script", func: resolveSetDnsScript, retry: 5 },
  { name: "unset_dns_script", func: resolveUnSetDnsScript, retry: 5 },
  { name: "mmdb", func: resolveMmdb, retry: 5 },
@@ -434,12 +460,20 @@ const tasks = [
    retry: 5,
    winOnly: true,
  },
+  {
+    name: "service_chmod",
+    func: resolveServicePermission,
+    retry: 1,
+    unixOnly: true,
+  },
 ];

 async function runTask() {
  const task = tasks.shift();
  if (!task) return;
-  if (task.winOnly && process.platform !== "win32") return runTask();
+  if (task.winOnly && platform !== "win32") return runTask();
+  if (task.linuxOnly && platform !== "linux") return runTask();
+  if (task.unixOnly && platform === "win32") return runTask();

  for (let i = 0; i < task.retry; i++) {
    try {
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -749,7 +749,7 @@ dependencies = [

 [[package]]
 name = "clash-verge"
-version = "1.5.11"
+version = "1.6.0"
 dependencies = [
 "anyhow",
 "auto-launch",
@@ -777,6 +777,7 @@ dependencies = [
 "tauri",
 "tauri-build",
 "tokio",
+ "users",
 "warp",
 "window-shadows",
 "winreg 0.52.0",
@@ -2410,6 +2411,16 @@ dependencies = [
 "cc",
 ]

+[[package]]
+name = "ico"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "031530fe562d8c8d71c0635013d6d155bbfe8ba0aa4b4d2d24ce8af6b71047bd"
+dependencies = [
+ "byteorder",
+ "png",
+]
+
 [[package]]
 name = "ico"
 version = "0.3.0"
@@ -5247,6 +5258,7 @@ dependencies = [
 "gtk",
 "heck 0.4.1",
 "http 0.2.11",
+ "ico 0.2.0",
 "ignore",
 "indexmap 1.9.3",
 "infer 0.9.0",
@@ -5315,7 +5327,7 @@ checksum = "a1554c5857f65dbc377cefb6b97c8ac77b1cb2a90d30d3448114d5d6b48a77fc"
 dependencies = [
 "base64 0.21.7",
 "brotli",
- "ico",
+ "ico 0.3.0",
 "json-patch",
 "plist",
 "png",
@@ -6048,6 +6060,16 @@ dependencies = [
 "serde",
 ]

+[[package]]
+name = "users"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24cc0f6d6f267b73e5a2cadf007ba8f9bc39c6a6f9666f8cf25ea809a153b032"
+dependencies = [
+ "libc",
+ "log 0.4.20",
+]
+
 [[package]]
 name = "utf-8"
 version = "0.7.6"
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "clash-verge"
-version = "1.5.11"
+version = "1.6.0"
 description = "clash verge"
 authors = ["zzzgydi", "wonfen", "MystiPanda"]
 license = "GPL-3.0-only"
@@ -37,7 +37,7 @@ serde = { version = "1.0", features = ["derive"] }
 reqwest = { version = "0.12", features = ["json", "rustls-tls"] }
 sysproxy = { git="https://github.com/zzzgydi/sysproxy-rs", branch = "main" }
 auto-launch = { git="https://github.com/zzzgydi/auto-launch", branch = "main" }
-tauri = { version = "1.6", features = [ "path-all", "protocol-asset", "dialog-open", "notification-all", "icon-png", "clipboard-all", "global-shortcut-all", "process-all", "shell-all", "system-tray", "updater", "window-all", "devtools"] }
+tauri = { version = "1.6", features = [ "fs-exists", "path-all", "protocol-asset", "dialog-open", "notification-all", "icon-png", "icon-ico", "clipboard-all", "global-shortcut-all", "process-all", "shell-all", "system-tray", "updater", "window-all", "devtools"] }

 [target.'cfg(windows)'.dependencies]
 runas = "=1.2.0"
@@ -45,6 +45,7 @@ deelevate = "0.2.0"
 winreg = "0.52.0"

 [target.'cfg(target_os = "linux")'.dependencies]
+users = "0.11.0"
 #openssl

 [features]
--- a/src-tauri/src/cmds.rs
+++ b/src-tauri/src/cmds.rs
@@ -299,9 +299,17 @@ pub fn copy_icon_file(path: String, name: String) -> CmdResult<String> {
    if !icon_dir.exists() {
        let _ = std::fs::create_dir_all(&icon_dir);
    }
-    let dest_path = icon_dir.join(name);
+    let ext = match file_path.extension() {
+        Some(e) => e.to_string_lossy().to_string(),
+        None => "ico".to_string(),
+    };

+    let png_dest_path = icon_dir.join(format!("{name}.png"));
+    let ico_dest_path = icon_dir.join(format!("{name}.ico"));
+    let dest_path = icon_dir.join(format!("{name}.{ext}"));
    if file_path.exists() {
+        std::fs::remove_file(png_dest_path).unwrap_or_default();
+        std::fs::remove_file(ico_dest_path).unwrap_or_default();
        match std::fs::copy(file_path, &dest_path) {
            Ok(_) => Ok(dest_path.to_string_lossy().to_string()),
            Err(err) => Err(err.to_string()),
@@ -331,42 +339,23 @@ pub fn exit_app(app_handle: tauri::AppHandle) {
    std::process::exit(0);
 }

-#[cfg(windows)]
 pub mod service {
    use super::*;
-    use crate::core::win_service;
+    use crate::core::service;

    #[tauri::command]
-    pub async fn check_service() -> CmdResult<win_service::JsonResponse> {
-        wrap_err!(win_service::check_service().await)
+    pub async fn check_service() -> CmdResult<service::JsonResponse> {
+        wrap_err!(service::check_service().await)
    }

    #[tauri::command]
    pub async fn install_service() -> CmdResult {
-        wrap_err!(win_service::install_service().await)
+        wrap_err!(service::install_service().await)
    }

    #[tauri::command]
    pub async fn uninstall_service() -> CmdResult {
-        wrap_err!(win_service::uninstall_service().await)
-    }
-}
-
-#[cfg(not(windows))]
-pub mod service {
-    use super::*;
-
-    #[tauri::command]
-    pub async fn check_service() -> CmdResult {
-        Ok(())
-    }
-    #[tauri::command]
-    pub async fn install_service() -> CmdResult {
-        Ok(())
-    }
-    #[tauri::command]
-    pub async fn uninstall_service() -> CmdResult {
-        Ok(())
+        wrap_err!(service::uninstall_service().await)
    }
 }

--- a/src-tauri/src/config/clash.rs
+++ b/src-tauri/src/config/clash.rs
@@ -38,7 +38,7 @@ impl IClashTemp {
        tun.insert("strict-route".into(), false.into());
        tun.insert("auto-detect-interface".into(), true.into());
        tun.insert("dns-hijack".into(), vec!["any:53"].into());
-        tun.insert("mtu".into(), 9000.into());
+        tun.insert("mtu".into(), 1500.into());
        #[cfg(not(target_os = "windows"))]
        map.insert("redir-port".into(), 7895.into());
        #[cfg(target_os = "linux")]
--- a/src-tauri/src/config/prfitem.rs
+++ b/src-tauri/src/config/prfitem.rs
@@ -46,6 +46,10 @@ pub struct PrfItem {
    #[serde(skip_serializing_if = "Option::is_none")]
    pub option: Option<PrfOption>,

+    /// profile web page url
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub home: Option<String>,
+
    /// the file data
    #[serde(skip)]
    pub file_data: Option<String>,
@@ -161,6 +165,7 @@ impl PrfItem {
            selected: None,
            extra: None,
            option: None,
+            home: None,
            updated: Some(chrono::Local::now().timestamp() as usize),
            file_data: Some(file_data.unwrap_or(tmpl::ITEM_LOCAL.into())),
        })
@@ -291,6 +296,14 @@ impl PrfItem {
            },
        };

+        let home = match header.get("profile-web-page-url") {
+            Some(value) => {
+                let str_value = value.to_str().unwrap_or("");
+                Some(str_value.to_string())
+            },
+            None => None,
+        };
+
        let uid = help::get_uid("r");
        let file = format!("{uid}.yaml");
        let name = name.unwrap_or(filename.unwrap_or("Remote File".into()));
@@ -317,6 +330,7 @@ impl PrfItem {
            selected: None,
            extra,
            option,
+            home,
            updated: Some(chrono::Local::now().timestamp() as usize),
            file_data: Some(data.into()),
        })
@@ -338,6 +352,7 @@ impl PrfItem {
            selected: None,
            extra: None,
            option: None,
+            home: None,
            updated: Some(chrono::Local::now().timestamp() as usize),
            file_data: Some(tmpl::ITEM_MERGE.into()),
        })
@@ -356,6 +371,7 @@ impl PrfItem {
            desc: Some(desc),
            file: Some(file),
            url: None,
+            home: None,
            selected: None,
            extra: None,
            option: None,
--- a/src-tauri/src/config/profiles.rs
+++ b/src-tauri/src/config/profiles.rs
@@ -211,7 +211,7 @@ impl IProfiles {
                if each.uid == some_uid {
                    each.extra = item.extra;
                    each.updated = item.updated;
-
+                    each.home = item.home;
                    // save the file data
                    // move the field value after save
                    if let Some(file_data) = item.file_data.take() {
--- a/src-tauri/src/core/core.rs
+++ b/src-tauri/src/core/core.rs
@@ -1,3 +1,4 @@
+use super::service;
 use super::{clash_api, logger::Logger};
 use crate::log_err;
 use crate::{config::*, utils::dirs};
@@ -93,10 +94,9 @@ impl CoreManager {
            None => false,
        };

-        #[cfg(target_os = "windows")]
        if *self.use_service_mode.lock() {
            log::debug!(target: "app", "stop the core by service");
-            log_err!(super::win_service::stop_core_by_service().await);
+            log_err!(service::stop_core_by_service().await);
            should_kill = true;
        }

@@ -105,32 +105,27 @@ impl CoreManager {
            sleep(Duration::from_millis(500)).await;
        }

-        #[cfg(target_os = "windows")]
-        {
-            use super::win_service;
+        // 服务模式
+        let enable = { Config::verge().latest().enable_service_mode };
+        let enable = enable.unwrap_or(false);

-            // 服务模式
-            let enable = { Config::verge().latest().enable_service_mode };
-            let enable = enable.unwrap_or(false);
+        *self.use_service_mode.lock() = enable;

-            *self.use_service_mode.lock() = enable;
+        if enable {
+            // 服务模式启动失败就直接运行sidecar
+            log::debug!(target: "app", "try to run core in service mode");

-            if enable {
-                // 服务模式启动失败就直接运行sidecar
-                log::debug!(target: "app", "try to run core in service mode");
-
-                match (|| async {
-                    win_service::check_service().await?;
-                    win_service::run_core_by_service(&config_path).await
-                })()
-                .await
-                {
-                    Ok(_) => return Ok(()),
-                    Err(err) => {
-                        // 修改这个值，免得stop出错
-                        *self.use_service_mode.lock() = false;
-                        log::error!(target: "app", "{err}");
-                    }
+            match (|| async {
+                service::check_service().await?;
+                service::run_core_by_service(&config_path).await
+            })()
+            .await
+            {
+                Ok(_) => return Ok(()),
+                Err(err) => {
+                    // 修改这个值，免得stop出错
+                    *self.use_service_mode.lock() = false;
+                    log::error!(target: "app", "{err}");
                }
            }
        }
@@ -205,7 +200,6 @@ impl CoreManager {
    /// 重启内核
    pub fn recover_core(&'static self) -> Result<()> {
        // 服务模式不管
-        #[cfg(target_os = "windows")]
        if *self.use_service_mode.lock() {
            return Ok(());
        }
@@ -238,11 +232,10 @@ impl CoreManager {

    /// 停止核心运行
    pub fn stop_core(&self) -> Result<()> {
-        #[cfg(target_os = "windows")]
        if *self.use_service_mode.lock() {
            log::debug!(target: "app", "stop the core by service");
            tauri::async_runtime::block_on(async move {
-                log_err!(super::win_service::stop_core_by_service().await);
+                log_err!(service::stop_core_by_service().await);
            });
            return Ok(());
        }
--- a/src-tauri/src/core/manager.rs
+++ b/src-tauri/src/core/manager.rs
@@ -22,7 +22,7 @@ pub fn grant_permission(core: String) -> anyhow::Result<()> {
    #[cfg(target_os = "linux")]
    let output = {
        let path = path.replace(' ', "\\ "); // 避免路径中有空格
-        let shell = format!("setcap cap_net_bind_service,cap_net_admin=+ep {path}");
+        let shell = format!("setcap cap_net_bind_service,cap_net_admin,cap_dac_override=+ep {path}");

        let sudo = match Command::new("which").arg("pkexec").output() {
            Ok(output) => {
--- a/src-tauri/src/core/mod.rs
+++ b/src-tauri/src/core/mod.rs
@@ -7,7 +7,7 @@ pub mod manager;
 pub mod sysopt;
 pub mod timer;
 pub mod tray;
-pub mod win_service;
+pub mod service;
 pub mod win_uwp;

 pub use self::core::*;
--- a/src-tauri/src/core/win_service.rs
+++ b/src-tauri/src/core/win_service.rs
@@ -1,18 +1,15 @@
-#![cfg(target_os = "windows")]
-
 use crate::config::Config;
 use crate::utils::dirs;
 use anyhow::{bail, Context, Result};
-use deelevate::{PrivilegeLevel, Token};
-use runas::Command as RunasCommand;
 use serde::{Deserialize, Serialize};
 use std::collections::HashMap;
-use std::os::windows::process::CommandExt;
 use std::path::PathBuf;
 use std::time::Duration;
 use std::{env::current_exe, process::Command as StdCommand};
 use tokio::time::sleep;

+// Windows only
+
 const SERVICE_URL: &str = "http://127.0.0.1:33211";

 #[derive(Debug, Deserialize, Serialize, Clone)]
@@ -32,7 +29,13 @@ pub struct JsonResponse {

 /// Install the Clash Verge Service
 /// 该函数应该在协程或者线程中执行，避免UAC弹窗阻塞主线程
+///
+#[cfg(target_os = "windows")]
 pub async fn install_service() -> Result<()> {
+    use deelevate::{PrivilegeLevel, Token};
+    use runas::Command as RunasCommand;
+    use std::os::windows::process::CommandExt;
+
    let binary_path = dirs::service_path()?;
    let install_path = binary_path.with_file_name("install-service.exe");

@@ -60,9 +63,69 @@ pub async fn install_service() -> Result<()> {
    Ok(())
 }

+#[cfg(target_os = "linux")]
+pub async fn install_service() -> Result<()> {
+    use users::get_effective_uid;
+
+    let binary_path = dirs::service_path()?;
+    let installer_path = binary_path.with_file_name("install-service");
+
+    if !installer_path.exists() {
+        bail!("installer not found");
+    }
+
+    let elevator = crate::utils::unix_helper::linux_elevator();
+    let status = match get_effective_uid() {
+        0 => StdCommand::new(installer_path).status()?,
+        _ => StdCommand::new(elevator)
+            .arg("sh")
+            .arg("-c")
+            .arg(installer_path)
+            .status()?,
+    };
+
+    if !status.success() {
+        bail!(
+            "failed to install service with status {}",
+            status.code().unwrap()
+        );
+    }
+
+    Ok(())
+}
+
+#[cfg(target_os = "macos")]
+pub async fn install_service() -> Result<()> {
+    let binary_path = dirs::service_path()?;
+    let installer_path = binary_path.with_file_name("install-service");
+
+    if !installer_path.exists() {
+        bail!("installer not found");
+    }
+    let shell = installer_path.to_string_lossy();
+    let command = format!(r#"do shell script "{shell}" with administrator privileges"#);
+
+    let status = StdCommand::new("osascript")
+        .args(vec!["-e", &command])
+        .status()?;
+
+    if !status.success() {
+        bail!(
+            "failed to install service with status {}",
+            status.code().unwrap()
+        );
+    }
+
+    Ok(())
+}
 /// Uninstall the Clash Verge Service
 /// 该函数应该在协程或者线程中执行，避免UAC弹窗阻塞主线程
+#[cfg(target_os = "windows")]
 pub async fn uninstall_service() -> Result<()> {
+    use deelevate::{PrivilegeLevel, Token};
+    use runas::Command as RunasCommand;
+    use std::os::windows::process::CommandExt;
+
    let binary_path = dirs::service_path()?;
    let uninstall_path = binary_path.with_file_name("uninstall-service.exe");

@@ -90,6 +153,63 @@ pub async fn uninstall_service() -> Result<()> {
    Ok(())
 }

+#[cfg(target_os = "linux")]
+pub async fn uninstall_service() -> Result<()> {
+    use users::get_effective_uid;
+
+    let binary_path = dirs::service_path()?;
+    let uninstaller_path = binary_path.with_file_name("uninstall-service");
+
+    if !uninstaller_path.exists() {
+        bail!("uninstaller not found");
+    }
+
+    let elevator = crate::utils::unix_helper::linux_elevator();
+    let status = match get_effective_uid() {
+        0 => StdCommand::new(uninstaller_path).status()?,
+        _ => StdCommand::new(elevator)
+            .arg("sh")
+            .arg("-c")
+            .arg(uninstaller_path)
+            .status()?,
+    };
+
+    if !status.success() {
+        bail!(
+            "failed to install service with status {}",
+            status.code().unwrap()
+        );
+    }
+
+    Ok(())
+}
+
+#[cfg(target_os = "macos")]
+pub async fn uninstall_service() -> Result<()> {
+    let binary_path = dirs::service_path()?;
+    let uninstaller_path = binary_path.with_file_name("uninstall-service");
+
+    if !uninstaller_path.exists() {
+        bail!("uninstaller not found");
+    }
+
+    let shell = uninstaller_path.to_string_lossy().replace(" ", "\\\\ ");
+    let command = format!(r#"do shell script "{shell}" with administrator privileges"#);
+
+    let status = StdCommand::new("osascript")
+        .args(vec!["-e", &command])
+        .status()?;
+
+    if !status.success() {
+        bail!(
+            "failed to install service with status {}",
+            status.code().unwrap()
+        );
+    }
+
+    Ok(())
+}
+
 /// check the windows service status
 pub async fn check_service() -> Result<JsonResponse> {
    let url = format!("{SERVICE_URL}/get_clash");
@@ -119,7 +239,8 @@ pub(super) async fn run_core_by_service(config_file: &PathBuf) -> Result<()> {
    let clash_core = { Config::verge().latest().clash_core.clone() };
    let clash_core = clash_core.unwrap_or("clash".into());

-    let clash_bin = format!("{clash_core}.exe");
+    let bin_ext = if cfg!(windows) { ".exe" } else { "" };
+    let clash_bin = format!("{clash_core}{bin_ext}");
    let bin_path = current_exe()?.with_file_name(clash_bin);
    let bin_path = dirs::path_to_str(&bin_path)?;

--- a/src-tauri/src/core/sysopt.rs
+++ b/src-tauri/src/core/sysopt.rs
@@ -3,9 +3,10 @@ use anyhow::{anyhow, Result};
 use auto_launch::{AutoLaunch, AutoLaunchBuilder};
 use once_cell::sync::OnceCell;
 use parking_lot::Mutex;
+use std::env::current_exe;
 use std::sync::Arc;
 use sysproxy::Sysproxy;
-use tauri::{async_runtime::Mutex as TokioMutex, utils::platform::current_exe};
+use tauri::async_runtime::Mutex as TokioMutex;

 pub struct Sysopt {
    /// current system proxy setting
@@ -149,7 +150,7 @@ impl Sysopt {
    /// init the auto launch
    pub fn init_launch(&self) -> Result<()> {
        let app_exe = current_exe()?;
-        let app_exe = dunce::canonicalize(app_exe)?;
+        // let app_exe = dunce::canonicalize(app_exe)?;
        let app_name = app_exe
            .file_stem()
            .and_then(|f| f.to_str())
--- a/src-tauri/src/core/tray.rs
+++ b/src-tauri/src/core/tray.rs
@@ -182,9 +182,13 @@ impl Tray {
            #[cfg(target_os = "macos")]
            let mut icon = include_bytes!("../../icons/mac-tray-icon-sys.png").to_vec();
            if *sysproxy_tray_icon {
-                let path = dirs::app_home_dir()?.join("icons").join("sysproxy.png");
-                if path.exists() {
-                    icon = std::fs::read(path).unwrap();
+                let icon_dir_path = dirs::app_home_dir()?.join("icons");
+                let png_path = icon_dir_path.join("sysproxy.png");
+                let ico_path = icon_dir_path.join("sysproxy.ico");
+                if ico_path.exists() {
+                    icon = std::fs::read(ico_path).unwrap();
+                } else if png_path.exists() {
+                    icon = std::fs::read(png_path).unwrap();
                }
            }
            icon
@@ -194,9 +198,13 @@ impl Tray {
            #[cfg(target_os = "macos")]
            let mut icon = include_bytes!("../../icons/mac-tray-icon.png").to_vec();
            if *common_tray_icon {
-                let path = dirs::app_home_dir()?.join("icons").join("common.png");
-                if path.exists() {
-                    icon = std::fs::read(path).unwrap();
+                let icon_dir_path = dirs::app_home_dir()?.join("icons");
+                let png_path = icon_dir_path.join("common.png");
+                let ico_path = icon_dir_path.join("common.ico");
+                if ico_path.exists() {
+                    icon = std::fs::read(ico_path).unwrap();
+                } else if png_path.exists() {
+                    icon = std::fs::read(png_path).unwrap();
                }
            }
            icon
@@ -208,9 +216,13 @@ impl Tray {
            #[cfg(target_os = "macos")]
            let mut icon = include_bytes!("../../icons/mac-tray-icon-tun.png").to_vec();
            if *tun_tray_icon {
-                let path = dirs::app_home_dir()?.join("icons").join("tun.png");
-                if path.exists() {
-                    icon = std::fs::read(path).unwrap();
+                let icon_dir_path = dirs::app_home_dir()?.join("icons");
+                let png_path = icon_dir_path.join("tun.png");
+                let ico_path = icon_dir_path.join("tun.ico");
+                if ico_path.exists() {
+                    icon = std::fs::read(ico_path).unwrap();
+                } else if png_path.exists() {
+                    icon = std::fs::read(png_path).unwrap();
                }
            }
            indication_icon = icon
--- a/src-tauri/src/feat.rs
+++ b/src-tauri/src/feat.rs
@@ -185,22 +185,14 @@ pub async fn patch_verge(patch: IVerge) -> Result<()> {
    let tun_tray_icon = patch.tun_tray_icon;

    match {
-        #[cfg(target_os = "windows")]
-        {
-            let service_mode = patch.enable_service_mode;
+        let service_mode = patch.enable_service_mode;

-            if service_mode.is_some() {
-                log::debug!(target: "app", "change service mode to {}", service_mode.unwrap());
+        if service_mode.is_some() {
+            log::debug!(target: "app", "change service mode to {}", service_mode.unwrap());

-                Config::generate()?;
-                CoreManager::global().run_core().await?;
-            } else if tun_mode.is_some() {
-                update_core_config().await?;
-            }
-        }
-
-        #[cfg(not(target_os = "windows"))]
-        if tun_mode.is_some() {
+            Config::generate()?;
+            CoreManager::global().run_core().await?;
+        } else if tun_mode.is_some() {
            update_core_config().await?;
        }

--- a/src-tauri/src/utils/dirs.rs
+++ b/src-tauri/src/utils/dirs.rs
@@ -92,12 +92,16 @@ pub fn clash_pid_path() -> Result<PathBuf> {
    Ok(app_home_dir()?.join("clash.pid"))
 }

+#[cfg(not(target_os = "windows"))]
+pub fn service_path() -> Result<PathBuf> {
+    Ok(app_resources_dir()?.join("clash-verge-service"))
+}
+
 #[cfg(windows)]
 pub fn service_path() -> Result<PathBuf> {
    Ok(app_resources_dir()?.join("clash-verge-service.exe"))
 }

-#[cfg(windows)]
 pub fn service_log_file() -> Result<PathBuf> {
    use chrono::Local;

--- a/src-tauri/src/utils/init.rs
+++ b/src-tauri/src/utils/init.rs
@@ -135,13 +135,12 @@ pub fn delete_log() -> Result<()> {
    for file in fs::read_dir(&log_dir)?.flatten() {
        let _ = process_file(file);
    }
-    #[cfg(target_os = "windows")]
-    {
-        let service_log_dir = log_dir.join("service");
-        for file in fs::read_dir(&service_log_dir)?.flatten() {
-            let _ = process_file(file);
-        }
+
+    let service_log_dir = log_dir.join("service");
+    for file in fs::read_dir(&service_log_dir)?.flatten() {
+        let _ = process_file(file);
    }
+
    Ok(())
 }

@@ -305,7 +304,7 @@ pub fn startup_script() -> Result<()> {
            shell = "powershell";
        }
        if path.ends_with(".bat") {
-            shell = "cmd";
+            shell = "powershell";
        }
        if shell.is_empty() {
            return Err(anyhow::anyhow!("unsupported script: {path}"));
--- a/src-tauri/src/utils/mod.rs
+++ b/src-tauri/src/utils/mod.rs
@@ -4,3 +4,4 @@ pub mod init;
 pub mod resolve;
 pub mod server;
 pub mod tmpl;
+pub mod unix_helper;
--- a/src-tauri/src/utils/tmpl.rs
+++ b/src-tauri/src/utils/tmpl.rs
@@ -14,25 +14,25 @@ rules:
 pub const ITEM_MERGE: &str = "# Merge Template for clash verge
 # The `Merge` format used to enhance profile

-prepend-rules:
+prepend-rules: []

-prepend-rule-providers:
+prepend-rule-providers: {}

-prepend-proxies:
+prepend-proxies: []

-prepend-proxy-providers:
+prepend-proxy-providers: {}

-prepend-proxy-groups:
+prepend-proxy-groups: []

-append-rules:
+append-rules: []

-append-rule-providers:
+append-rule-providers: {}

-append-proxies:
+append-proxies: []

-append-proxy-providers:
+append-proxy-providers: {}

-append-proxy-groups:
+append-proxy-groups: []
 ";

 /// enhanced profile
--- a/src-tauri/src/utils/unix_helper.rs
+++ b/src-tauri/src/utils/unix_helper.rs
@@ -0,0 +1,14 @@
+#[cfg(target_os = "linux")]
+pub fn linux_elevator() -> &'static str {
+    use std::process::Command;
+    match Command::new("which").arg("pkexec").output() {
+        Ok(output) => {
+            if output.stdout.is_empty() {
+                "sudo"
+            } else {
+                "pkexec"
+            }
+        }
+        Err(_) => "sudo",
+    }
+}
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,8 @@
 {
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
  "package": {
    "productName": "Clash Verge",
-    "version": "1.5.11"
+    "version": "1.6.0"
  },
  "build": {
    "distDir": "../dist",
@@ -65,6 +66,10 @@
      },
      "path": {
        "all": true
+      },
+      "fs": {
+        "exists": true,
+        "scope": ["$APPDATA/**", "$RESOURCE/../**"]
      }
    },
    "windows": [],
--- a/src-tauri/tauri.linux.conf.json
+++ b/src-tauri/tauri.linux.conf.json
@@ -1,9 +1,11 @@
 {
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
  "tauri": {
    "systemTray": {
      "iconPath": "icons/tray-icon.png"
    },
    "bundle": {
+      "identifier": "io.github.clash-verge-rev.clash-verge-rev",
      "targets": ["deb", "appimage", "updater"],
      "deb": {
        "depends": ["openssl"],
--- a/src-tauri/tauri.macos.conf.json
+++ b/src-tauri/tauri.macos.conf.json
@@ -1,10 +1,12 @@
 {
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
  "tauri": {
    "systemTray": {
      "iconPath": "icons/mac-tray-icon.png",
      "iconAsTemplate": true
    },
    "bundle": {
+      "identifier": "io.github.clash-verge-rev.clash-verge-rev",
      "targets": ["app", "dmg", "updater"],
      "macOS": {
        "frameworks": [],
--- a/src-tauri/tauri.windows.conf.json
+++ b/src-tauri/tauri.windows.conf.json
@@ -1,9 +1,11 @@
 {
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
  "tauri": {
    "systemTray": {
      "iconPath": "icons/tray-icon.png"
    },
    "bundle": {
+      "identifier": "io.github.clash-verge-rev.clash-verge-rev",
      "targets": ["nsis", "updater"],
      "windows": {
        "certificateThumbprint": null,
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -33,6 +33,7 @@
      // width: 100%;
      display: flex;
      height: 100%;
+      padding: 0px 20px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
@@ -79,7 +80,7 @@

      > div {
        margin: 0 auto;
-        padding: 0px 10px;
+        padding: 0px 20px;
      }
    }
  }
@@ -120,9 +121,9 @@
 .windows,
 .unknown {
  &.layout {
-    .layout__left {
-      // padding-top: 24px;
-    }
+    //.layout__left {
+    //  padding-top: 24px;
+    //}

    .layout__left .the-logo {
      flex: 1 0 58px;
--- a/src/components/base/base-styled-text-field.tsx
+++ b/src/components/base/base-styled-text-field.tsx
@@ -0,0 +1,24 @@
+import { TextField, type TextFieldProps, styled } from "@mui/material";
+import { useTranslation } from "react-i18next";
+
+export const BaseStyledTextField = styled((props: TextFieldProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <TextField
+      hiddenLabel
+      fullWidth
+      size="small"
+      autoComplete="off"
+      variant="outlined"
+      spellCheck="false"
+      placeholder={t("Filter conditions")}
+      sx={{ input: { py: 0.65, px: 1.25 } }}
+      {...props}
+    />
+  );
+})(({ theme }) => ({
+  "& .MuiInputBase-root": {
+    background: theme.palette.mode === "light" ? "#fff" : undefined,
+  },
+}));
--- a/src/components/connection/connection-detail.tsx
+++ b/src/components/connection/connection-detail.tsx
@@ -3,8 +3,8 @@ import { forwardRef, useImperativeHandle, useState } from "react";
 import { useLockFn } from "ahooks";
 import { Box, Button, Snackbar } from "@mui/material";
 import { deleteConnection } from "@/services/api";
-import { truncateStr } from "@/utils/truncate-str";
 import parseTraffic from "@/utils/parse-traffic";
+import { t } from "i18next";

 export interface ConnectionDetailRef {
  open: (detail: IConnectionsItem) => void;
@@ -69,7 +69,9 @@ const InnerConnectionDetail = ({ data, onClose }: InnerProps) => {
    { label: "Rule", value: rule },
    {
      label: "Process",
-      value: truncateStr(metadata.process || metadata.processPath),
+      value: `${metadata.process}${
+        metadata.processPath ? `(${metadata.processPath})` : ""
+      }`,
    },
    { label: "Time", value: dayjs(data.start).fromNow() },
    { label: "Source", value: `${metadata.sourceIP}:${metadata.sourcePort}` },
@@ -96,7 +98,7 @@ const InnerConnectionDetail = ({ data, onClose }: InnerProps) => {
            onClose?.();
          }}
        >
-          Close
+          {t("Close")}
        </Button>
      </Box>
    </Box>
--- a/src/components/layout/layout-control.tsx
+++ b/src/components/layout/layout-control.tsx
@@ -15,8 +15,10 @@ export const LayoutControl = () => {

  const [isMaximized, setIsMaximized] = useState(false);
  const [isPined, setIsPined] = useState(false);
-  appWindow.isMaximized().then((isMaximized) => {
-    setIsMaximized(() => isMaximized);
+  appWindow.onResized(() => {
+    appWindow.isMaximized().then((isMaximized) => {
+      setIsMaximized(() => isMaximized);
+    });
  });

  return (
--- a/src/components/layout/layout-traffic.tsx
+++ b/src/components/layout/layout-traffic.tsx
@@ -29,21 +29,23 @@ export const LayoutTraffic = () => {
  // setup log ws during layout
  useLogSetup();

-  const { connect, disconnect } = useWebsocket((event) => {
-    const data = JSON.parse(event.data) as ITrafficItem;
-    trafficRef.current?.appendData(data);
-    setTraffic(data);
-  });
+  const trafficWs = useWebsocket(
+    (event) => {
+      const data = JSON.parse(event.data) as ITrafficItem;
+      trafficRef.current?.appendData(data);
+      setTraffic(data);
+    },
+    { onError: () => setTraffic({ up: 0, down: 0 }), errorCount: 10 }
+  );

  useEffect(() => {
    if (!clashInfo || !pageVisible) return;

    const { server = "", secret = "" } = clashInfo;
-    connect(`ws://${server}/traffic?token=${encodeURIComponent(secret)}`);
-
-    return () => {
-      disconnect();
-    };
+    trafficWs.connect(
+      `ws://${server}/traffic?token=${encodeURIComponent(secret)}`
+    );
+    return () => trafficWs.disconnect();
  }, [clashInfo, pageVisible]);

  /* --------- meta memory information --------- */
@@ -54,7 +56,7 @@ export const LayoutTraffic = () => {
    (event) => {
      setMemory(JSON.parse(event.data));
    },
-    { onError: () => setMemory({ inuse: 0 }) }
+    { onError: () => setMemory({ inuse: 0 }), errorCount: 10 }
  );

  useEffect(() => {
--- a/src/components/profile/confirm-viewer.tsx
+++ b/src/components/profile/confirm-viewer.tsx
@@ -29,7 +29,7 @@ export const ConfirmViewer = (props: Props) => {
    <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
      <DialogTitle>{t(title)}</DialogTitle>

-      <DialogContent sx={{ width: "95%", pb: 1, userSelect: "text" }}>
+      <DialogContent sx={{ pb: 1, userSelect: "text" }}>
        {t(message)}
      </DialogContent>

--- a/src/components/profile/editor-viewer.tsx
+++ b/src/components/profile/editor-viewer.tsx
@@ -12,23 +12,45 @@ import {
 import { atomThemeMode } from "@/services/states";
 import { readProfileFile, saveProfileFile } from "@/services/cmds";
 import { Notice } from "@/components/base";
+import { nanoid } from "nanoid";

-import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js";
-import "monaco-editor/esm/vs/basic-languages/yaml/yaml.contribution.js";
-import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js";
+import * as monaco from "monaco-editor";
 import { editor } from "monaco-editor/esm/vs/editor/editor.api";
+import { configureMonacoYaml } from "monaco-yaml";
+
+import { type JSONSchema7 } from "json-schema";
+import metaSchema from "meta-json-schema/schemas/meta-json-schema.json";
+import mergeSchema from "meta-json-schema/schemas/clash-verge-merge-json-schema.json";

 interface Props {
  uid: string;
  open: boolean;
-  mode: "yaml" | "javascript";
+  language: "yaml" | "javascript";
+  schema?: "clash" | "merge";
  onClose: () => void;
  onChange?: () => void;
 }

-export const EditorViewer = (props: Props) => {
-  const { uid, open, mode, onClose, onChange } = props;
+// yaml worker
+configureMonacoYaml(monaco, {
+  validate: true,
+  enableSchemaRequest: true,
+  schemas: [
+    {
+      uri: "http://example.com/meta-json-schema.json",
+      fileMatch: ["**/*.clash.yaml"],
+      schema: metaSchema as JSONSchema7,
+    },
+    {
+      uri: "http://example.com/clash-verge-merge-json-schema.json",
+      fileMatch: ["**/*.merge.yaml"],
+      schema: mergeSchema as JSONSchema7,
+    },
+  ],
+});

+export const EditorViewer = (props: Props) => {
+  const { uid, open, language, schema, onClose, onChange } = props;
  const { t } = useTranslation();
  const editorRef = useRef<any>();
  const instanceRef = useRef<editor.IStandaloneCodeEditor | null>(null);
@@ -41,13 +63,23 @@ export const EditorViewer = (props: Props) => {
      const dom = editorRef.current;

      if (!dom) return;
+
      if (instanceRef.current) instanceRef.current.dispose();

+      const uri = monaco.Uri.parse(`${nanoid()}.${schema}.${language}`);
+      const model = monaco.editor.createModel(data, language, uri);
      instanceRef.current = editor.create(editorRef.current, {
-        value: data,
-        language: mode,
+        model: model,
+        language: language,
+        tabSize: ["yaml", "javascript"].includes(language) ? 2 : 4, // 根据语言类型设置缩进
        theme: themeMode === "light" ? "vs" : "vs-dark",
-        minimap: { enabled: false },
+        minimap: { enabled: dom.clientWidth >= 1000 }, // 超过一定宽度显示minimap滚动条
+        mouseWheelZoom: true, // Ctrl+滚轮调节缩放
+        quickSuggestions: {
+          strings: true, // 字符串类型的建议
+          comments: true, // 注释类型的建议
+          other: true, // 其他类型的建议
+        },
      });
    });

@@ -77,8 +109,10 @@ export const EditorViewer = (props: Props) => {
    <Dialog open={open} onClose={onClose} maxWidth="xl" fullWidth>
      <DialogTitle>{t("Edit File")}</DialogTitle>

-      <DialogContent sx={{ width: "95%", pb: 1, userSelect: "text" }}>
-        <div style={{ width: "100%", height: "500px" }} ref={editorRef} />
+      <DialogContent
+        sx={{ width: "94%", height: "100vh", pb: 1, userSelect: "text" }}
+      >
+        <div style={{ width: "100%", height: "100%" }} ref={editorRef} />
      </DialogContent>

      <DialogActions>
--- a/src/components/profile/profile-item.tsx
+++ b/src/components/profile/profile-item.tsx
@@ -24,7 +24,7 @@ import { EditorViewer } from "./editor-viewer";
 import { ProfileBox } from "./profile-box";
 import parseTraffic from "@/utils/parse-traffic";
 import { ConfirmViewer } from "./confirm-viewer";
-
+import { open } from "@tauri-apps/api/shell";
 const round = keyframes`
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
@@ -55,6 +55,7 @@ export const ProfileItem = (props: Props) => {
  // remote file mode
  const hasUrl = !!itemData.url;
  const hasExtra = !!extra; // only subscription url has extra info
+  const hasHome = !!itemData.home; // only subscription url has home page

  const { upload = 0, download = 0, total = 0 } = extra ?? {};
  const from = parseUrl(itemData.url);
@@ -95,6 +96,11 @@ export const ProfileItem = (props: Props) => {
  const [fileOpen, setFileOpen] = useState(false);
  const [confirmOpen, setConfirmOpen] = useState(false);

+  const onOpenHome = () => {
+    setAnchorEl(null);
+    open(itemData.home ?? "");
+  };
+
  const onEditInfo = () => {
    setAnchorEl(null);
    onEdit();
@@ -166,7 +172,9 @@ export const ProfileItem = (props: Props) => {
    }
  });

-  const urlModeMenu = [
+  const urlModeMenu = (
+    hasHome ? [{ label: "Home", handler: onOpenHome }] : []
+  ).concat([
    { label: "Select", handler: onForceSelect },
    { label: "Edit Info", handler: onEditInfo },
    { label: "Edit File", handler: onEditFile },
@@ -180,7 +188,7 @@ export const ProfileItem = (props: Props) => {
        setConfirmOpen(true);
      },
    },
-  ];
+  ]);
  const fileModeMenu = [
    { label: "Select", handler: onForceSelect },
    { label: "Edit Info", handler: onEditInfo },
@@ -378,7 +386,8 @@ export const ProfileItem = (props: Props) => {
      <EditorViewer
        uid={uid}
        open={fileOpen}
-        mode="yaml"
+        language="yaml"
+        schema="clash"
        onClose={() => setFileOpen(false)}
      />
      <ConfirmViewer
--- a/src/components/profile/profile-more.tsx
+++ b/src/components/profile/profile-more.tsx
@@ -235,7 +235,8 @@ export const ProfileMore = (props: Props) => {
      <EditorViewer
        uid={uid}
        open={fileOpen}
-        mode={type === "merge" ? "yaml" : "javascript"}
+        language={type === "merge" ? "yaml" : "javascript"}
+        schema={type === "merge" ? "merge" : undefined}
        onClose={() => setFileOpen(false)}
      />
      <ConfirmViewer
--- a/src/components/profile/profile-viewer.tsx
+++ b/src/components/profile/profile-viewer.tsx
@@ -97,6 +97,8 @@ export const ProfileViewer = forwardRef<ProfileViewerRef, Props>(
          }
          if (form.option?.update_interval) {
            form.option.update_interval = +form.option.update_interval;
+          } else {
+            delete form.option?.update_interval;
          }
          if (form.option?.user_agent === "") {
            delete form.option.user_agent;
--- a/src/components/proxy/proxy-groups.tsx
+++ b/src/components/proxy/proxy-groups.tsx
@@ -6,8 +6,8 @@ import {
  providerHealthCheck,
  updateProxy,
  deleteConnection,
+  getGroupProxyDelays,
 } from "@/services/api";
-import { Box } from "@mui/material";
 import { useProfiles } from "@/hooks/use-profiles";
 import { useVerge } from "@/hooks/use-verge";
 import { BaseEmpty } from "../base";
@@ -33,7 +33,7 @@ export const ProxyGroups = (props: Props) => {
  // 切换分组的节点代理
  const handleChangeProxy = useLockFn(
    async (group: IProxyGroupItem, proxy: IProxyItem) => {
-      if (group.type !== "Selector" && group.type !== "Fallback") return;
+      if (!["Selector", "URLTest", "Fallback"].includes(group.type)) return;

      const { name, now } = group;
      await updateProxy(name, proxy.name);
@@ -85,7 +85,11 @@ export const ProxyGroups = (props: Props) => {
    }

    const names = proxies.filter((p) => !p!.provider).map((p) => p!.name);
-    await delayManager.checkListDelay(names, groupName, timeout);
+
+    await Promise.race([
+      delayManager.checkListDelay(names, groupName, timeout),
+      getGroupProxyDelays(groupName, delayManager.getUrl(groupName), timeout), // 查询group delays 将清除fixed(不关注调用结果)
+    ]);

    onProxies();
  });
--- a/src/components/proxy/proxy-head.tsx
+++ b/src/components/proxy/proxy-head.tsx
@@ -109,7 +109,7 @@ export const ProxyHead = (props: Props) => {
      <IconButton
        size="small"
        color="inherit"
-        title={t("Proxy detail")}
+        title={showType ? t("Proxy basic") : t("Proxy detail")}
        onClick={() => onHeadState({ showType: !showType })}
      >
        {showType ? <VisibilityRounded /> : <VisibilityOffRounded />}
--- a/src/components/proxy/proxy-item-mini.tsx
+++ b/src/components/proxy/proxy-item-mini.tsx
@@ -7,7 +7,7 @@ import delayManager from "@/services/delay";
 import { useVerge } from "@/hooks/use-verge";

 interface Props {
-  groupName: string;
+  group: IProxyGroupItem;
  proxy: IProxyItem;
  selected: boolean;
  showType?: boolean;
@@ -16,7 +16,7 @@ interface Props {

 // 多列布局
 export const ProxyItemMini = (props: Props) => {
-  const { groupName, proxy, selected, showType = true, onClick } = props;
+  const { group, proxy, selected, showType = true, onClick } = props;

  // -1/<=0 为 不显示
  // -2 为 loading
@@ -25,21 +25,21 @@ export const ProxyItemMini = (props: Props) => {
  const timeout = verge?.default_latency_timeout || 10000;

  useEffect(() => {
-    delayManager.setListener(proxy.name, groupName, setDelay);
+    delayManager.setListener(proxy.name, group.name, setDelay);

    return () => {
-      delayManager.removeListener(proxy.name, groupName);
+      delayManager.removeListener(proxy.name, group.name);
    };
-  }, [proxy.name, groupName]);
+  }, [proxy.name, group.name]);

  useEffect(() => {
    if (!proxy) return;
-    setDelay(delayManager.getDelayFix(proxy, groupName));
+    setDelay(delayManager.getDelayFix(proxy, group.name));
  }, [proxy]);

  const onDelay = useLockFn(async () => {
    setDelay(-2);
-    setDelay(await delayManager.checkDelay(proxy.name, groupName, timeout));
+    setDelay(await delayManager.checkDelay(proxy.name, group.name, timeout));
  });

  return (
@@ -65,6 +65,13 @@ export const ProxyItemMini = (props: Props) => {
            "&:hover .the-check": { display: !showDelay ? "block" : "none" },
            "&:hover .the-delay": { display: showDelay ? "block" : "none" },
            "&:hover .the-icon": { display: "none" },
+            "& .the-pin, & .the-unpin": {
+              position: "absolute",
+              fontSize: "12px",
+              top: "-5px",
+              right: "-5px",
+            },
+            "& .the-unpin": { filter: "grayscale(1)" },
            "&.Mui-selected": {
              width: `calc(100% + 3px)`,
              marginLeft: `-3px`,
@@ -79,7 +86,10 @@ export const ProxyItemMini = (props: Props) => {
        },
      ]}
    >
-      <Box title={proxy.name} sx={{ overflow: "hidden" }}>
+      <Box
+        title={`${proxy.name}\n${proxy.now ?? ""}`}
+        sx={{ overflow: "hidden" }}
+      >
        <Typography
          variant="body2"
          component="div"
@@ -147,14 +157,12 @@ export const ProxyItemMini = (props: Props) => {
          </Box>
        )}
      </Box>
-
      <Box sx={{ ml: 0.5, color: "primary.main" }}>
        {delay === -2 && (
          <Widget>
            <BaseLoading />
          </Widget>
        )}
-
        {!proxy.provider && delay !== -2 && (
          // provider的节点不支持检测
          <Widget
@@ -193,7 +201,6 @@ export const ProxyItemMini = (props: Props) => {
            {delayManager.formatDelay(delay, timeout)}
          </Widget>
        )}
-
        {delay !== -2 && delay <= 0 && selected && (
          // 展示已选择的icon
          <CheckCircleOutlineRounded
@@ -202,6 +209,13 @@ export const ProxyItemMini = (props: Props) => {
          />
        )}
      </Box>
+
+      {group.fixed && group.fixed === proxy.name && (
+        // 展示fixed状态
+        <span className={proxy.name === group.now ? "the-pin" : "the-unpin"}>
+          📌
+        </span>
+      )}
    </ListItemButton>
  );
 };
--- a/src/components/proxy/proxy-item.tsx
+++ b/src/components/proxy/proxy-item.tsx
@@ -17,7 +17,7 @@ import delayManager from "@/services/delay";
 import { useVerge } from "@/hooks/use-verge";

 interface Props {
-  groupName: string;
+  group: IProxyGroupItem;
  proxy: IProxyItem;
  selected: boolean;
  showType?: boolean;
@@ -44,7 +44,7 @@ const TypeBox = styled(Box)(({ theme }) => ({
 }));

 export const ProxyItem = (props: Props) => {
-  const { groupName, proxy, selected, showType = true, sx, onClick } = props;
+  const { group, proxy, selected, showType = true, sx, onClick } = props;

  // -1/<=0 为 不显示
  // -2 为 loading
@@ -52,21 +52,21 @@ export const ProxyItem = (props: Props) => {
  const { verge } = useVerge();
  const timeout = verge?.default_latency_timeout || 10000;
  useEffect(() => {
-    delayManager.setListener(proxy.name, groupName, setDelay);
+    delayManager.setListener(proxy.name, group.name, setDelay);

    return () => {
-      delayManager.removeListener(proxy.name, groupName);
+      delayManager.removeListener(proxy.name, group.name);
    };
-  }, [proxy.name, groupName]);
+  }, [proxy.name, group.name]);

  useEffect(() => {
    if (!proxy) return;
-    setDelay(delayManager.getDelayFix(proxy, groupName));
+    setDelay(delayManager.getDelayFix(proxy, group.name));
  }, [proxy]);

  const onDelay = useLockFn(async () => {
    setDelay(-2);
-    setDelay(await delayManager.checkDelay(proxy.name, groupName, timeout));
+    setDelay(await delayManager.checkDelay(proxy.name, group.name, timeout));
  });

  return (
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -142,7 +142,7 @@ export const ProxyRender = (props: RenderProps) => {
  if (type === 2 && !group.hidden) {
    return (
      <ProxyItem
-        groupName={group.name}
+        group={group}
        proxy={proxy!}
        selected={group.now === proxy?.name}
        showType={headState?.showType}
@@ -186,7 +186,7 @@ export const ProxyRender = (props: RenderProps) => {
        {proxyCol?.map((proxy) => (
          <ProxyItemMini
            key={item.key + proxy.name}
-            groupName={group.name}
+            group={group}
            proxy={proxy!}
            selected={group.now === proxy.name}
            showType={headState?.showType}
--- a/src/components/setting/mods/config-viewer.tsx
+++ b/src/components/setting/mods/config-viewer.tsx
@@ -7,10 +7,17 @@ import {
 } from "react";
 import { useTranslation } from "react-i18next";
 import { useRecoilValue } from "recoil";
-import { Chip } from "@mui/material";
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Chip,
+} from "@mui/material";
 import { atomThemeMode } from "@/services/states";
 import { getRuntimeYaml } from "@/services/cmds";
-import { BaseDialog, DialogRef } from "@/components/base";
+import { DialogRef } from "@/components/base";
 import { editor } from "monaco-editor/esm/vs/editor/editor.api";

 import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js";
@@ -47,9 +54,12 @@ export const ConfigViewer = forwardRef<DialogRef>((props, ref) => {
        instanceRef.current = editor.create(editorRef.current, {
          value: data ?? "# Error\n",
          language: "yaml",
+          tabSize: 2,
          theme: themeMode === "light" ? "vs" : "vs-dark",
-          minimap: { enabled: false },
-          readOnly: true,
+          minimap: { enabled: dom.clientWidth >= 1000 }, // 超过一定宽度显示minimap滚动条
+          mouseWheelZoom: true, // Ctrl+滚轮调节缩放
+          readOnly: true, // 只读
+          readOnlyMessage: { value: t("ReadOnlyMessage") },
        });
      });
    },
@@ -57,20 +67,22 @@ export const ConfigViewer = forwardRef<DialogRef>((props, ref) => {
  }));

  return (
-    <BaseDialog
-      open={open}
-      title={
-        <>
-          {t("Runtime Config")} <Chip label={t("ReadOnly")} size="small" />
-        </>
-      }
-      contentSx={{ width: 520, pb: 1, userSelect: "text" }}
-      cancelBtn={t("Back")}
-      disableOk
-      onClose={() => setOpen(false)}
-      onCancel={() => setOpen(false)}
-    >
-      <div style={{ width: "100%", height: "420px" }} ref={editorRef} />
-    </BaseDialog>
+    <Dialog open={open} onClose={() => setOpen(false)} maxWidth="xl" fullWidth>
+      <DialogTitle>
+        {t("Runtime Config")} <Chip label={t("ReadOnly")} size="small" />
+      </DialogTitle>
+
+      <DialogContent
+        sx={{ width: "94%", height: "100vh", pb: 1, userSelect: "text" }}
+      >
+        <div style={{ width: "100%", height: "100%" }} ref={editorRef} />
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={() => setOpen(false)} variant="outlined">
+          {t("Back")}
+        </Button>
+      </DialogActions>
+    </Dialog>
  );
 });
--- a/src/components/setting/mods/controller-viewer.tsx
+++ b/src/components/setting/mods/controller-viewer.tsx
@@ -46,7 +46,7 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
    >
      <List>
        <ListItem sx={{ padding: "5px 2px" }}>
-          <ListItemText primary="External Controller" />
+          <ListItemText primary={t("External Controller")} />
          <TextField
            size="small"
            autoComplete="off"
@@ -58,13 +58,13 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
        </ListItem>

        <ListItem sx={{ padding: "5px 2px" }}>
-          <ListItemText primary="Core Secret" />
+          <ListItemText primary={t("Core Secret")} />
          <TextField
            size="small"
            autoComplete="off"
            sx={{ width: 175 }}
            value={secret}
-            placeholder="Recommended"
+            placeholder={t("Recommended")}
            onChange={(e) => setSecret(e.target.value)}
          />
        </ListItem>
--- a/src/components/setting/mods/layout-viewer.tsx
+++ b/src/components/setting/mods/layout-viewer.tsx
@@ -9,6 +9,7 @@ import { open as openDialog } from "@tauri-apps/api/dialog";
 import { convertFileSrc } from "@tauri-apps/api/tauri";
 import { copyIconFile, getAppDir } from "@/services/cmds";
 import { join } from "@tauri-apps/api/path";
+import { exists } from "@tauri-apps/api/fs";

 export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
  const { t } = useTranslation();
@@ -26,12 +27,27 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
  async function initIconPath() {
    const appDir = await getAppDir();
    const icon_dir = await join(appDir, "icons");
-    const common_icon = await join(icon_dir, "common.png");
-    const sysproxy_icon = await join(icon_dir, "sysproxy.png");
-    const tun_icon = await join(icon_dir, "tun.png");
-    setCommonIcon(common_icon);
-    setSysproxyIcon(sysproxy_icon);
-    setTunIcon(tun_icon);
+    const common_icon_png = await join(icon_dir, "common.png");
+    const common_icon_ico = await join(icon_dir, "common.ico");
+    const sysproxy_icon_png = await join(icon_dir, "sysproxy.png");
+    const sysproxy_icon_ico = await join(icon_dir, "sysproxy.ico");
+    const tun_icon_png = await join(icon_dir, "tun.png");
+    const tun_icon_ico = await join(icon_dir, "tun.ico");
+    if (await exists(common_icon_ico)) {
+      setCommonIcon(common_icon_ico);
+    } else {
+      setCommonIcon(common_icon_png);
+    }
+    if (await exists(sysproxy_icon_ico)) {
+      setSysproxyIcon(sysproxy_icon_ico);
+    } else {
+      setSysproxyIcon(sysproxy_icon_png);
+    }
+    if (await exists(tun_icon_ico)) {
+      setTunIcon(tun_icon_ico);
+    } else {
+      setTunIcon(tun_icon_png);
+    }
  }

  useImperativeHandle(ref, () => ({
@@ -140,12 +156,13 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
                    filters: [
                      {
                        name: "Tray Icon Image",
-                        extensions: ["png"],
+                        extensions: ["png", "ico"],
                      },
                    ],
                  });
                  if (path?.length) {
-                    await copyIconFile(`${path}`, "common.png");
+                    await copyIconFile(`${path}`, "common");
+                    await initIconPath();
                    onChangeData({ common_tray_icon: true });
                    patchVerge({ common_tray_icon: true });
                  }
@@ -184,12 +201,13 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
                    filters: [
                      {
                        name: "Tray Icon Image",
-                        extensions: ["png"],
+                        extensions: ["png", "ico"],
                      },
                    ],
                  });
                  if (path?.length) {
-                    await copyIconFile(`${path}`, "sysproxy.png");
+                    await copyIconFile(`${path}`, "sysproxy");
+                    await initIconPath();
                    onChangeData({ sysproxy_tray_icon: true });
                    patchVerge({ sysproxy_tray_icon: true });
                  }
@@ -226,12 +244,13 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
                    filters: [
                      {
                        name: "Tray Icon Image",
-                        extensions: ["png"],
+                        extensions: ["png", "ico"],
                      },
                    ],
                  });
                  if (path?.length) {
-                    await copyIconFile(`${path}`, "tun.png");
+                    await copyIconFile(`${path}`, "tun");
+                    await initIconPath();
                    onChangeData({ tun_tray_icon: true });
                    patchVerge({ tun_tray_icon: true });
                  }
--- a/src/components/setting/mods/sysproxy-viewer.tsx
+++ b/src/components/setting/mods/sysproxy-viewer.tsx
@@ -128,6 +128,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
            rows={3}
            sx={{ width: 280 }}
            value={value.bypass}
+            placeholder={sysproxy?.bypass || `-`}
            onChange={(e) =>
              setValue((v) => ({ ...v, bypass: e.target.value }))
            }
--- a/src/components/setting/mods/tun-viewer.tsx
+++ b/src/components/setting/mods/tun-viewer.tsx
@@ -27,7 +27,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
    autoDetectInterface: true,
    dnsHijack: ["any:53"],
    strictRoute: false,
-    mtu: 9000,
+    mtu: 1500,
  });

  useImperativeHandle(ref, () => ({
@@ -40,7 +40,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
        autoDetectInterface: clash?.tun["auto-detect-interface"] ?? true,
        dnsHijack: clash?.tun["dns-hijack"] ?? ["any:53"],
        strictRoute: clash?.tun["strict-route"] ?? false,
-        mtu: clash?.tun.mtu ?? 9000,
+        mtu: clash?.tun.mtu ?? 1500,
      });
    },
    close: () => setOpen(false),
@@ -50,12 +50,12 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
    try {
      let tun = {
        stack: values.stack,
-        device: values.device,
+        device: values.device === "" ? "Meta" : values.device,
        "auto-route": values.autoRoute,
        "auto-detect-interface": values.autoDetectInterface,
-        "dns-hijack": values.dnsHijack,
+        "dns-hijack": values.dnsHijack[0] === "" ? [] : values.dnsHijack,
        "strict-route": values.strictRoute,
-        mtu: values.mtu,
+        mtu: values.mtu ?? 1500,
      };
      await patchClash({ tun });
      await mutateClash(
@@ -88,7 +88,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
                "auto-detect-interface": true,
                "dns-hijack": ["any:53"],
                "strict-route": false,
-                mtu: 9000,
+                mtu: 1500,
              };
              setValues({
                stack: "gvisor",
@@ -97,7 +97,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
                autoDetectInterface: true,
                dnsHijack: ["any:53"],
                strictRoute: false,
-                mtu: 9000,
+                mtu: 1500,
              });
              await patchClash({ tun });
              await mutateClash(
@@ -208,7 +208,7 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
            spellCheck="false"
            sx={{ width: 250 }}
            value={values.mtu}
-            placeholder="9000"
+            placeholder="1500"
            onChange={(e) =>
              setValues((v) => ({
                ...v,
--- a/src/components/setting/mods/web-ui-item.tsx
+++ b/src/components/setting/mods/web-ui-item.tsx
@@ -90,6 +90,8 @@ export const WebUIItem = (props: Props) => {
          title={value}
          color={value ? "text.primary" : "text.secondary"}
          sx={({ palette }) => ({
+            overflow: "hidden",
+            textOverflow: "ellipsis",
            "> span": {
              color: palette.primary.main,
            },
--- a/src/components/setting/setting-system.tsx
+++ b/src/components/setting/setting-system.tsx
@@ -17,23 +17,17 @@ interface Props {
  onError?: (err: Error) => void;
 }

-const isWIN = getSystem() === "windows";
-
 const SettingSystem = ({ onError }: Props) => {
  const { t } = useTranslation();

  const { verge, mutateVerge, patchVerge } = useVerge();

  // service mode
-  const { data: serviceStatus } = useSWR(
-    isWIN ? "checkService" : null,
-    checkService,
-    {
-      revalidateIfStale: false,
-      shouldRetryOnError: false,
-      focusThrottleInterval: 36e5, // 1 hour
-    }
-  );
+  const { data: serviceStatus } = useSWR("checkService", checkService, {
+    revalidateIfStale: false,
+    shouldRetryOnError: false,
+    focusThrottleInterval: 36e5, // 1 hour
+  });

  const serviceRef = useRef<DialogRef>(null);
  const sysproxyRef = useRef<DialogRef>(null);
@@ -56,20 +50,13 @@ const SettingSystem = ({ onError }: Props) => {
    <SettingList title={t("System Setting")}>
      <SysproxyViewer ref={sysproxyRef} />
      <TunViewer ref={tunRef} />
-      {isWIN && (
-        <ServiceViewer ref={serviceRef} enable={!!enable_service_mode} />
-      )}
+      <ServiceViewer ref={serviceRef} enable={!!enable_service_mode} />

      <SettingItem
        label={t("Tun Mode")}
        extra={
          <>
-            <Tooltip
-              title={
-                isWIN ? t("Tun Mode Info Windows") : t("Tun Mode Info Unix")
-              }
-              placement="top"
-            >
+            <Tooltip title={t("Tun Mode Info")} placement="top">
              <IconButton color="inherit" size="small">
                <InfoRounded
                  fontSize="inherit"
@@ -102,39 +89,37 @@ const SettingSystem = ({ onError }: Props) => {
        </GuardState>
      </SettingItem>

-      {isWIN && (
-        <SettingItem
-          label={t("Service Mode")}
-          extra={
-            <IconButton
-              color="inherit"
-              size="small"
-              onClick={() => serviceRef.current?.open()}
-            >
-              <PrivacyTipRounded
-                fontSize="inherit"
-                style={{ cursor: "pointer", opacity: 0.75 }}
-              />
-            </IconButton>
-          }
-        >
-          <GuardState
-            value={enable_service_mode ?? false}
-            valueProps="checked"
-            onCatch={onError}
-            onFormat={onSwitchFormat}
-            onChange={(e) => onChangeData({ enable_service_mode: e })}
-            onGuard={(e) => patchVerge({ enable_service_mode: e })}
+      <SettingItem
+        label={t("Service Mode")}
+        extra={
+          <IconButton
+            color="inherit"
+            size="small"
+            onClick={() => serviceRef.current?.open()}
          >
-            <Switch
-              edge="end"
-              disabled={
-                serviceStatus !== "active" && serviceStatus !== "installed"
-              }
+            <PrivacyTipRounded
+              fontSize="inherit"
+              style={{ cursor: "pointer", opacity: 0.75 }}
            />
-          </GuardState>
-        </SettingItem>
-      )}
+          </IconButton>
+        }
+      >
+        <GuardState
+          value={enable_service_mode ?? false}
+          valueProps="checked"
+          onCatch={onError}
+          onFormat={onSwitchFormat}
+          onChange={(e) => onChangeData({ enable_service_mode: e })}
+          onGuard={(e) => patchVerge({ enable_service_mode: e })}
+        >
+          <Switch
+            edge="end"
+            disabled={
+              serviceStatus !== "active" && serviceStatus !== "installed"
+            }
+          />
+        </GuardState>
+      </SettingItem>

      <SettingItem
        label={t("System Proxy")}
--- a/src/components/setting/setting-verge.tsx
+++ b/src/components/setting/setting-verge.tsx
@@ -157,8 +157,8 @@ const SettingVerge = ({ onError }: Props) => {
          onGuard={(e) => patchVerge({ start_page: e })}
        >
          <Select size="small" sx={{ width: 140, "> div": { py: "7.5px" } }}>
-            {routers.map((page: { label: string; link: string }) => {
-              return <MenuItem value={page.link}>{t(page.label)}</MenuItem>;
+            {routers.map((page: { label: string; path: string }) => {
+              return <MenuItem value={page.path}>{t(page.label)}</MenuItem>;
            })}
          </Select>
        </GuardState>
--- a/src/components/test/test-item.tsx
+++ b/src/components/test/test-item.tsx
@@ -104,7 +104,6 @@ export const TestItem = (props: Props) => {
      }}
    >
      <TestBox
-        onClick={onEditTest}
        onContextMenu={(event) => {
          const { clientX, clientY } = event;
          setPosition({ top: clientY, left: clientX });
--- a/src/hooks/use-websocket.ts
+++ b/src/hooks/use-websocket.ts
@@ -5,7 +5,8 @@ export type WsMsgFn = (event: MessageEvent<any>) => void;
 export interface WsOptions {
  errorCount?: number; // default is 5
  retryInterval?: number; // default is 2500
-  onError?: () => void;
+  onError?: (event: Event) => void;
+  onClose?: (event: CloseEvent) => void;
 }

 export const useWebsocket = (onMessage: WsMsgFn, options?: WsOptions) => {
@@ -33,17 +34,23 @@ export const useWebsocket = (onMessage: WsMsgFn, options?: WsOptions) => {
      const ws = new WebSocket(url);
      wsRef.current = ws;

-      ws.addEventListener("message", onMessage);
-      ws.addEventListener("error", () => {
+      ws.addEventListener("message", (event) => {
+        errorCount = 0; // reset counter
+        onMessage(event);
+      });
+      ws.addEventListener("error", (event) => {
        errorCount -= 1;

        if (errorCount >= 0) {
          timerRef.current = setTimeout(connectHelper, 2500);
        } else {
          disconnect();
-          options?.onError?.();
+          options?.onError?.(event);
        }
      });
+      ws.addEventListener("close", (event) => {
+        options?.onClose?.(event);
+      });
    };

    connectHelper();
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -18,6 +18,8 @@
  "direct": "direct",
  "script": "script",

+  "Create Test": "Create Test",
+  "Edit Test": "Edit Test",
  "Edit": "Edit",
  "Icon": "Icon",
  "Test URL": "Test URL",
@@ -29,7 +31,9 @@
  "New": "New",
  "Create Profile": "Create Profile",
  "Choose File": "Choose File",
+  "Close": "Close",
  "Close All": "Close All",
+  "Home": "Home",
  "Select": "Select",
  "Edit Info": "Edit Info",
  "Edit File": "Edit File",
@@ -45,6 +49,8 @@
  "Update All Profiles": "Update All Profiles",
  "View Runtime Config": "View Runtime Config",
  "Reactivate Profiles": "Reactivate Profiles",
+  "Confirm deletion": "Confirm deletion",
+  "This operation is not reversible": "This operation is not reversible",

  "Location": "Location",
  "Delay check": "Delay check",
@@ -52,6 +58,7 @@
  "Sort by delay": "Sort by delay",
  "Sort by name": "Sort by name",
  "Delay check URL": "Delay check URL",
+  "Proxy basic": "Proxy basic",
  "Proxy detail": "Proxy detail",
  "Filter": "Filter",
  "Filter conditions": "Filter conditions",
@@ -80,6 +87,9 @@
  "Random Port": "Random Port",
  "After restart to take effect": "After restart to take effect",
  "External": "External",
+  "External Controller": "External Controller",
+  "Core Secret": "Core Secret",
+  "Recommended": "Recommended",
  "Clash Core": "Clash Core",
  "Grant": "Grant",
  "Tun mode requires": "Tun mode requires",
@@ -94,10 +104,10 @@
  "Proxy Guard": "Proxy Guard",
  "Guard Duration": "Guard Duration",
  "Proxy Bypass": "Proxy Bypass",
+  "Current System Proxy": "Current System Proxy",
  "Enable status": "Enable status",
  "Server Addr": "Server Addr",
  "Bypass": "Bypass",
-  "Current System Proxy": "Current System Proxy",
  "Theme Mode": "Theme Mode",
  "Tray Click Event": "Tray Click Event",
  "Copy Env Type": "Copy Env Type",
@@ -112,6 +122,9 @@
  "Traffic Graph": "Traffic Graph",
  "Memory Usage": "Memory Usage",
  "Proxy Group Icon": "Proxy Group Icon",
+  "Menu Icon": "Menu Icon",
+  "Monochrome": "Monochrome",
+  "Colorful": "Colorful",
  "Common Tray Icon": "Common Tray Icon",
  "System Proxy Tray Icon": "System Proxy Tray Icon",
  "Tun Tray Icon": "Tun Tray Icon",
@@ -120,6 +133,7 @@
  "Open Core Dir": "Open Core Dir",
  "Open Logs Dir": "Open Logs Dir",
  "Check for Updates": "Check for Updates",
+  "Open Dev Tools": "Open Dev Tools",
  "Verge Version": "Verge Version",
  "theme.light": "Light",
  "theme.dark": "Dark",
@@ -127,6 +141,7 @@
  "Clash Field": "Clash Field",
  "Runtime Config": "Runtime Config",
  "ReadOnly": "ReadOnly",
+  "ReadOnlyMessage": "Cannot edit in read-only editor",
  "Restart": "Restart",
  "Upgrade": "Upgrade",

@@ -134,6 +149,7 @@
  "Save": "Save",
  "Cancel": "Cancel",
  "Exit": "Exit",
+  "Confirm": "Confirm",

  "Default": "Default",
  "Download Speed": "Download Speed",
@@ -148,11 +164,11 @@

  "App Log Level": "App Log Level",
  "Auto Close Connections": "Auto Close Connections",
-  "Enable Clash Fields Filter": "Enable Clash Fields Filter",
+  "Auto Check Update": "Auto Check Update",
  "Enable Builtin Enhanced": "Enable Builtin Enhanced",
  "Proxy Layout Column": "Proxy Layout Column",
  "Default Latency Test": "Default Latency Test",
-  "Defaule Latency Timeout": "Defaule Latency Timeout",
+  "Default Latency Timeout": "Default Latency Timeout",

  "Auto Log Clean": "Auto Log Clean",
  "Never Clean": "Never Clean",
@@ -167,9 +183,9 @@
  "Auto Detect Interface": "Auto Detect Interface",
  "DNS Hijack": "DNS Hijack",
  "MTU": "Max Transmission Unit",
+  "Reset to Default": "Reset to Default",

  "Portable Updater Error": "The portable version does not support in-app updates. Please manually download and replace it",
-  "Tun Mode Info Windows": "The Tun mode requires granting core-related permissions. Please enable service mode before using it",
-  "Tun Mode Info Unix": "The Tun mode requires granting core-related permissions. Before using it, please authorize the core in the core settings",
+  "Tun Mode Info": "The Tun mode requires granting core-related permissions. Please enable service mode before using it",
  "System and Mixed Can Only be Used in Service Mode": "System and Mixed Can Only be Used in Service Mode"
 }
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -11,13 +11,15 @@
  "Logs": "Логи",
  "Clear": "Очистить",
  "Proxies": "Прокси",
-  "Test": "Тест",
  "Proxy Groups": "Группы прокси",
+  "Test": "Тест",
  "rule": "правила",
  "global": "глобальный",
  "direct": "прямой",
  "script": "скриптовый",

+  "Create Test": "Создать тест",
+  "Edit Test": "Редактировать тест",
  "Edit": "Редактировать",
  "Icon": "Икона",
  "Test URL": "Тестовый URL",
@@ -29,7 +31,9 @@
  "New": "Новый",
  "Create Profile": "Создать профиль",
  "Choose File": "Выбрать файл",
+  "Close": "Закрыть",
  "Close All": "Закрыть всё",
+  "Home": "Главная",
  "Select": "Выбрать",
  "Edit Info": "Изменить информацию",
  "Edit File": "Изменить файл",
@@ -45,6 +49,8 @@
  "Update All Profiles": "Обновить все профили",
  "View Runtime Config": "Просмотреть используемый конфиг",
  "Reactivate Profiles": "Реактивировать профили",
+  "Confirm deletion": "Подтвердите удаление",
+  "This operation is not reversible": "Эта операция необратима",

  "Location": "Местоположение",
  "Delay check": "Проверка задержки",
@@ -52,6 +58,7 @@
  "Sort by delay": "Сортировать по задержке",
  "Sort by name": "Сортировать по названию",
  "Delay check URL": "URL проверки задержки",
+  "Proxy basic": "Резюме о прокси",
  "Proxy detail": "Подробности о прокси",
  "Filter": "Фильтр",
  "Filter conditions": "Условия фильтрации",
@@ -79,7 +86,13 @@
  "Port Config": "Настройка порта",
  "Random Port": "Случайный порт",
  "After restart to take effect": "Чтобы изменения вступили в силу, необходимо перезапустить приложение",
+  "External": "Внешний",
+  "External Controller": "Адрес прослушивания внешнего контроллера",
+  "Core Secret": "Секрет",
+  "Recommended": "Рекомендуется",
  "Clash Core": "Ядро Clash",
+  "Grant": "Предоставить",
+  "Tun mode requires": "Требуется Режим туннеля",
  "Tun Mode": "Режим туннеля",
  "Service Mode": "Режим сервиса",
  "Auto Launch": "Автозапуск",
@@ -92,20 +105,35 @@
  "Guard Duration": "Период защиты",
  "Proxy Bypass": "Игнорирование прокси",
  "Current System Proxy": "Текущий системный прокси",
+  "Enable status": "Статус включения",
+  "Server Addr": "Адрес сервера",
+  "Bypass": "Игнорирование",
  "Theme Mode": "Режим темы",
  "Tray Click Event": "Событие щелчка в лотке",
-  "Start Page": "Главная страница",
  "Copy Env Type": "Скопировать тип Env",
+  "Start Page": "Главная страница",
  "Startup Script": "Скрипт запуска",
  "Browse": "Просмотреть",
  "Show Main Window": "Показать главное окно",
  "Theme Setting": "Настройка темы",
+  "Layout Setting": "Настройка раскладки",
+  "Miscellaneous": "Настройка различные",
  "Hotkey Setting": "Настройка клавиатурных сокращений",
  "Traffic Graph": "График трафика",
+  "Memory Usage": "Использование памяти",
+  "Proxy Group Icon": "Иконка Группы прокси",
+  "Menu Icon": "Иконка меню",
+  "Monochrome": "Монохромный",
+  "Colorful": "Полноцветный",
+  "Common Tray Icon": "Общий значок в лотке",
+  "System Proxy Tray Icon": "Значок системного прокси в лотке",
+  "Tun Tray Icon": "Значок туннеля в лотке",
  "Language": "Язык",
  "Open App Dir": "Открыть папку приложения",
  "Open Core Dir": "Открыть папку ядра",
  "Open Logs Dir": "Открыть папку логов",
+  "Check for Updates": "Проверить обновления",
+  "Open Dev Tools": "Открыть инструменты разработчика",
  "Verge Version": "Версия Verge",
  "theme.light": "Светлая",
  "theme.dark": "Тёмная",
@@ -113,6 +141,7 @@
  "Clash Field": "Используемые настройки Clash",
  "Runtime Config": "Используемый конфиг",
  "ReadOnly": "Только для чтения",
+  "ReadOnlyMessage": "Невозможно редактировать в режиме только для чтения",
  "Restart": "Перезапуск",
  "Upgrade": "Обновлять",

@@ -120,6 +149,11 @@
  "Save": "Сохранить",
  "Cancel": "Отмена",
  "Exit": "Выход",
+  "Confirm": "Подтвердить",
+
+  "Default": "По умолчанию",
+  "Download Speed": "Скорость загрузки",
+  "Upload Speed": "Скорость загрузки",

  "open_or_close_dashboard": "Open/Close Dashboard",
  "clash_mode_rule": "Режим правил",
@@ -128,5 +162,30 @@
  "toggle_system_proxy": "Включить/Отключить системный прокси",
  "toggle_tun_mode": "Включить/Отключить режим туннеля",

-  "Portable Updater Error": "Портативная версия не поддерживает обновление внутри приложения, пожалуйста, скачайте и замените вручную"
+  "App Log Level": "Уровень журнала приложения",
+  "Auto Close Connections": "Автоматическое закрытие соединений",
+  "Auto Check Update": "Автоматическая проверка обновлений",
+  "Enable Builtin Enhanced": "Включить встроенные улучшения",
+  "Proxy Layout Column": "Количество столбцов в макете прокси",
+  "Default Latency Test": "Ссылка на тестирование задержки по умолчанию",
+  "Default Latency Timeout": "Таймаут задержки по умолчанию",
+
+  "Auto Log Clean": "Автоматическая очистка журналов",
+  "Never Clean": "Никогда не очищать",
+  "Retain 7 Days": "Сохранять 7 дней",
+  "Retain 30 Days": "Сохранять 30 дней",
+  "Retain 90 Days": "Сохранять 90 дней",
+
+  "Stack": "Стек",
+  "Device": "Имя устройства",
+  "Auto Route": "Автоматическая маршрутизация",
+  "Strict Route": "Строгий маршрут",
+  "Auto Detect Interface": "Автоопределение интерфейса",
+  "DNS Hijack": "DNS-перехват",
+  "MTU": "Максимальная единица передачи",
+  "Reset to Default": "Сбросить настройки по умолчанию",
+
+  "Portable Updater Error": "Портативная версия не поддерживает обновление внутри приложения, пожалуйста, скачайте и замените вручную",
+  "Tun Mode Info": "Режим туннеля требует предоставления разрешений, связанных с ядром. Пожалуйста, включите сервисный режим перед его использованием",
+  "System and Mixed Can Only be Used in Service Mode": "Система и смешанные могут использоваться только в сервисном режиме"
 }
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -18,6 +18,8 @@
  "direct": "直连",
  "script": "脚本",

+  "Create Test": "新建测试",
+  "Edit Test": "编辑测试",
  "Edit": "编辑",
  "Icon": "图标",
  "Test URL": "测试地址",
@@ -29,7 +31,9 @@
  "New": "新建",
  "Create Profile": "新建订阅",
  "Choose File": "选择文件",
+  "Close": "关闭",
  "Close All": "关闭全部",
+  "Home": "首页",
  "Select": "使用",
  "Edit Info": "编辑信息",
  "Edit File": "编辑文件",
@@ -54,6 +58,7 @@
  "Sort by delay": "按延迟排序",
  "Sort by name": "按名称排序",
  "Delay check URL": "延迟测试链接",
+  "Proxy basic": "隐藏节点细节",
  "Proxy detail": "展示节点细节",
  "Filter": "过滤节点",
  "Filter conditions": "过滤条件",
@@ -82,6 +87,9 @@
  "Random Port": "随机端口",
  "After restart to take effect": "重启后生效",
  "External": "外部控制",
+  "External Controller": "外部控制器监听地址",
+  "Core Secret": "API访问密钥",
+  "Recommended": "建议设置",
  "Clash Core": "Clash 内核",
  "Grant": "授权",
  "Tun mode requires": "如需启用TUN模式需要授权",
@@ -133,6 +141,7 @@
  "Clash Field": "Clash 字段",
  "Runtime Config": "当前配置",
  "ReadOnly": "只读",
+  "ReadOnlyMessage": "无法在只读模式下编辑",
  "Restart": "重启内核",
  "Upgrade": "升级内核",

@@ -177,7 +186,6 @@
  "Reset to Default": "重置为默认值",

  "Portable Updater Error": "便携版不支持应用内更新，请手动下载替换",
-  "Tun Mode Info Windows": "Tun模式需要授予内核相关权限，使用前请先开启服务模式",
-  "Tun Mode Info Unix": "Tun模式需要授予内核相关权限，使用前请先在内核设置中给内核授权",
+  "Tun Mode Info": "Tun模式需要授予内核相关权限，使用前请先开启服务模式",
  "System and Mixed Can Only be Used in Service Mode": "System和Mixed只能在服务模式下使用"
 }
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -4,9 +4,8 @@ import relativeTime from "dayjs/plugin/relativeTime";
 import { SWRConfig, mutate } from "swr";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { Route, Routes, useLocation } from "react-router-dom";
-import { CSSTransition, TransitionGroup } from "react-transition-group";
-import { alpha, List, Paper, ThemeProvider } from "@mui/material";
+import { useLocation, useRoutes } from "react-router-dom";
+import { List, Paper, ThemeProvider } from "@mui/material";
 import { listen } from "@tauri-apps/api/event";
 import { appWindow } from "@tauri-apps/api/window";
 import { routers } from "./_routers";
@@ -16,7 +15,7 @@ import LogoSvg from "@/assets/image/logo.svg?react";
 import LogoSvg_dark from "@/assets/image/logo_dark.svg?react";
 import { atomThemeMode } from "@/services/states";
 import { useRecoilState } from "recoil";
-import { BaseErrorBoundary, Notice } from "@/components/base";
+import { Notice } from "@/components/base";
 import { LayoutItem } from "@/components/layout/layout-item";
 import { LayoutControl } from "@/components/layout/layout-control";
 import { LayoutTraffic } from "@/components/layout/layout-traffic";
@@ -27,6 +26,8 @@ import "dayjs/locale/ru";
 import "dayjs/locale/zh-cn";
 import { getPortableFlag } from "@/services/cmds";
 import { useNavigate } from "react-router-dom";
+import React from "react";
+import { TransitionGroup, CSSTransition } from "react-transition-group";
 export let portableFlag = false;

 dayjs.extend(relativeTime);
@@ -43,6 +44,8 @@ const Layout = () => {
  const { language, start_page } = verge || {};
  const navigate = useNavigate();
  const location = useLocation();
+  const routersEles = useRoutes(routers);
+  if (!routersEles) return null;

  useEffect(() => {
    window.addEventListener("keydown", (e) => {
@@ -142,7 +145,7 @@ const Layout = () => {
              {routers.map((router) => (
                <LayoutItem
                  key={router.label}
-                  to={router.link}
+                  to={router.path}
                  icon={router.icon}
                >
                  {t(router.label)}
@@ -173,19 +176,7 @@ const Layout = () => {
                timeout={300}
                classNames="page"
              >
-                <Routes>
-                  {routers.map(({ label, link, ele: Ele }) => (
-                    <Route
-                      key={label}
-                      path={link}
-                      element={
-                        <BaseErrorBoundary key={label}>
-                          <Ele />
-                        </BaseErrorBoundary>
-                      }
-                    />
-                  ))}
-                </Routes>
+                {React.cloneElement(routersEles, { key: location.pathname })}
              </CSSTransition>
            </TransitionGroup>
          </div>
--- a/src/pages/_routers.tsx
+++ b/src/pages/_routers.tsx
@@ -5,6 +5,7 @@ import ProfilesPage from "./profiles";
 import SettingsPage from "./settings";
 import ConnectionsPage from "./connections";
 import RulesPage from "./rules";
+import { BaseErrorBoundary } from "@/components/base";

 import ProxiesSvg from "@/assets/image/itemicon/proxies.svg?react";
 import ProfilesSvg from "@/assets/image/itemicon/profiles.svg?react";
@@ -25,44 +26,49 @@ import SettingsRoundedIcon from "@mui/icons-material/SettingsRounded";
 export const routers = [
  {
    label: "Label-Proxies",
-    link: "/",
+    path: "/",
    icon: [<WifiRoundedIcon />, <ProxiesSvg />],
-    ele: ProxiesPage,
+    element: <ProxiesPage />,
  },
  {
    label: "Label-Profiles",
-    link: "/profile",
+    path: "/profile",
    icon: [<DnsRoundedIcon />, <ProfilesSvg />],
-    ele: ProfilesPage,
+    element: <ProfilesPage />,
  },
  {
    label: "Label-Connections",
-    link: "/connections",
+    path: "/connections",
    icon: [<LanguageRoundedIcon />, <ConnectionsSvg />],
-    ele: ConnectionsPage,
+    element: <ConnectionsPage />,
  },
  {
    label: "Label-Rules",
-    link: "/rules",
+    path: "/rules",
    icon: [<ForkRightRoundedIcon />, <RulesSvg />],
-    ele: RulesPage,
+    element: <RulesPage />,
  },
  {
    label: "Label-Logs",
-    link: "/logs",
+    path: "/logs",
    icon: [<SubjectRoundedIcon />, <LogsSvg />],
-    ele: LogsPage,
+    element: <LogsPage />,
  },
  {
    label: "Label-Test",
-    link: "/test",
+    path: "/test",
    icon: [<WifiTetheringRoundedIcon />, <TestSvg />],
-    ele: TestPage,
+    element: <TestPage />,
  },
  {
    label: "Label-Settings",
-    link: "/settings",
+    path: "/settings",
    icon: [<SettingsRoundedIcon />, <SettingsSvg />],
-    ele: SettingsPage,
+    element: <SettingsPage />,
  },
-];
+].map((router) => ({
+  ...router,
+  element: (
+    <BaseErrorBoundary key={router.label}>{router.element}</BaseErrorBoundary>
+  ),
+}));
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -1,14 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useLockFn } from "ahooks";
-import {
-  Box,
-  Button,
-  IconButton,
-  MenuItem,
-  Paper,
-  Select,
-  TextField,
-} from "@mui/material";
+import { Box, Button, IconButton, MenuItem, Select } from "@mui/material";
 import { useRecoilState } from "recoil";
 import { Virtuoso } from "react-virtuoso";
 import { useTranslation } from "react-i18next";
@@ -26,6 +18,7 @@ import {
 } from "@/components/connection/connection-detail";
 import parseTraffic from "@/utils/parse-traffic";
 import { useCustomTheme } from "@/components/layout/use-custom-theme";
+import { BaseStyledTextField } from "@/components/base/base-styled-text-field";

 const initConn = { uploadTotal: 0, downloadTotal: 0, connections: [] };

@@ -45,7 +38,12 @@ const ConnectionsPage = () => {
  const isTableLayout = setting.layout === "table";

  const orderOpts: Record<string, OrderFunc> = {
-    Default: (list) => list,
+    Default: (list) =>
+      list.sort(
+        (a, b) =>
+          new Date(b.start || "0").getTime()! -
+          new Date(a.start || "0").getTime()!
+      ),
    "Upload Speed": (list) => list.sort((a, b) => b.curUpload! - a.curUpload!),
    "Download Speed": (list) =>
      list.sort((a, b) => b.curDownload! - a.curDownload!),
@@ -185,17 +183,9 @@ const ConnectionsPage = () => {
          </Select>
        )}

-        <TextField
-          hiddenLabel
-          fullWidth
-          size="small"
-          autoComplete="off"
-          spellCheck="false"
-          variant="outlined"
-          placeholder={t("Filter conditions")}
+        <BaseStyledTextField
          value={filterText}
          onChange={(e) => setFilterText(e.target.value)}
-          sx={{ input: { py: 0.65, px: 1.25 } }}
        />
      </Box>

--- a/src/pages/logs.tsx
+++ b/src/pages/logs.tsx
@@ -5,9 +5,9 @@ import {
  Button,
  IconButton,
  MenuItem,
-  Paper,
  Select,
-  TextField,
+  SelectProps,
+  styled,
 } from "@mui/material";
 import { Virtuoso } from "react-virtuoso";
 import { useTranslation } from "react-i18next";
@@ -19,6 +19,25 @@ import { atomEnableLog, atomLogData } from "@/services/states";
 import { BaseEmpty, BasePage } from "@/components/base";
 import LogItem from "@/components/log/log-item";
 import { useCustomTheme } from "@/components/layout/use-custom-theme";
+import { BaseStyledTextField } from "@/components/base/base-styled-text-field";
+
+const StyledSelect = styled((props: SelectProps<string>) => {
+  return (
+    <Select
+      size="small"
+      autoComplete="off"
+      sx={{
+        width: 120,
+        height: 33.375,
+        mr: 1,
+        '[role="button"]': { py: 0.65 },
+      }}
+      {...props}
+    />
+  );
+})(({ theme }) => ({
+  background: theme.palette.mode === "light" ? "#fff" : undefined,
+}));

 const LogPage = () => {
  const { t } = useTranslation();
@@ -77,35 +96,19 @@ const LogPage = () => {
          alignItems: "center",
        }}
      >
-        <Select
-          size="small"
-          autoComplete="off"
+        <StyledSelect
          value={logState}
          onChange={(e) => setLogState(e.target.value)}
-          sx={{
-            width: 120,
-            height: 33.375,
-            mr: 1,
-            '[role="button"]': { py: 0.65 },
-          }}
        >
          <MenuItem value="all">ALL</MenuItem>
          <MenuItem value="inf">INFO</MenuItem>
          <MenuItem value="warn">WARN</MenuItem>
          <MenuItem value="err">ERROR</MenuItem>
-        </Select>
+        </StyledSelect>

-        <TextField
-          hiddenLabel
-          fullWidth
-          size="small"
-          autoComplete="off"
-          spellCheck="false"
-          variant="outlined"
-          placeholder={t("Filter conditions")}
+        <BaseStyledTextField
          value={filterText}
          onChange={(e) => setFilterText(e.target.value)}
-          sx={{ input: { py: 0.65, px: 1.25 } }}
        />
      </Box>

--- a/src/pages/profiles.tsx
+++ b/src/pages/profiles.tsx
@@ -2,15 +2,7 @@ import useSWR, { mutate } from "swr";
 import { useMemo, useRef, useState } from "react";
 import { useLockFn } from "ahooks";
 import { useSetRecoilState } from "recoil";
-import {
-  Box,
-  Button,
-  Grid,
-  IconButton,
-  Stack,
-  TextField,
-  Divider,
-} from "@mui/material";
+import { Box, Button, Grid, IconButton, Stack, Divider } from "@mui/material";
 import {
  DndContext,
  closestCenter,
@@ -56,6 +48,7 @@ import { ConfigViewer } from "@/components/setting/mods/config-viewer";
 import { throttle } from "lodash-es";
 import { useRecoilState } from "recoil";
 import { atomThemeMode } from "@/services/states";
+import { BaseStyledTextField } from "@/components/base/base-styled-text-field";

 const ProfilePage = () => {
  const { t } = useTranslation();
@@ -299,16 +292,10 @@ const ProfilePage = () => {
          alignItems: "center",
        }}
      >
-        <TextField
-          hiddenLabel
-          fullWidth
-          size="small"
+        <BaseStyledTextField
          value={url}
          variant="outlined"
-          autoComplete="off"
-          spellCheck="false"
          onChange={(e) => setUrl(e.target.value)}
-          sx={{ input: { py: 0.65, px: 1.25 } }}
          placeholder={t("Profile URL")}
          InputProps={{
            sx: { pr: 1 },
--- a/src/pages/rules.tsx
+++ b/src/pages/rules.tsx
@@ -2,12 +2,13 @@ import useSWR from "swr";
 import { useState, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Virtuoso } from "react-virtuoso";
-import { Box, TextField } from "@mui/material";
+import { Box } from "@mui/material";
 import { getRules } from "@/services/api";
 import { BaseEmpty, BasePage } from "@/components/base";
 import RuleItem from "@/components/rule/rule-item";
 import { ProviderButton } from "@/components/rule/provider-button";
 import { useCustomTheme } from "@/components/layout/use-custom-theme";
+import { BaseStyledTextField } from "@/components/base/base-styled-text-field";

 const RulesPage = () => {
  const { t } = useTranslation();
@@ -41,17 +42,9 @@ const RulesPage = () => {
          alignItems: "center",
        }}
      >
-        <TextField
-          hiddenLabel
-          fullWidth
-          size="small"
-          autoComplete="off"
-          variant="outlined"
-          spellCheck="false"
-          placeholder={t("Filter conditions")}
+        <BaseStyledTextField
          value={filterText}
          onChange={(e) => setFilterText(e.target.value)}
-          sx={{ input: { py: 0.65, px: 1.25 } }}
        />
      </Box>

--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -75,9 +75,13 @@ export const getRules = async () => {
 };

 /// Get Proxy delay
-export const getProxyDelay = async (name: string, url?: string) => {
+export const getProxyDelay = async (
+  name: string,
+  url?: string,
+  timeout?: number
+) => {
  const params = {
-    timeout: 10000,
+    timeout: timeout || 10000,
    url: url || "http://1.1.1.1",
  };
  const instance = await getAxios();
@@ -237,3 +241,21 @@ export const closeAllConnections = async () => {
  const instance = await getAxios();
  await instance.delete<any, any>(`/connections`);
 };
+
+// Get Group Proxy Delays
+export const getGroupProxyDelays = async (
+  groupName: string,
+  url?: string,
+  timeout?: number
+) => {
+  const params = {
+    timeout: timeout || 10000,
+    url: url || "http://1.1.1.1",
+  };
+  const instance = await getAxios();
+  const result = await instance.get(
+    `/group/${encodeURIComponent(groupName)}/delay`,
+    { params }
+  );
+  return result as any as Record<string, number>;
+};
--- a/src/services/cmds.ts
+++ b/src/services/cmds.ts
@@ -223,7 +223,7 @@ export async function exitApp() {

 export async function copyIconFile(
  path: string,
-  name: "common.png" | "sysproxy.png" | "tun.png"
+  name: "common" | "sysproxy" | "tun"
 ) {
  return invoke<void>("copy_icon_file", { path, name });
 }
--- a/src/services/types.d.ts
+++ b/src/services/types.d.ts
@@ -64,6 +64,7 @@ interface IProxyItem {
  hidden?: boolean;
  icon?: string;
  provider?: string; // 记录是否来自provider
+  fixed?: string; // 记录固定(优先)的节点
 }

 type IProxyGroupItem = Omit<IProxyItem, "all"> & {
@@ -168,6 +169,7 @@ interface IProfileItem {
    expire: number;
  };
  option?: IProfileOption;
+  home?: string;
 }

 interface IProfileOption {
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,7 +2,7 @@ import { defineConfig } from "vite";
 import path from "path";
 import svgr from "vite-plugin-svgr";
 import react from "@vitejs/plugin-react";
-import monaco from "vite-plugin-monaco-editor";
+import monacoEditor from "vite-plugin-monaco-editor";

 // https://vitejs.dev/config/
 export default defineConfig({
@@ -11,7 +11,15 @@ export default defineConfig({
  plugins: [
    svgr(),
    react(),
-    monaco({ languageWorkers: ["editorWorkerService", "typescript"] }),
+    monacoEditor({
+      languageWorkers: ["editorWorkerService", "typescript"],
+      customWorkers: [
+        {
+          label: "yaml",
+          entry: "monaco-yaml/yaml.worker",
+        },
+      ],
+    }),
  ],
  build: {
    outDir: "../dist",