Release 2.4.6

* fix: kde sysproxy error

* docs: Changelog.md

.github/workflows/alpha.yml

@@ -307,7 +307,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -377,7 +377,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4
@@ -505,7 +505,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm

.github/workflows/autobuild.yml

@@ -46,7 +46,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -196,7 +196,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
           cache: "pnpm"
 
       - name: Pnpm Cache
@@ -294,7 +294,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
           cache: "pnpm"
 
       - name: Pnpm Cache
@@ -439,7 +439,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
           cache: "pnpm"
 
       - name: Pnpm Cache
@@ -541,7 +541,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4.2.0
         name: Install pnpm

.github/workflows/cross_check.yaml

@@ -43,7 +43,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm

.github/workflows/dev.yml

@@ -103,7 +103,7 @@ jobs:
         if: github.event.inputs[matrix.input] == 'true'
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
           cache: "pnpm"
 
       - name: Pnpm Cache

.github/workflows/frontend-check.yml

@@ -47,7 +47,7 @@ jobs:
       - uses: actions/setup-node@v6
         if: steps.check_frontend.outputs.frontend == 'true'
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
           cache: "pnpm"
 
       - name: Restore pnpm cache

.github/workflows/release.yml

@@ -197,7 +197,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -281,7 +281,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4
@@ -420,7 +420,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -505,7 +505,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -531,7 +531,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -593,7 +593,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm

.github/workflows/updater.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm
@@ -39,7 +39,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6
         with:
-          node-version: "24.13.0"
+          node-version: "24.13.1"
 
       - uses: pnpm/action-setup@v4
         name: Install pnpm

.gitignore

@@ -13,3 +13,4 @@ scripts/_env.sh
 .eslintcache
 .changelog_backups
 target
+CLAUDE.md

.husky/pre-commit

@@ -1,51 +1,14 @@
 #!/bin/bash
 set -euo pipefail
 
-ROOT_DIR="$(git rev-parse --show-toplevel)"
-cd "$ROOT_DIR"
+if ! command -v "cargo-make" >/dev/null 2>&1; then
+  echo "❌ cargo-make is required for pre-commit checks."
+  cargo install --force cargo-make
+fi
 
 if ! command -v pnpm >/dev/null 2>&1; then
   echo "❌ pnpm is required for pre-commit checks."
   exit 1
 fi
 
-LOCALE_DIFF="$(git diff --cached --name-only --diff-filter=ACMR | grep -E '^src/locales/' || true)"
-if [ -n "$LOCALE_DIFF" ]; then
-  echo "[pre-commit] Locale changes detected. Regenerating i18n types..."
-  pnpm i18n:types
-  if [ -d src/types/generated ]; then
-    echo "[pre-commit] Staging regenerated i18n type artifacts..."
-    git add src/types/generated
-  fi
-fi
-
-echo "[pre-commit] Running pnpm format before lint..."
-pnpm format
-
-echo "[pre-commit] Running lint-staged for JS/TS files..."
-pnpm exec lint-staged
-
-RUST_FILES="$(git diff --cached --name-only --diff-filter=ACMR | grep -E '^src-tauri/.*\.rs$' || true)"
-if [ -n "$RUST_FILES" ]; then
-  echo "[pre-commit] Formatting Rust changes with cargo fmt..."
-  cargo fmt
-  while IFS= read -r file; do
-    [ -n "$file" ] && git add "$file"
-  done <<< "$RUST_FILES"
-
-  echo "[pre-commit] Linting Rust changes with cargo clippy..."
-  cargo clippy-all
-  if ! command -v clash-verge-logging-check >/dev/null 2>&1; then
-    echo "[pre-commit] Installing clash-verge-logging-check..."
-    cargo install --git https://github.com/clash-verge-rev/clash-verge-logging-check.git
-  fi
-  clash-verge-logging-check
-fi
-
-TS_FILES="$(git diff --cached --name-only --diff-filter=ACMR | grep -E '\.(ts|tsx)$' || true)"
-if [ -n "$TS_FILES" ]; then
-  echo "[pre-commit] Running TypeScript type check..."
-  pnpm typecheck
-fi
-
-echo "[pre-commit] All checks completed successfully."
+cargo make pre-commit

.husky/pre-push

@@ -1,36 +1,9 @@
 #!/bin/bash
 set -euo pipefail
 
-remote_name="${1:-origin}"
-remote_url="${2:-unknown}"
-
-ROOT_DIR="$(git rev-parse --show-toplevel)"
-cd "$ROOT_DIR"
-
-if ! command -v pnpm >/dev/null 2>&1; then
-  echo "❌ pnpm is required for pre-push checks."
-  exit 1
+if ! command -v "cargo-make" >/dev/null 2>&1; then
+  echo "❌ cargo-make is required for pre-push checks."
+  cargo install --force cargo-make
 fi
 
-echo "[pre-push] Preparing to push to '$remote_name' ($remote_url). Running full validation..."
-
-echo "[pre-push] Checking Prettier formatting..."
-pnpm format:check
-
-echo "[pre-push] Running ESLint..."
-pnpm lint
-
-echo "[pre-push] Running TypeScript type checking..."
-pnpm typecheck
-
-if command -v cargo >/dev/null 2>&1; then
-  echo "[pre-push] Verifying Rust formatting..."
-  cargo fmt --check
-
-  echo "[pre-push] Running cargo clippy..."
-  cargo clippy-all
-else
-  echo "[pre-push] ⚠️ cargo not found; skipping Rust checks."
-fi
-
-echo "[pre-push] All checks passed."
+cargo make pre-push

Cargo.toml

@@ -6,6 +6,7 @@ members = [
   "crates/clash-verge-signal",
   "crates/tauri-plugin-clash-verge-sysinfo",
   "crates/clash-verge-i18n",
+  "crates/clash-verge-limiter",
 ]
 resolver = "2"
 
@@ -39,18 +40,24 @@ opt-level = 0
 debug = true
 strip = false
 
+[profile.debug-release]
+inherits = "fast-release"
+codegen-units = 1
+split-debuginfo = "unpacked"
+
 [workspace.dependencies]
 clash-verge-draft = { path = "crates/clash-verge-draft" }
 clash-verge-logging = { path = "crates/clash-verge-logging" }
 clash-verge-signal = { path = "crates/clash-verge-signal" }
 clash-verge-i18n = { path = "crates/clash-verge-i18n" }
+clash-verge-limiter = { path = "crates/clash-verge-limiter" }
 tauri-plugin-clash-verge-sysinfo = { path = "crates/tauri-plugin-clash-verge-sysinfo" }
 
-tauri = { version = "2.9.5" }
+tauri = { version = "2.10.2" }
 tauri-plugin-clipboard-manager = "2.3.2"
 parking_lot = { version = "0.12.5", features = ["hardware-lock-elision"] }
-anyhow = "1.0.100"
-criterion = { version = "0.8.1", features = ["async_tokio"] }
+anyhow = "1.0.101"
+criterion = { version = "0.8.2", features = ["async_tokio"] }
 tokio = { version = "1.49.0", features = [
   "rt-multi-thread",
   "macros",

Changelog.md

@@ -1,53 +1,43 @@
-## v2.4.5
+## v(2.4.6)
 
-- **Mihomo(Meta) 内核升级至 v1.19.19**
+> [!IMPORTANT]
+> 历经多轮磨合与修正，这是自 2.0 以来我们最满意的里程碑版本。建议所有用户立即升级。
 
 ### 🐞 修复问题
 
-- 修复 macOS 有线网络 DNS 劫持失败
-- 修复 Monaco 编辑器内右键菜单显示异常
-- 修复设置代理端口时检查端口占用
-- 修复 Monaco 编辑器初始化卡 Loading
-- 修复恢复备份时 `config.yaml` / `profiles.yaml` 文件内字段未正确恢复
-- 修复 Windows 下系统主题同步问题
-- 修复 URL Schemes 无法正常导入
-- 修复 Linux 下无法安装 TUN 服务
-- 修复可能的端口被占用误报
-- 修复设置允许外部控制来源不能立即生效
-- 修复前端性能回归问题
+- 修复首次启动时代理信息刷新缓慢
+- 修复无网络时无限请求 IP 归属查询
+- 修复 WebDAV 页面重试逻辑
+- 修复 Linux 通过 GUI 安装服务模式权限不符合预期
+- 修复 macOS 因网口顺序导致无法正确设置代理
+- 修复恢复休眠后无法操作托盘
+- 修复首页当前节点图标语义显示不一致
+- 修复使用 URL scheme 导入订阅时没有及时重载配置
+- 修复规则界面里的行号展示逻辑
+- 修复 Windows 托盘打开日志失败
+- 修复 KDE 首次启动报错
 
 <details>
 <summary><strong> ✨ 新增功能 </strong></summary>
 
-- 允许代理页面允许高级过滤搜索
-- 备份设置页面新增导入备份按钮
-- 允许修改通知弹窗位置
-- 支持收起导航栏（导航栏右键菜单 / 界面设置）
-- 允许将出站模式显示在托盘一级菜单
-- 允许禁用在托盘中显示代理组
-- 支持在「编辑节点」中直接导入 AnyTLS URI 配置
-- 支持关闭「验证代理绕过格式」
-- 新增系统代理绕过和 TUN 排除自定义网段的可视化编辑器
+- 升级 Mihomo 内核到最新
+- 支持订阅设置自动延时监测间隔
+- 新增流量隧道管理界面，支持可视化添加/删除隧道配置
+- Masque 协议的 GUI 支持
 
 </details>
 
 <details>
 <summary><strong> 🚀 优化改进 </strong></summary>
 
-- 应用内更新日志支持解析并渲染 HTML 标签
-- 性能优化前后端在渲染流量图时的资源
-- 在 Linux NVIDIA 显卡环境下尝试禁用 WebKit DMABUF 渲染以规避潜在问题
-- Windows 下自启动改为计划任务实现
-- 改进托盘和窗口操作频率限制实现
-- 使用「编辑节点」添加节点时，自动将节点添加到第一个 `select` 类型的代理组的第一位
-- 隐藏侧边导航栏和悬浮跳转导航的滚动条
-- 完善对 AnyTLS / Mieru / Sudoku 的 GUI 支持
-- macOS 和 Linux 对服务 IPC 权限进一步限制
-- 移除 Windows 自启动计划任务中冗余的 3 秒延时
-- 右键错误通知可复制错误详情
-- 保存 TUN 设置时优化执行流程，避免界面卡顿
-- 补充 `deb` / `rpm` 依赖 `libayatana-appindicator`
-- 「连接」表格标题的排序点击区域扩展到整列宽度
-- 备份恢复时显示加载覆盖层，恢复过程无需再手动关闭对话框
+- 安装服务失败时报告更详细的错误
+- 避免脏订阅地址无法 Scheme 导入订阅
+- macOS TUN 覆盖 DNS 时使用 114.114.114.114
+- 连通性测试替换为更快的 http://1.0.0.1
+- 连接、规则、日志等页面的过滤搜索组件新增了清空输入框按钮
+- 链式代理增加明显的入口出口与数据流向标识
+- 优化 IP 信息卡
+- 美化代理组图标样式
+- 移除 Linux resources 文件夹下多余的服务二进制文件
 
 </details>

Makefile.toml

@@ -0,0 +1,86 @@
+[config]
+skip_core_tasks = true
+skip_git_env_info = true
+skip_rust_env_info = true
+skip_crate_env_info = true
+
+# --- Backend ---
+
+[tasks.rust-format]
+install_crate = "rustfmt"
+command = "cargo"
+args = ["fmt", "--", "--emit=files"]
+
+[tasks.rust-clippy]
+description = "Run cargo clippy to lint the code"
+command = "cargo"
+args = ["clippy", "--all-targets", "--all-features", "--", "-D", "warnings"]
+
+# --- Frontend ---
+
+[tasks.eslint]
+description = "Run ESLint to lint the code"
+command = "pnpm"
+args = ["lint"]
+[tasks.eslint.windows]
+command = "pnpm.cmd"
+
+[tasks.typecheck]
+description = "Run type checks"
+command = "pnpm"
+args = ["typecheck"]
+[tasks.typecheck.windows]
+command = "pnpm.cmd"
+
+[tasks.lint-staged]
+description = "Run lint-staged for staged files"
+command = "pnpm"
+args = ["exec", "lint-staged"]
+[tasks.lint-staged.windows]
+command = "pnpm.cmd"
+
+# --- Jobs ---
+
+# Rust format (for pre-commit)
+[tasks.rust-format-check]
+description = "Check Rust code formatting"
+dependencies = ["rust-format"]
+[tasks.rust-format-check.condition]
+files_modified.input = [
+  "./src-tauri/**/*.rs",
+  "./crates/**/*.rs",
+  "**/Cargo.toml",
+]
+files_modified.output = ["./target/debug/*", "./target/release/*"]
+
+# Rust lint (for pre-push)
+[tasks.rust-lint]
+description = "Run Rust linting"
+dependencies = ["rust-clippy"]
+[tasks.rust-lint.condition]
+files_modified.input = [
+  "./src-tauri/**/*.rs",
+  "./crates/**/*.rs",
+  "**/Cargo.toml",
+]
+files_modified.output = ["./target/debug/*", "./target/release/*"]
+
+# Frontend format (for pre-commit)
+[tasks.frontend-format]
+description = "Frontend format checks"
+dependencies = ["lint-staged"]
+
+# Frontend lint (for pre-push)
+[tasks.frontend-lint]
+description = "Frontend linting and type checking"
+dependencies = ["eslint", "typecheck"]
+
+# --- Git Hooks ---
+
+[tasks.pre-commit]
+description = "Pre-commit checks: format only"
+dependencies = ["rust-format-check", "frontend-format"]
+
+[tasks.pre-push]
+description = "Pre-push checks: lint and typecheck"
+dependencies = ["rust-lint", "frontend-lint"]

crates/clash-verge-draft/src/lib.rs

@@ -6,8 +6,8 @@ type DraftInner<T> = (SharedDraft<T>, Option<SharedDraft<T>>);
 
 /// Draft 管理：committed 与 optional draft 都以 Arc<Box<T>> 存储，
 // (committed_snapshot, optional_draft_snapshot)
-#[derive(Debug, Clone)]
-pub struct Draft<T: Clone> {
+#[derive(Debug)]
+pub struct Draft<T> {
     inner: Arc<RwLock<DraftInner<T>>>,
 }
 
@@ -90,3 +90,11 @@ impl<T: Clone> Draft<T> {
         Ok(res)
     }
 }
+
+impl<T: Clone> Clone for Draft<T> {
+    fn clone(&self) -> Self {
+        Self {
+            inner: Arc::clone(&self.inner),
+        }
+    }
+}

crates/clash-verge-limiter/Cargo.toml

@@ -0,0 +1,9 @@
+[package]
+name = "clash-verge-limiter"
+version = "0.1.0"
+edition = "2024"
+
+[dependencies]
+
+[lints]
+workspace = true

crates/clash-verge-limiter/src/lib.rs

@@ -0,0 +1,165 @@
+use std::sync::Arc;
+use std::sync::atomic::{AtomicU64, Ordering};
+use std::time::{Duration, SystemTime, UNIX_EPOCH};
+
+pub type SystemLimiter = Limiter<SystemClock>;
+
+pub trait Clock: Send + Sync {
+    fn now_ms(&self) -> u64;
+}
+
+impl<T: Clock + ?Sized> Clock for &T {
+    fn now_ms(&self) -> u64 {
+        (**self).now_ms()
+    }
+}
+
+impl<T: Clock + ?Sized> Clock for Arc<T> {
+    fn now_ms(&self) -> u64 {
+        (**self).now_ms()
+    }
+}
+
+pub struct SystemClock;
+
+impl Clock for SystemClock {
+    fn now_ms(&self) -> u64 {
+        SystemTime::now()
+            .duration_since(UNIX_EPOCH)
+            .unwrap_or_default()
+            .as_millis() as u64
+    }
+}
+
+pub struct Limiter<C: Clock = SystemClock> {
+    last_run_ms: AtomicU64,
+    period_ms: u64,
+    clock: C,
+}
+
+impl<C: Clock> Limiter<C> {
+    pub const fn new(period: Duration, clock: C) -> Self {
+        Self {
+            last_run_ms: AtomicU64::new(0),
+            period_ms: period.as_millis() as u64,
+            clock,
+        }
+    }
+
+    pub fn check(&self) -> bool {
+        let now = self.clock.now_ms();
+        let last = self.last_run_ms.load(Ordering::Relaxed);
+
+        if now < last + self.period_ms && now >= last {
+            return false;
+        }
+
+        self.last_run_ms
+            .compare_exchange(last, now, Ordering::SeqCst, Ordering::Relaxed)
+            .is_ok()
+    }
+}
+
+#[cfg(test)]
+mod extra_tests {
+    use super::*;
+    use std::sync::Arc;
+    use std::thread;
+
+    struct MockClock(AtomicU64);
+    impl Clock for MockClock {
+        fn now_ms(&self) -> u64 {
+            self.0.load(Ordering::SeqCst)
+        }
+    }
+
+    #[test]
+    fn test_zero_period_always_passes() {
+        let mock = MockClock(AtomicU64::new(100));
+        let limiter = Limiter::new(Duration::from_millis(0), &mock);
+
+        assert!(limiter.check());
+        assert!(limiter.check());
+    }
+
+    #[test]
+    fn test_boundary_condition() {
+        let period_ms = 100;
+        let mock = MockClock(AtomicU64::new(1000));
+        let limiter = Limiter::new(Duration::from_millis(period_ms), &mock);
+
+        assert!(limiter.check());
+
+        mock.0.store(1099, Ordering::SeqCst);
+        assert!(!limiter.check());
+
+        mock.0.store(1100, Ordering::SeqCst);
+        assert!(limiter.check(), "Should pass exactly at period boundary");
+    }
+
+    #[test]
+    fn test_high_concurrency_consistency() {
+        let period = Duration::from_millis(1000);
+        let mock = Arc::new(MockClock(AtomicU64::new(1000)));
+        let limiter = Arc::new(Limiter::new(period, Arc::clone(&mock)));
+
+        assert!(limiter.check());
+
+        mock.0.store(2500, Ordering::SeqCst);
+
+        let mut handles = vec![];
+        for _ in 0..20 {
+            let l = Arc::clone(&limiter);
+            handles.push(thread::spawn(move || l.check()));
+        }
+
+        #[allow(clippy::unwrap_used)]
+        let results: Vec<bool> = handles.into_iter().map(|h| h.join().unwrap()).collect();
+
+        let success_count = results.iter().filter(|&&x| x).count();
+        assert_eq!(success_count, 1);
+
+        assert_eq!(limiter.last_run_ms.load(Ordering::SeqCst), 2500);
+    }
+
+    #[test]
+    fn test_extreme_time_jump() {
+        let mock = MockClock(AtomicU64::new(100));
+        let limiter = Limiter::new(Duration::from_millis(100), &mock);
+
+        assert!(limiter.check());
+
+        mock.0.store(u64::MAX - 10, Ordering::SeqCst);
+        assert!(limiter.check());
+    }
+
+    #[test]
+    fn test_system_clock_real_path() {
+        let clock = SystemClock;
+        let start = clock.now_ms();
+        assert!(start > 0);
+
+        std::thread::sleep(Duration::from_millis(10));
+        assert!(clock.now_ms() >= start);
+    }
+
+    #[test]
+    fn test_limiter_with_system_clock_default() {
+        let limiter = Limiter::new(Duration::from_millis(100), SystemClock);
+        assert!(limiter.check());
+    }
+
+    #[test]
+    fn test_coverage_time_backward() {
+        let mock = MockClock(AtomicU64::new(5000));
+        let limiter = Limiter::new(Duration::from_millis(100), &mock);
+
+        assert!(limiter.check());
+
+        mock.0.store(4000, Ordering::SeqCst);
+
+        assert!(limiter.check(), "Should pass and reset when time moves backward");
+
+        assert_eq!(limiter.last_run_ms.load(Ordering::SeqCst), 4000);
+    }
+}

crates/clash-verge-signal/src/lib.rs

@@ -14,18 +14,20 @@ where
     F: Fn() -> Fut + Send + Sync + 'static,
     Fut: Future + Send + 'static,
 {
-    RUNTIME.get_or_init(|| match tokio::runtime::Runtime::new() {
-        Ok(rt) => Some(rt),
-        Err(e) => {
-            logging!(
-                info,
-                Type::SystemSignal,
-                "register shutdown signal failed, create tokio runtime error: {}",
-                e
-            );
-            None
-        }
-    });
+    RUNTIME.get_or_init(
+        || match tokio::runtime::Builder::new_current_thread().enable_all().build() {
+            Ok(rt) => Some(rt),
+            Err(e) => {
+                logging!(
+                    info,
+                    Type::SystemSignal,
+                    "register shutdown signal failed, create tokio runtime error: {}",
+                    e
+                );
+                None
+            }
+        },
+    );
 
     #[cfg(unix)]
     unix::register(f);

crates/tauri-plugin-clash-verge-sysinfo/Cargo.toml

@@ -8,7 +8,7 @@ rust-version = "1.91"
 tauri = { workspace = true }
 tauri-plugin-clipboard-manager = { workspace = true }
 parking_lot = { workspace = true }
-sysinfo = { version = "0.37.2", features = ["network", "system"] }
+sysinfo = { version = "0.38.0", features = ["network", "system"] }
 
 [target.'cfg(not(windows))'.dependencies]
 libc = "0.2.180"

docs/Changelog.history.md

@@ -1,3 +1,57 @@
+## v2.4.5
+
+- **Mihomo(Meta) 内核升级至 v1.19.19**
+
+### 🐞 修复问题
+
+- 修复 macOS 有线网络 DNS 劫持失败
+- 修复 Monaco 编辑器内右键菜单显示异常
+- 修复设置代理端口时检查端口占用
+- 修复 Monaco 编辑器初始化卡 Loading
+- 修复恢复备份时 `config.yaml` / `profiles.yaml` 文件内字段未正确恢复
+- 修复 Windows 下系统主题同步问题
+- 修复 URL Schemes 无法正常导入
+- 修复 Linux 下无法安装 TUN 服务
+- 修复可能的端口被占用误报
+- 修复设置允许外部控制来源不能立即生效
+- 修复前端性能回归问题
+
+<details>
+<summary><strong> ✨ 新增功能 </strong></summary>
+
+- 允许代理页面允许高级过滤搜索
+- 备份设置页面新增导入备份按钮
+- 允许修改通知弹窗位置
+- 支持收起导航栏（导航栏右键菜单 / 界面设置）
+- 允许将出站模式显示在托盘一级菜单
+- 允许禁用在托盘中显示代理组
+- 支持在「编辑节点」中直接导入 AnyTLS URI 配置
+- 支持关闭「验证代理绕过格式」
+- 新增系统代理绕过和 TUN 排除自定义网段的可视化编辑器
+
+</details>
+
+<details>
+<summary><strong> 🚀 优化改进 </strong></summary>
+
+- 应用内更新日志支持解析并渲染 HTML 标签
+- 性能优化前后端在渲染流量图时的资源
+- 在 Linux NVIDIA 显卡环境下尝试禁用 WebKit DMABUF 渲染以规避潜在问题
+- Windows 下自启动改为计划任务实现
+- 改进托盘和窗口操作频率限制实现
+- 使用「编辑节点」添加节点时，自动将节点添加到第一个 `select` 类型的代理组的第一位
+- 隐藏侧边导航栏和悬浮跳转导航的滚动条
+- 完善对 AnyTLS / Mieru / Sudoku 的 GUI 支持
+- macOS 和 Linux 对服务 IPC 权限进一步限制
+- 移除 Windows 自启动计划任务中冗余的 3 秒延时
+- 右键错误通知可复制错误详情
+- 保存 TUN 设置时优化执行流程，避免界面卡顿
+- 补充 `deb` / `rpm` 依赖 `libayatana-appindicator`
+- 「连接」表格标题的排序点击区域扩展到整列宽度
+- 备份恢复时显示加载覆盖层，恢复过程无需再手动关闭对话框
+
+</details>
+
 ## v2.4.4
 
 - **Mihomo(Meta) 内核升级至 v1.19.17**

eslint.config.ts

@@ -37,6 +37,11 @@ export default defineConfig([
 
     languageOptions: {
       globals: globals.browser,
+      parserOptions: {
+        projectService: {
+          allowDefaultProject: ["src/polyfills/*.js"],
+        },
+      },
     },
 
     settings: {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "clash-verge",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "license": "GPL-3.0-only",
   "scripts": {
     "prepare": "husky || true",
@@ -46,75 +46,77 @@
     "@mui/material": "^7.3.7",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.18",
-    "@tauri-apps/api": "2.9.1",
+    "@tauri-apps/api": "2.10.1",
     "@tauri-apps/plugin-clipboard-manager": "^2.3.2",
     "@tauri-apps/plugin-dialog": "^2.6.0",
     "@tauri-apps/plugin-fs": "^2.4.5",
-    "@tauri-apps/plugin-http": "~2.5.6",
+    "@tauri-apps/plugin-http": "~2.5.7",
     "@tauri-apps/plugin-process": "^2.3.1",
-    "@tauri-apps/plugin-shell": "2.3.4",
-    "@tauri-apps/plugin-updater": "2.9.0",
+    "@tauri-apps/plugin-shell": "2.3.5",
+    "@tauri-apps/plugin-updater": "2.10.0",
     "ahooks": "^3.9.6",
-    "axios": "^1.13.2",
+    "axios": "^1.13.5",
     "dayjs": "1.11.19",
     "foxact": "^0.2.52",
-    "i18next": "^25.7.4",
+    "foxts": "^5.2.1",
+    "i18next": "^25.8.4",
+    "ipaddr.js": "^2.3.0",
     "js-yaml": "^4.1.1",
-    "lodash-es": "^4.17.22",
+    "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
     "monaco-yaml": "^5.4.0",
     "nanoid": "^5.1.6",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-error-boundary": "6.1.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-error-boundary": "6.1.1",
     "react-hook-form": "^7.71.1",
-    "react-i18next": "16.5.3",
+    "react-i18next": "16.5.4",
     "react-markdown": "10.1.0",
-    "react-router": "^7.12.0",
+    "react-router": "^7.13.0",
     "react-virtuoso": "^4.18.1",
     "rehype-raw": "^7.0.0",
-    "swr": "^2.3.8",
+    "swr": "^2.4.0",
     "tauri-plugin-mihomo-api": "github:clash-verge-rev/tauri-plugin-mihomo#main",
     "types-pac": "^1.0.3"
   },
   "devDependencies": {
-    "@actions/github": "^7.0.0",
-    "@eslint-react/eslint-plugin": "^2.7.2",
-    "@eslint/js": "^9.39.2",
-    "@tauri-apps/cli": "2.9.6",
+    "@actions/github": "^9.0.0",
+    "@eslint-react/eslint-plugin": "^2.12.2",
+    "@eslint/js": "^10.0.1",
+    "@tauri-apps/cli": "2.10.0",
     "@types/js-yaml": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.9",
-    "@types/react": "19.2.8",
+    "@types/node": "^24.10.12",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-legacy": "^7.2.1",
-    "@vitejs/plugin-react-swc": "^4.2.2",
+    "@vitejs/plugin-react-swc": "^4.2.3",
     "adm-zip": "^0.5.16",
     "cli-color": "^2.0.4",
-    "commander": "^14.0.2",
+    "commander": "^14.0.3",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.0",
     "eslint-plugin-unused-imports": "^4.3.0",
-    "glob": "^13.0.0",
-    "globals": "^17.0.0",
+    "glob": "^13.0.1",
+    "globals": "^17.3.0",
     "https-proxy-agent": "^7.0.6",
     "husky": "^9.1.7",
     "jiti": "^2.6.1",
     "lint-staged": "^16.2.7",
     "node-fetch": "^3.3.2",
-    "prettier": "^3.8.0",
-    "sass": "^1.97.2",
-    "tar": "^7.5.3",
+    "prettier": "^3.8.1",
+    "sass": "^1.97.3",
+    "tar": "^7.5.7",
     "terser": "^5.46.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
+    "typescript-eslint": "^8.54.0",
     "vite": "^7.3.1",
     "vite-plugin-svgr": "^4.5.0"
   },
@@ -128,7 +130,7 @@
     ]
   },
   "type": "module",
-  "packageManager": "pnpm@10.28.0",
+  "packageManager": "pnpm@10.29.2",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

scripts/prebuild.mjs

@@ -68,6 +68,11 @@ const SIDECAR_HOST = target
       .toString()
       .match(/(?<=host: ).+(?=\s*)/g)[0];
 
+const RESOURCES_DIR = path.join(cwd, "src-tauri", "resources");
+const SIDECAR_DIR = path.join(cwd, "src-tauri", "sidecar");
+// Linux service binaries are bundled as externalBin sidecars (see tauri.linux.conf.json)
+const SERVICE_DIR = platform === "linux" ? SIDECAR_DIR : RESOURCES_DIR;
+
 // =======================
 // Version Cache
 // =======================
@@ -369,9 +374,8 @@ async function downloadFile(url, outPath) {
 // =======================
 async function resolveSidecar(binInfo) {
   const { name, targetFile, zipFile, exeFile, downloadURL } = binInfo;
-  const sidecarDir = path.join(cwd, "src-tauri", "sidecar");
-  const sidecarPath = path.join(sidecarDir, targetFile);
-  await fsp.mkdir(sidecarDir, { recursive: true });
+  const sidecarPath = path.join(SIDECAR_DIR, targetFile);
+  await fsp.mkdir(SIDECAR_DIR, { recursive: true });
 
   if (!FORCE && fs.existsSync(sidecarPath)) {
     log_success(`"${name}" already exists, skipping download`);
@@ -460,9 +464,9 @@ async function resolveSidecar(binInfo) {
 }
 
 async function resolveResource(binInfo) {
-  const { file, downloadURL, localPath } = binInfo;
-  const resDir = path.join(cwd, "src-tauri/resources");
-  const targetPath = path.join(resDir, file);
+  const { file, downloadURL, localPath, dir } = binInfo;
+  const baseDir = dir ?? RESOURCES_DIR;
+  const targetPath = path.join(baseDir, file);
 
   if (!FORCE && fs.existsSync(targetPath) && !downloadURL && !localPath) {
     log_success(`"${file}" already exists, skipping`);
@@ -474,7 +478,7 @@ async function resolveResource(binInfo) {
       log_success(`"${file}" already exists, skipping download`);
       return;
     }
-    await fsp.mkdir(resDir, { recursive: true });
+    await fsp.mkdir(baseDir, { recursive: true });
     await downloadFile(downloadURL, targetPath);
     await updateHashCache(targetPath);
   }
@@ -483,7 +487,7 @@ async function resolveResource(binInfo) {
     if (!(await hasFileChanged(localPath, targetPath))) {
       return;
     }
-    await fsp.mkdir(resDir, { recursive: true });
+    await fsp.mkdir(baseDir, { recursive: true });
     await fsp.copyFile(localPath, targetPath);
     await updateHashCache(targetPath);
     log_success(`Copied file: ${file}`);
@@ -545,12 +549,11 @@ const resolveServicePermission = async () => {
     "clash-verge-service-install*",
     "clash-verge-service-uninstall*",
   ];
-  const resDir = path.join(cwd, "src-tauri/resources");
   const hashCache = await loadHashCache();
   let hasChanges = false;
 
   for (const f of serviceExecutables) {
-    const files = glob.sync(path.join(resDir, f));
+    const files = glob.sync(path.join(SERVICE_DIR, f));
     for (const filePath of files) {
       if (fs.existsSync(filePath)) {
         const currentHash = await calculateFileHash(filePath);
@@ -584,6 +587,7 @@ const resolveService = () => {
   const suffix = platform === "linux" ? "-" + SIDECAR_HOST : "";
   return resolveResource({
     file: "clash-verge-service" + suffix + ext,
+    dir: SERVICE_DIR,
     downloadURL: `${SERVICE_URL}/clash-verge-service${ext}`,
   });
 };
@@ -592,6 +596,7 @@ const resolveInstall = () => {
   const suffix = platform === "linux" ? "-" + SIDECAR_HOST : "";
   return resolveResource({
     file: "clash-verge-service-install" + suffix + ext,
+    dir: SERVICE_DIR,
     downloadURL: `${SERVICE_URL}/clash-verge-service-install${ext}`,
   });
 };
@@ -600,6 +605,7 @@ const resolveUninstall = () => {
   const suffix = platform === "linux" ? "-" + SIDECAR_HOST : "";
   return resolveResource({
     file: "clash-verge-service-uninstall" + suffix + ext,
+    dir: SERVICE_DIR,
     downloadURL: `${SERVICE_URL}/clash-verge-service-uninstall${ext}`,
   });
 };

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "clash-verge"
-version = "2.4.5"
+version = "2.4.6"
 description = "clash verge"
 authors = ["zzzgydi", "Tunglies", "wonfen", "MystiPanda"]
 license = "GPL-3.0-only"
@@ -22,19 +22,19 @@ tauri-dev = []
 tokio-trace = ["console-subscriber"]
 clippy = ["tauri/test"]
 tracing = []
-tracing-full = []
 
 [package.metadata.bundle]
 identifier = "io.github.clash-verge-rev.clash-verge-rev"
 
 [build-dependencies]
-tauri-build = { version = "2.5.3", features = [] }
+tauri-build = { version = "2.5.5", features = [] }
 
 [dependencies]
 clash-verge-draft = { workspace = true }
 clash-verge-logging = { workspace = true }
 clash-verge-signal = { workspace = true }
 clash-verge-i18n = { workspace = true }
+clash-verge-limiter = { workspace = true }
 tauri-plugin-clash-verge-sysinfo = { workspace = true }
 tauri-plugin-clipboard-manager = { workspace = true }
 tauri = { workspace = true, features = [
@@ -64,73 +64,58 @@ boa_engine = "0.21.0"
 once_cell = { version = "1.21.3", features = ["parking_lot"] }
 delay_timer = "0.11.6"
 percent-encoding = "2.3.2"
-reqwest = { version = "0.13.1", features = [
+reqwest = { version = "0.13.2", features = [
   "json",
   "cookies",
   "rustls",
   "form",
 ] }
-regex = "1.12.2"
-sysproxy = { git = "https://github.com/clash-verge-rev/sysproxy-rs", branch = "0.4.3", features = [
+regex = "1.12.3"
+sysproxy = { git = "https://github.com/clash-verge-rev/sysproxy-rs", branch = "0.4.5", features = [
   "guard",
 ] }
 network-interface = { version = "2.0.5", features = ["serde"] }
-tauri-plugin-shell = "2.3.4"
+tauri-plugin-shell = "2.3.5"
 tauri-plugin-dialog = "2.6.0"
 tauri-plugin-fs = "2.4.5"
 tauri-plugin-process = "2.3.1"
-tauri-plugin-deep-link = "2.4.6"
+tauri-plugin-deep-link = "2.4.7"
 tauri-plugin-window-state = "2.4.1"
-zip = "7.1.0"
-reqwest_dav = "0.3.1"
+zip = "8.0.0"
+reqwest_dav = "0.3.2"
 aes-gcm = { version = "0.10.3", features = ["std"] }
 base64 = "0.22.1"
-getrandom = "0.3.4"
+getrandom = "0.4.1"
 futures = "0.3.31"
 gethostname = "1.1.0"
 scopeguard = "1.2.0"
 tauri-plugin-notification = "2.3.3"
 tokio-stream = "0.1.18"
 backoff = { version = "0.4.0", features = ["tokio"] }
-tauri-plugin-http = "2.5.6"
+tauri-plugin-http = "2.5.7"
 console-subscriber = { version = "0.5.0", optional = true }
 tauri-plugin-devtools = { version = "2.0.1" }
 tauri-plugin-mihomo = { git = "https://github.com/clash-verge-rev/tauri-plugin-mihomo" }
 clash_verge_logger = { git = "https://github.com/clash-verge-rev/clash-verge-logger" }
 async-trait = "0.1.89"
-clash_verge_service_ipc = { version = "2.1.1", features = [
+clash_verge_service_ipc = { version = "2.1.3", features = [
   "client",
 ], git = "https://github.com/clash-verge-rev/clash-verge-service-ipc" }
-arc-swap = "1.8.0"
+arc-swap = "1.8.1"
 rust_iso3166 = "0.1.14"
 # Use the git repo until the next release after v2.0.0.
 dark-light = { git = "https://github.com/rust-dark-light/dark-light" }
-governor = "0.10.4"
 
 [target.'cfg(windows)'.dependencies]
 deelevate = { workspace = true }
 runas = "=1.2.0"
 winreg = "0.55.0"
-winapi = { version = "0.3.9", features = [
-  "winbase",
-  "fileapi",
-  "winnt",
-  "handleapi",
-  "errhandlingapi",
-  "minwindef",
-  "winerror",
-  "stringapiset",
-  "tlhelp32",
-  "processthreadsapi",
-  "winhttp",
-  "winreg",
-  "winnls",
-] }
+windows = { version = "0.62.2", features = ["Win32_Globalization"] }
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
 tauri-plugin-autostart = "2.5.1"
 tauri-plugin-global-shortcut = "2.3.1"
-tauri-plugin-updater = "2.9.0"
+tauri-plugin-updater = "2.10.0"
 
 [dev-dependencies]
 criterion = { workspace = true }

src-tauri/src/cmd/app.rs

@@ -45,14 +45,20 @@ pub fn open_web_url(url: String) -> CmdResult<()> {
 /// 打开 Verge 最新日志
 #[tauri::command]
 pub async fn open_app_log() -> CmdResult<()> {
-    open::that(dirs::app_latest_log().stringify_err()?).stringify_err()
+    let log_path = dirs::app_latest_log().stringify_err()?;
+    #[cfg(target_os = "windows")]
+    let log_path = crate::utils::help::snapshot_path(&log_path).stringify_err()?;
+    open::that(log_path).stringify_err()
 }
 
 // TODO 后续可以为前端提供接口，当前作为托盘菜单使用
 /// 打开 Clash 最新日志
 #[tauri::command]
 pub async fn open_core_log() -> CmdResult<()> {
-    open::that(dirs::clash_latest_log().stringify_err()?).stringify_err()
+    let log_path = dirs::clash_latest_log().stringify_err()?;
+    #[cfg(target_os = "windows")]
+    let log_path = crate::utils::help::snapshot_path(&log_path).stringify_err()?;
+    open::that(log_path).stringify_err()
 }
 
 /// 打开/关闭开发者工具

src-tauri/src/cmd/profile.rs

@@ -1,5 +1,6 @@
 use super::CmdResult;
 use super::StringifyErr as _;
+use crate::utils::window_manager::WindowManager;
 use crate::{
     config::{
         Config, IProfiles, PrfItem, PrfOption,
@@ -310,7 +311,9 @@ async fn handle_success(current_value: Option<&String>) -> CmdResult<bool> {
         logging!(warn, Type::Cmd, "Warning: 异步保存配置文件失败: {e}");
     }
 
-    if let Some(current) = current_value {
+    if let Some(current) = current_value
+        && WindowManager::get_main_window().is_some()
+    {
         logging!(info, Type::Cmd, "向前端发送配置变更事件: {}", current);
         handle::Handle::notify_profile_changed(current.to_owned());
     }

src-tauri/src/config/config.rs

@@ -16,8 +16,9 @@ use anyhow::{Result, anyhow};
 use backoff::{Error as BackoffError, ExponentialBackoff};
 use clash_verge_draft::Draft;
 use clash_verge_logging::{Type, logging, logging_error};
+use serde_yaml_ng::{Mapping, Value};
 use smartstring::alias::String;
-use std::path::PathBuf;
+use std::{collections::HashSet, path::PathBuf};
 use tauri_plugin_clash_verge_sysinfo::is_current_app_handle_admin;
 use tokio::sync::OnceCell;
 use tokio::time::sleep;
@@ -187,7 +188,9 @@ impl Config {
     }
 
     pub async fn generate() -> Result<()> {
-        let (config, exists_keys, logs) = enhance::enhance().await;
+        let (mut config, exists_keys, logs) = enhance::enhance().await;
+
+        sanitize_tunnels_proxy(&mut config);
 
         Self::runtime().await.edit_draft(|d| {
             *d = IRuntime {
@@ -249,6 +252,73 @@ impl Config {
     }
 }
 
+fn sanitize_tunnels_proxy(config: &mut Mapping) {
+    // 检查是否存在 tunnels
+    if !config
+        .get("tunnels")
+        .and_then(|v| v.as_sequence())
+        .is_some_and(|t| tunnels_need_validation(t))
+    {
+        return;
+    }
+
+    // 在需要时，收集可用目标（proxies + proxy-groups + 内建）
+    let mut valid: HashSet<String> = HashSet::with_capacity(64);
+    collect_names(config, "proxies", &mut valid);
+    collect_names(config, "proxy-groups", &mut valid);
+
+    valid.insert("DIRECT".into());
+    valid.insert("REJECT".into());
+
+    let Some(tunnels) = config.get_mut("tunnels").and_then(|v| v.as_sequence_mut()) else {
+        return;
+    };
+
+    // 修改 tunnels：删除无效 proxy
+    for item in tunnels {
+        let Some(tunnel) = item.as_mapping_mut() else { continue };
+
+        let Some(proxy_name) = tunnel.get("proxy").and_then(|v| v.as_str()) else {
+            continue;
+        };
+
+        if proxy_name == "DIRECT" || proxy_name == "REJECT" {
+            continue;
+        }
+
+        if !valid.contains(proxy_name) {
+            tunnel.remove("proxy");
+        }
+    }
+}
+
+// tunnels 存在且至少有一条 tunnel 的 proxy 需要校验时才返回 true
+fn tunnels_need_validation(tunnels: &[Value]) -> bool {
+    tunnels.iter().any(|item| {
+        item.as_mapping()
+            .and_then(|t| t.get("proxy"))
+            .and_then(|p| p.as_str())
+            .is_some_and(|name| name != "DIRECT" && name != "REJECT")
+    })
+}
+
+fn collect_names(config: &Mapping, list_key: &str, out: &mut HashSet<String>) {
+    let Some(Value::Sequence(seq)) = config.get(list_key) else {
+        return;
+    };
+
+    for item in seq {
+        let Value::Mapping(map) = item else {
+            continue;
+        };
+        if let Some(Value::String(n)) = map.get("name")
+            && !n.is_empty()
+        {
+            out.insert(n.into());
+        }
+    }
+}
+
 #[derive(Debug)]
 pub enum ConfigType {
     Run,

src-tauri/src/config/prfitem.rs

@@ -12,6 +12,9 @@ use serde_yaml_ng::Mapping;
 use smartstring::alias::String;
 use std::time::Duration;
 use tokio::fs;
+// TODO, use other re-export
+use reqwest_dav::re_exports::url::form_urlencoded;
+use tauri::Url;
 
 #[derive(Debug, Clone, Deserialize, Serialize, Default)]
 pub struct PrfItem {
@@ -278,9 +281,17 @@ impl PrfItem {
             ProxyType::None
         };
 
+        let url = fix_dirty_url(url)?;
+
         // 使用网络管理器发送请求
         let resp = match NetworkManager::new()
-            .get_with_interrupt(url, proxy_type, Some(timeout), user_agent.clone(), accept_invalid_certs)
+            .get_with_interrupt(
+                url.as_str(),
+                proxy_type,
+                Some(timeout),
+                user_agent.clone(),
+                accept_invalid_certs,
+            )
             .await
         {
             Ok(r) => r,
@@ -340,7 +351,9 @@ impl PrfItem {
                     },
                 }
             }
-            None => Some(crate::utils::help::get_last_part_and_decode(url).unwrap_or_else(|| "Remote File".into())),
+            None => {
+                Some(crate::utils::help::get_last_part_and_decode(url.as_str()).unwrap_or_else(|| "Remote File".into()))
+            }
         };
         let update_interval = match update_interval {
             Some(val) => Some(val),
@@ -410,7 +423,7 @@ impl PrfItem {
             name: Some(name),
             desc: desc.cloned(),
             file: Some(file),
-            url: Some(url.into()),
+            url: Some(url.as_str().into()),
             selected: None,
             extra,
             option: Some(PrfOption {
@@ -569,3 +582,32 @@ impl PrfItem {
 const fn default_allow_auto_update() -> Option<bool> {
     Some(true)
 }
+
+/// Fix URLs where query parameters are incorrectly appended to the path segment
+///
+/// Incorrect Example: https://example.com/path&param1=value1
+fn fix_dirty_url(input: &str) -> Result<Url> {
+    let mut url = match Url::parse(input) {
+        Ok(u) => u,
+        Err(e) => {
+            return Err(anyhow::anyhow!(
+                "failed to parse deep link url: {:?}, input: {:?}",
+                e,
+                input
+            ));
+        }
+    };
+
+    if url.query().is_none() && url.path().contains('&') {
+        let path = url.path().to_string();
+
+        if let Some((clean_path, dirty_params)) = path.split_once('&') {
+            url.set_path(clean_path);
+
+            url.query_pairs_mut()
+                .extend_pairs(form_urlencoded::parse(dirty_params.as_bytes()));
+        }
+    }
+
+    Ok(url)
+}

src-tauri/src/config/profiles.rs

@@ -31,8 +31,8 @@ pub struct IProfilePreview<'a> {
 #[derive(Debug, Clone)]
 pub struct CleanupResult {
     pub total_files: usize,
-    pub deleted_files: Vec<String>,
-    pub failed_deletions: Vec<String>,
+    pub deleted_files: usize,
+    pub failed_deletions: usize,
 }
 
 macro_rules! patch {
@@ -45,13 +45,9 @@ macro_rules! patch {
 
 impl IProfiles {
     // Helper to find and remove an item by uid from the items vec, returning its file name (if any).
-    fn take_item_file_by_uid(items: &mut Vec<PrfItem>, target_uid: Option<String>) -> Option<String> {
-        for (i, _) in items.iter().enumerate() {
-            if items[i].uid == target_uid {
-                return items.remove(i).file;
-            }
-        }
-        None
+    fn take_item_file_by_uid(items: &mut Vec<PrfItem>, target_uid: Option<&str>) -> Option<String> {
+        let index = items.iter().position(|item| item.uid.as_deref() == target_uid)?;
+        items.remove(index).file
     }
 
     pub async fn new() -> Self {
@@ -267,33 +263,38 @@ impl IProfiles {
     pub async fn delete_item(&mut self, uid: &String) -> Result<bool> {
         let current = self.current.as_ref().unwrap_or(uid);
         let current = current.clone();
-        let item = self.get_item(uid)?;
-        let merge_uid = item.option.as_ref().and_then(|e| e.merge.clone());
-        let script_uid = item.option.as_ref().and_then(|e| e.script.clone());
-        let rules_uid = item.option.as_ref().and_then(|e| e.rules.clone());
-        let proxies_uid = item.option.as_ref().and_then(|e| e.proxies.clone());
-        let groups_uid = item.option.as_ref().and_then(|e| e.groups.clone());
+        let (merge_uid, script_uid, rules_uid, proxies_uid, groups_uid) = {
+            let item = self.get_item(uid)?;
+            let option = item.option.as_ref();
+            (
+                option.and_then(|e| e.merge.clone()),
+                option.and_then(|e| e.script.clone()),
+                option.and_then(|e| e.rules.clone()),
+                option.and_then(|e| e.proxies.clone()),
+                option.and_then(|e| e.groups.clone()),
+            )
+        };
         let mut items = self.items.take().unwrap_or_default();
 
         // remove the main item (if exists) and delete its file
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, Some(uid.clone())) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, Some(uid.as_str())) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
 
         // remove related extension items (merge, script, rules, proxies, groups)
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, merge_uid.clone()) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, merge_uid.as_deref()) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, script_uid.clone()) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, script_uid.as_deref()) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, rules_uid.clone()) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, rules_uid.as_deref()) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, proxies_uid.clone()) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, proxies_uid.as_deref()) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
-        if let Some(file) = Self::take_item_file_by_uid(&mut items, groups_uid.clone()) {
+        if let Some(file) = Self::take_item_file_by_uid(&mut items, groups_uid.as_deref()) {
             let _ = dirs::app_profiles_dir()?.join(file.as_str()).remove_if_exists().await;
         }
         // delete the original uid
@@ -365,15 +366,11 @@ impl IProfiles {
     }
 
     /// 以 app 中的 profile 列表为准，删除不再需要的文件
-    pub async fn cleanup_orphaned_files(&self) -> Result<CleanupResult> {
+    pub async fn cleanup_orphaned_files(&self) -> Result<()> {
         let profiles_dir = dirs::app_profiles_dir()?;
 
         if !profiles_dir.exists() {
-            return Ok(CleanupResult {
-                total_files: 0,
-                deleted_files: vec![],
-                failed_deletions: vec![],
-            });
+            return Ok(());
         }
 
         // 获取所有 active profile 的文件名集合
@@ -384,11 +381,11 @@ impl IProfiles {
 
         // 扫描 profiles 目录下的所有文件
         let mut total_files = 0;
-        let mut deleted_files = vec![];
-        let mut failed_deletions = vec![];
+        let mut deleted_files = 0;
+        let mut failed_deletions = 0;
 
-        for entry in std::fs::read_dir(&profiles_dir)? {
-            let entry = entry?;
+        let mut dir_entries = tokio::fs::read_dir(&profiles_dir).await?;
+        while let Some(entry) = dir_entries.next_entry().await? {
             let path = entry.path();
 
             if !path.is_file() {
@@ -410,11 +407,11 @@ impl IProfiles {
                 if !active_files.contains(file_name) {
                     match path.to_path_buf().remove_if_exists().await {
                         Ok(_) => {
-                            deleted_files.push(file_name.into());
+                            deleted_files += 1;
                             logging!(debug, Type::Config, "已清理冗余文件: {file_name}");
                         }
                         Err(e) => {
-                            failed_deletions.push(format!("{file_name}: {e}").into());
+                            failed_deletions += 1;
                             logging!(warn, Type::Config, "Warning: 清理文件失败: {file_name} - {e}");
                         }
                     }
@@ -433,11 +430,11 @@ impl IProfiles {
             Type::Config,
             "Profile 文件清理完成: 总文件数={}, 删除文件数={}, 失败数={}",
             result.total_files,
-            result.deleted_files.len(),
-            result.failed_deletions.len()
+            result.deleted_files,
+            result.failed_deletions
         );
 
-        Ok(result)
+        Ok(())
     }
 
     /// 不删除全局扩展配置

src-tauri/src/config/runtime.rs

@@ -4,7 +4,7 @@ use std::collections::{HashMap, HashSet};
 
 use crate::enhance::field::use_keys;
 
-const PATCH_CONFIG_INNER: [&str; 4] = ["allow-lan", "ipv6", "log-level", "unified-delay"];
+const PATCH_CONFIG_INNER: [&str; 5] = ["allow-lan", "ipv6", "log-level", "unified-delay", "tunnels"];
 
 #[derive(Default, Clone)]
 pub struct IRuntime {
@@ -22,7 +22,7 @@ impl IRuntime {
         Self::default()
     }
 
-    // 这里只更改 allow-lan | ipv6 | log-level | tun
+    // 这里只更改 allow-lan | ipv6 | log-level | tun | tunnels
     #[inline]
     pub fn patch_config(&mut self, patch: &Mapping) {
         let config = if let Some(config) = self.config.as_mut() {

src-tauri/src/config/verge.rs

@@ -155,6 +155,9 @@ pub struct IVerge {
     /// 是否自动检测当前节点延迟
     pub enable_auto_delay_detection: Option<bool>,
 
+    /// 自动检测当前节点延迟的间隔（分钟）
+    pub auto_delay_detection_interval_minutes: Option<u64>,
+
     /// 是否使用内部的脚本支持，默认为真
     pub enable_builtin_enhanced: Option<bool>,
 
@@ -523,6 +526,7 @@ impl IVerge {
         patch!(default_latency_test);
         patch!(default_latency_timeout);
         patch!(enable_auto_delay_detection);
+        patch!(auto_delay_detection_interval_minutes);
         patch!(enable_builtin_enhanced);
         patch!(proxy_layout_column);
         patch!(test_list);

src-tauri/src/core/handle.rs

@@ -5,7 +5,7 @@ use std::sync::{
     Arc,
     atomic::{AtomicBool, Ordering},
 };
-use tauri::{AppHandle, Manager as _, WebviewWindow};
+use tauri::AppHandle;
 use tauri_plugin_mihomo::{Mihomo, MihomoExt as _};
 use tokio::sync::RwLockReadGuard;
 
@@ -55,10 +55,6 @@ impl Handle {
         Self::app_handle().mihomo().read().await
     }
 
-    pub fn get_window() -> Option<WebviewWindow> {
-        Self::app_handle().get_webview_window("main")
-    }
-
     pub fn refresh_clash() {
         let handle = Self::global();
         if handle.is_exiting() {

src-tauri/src/core/hotkey.rs

@@ -1,6 +1,7 @@
 use crate::process::AsyncHandler;
 use crate::singleton;
 use crate::utils::notification::{NotificationEvent, notify_event};
+use crate::utils::window_manager::WindowManager;
 use crate::{config::Config, core::handle, feat, module::lightweight::entry_lightweight_mode};
 use anyhow::{Result, bail};
 use arc_swap::ArcSwap;
@@ -243,7 +244,7 @@ impl Hotkey {
                 logging!(debug, Type::Hotkey, "Hotkey pressed: {:?}", hotkey_event);
                 let hotkey = hotkey_event.key;
                 if hotkey == Code::KeyQ && is_quit {
-                    if let Some(window) = handle::Handle::get_window()
+                    if let Some(window) = WindowManager::get_main_window()
                         && window.is_focused().unwrap_or(false)
                     {
                         logging!(debug, Type::Hotkey, "Executing quit function");
@@ -260,8 +261,9 @@ impl Hotkey {
                             Self::execute_function(function);
                         } else {
                             use crate::utils::window_manager::WindowManager;
-                            let is_visible = WindowManager::is_main_window_visible();
-                            let is_focused = WindowManager::is_main_window_focused();
+                            let window = WindowManager::get_main_window();
+                            let is_visible = WindowManager::is_main_window_visible(window.as_ref());
+                            let is_focused = WindowManager::is_main_window_focused(window.as_ref());
 
                             if is_focused && is_visible {
                                 Self::execute_function(function);

src-tauri/src/core/logger.rs

@@ -68,6 +68,7 @@ impl Logger {
         self.log_max_size.store(log_max_size, Ordering::SeqCst);
         self.log_max_count.store(log_max_count, Ordering::SeqCst);
 
+        #[cfg(not(feature = "tokio-trace"))]
         #[cfg(not(feature = "tauri-dev"))]
         {
             let log_spec = Self::generate_log_spec(log_level);

src-tauri/src/core/manager/state.rs

@@ -64,7 +64,7 @@ impl CoreManager {
                 match event {
                     tauri_plugin_shell::process::CommandEvent::Stdout(line)
                     | tauri_plugin_shell::process::CommandEvent::Stderr(line) => {
-                        let message = CompactString::from(String::from_utf8_lossy(&line).as_ref());
+                        let message = CompactString::from(&*String::from_utf8_lossy(&line));
                         Logger::global().writer_sidecar_log(Level::Error, &message);
                         CLASH_LOGGER.append_log(message).await;
                     }

src-tauri/src/core/notification.rs

@@ -1,5 +1,5 @@
 use super::handle::Handle;
-use crate::constants::timing;
+use crate::{constants::timing, utils::window_manager::WindowManager};
 use clash_verge_logging::{Type, logging};
 use smartstring::alias::String;
 use std::{sync::mpsc, thread};
@@ -84,7 +84,7 @@ impl NotificationSystem {
             None => return,
         };
 
-        if let Some(window) = super::handle::Handle::get_window() {
+        if let Some(window) = WindowManager::get_main_window() {
             system.emit_to_window(&window, event);
             drop(binding);
             thread::sleep(timing::EVENT_EMIT_DELAY);

src-tauri/src/core/service.rs

@@ -3,18 +3,19 @@ use crate::{
     core::{logger::Logger, tray::Tray},
     utils::dirs,
 };
-use anyhow::{Context as _, Result, bail};
+use anyhow::{Context as _, Result, anyhow, bail};
 use clash_verge_logging::{Type, logging, logging_error};
 use clash_verge_service_ipc::CoreConfig;
 use compact_str::CompactString;
 use once_cell::sync::Lazy;
 use std::{
+    borrow::Cow,
     env::current_exe,
     path::{Path, PathBuf},
     process::Command as StdCommand,
     time::Duration,
 };
-use tokio::sync::Mutex;
+use tokio::{sync::Mutex, time::sleep};
 
 #[derive(Debug, Clone, PartialEq, Eq)]
 pub enum ServiceStatus {
@@ -64,6 +65,7 @@ fn uninstall_service() -> Result<()> {
 
 #[cfg(target_os = "windows")]
 fn install_service() -> Result<()> {
+    use std::process::Output;
     logging!(info, Type::Service, "install service");
 
     use deelevate::{PrivilegeLevel, Token};
@@ -79,13 +81,30 @@ fn install_service() -> Result<()> {
 
     let token = Token::with_current_process()?;
     let level = token.privilege_level()?;
-    let status = match level {
-        PrivilegeLevel::NotPrivileged => RunasCommand::new(install_path).show(false).status()?,
-        _ => StdCommand::new(install_path).creation_flags(0x08000000).status()?,
+    let output = match level {
+        PrivilegeLevel::NotPrivileged => {
+            let status = RunasCommand::new(&install_path).show(false).status()?;
+            Output {
+                status,
+                stdout: Vec::new(),
+                stderr: Vec::new(),
+            }
+        }
+        _ => {
+            // StdCommand returns Output directly
+            StdCommand::new(&install_path).creation_flags(0x08000000).output()?
+        }
     };
 
-    if !status.success() {
-        bail!("failed to install service with status {}", status.code().unwrap_or(-1));
+    if let Some((code, err)) = check_output_error(&output) {
+        logging!(
+            error,
+            Type::Service,
+            "failed to install service code: {}, details: {}",
+            code,
+            err
+        );
+        bail!("failed to install service code: {}, details: {}", code, err);
     }
 
     Ok(())
@@ -160,41 +179,42 @@ fn install_service() -> Result<()> {
     let install_shell: String = install_path.to_string_lossy().replace(" ", "\\ ");
 
     let elevator = crate::utils::help::linux_elevator();
-    let status = if linux_running_as_root() {
-        StdCommand::new(&install_path).status()?
+    let output = if linux_running_as_root() {
+        StdCommand::new(&install_path).output()?
     } else {
         let result = StdCommand::new(&elevator)
             .arg("sh")
             .arg("-c")
             .arg(&install_shell)
-            .status()?;
+            .output()?;
 
         // 如果 pkexec 执行失败，回退到 sudo
-        if !result.success() && elevator.contains("pkexec") {
+        if !result.status.success() && elevator.contains("pkexec") {
             logging!(
                 warn,
                 Type::Service,
                 "pkexec failed with code {}, falling back to sudo",
-                result.code().unwrap_or(-1)
+                result.status.code().unwrap_or(-1)
             );
             StdCommand::new("sudo")
                 .arg("sh")
                 .arg("-c")
                 .arg(&install_shell)
-                .status()?
+                .output()?
         } else {
             result
         }
     };
-    logging!(
-        info,
-        Type::Service,
-        "install status code:{}",
-        status.code().unwrap_or(-1)
-    );
 
-    if !status.success() {
-        bail!("failed to install service with status {}", status.code().unwrap_or(-1));
+    if let Some((code, err)) = check_output_error(&output) {
+        logging!(
+            error,
+            Type::Service,
+            "failed to install service code: {}, details: {}",
+            code,
+            err
+        );
+        bail!("failed to install service code: {}, details: {}", code, err);
     }
 
     Ok(())
@@ -262,15 +282,37 @@ fn install_service() -> Result<()> {
         r#"do shell script "sudo CLASH_VERGE_SERVICE_GID={gid} '{install_shell}'" with administrator privileges with prompt "{prompt}""#
     );
 
-    let status = StdCommand::new("osascript").args(vec!["-e", &command]).status()?;
-
-    if !status.success() {
-        bail!("failed to install service with status {}", status.code().unwrap_or(-1));
+    let output = StdCommand::new("osascript").args(vec!["-e", &command]).output()?;
+    if let Some((code, err)) = check_output_error(&output) {
+        logging!(
+            error,
+            Type::Service,
+            "failed to install service code: {}, details: {}",
+            code,
+            err
+        );
+        bail!("failed to install service code: {}, details: {}", code, err);
     }
 
     Ok(())
 }
 
+fn check_output_error(output: &std::process::Output) -> Option<(i32, Cow<'_, str>)> {
+    if output.status.success() {
+        return None;
+    }
+    let code = output.status.code().unwrap_or(-1);
+    let stderr = String::from_utf8_lossy(&output.stderr);
+    if !stderr.is_empty() {
+        return Some((code, stderr));
+    }
+    let stdout = String::from_utf8_lossy(&output.stdout);
+    if !stdout.is_empty() {
+        return Some((code, stdout));
+    }
+    Some((code, Cow::Borrowed("Unknown error")))
+}
+
 fn reinstall_service() -> Result<()> {
     logging!(info, Type::Service, "reinstall service");
 
@@ -336,10 +378,7 @@ pub(super) async fn start_with_existing_service(config_file: &PathBuf) -> Result
 pub(super) async fn run_core_by_service(config_file: &PathBuf) -> Result<()> {
     logging!(info, Type::Service, "正在尝试通过服务启动核心");
 
-    let mut manager = SERVICE_MANAGER.lock().await;
-    let status = manager.check_service_comprehensive().await;
-    manager.handle_service_status(&status).await?;
-    drop(manager);
+    SERVICE_MANAGER.lock().await.refresh().await?;
 
     logging!(info, Type::Service, "服务已运行且版本匹配，直接使用");
     start_with_existing_service(config_file).await
@@ -395,13 +434,38 @@ pub async fn is_service_available() -> Result<()> {
     Ok(())
 }
 
-/// 等待一会，再检查服务是否正在运行
-/// TODO 使用 tokio select 之类机制并结合 timeout 实现更优雅的等待机制，期望等待文件出现，再尝试连接
 pub async fn wait_and_check_service_available(status: &mut ServiceManager) -> Result<()> {
-    status.0 = ServiceStatus::Unavailable("Waiting for service to be available".into());
-    clash_verge_service_ipc::connect().await?;
-    status.0 = ServiceStatus::Ready;
-    Ok(())
+    wait_for_service_ipc(status, "Waiting for service to be available").await
+}
+
+async fn wait_for_service_ipc(status: &mut ServiceManager, reason: &str) -> Result<()> {
+    status.0 = ServiceStatus::Unavailable(reason.into());
+    let config = ServiceManager::config();
+    let mut attempts = 0u32;
+    #[allow(unused_assignments)]
+    let mut last_err = anyhow!("service not ready");
+
+    loop {
+        if Path::new(clash_verge_service_ipc::IPC_PATH).exists() {
+            match clash_verge_service_ipc::connect().await {
+                Ok(_) => {
+                    status.0 = ServiceStatus::Ready;
+                    return Ok(());
+                }
+                Err(e) => last_err = e,
+            }
+        } else {
+            last_err = anyhow!("IPC path not ready");
+        }
+
+        if attempts >= config.max_retries as u32 {
+            break;
+        }
+        attempts += 1;
+        sleep(config.retry_delay).await;
+    }
+
+    Err(last_err)
 }
 
 pub fn is_service_ipc_path_exists() -> bool {
@@ -415,9 +479,9 @@ impl ServiceManager {
 
     pub const fn config() -> clash_verge_service_ipc::IpcConfig {
         clash_verge_service_ipc::IpcConfig {
-            default_timeout: Duration::from_millis(100),
-            retry_delay: Duration::from_millis(200),
-            max_retries: 6,
+            default_timeout: Duration::from_millis(150),
+            retry_delay: Duration::from_millis(250),
+            max_retries: 20,
         }
     }
 

src-tauri/src/core/tray/menu_def.rs

@@ -55,7 +55,7 @@ pub(crate) enum TrayAction {
     SystemProxy,
     TunMode,
     MainWindow,
-    TrayMenue,
+    TrayMenu,
     Unknown,
 }
 
@@ -65,7 +65,7 @@ impl From<&str> for TrayAction {
             "system_proxy" => Self::SystemProxy,
             "tun_mode" => Self::TunMode,
             "main_window" => Self::MainWindow,
-            "tray_menue" => Self::TrayMenue,
+            "tray_menu" => Self::TrayMenu,
             _ => Self::Unknown,
         }
     }

src-tauri/src/core/tray/mod.rs

@@ -9,8 +9,9 @@ use crate::{
     Type, cmd, config::Config, feat, logging, module::lightweight::is_in_lightweight_mode,
     utils::dirs::find_target_icons,
 };
-use governor::{DefaultDirectRateLimiter, Quota, RateLimiter};
-use tauri::tray::TrayIconBuilder;
+use clash_verge_limiter::{Limiter, SystemClock, SystemLimiter};
+use clash_verge_logging::logging_error;
+use tauri::tray::{MouseButton, MouseButtonState, TrayIcon, TrayIconBuilder, TrayIconEvent};
 use tauri_plugin_clash_verge_sysinfo::is_current_app_handle_admin;
 use tauri_plugin_mihomo::models::Proxies;
 use tokio::fs;
@@ -19,12 +20,10 @@ use super::handle;
 use anyhow::Result;
 use smartstring::alias::String;
 use std::collections::HashMap;
-use std::num::NonZeroU32;
 use std::time::Duration;
 use tauri::{
     AppHandle, Wry,
     menu::{CheckMenuItem, IsMenuItem, MenuEvent, MenuItem, PredefinedMenuItem, Submenu},
-    tray::{MouseButton, MouseButtonState, TrayIconEvent},
 };
 mod menu_def;
 use menu_def::{MenuIds, MenuTexts};
@@ -33,13 +32,13 @@ use menu_def::{MenuIds, MenuTexts};
 
 type ProxyMenuItem = (Option<Submenu<Wry>>, Vec<Box<dyn IsMenuItem<Wry>>>);
 
-const TRAY_CLICK_DEBOUNCE_MS: u64 = 1_275;
+const TRAY_CLICK_DEBOUNCE_MS: u64 = 300;
 
 #[derive(Clone)]
 struct TrayState {}
 
 pub struct Tray {
-    limiter: DefaultDirectRateLimiter,
+    limiter: SystemLimiter,
 }
 
 impl TrayState {
@@ -136,11 +135,7 @@ impl Default for Tray {
     #[allow(clippy::unwrap_used)]
     fn default() -> Self {
         Self {
-            limiter: RateLimiter::direct(
-                Quota::with_period(Duration::from_millis(TRAY_CLICK_DEBOUNCE_MS))
-                    .unwrap()
-                    .allow_burst(NonZeroU32::new(1).unwrap()),
-            ),
+            limiter: Limiter::new(Duration::from_millis(TRAY_CLICK_DEBOUNCE_MS), SystemClock),
         }
     }
 }
@@ -190,7 +185,7 @@ impl Tray {
             .tray_by_id("main")
             .ok_or_else(|| anyhow::anyhow!("Failed to get main tray"))?;
         match tray_event {
-            TrayAction::TrayMenue => tray.set_show_menu_on_left_click(true)?,
+            TrayAction::TrayMenu => tray.set_show_menu_on_left_click(true)?,
             _ => tray.set_show_menu_on_left_click(false)?,
         }
         Ok(())
@@ -207,6 +202,11 @@ impl Tray {
     }
 
     async fn update_menu_internal(&self, app_handle: &AppHandle) -> Result<()> {
+        let Some(tray) = app_handle.tray_by_id("main") else {
+            logging!(warn, Type::Tray, "Failed to update tray menu: tray not found");
+            return Ok(());
+        };
+
         let verge = Config::verge().await.latest_arc();
         let system_proxy = verge.enable_system_proxy.as_ref().unwrap_or(&false);
         let tun_mode = verge.enable_tun_mode.as_ref().unwrap_or(&false);
@@ -227,28 +227,24 @@ impl Tray {
         let profiles_preview = profiles_arc.profiles_preview().unwrap_or_default();
         let is_lightweight_mode = is_in_lightweight_mode();
 
-        match app_handle.tray_by_id("main") {
-            Some(tray) => {
-                let _ = tray.set_menu(Some(
-                    create_tray_menu(
-                        app_handle,
-                        Some(mode.as_str()),
-                        *system_proxy,
-                        *tun_mode,
-                        tun_mode_available,
-                        profiles_preview,
-                        is_lightweight_mode,
-                    )
-                    .await?,
-                ));
-                logging!(debug, Type::Tray, "托盘菜单更新成功");
-                Ok(())
-            }
-            None => {
-                logging!(warn, Type::Tray, "Failed to update tray menu: tray not found");
-                Ok(())
-            }
-        }
+        logging_error!(
+            Type::Tray,
+            tray.set_menu(Some(
+                create_tray_menu(
+                    app_handle,
+                    Some(mode.as_str()),
+                    *system_proxy,
+                    *tun_mode,
+                    tun_mode_available,
+                    profiles_preview,
+                    is_lightweight_mode,
+                )
+                .await?,
+            ))
+        );
+
+        logging!(debug, Type::Tray, "托盘菜单更新成功");
+        Ok(())
     }
 
     /// 更新托盘图标
@@ -261,12 +257,9 @@ impl Tray {
 
         let app_handle = handle::Handle::app_handle();
 
-        let tray = match app_handle.tray_by_id("main") {
-            Some(tray) => tray,
-            None => {
-                logging!(warn, Type::Tray, "Failed to update tray icon: tray not found");
-                return Ok(());
-            }
+        let Some(tray) = app_handle.tray_by_id("main") else {
+            logging!(warn, Type::Tray, "Failed to update tray icon: tray not found");
+            return Ok(());
         };
 
         let (_is_custom_icon, icon_bytes) = TrayState::get_tray_icon(verge).await;
@@ -274,8 +267,11 @@ impl Tray {
         let colorful = verge.tray_icon.clone().unwrap_or_else(|| "monochrome".into());
         let is_colorful = colorful == "colorful";
 
-        let _ = tray.set_icon(Some(tauri::image::Image::from_bytes(&icon_bytes)?));
-        let _ = tray.set_icon_as_template(!is_colorful);
+        logging_error!(
+            Type::Tray,
+            tray.set_icon(Some(tauri::image::Image::from_bytes(&icon_bytes)?))
+        );
+        logging_error!(Type::Tray, tray.set_icon_as_template(!is_colorful));
         Ok(())
     }
 
@@ -288,17 +284,17 @@ impl Tray {
 
         let app_handle = handle::Handle::app_handle();
 
-        let tray = match app_handle.tray_by_id("main") {
-            Some(tray) => tray,
-            None => {
-                logging!(warn, Type::Tray, "Failed to update tray icon: tray not found");
-                return Ok(());
-            }
+        let Some(tray) = app_handle.tray_by_id("main") else {
+            logging!(warn, Type::Tray, "Failed to update tray icon: tray not found");
+            return Ok(());
         };
 
         let (_is_custom_icon, icon_bytes) = TrayState::get_tray_icon(verge).await;
 
-        let _ = tray.set_icon(Some(tauri::image::Image::from_bytes(&icon_bytes)?));
+        logging_error!(
+            Type::Tray,
+            tray.set_icon(Some(tauri::image::Image::from_bytes(&icon_bytes)?))
+        );
         Ok(())
     }
 
@@ -312,14 +308,11 @@ impl Tray {
         let app_handle = handle::Handle::app_handle();
 
         let verge = Config::verge().await.latest_arc();
-        let system_proxy = verge.enable_system_proxy.as_ref().unwrap_or(&false);
-        let tun_mode = verge.enable_tun_mode.as_ref().unwrap_or(&false);
+        let system_proxy = verge.enable_system_proxy.unwrap_or(false);
+        let tun_mode = verge.enable_tun_mode.unwrap_or(false);
 
-        let switch_map = {
-            let mut map = std::collections::HashMap::new();
-            map.insert(true, "on");
-            map.insert(false, "off");
-            map
+        let switch_str = |flag: bool| {
+            if flag { "on" } else { "off" }
         };
 
         let mut current_profile_name = "None".into();
@@ -351,18 +344,19 @@ impl Tray {
             "Clash Verge {}\n{}: {}\n{}: {}\n{}: {}",
             reassembled_version,
             sys_proxy_text,
-            switch_map[system_proxy],
+            switch_str(system_proxy),
             tun_text,
-            switch_map[tun_mode],
+            switch_str(tun_mode),
             profile_text,
             current_profile_name
         );
 
-        if let Some(tray) = app_handle.tray_by_id("main") {
-            let _ = tray.set_tooltip(Some(&tooltip));
-        } else {
+        let Some(tray) = app_handle.tray_by_id("main") else {
             logging!(warn, Type::Tray, "Failed to update tray tooltip: tray not found");
-        }
+            return Ok(());
+        };
+
+        logging_error!(Type::Tray, tray.set_tooltip(Some(&tooltip)));
 
         Ok(())
     }
@@ -414,56 +408,17 @@ impl Tray {
         }
 
         let tray = builder.build(app_handle)?;
-        let tray_event = verge.tray_event.clone().unwrap_or_else(|| "main_window".into());
-        let tray_action = TrayAction::from(tray_event.as_str());
-
-        tray.on_tray_icon_event(move |_app_handle, event| {
-            if let TrayIconEvent::Click {
-                button: MouseButton::Left,
-                button_state: MouseButtonState::Down,
-                ..
-            } = event
-            {
-                // 添加防抖检查，防止快速连击
-                #[allow(clippy::use_self)]
-                if !Tray::global().should_handle_tray_click() {
-                    return;
-                }
-                logging!(debug, Type::Tray, "tray event: {tray_action:?}");
-                match tray_action {
-                    TrayAction::SystemProxy => {
-                        AsyncHandler::spawn(|| async move {
-                            let _ = feat::toggle_system_proxy().await;
-                        });
-                    }
-                    TrayAction::TunMode => {
-                        AsyncHandler::spawn(|| async move {
-                            let _ = feat::toggle_tun_mode(None).await;
-                        });
-                    }
-                    TrayAction::MainWindow => {
-                        AsyncHandler::spawn(|| async move {
-                            if !lightweight::exit_lightweight_mode().await {
-                                WindowManager::show_main_window().await;
-                            };
-                        });
-                    }
-                    _ => {
-                        logging!(warn, Type::Tray, "invalid tray event: {}", tray_event);
-                    }
-                };
-            }
-        });
+        tray.on_tray_icon_event(on_tray_icon_event);
         tray.on_menu_event(on_menu_event);
         Ok(())
     }
 
     fn should_handle_tray_click(&self) -> bool {
-        let res = self.limiter.check().is_ok();
-        if !res {
+        let allow = self.limiter.check();
+        if !allow {
             logging!(debug, Type::Tray, "tray click rate limited");
         }
-        res
+        allow
     }
 }
 
@@ -925,14 +880,68 @@ async fn create_tray_menu(
     Ok(menu)
 }
 
+fn on_tray_icon_event(_tray_icon: &TrayIcon, tray_event: TrayIconEvent) {
+    if matches!(
+        tray_event,
+        TrayIconEvent::Move { .. } | TrayIconEvent::Leave { .. } | TrayIconEvent::Enter { .. }
+    ) {
+        return;
+    }
+
+    if let TrayIconEvent::Click {
+        button: MouseButton::Left,
+        button_state: MouseButtonState::Down,
+        ..
+    } = tray_event
+    {
+        // 添加防抖检查，防止快速连击
+        #[allow(clippy::use_self)]
+        if !Tray::global().should_handle_tray_click() {
+            return;
+        }
+
+        AsyncHandler::spawn(|| async move {
+            let verge = Config::verge().await.data_arc();
+            let verge_tray_event = verge.tray_event.clone().unwrap_or_else(|| "main_window".into());
+            let verge_tray_action = TrayAction::from(verge_tray_event.as_str());
+            logging!(debug, Type::Tray, "tray event: {verge_tray_action:?}");
+            match verge_tray_action {
+                TrayAction::SystemProxy => {
+                    let _ = feat::toggle_system_proxy().await;
+                }
+                TrayAction::TunMode => {
+                    let _ = feat::toggle_tun_mode(None).await;
+                }
+                TrayAction::MainWindow => {
+                    if !lightweight::exit_lightweight_mode().await {
+                        WindowManager::show_main_window().await;
+                    };
+                }
+                _ => {
+                    logging!(warn, Type::Tray, "invalid tray event: {}", verge_tray_event);
+                }
+            };
+        });
+    }
+}
+
 fn on_menu_event(_: &AppHandle, event: MenuEvent) {
+    if !Tray::global().should_handle_tray_click() {
+        return;
+    }
+    if event.id.as_ref().is_empty() {
+        return;
+    }
     AsyncHandler::spawn(|| async move {
         match event.id.as_ref() {
             mode @ (MenuIds::RULE_MODE | MenuIds::GLOBAL_MODE | MenuIds::DIRECT_MODE) => {
                 // Removing the the "tray_" prefix and "_mode" suffix
-                let mode = &mode[5..mode.len() - 5];
-                logging!(info, Type::ProxyMode, "Switch Proxy Mode To: {}", mode);
-                feat::change_clash_mode(mode.into()).await;
+                if let Some(stripped) = mode.strip_prefix("tray_")
+                    && let Some(final_mode) = stripped.strip_suffix("_mode")
+                {
+                    logging!(info, Type::ProxyMode, "Switch Proxy Mode To: {}", final_mode);
+                    feat::change_clash_mode(final_mode.into()).await;
+                }
             }
             MenuIds::DASHBOARD => {
                 logging!(info, Type::Tray, "托盘菜单点击: 打开窗口");
@@ -980,7 +989,10 @@ fn on_menu_event(_: &AppHandle, event: MenuEvent) {
                 feat::quit().await;
             }
             id if id.starts_with("profiles_") => {
-                let profile_index = &id["profiles_".len()..];
+                let profile_index = match id.strip_prefix("profiles_") {
+                    Some(index_str) => index_str,
+                    None => return,
+                };
                 feat::toggle_proxy_profile(profile_index.into()).await;
             }
             id if id.starts_with("proxy_") => {

src-tauri/src/enhance/tun.rs

@@ -61,7 +61,7 @@ pub fn use_tun(mut config: Mapping, enable: bool) -> Mapping {
             {
                 AsyncHandler::spawn(move || async move {
                     crate::utils::resolve::dns::restore_public_dns().await;
-                    crate::utils::resolve::dns::set_public_dns("223.6.6.6".to_string()).await;
+                    crate::utils::resolve::dns::set_public_dns("114.114.114.114".to_string()).await;
                 });
             }
         }

src-tauri/src/feat/window.rs

@@ -178,7 +178,7 @@ pub async fn hide() {
         add_light_weight_timer().await;
     }
 
-    if let Some(window) = handle::Handle::get_window()
+    if let Some(window) = WindowManager::get_main_window()
         && window.is_visible().unwrap_or(false)
     {
         let _ = window.hide();

src-tauri/src/lib.rs

@@ -264,7 +264,6 @@ pub fn run() {
     mod event_handlers {
         #[cfg(target_os = "macos")]
         use crate::module::lightweight;
-        #[cfg(target_os = "macos")]
         use crate::utils::window_manager::WindowManager;
         use crate::{
             config::Config,
@@ -316,7 +315,7 @@ pub fn run() {
 
             if let tauri::WindowEvent::CloseRequested { api, .. } = api {
                 api.prevent_close();
-                if let Some(window) = core::handle::Handle::get_window() {
+                if let Some(window) = WindowManager::get_main_window() {
                     let _ = window.hide();
                 }
             }

src-tauri/src/module/lightweight.rs

@@ -1,6 +1,6 @@
 use crate::{
     config::Config,
-    core::{handle, timer::Timer, tray::Tray},
+    core::{timer::Timer, tray::Tray},
     process::AsyncHandler,
 };
 
@@ -143,7 +143,7 @@ pub async fn add_light_weight_timer() {
 }
 
 fn setup_window_close_listener() {
-    if let Some(window) = handle::Handle::get_window() {
+    if let Some(window) = WindowManager::get_main_window() {
         let handler_id = window.listen("tauri://close-requested", move |_event| {
             std::mem::drop(AsyncHandler::spawn(|| async {
                 if let Err(e) = setup_light_weight_timer().await {
@@ -161,7 +161,7 @@ fn setup_window_close_listener() {
 }
 
 fn cancel_window_close_listener() {
-    if let Some(window) = handle::Handle::get_window() {
+    if let Some(window) = WindowManager::get_main_window() {
         let id = WINDOW_CLOSE_HANDLER_ID.swap(0, Ordering::AcqRel);
         if id != 0 {
             window.unlisten(id);
@@ -171,7 +171,7 @@ fn cancel_window_close_listener() {
 }
 
 fn setup_webview_focus_listener() {
-    if let Some(window) = handle::Handle::get_window() {
+    if let Some(window) = WindowManager::get_main_window() {
         let handler_id = window.listen("tauri://focus", move |_event| {
             logging_error!(Type::Lightweight, cancel_light_weight_timer());
             logging!(debug, Type::Lightweight, "监听到窗口获得焦点，取消轻量模式计时");
@@ -181,7 +181,7 @@ fn setup_webview_focus_listener() {
 }
 
 fn cancel_webview_focus_listener() {
-    if let Some(window) = handle::Handle::get_window() {
+    if let Some(window) = WindowManager::get_main_window() {
         let id = WEBVIEW_FOCUS_HANDLER_ID.swap(0, Ordering::AcqRel);
         if id != 0 {
             window.unlisten(id);

src-tauri/src/utils/help.rs

@@ -4,6 +4,8 @@ use clash_verge_logging::{Type, logging};
 use nanoid::nanoid;
 use serde::{Serialize, de::DeserializeOwned};
 use serde_yaml_ng::Mapping;
+#[cfg(target_os = "windows")]
+use std::path::Path;
 use std::{path::PathBuf, str::FromStr};
 
 /// read data from yaml as struct T
@@ -134,3 +136,24 @@ pub fn linux_elevator() -> String {
         Err(_) => "sudo".to_string(),
     }
 }
+
+#[cfg(target_os = "windows")]
+/// copy the file to the dist path and return the dist path
+pub fn snapshot_path(original_path: &Path) -> Result<PathBuf> {
+    let temp_dir = original_path
+        .parent()
+        .ok_or_else(|| anyhow!("Invalid log path"))?
+        .join("temp");
+
+    std::fs::create_dir_all(&temp_dir)?;
+
+    let temp_path = temp_dir.join(format!(
+        "{}_{}.log",
+        original_path.file_stem().unwrap_or_default().to_string_lossy(),
+        chrono::Local::now().format("%Y-%m-%d_%H-%M-%S")
+    ));
+
+    std::fs::copy(original_path, &temp_path)?;
+
+    Ok(temp_path)
+}

src-tauri/src/utils/init.rs

@@ -13,11 +13,35 @@ use crate::{
 use anyhow::Result;
 use chrono::{Local, TimeZone as _};
 use clash_verge_logging::Type;
+#[cfg(target_os = "windows")]
+use std::path::Path;
 use std::{path::PathBuf, str::FromStr as _};
 use tauri_plugin_shell::ShellExt as _;
 use tokio::fs;
 use tokio::fs::DirEntry;
 
+#[cfg(target_os = "windows")]
+async fn delete_snapshot_logs(log_dir: &Path) -> Result<()> {
+    let temp_dirs = [
+        log_dir.join("temp"),
+        log_dir.join("service").join("temp"),
+        log_dir.join("sidecar").join("temp"),
+    ];
+
+    for temp_dir in temp_dirs.iter().filter(|d| d.exists()) {
+        let mut entries = fs::read_dir(temp_dir).await?;
+        while let Some(entry) = entries.next_entry().await? {
+            let path = entry.path();
+            if path.extension().and_then(|s| s.to_str()) == Some("log") {
+                let _ = path.remove_if_exists().await;
+                logging!(info, Type::Setup, "delete snapshot log file: {}", path.display());
+            }
+        }
+    }
+
+    Ok(())
+}
+
 // TODO flexi_logger 提供了最大保留天数，或许我们应该用内置删除log文件
 /// 删除log文件
 pub async fn delete_log() -> Result<()> {
@@ -26,6 +50,9 @@ pub async fn delete_log() -> Result<()> {
         return Ok(());
     }
 
+    #[cfg(target_os = "windows")]
+    delete_snapshot_logs(&log_dir).await?;
+
     let auto_log_clean = {
         let verge = Config::verge().await;
         let verge = verge.data_arc();

src-tauri/src/utils/resolve/mod.rs

@@ -33,6 +33,7 @@ pub fn init_work_dir_and_logger() -> anyhow::Result<()> {
         init_work_config().await;
         init_resources().await;
         logging!(info, Type::Setup, "Initializing logger");
+        // #[cfg(not(feature = "tokio-trace"))]
         Logger::global().init().await?;
         Ok(())
     })

src-tauri/src/utils/resolve/scheme.rs

@@ -1,13 +1,13 @@
 use std::time::Duration;
 
-use anyhow::{Result, bail};
+use anyhow::Result;
 use percent_encoding::percent_decode_str;
 use smartstring::alias::String;
 use tauri::Url;
 
 use crate::{
     config::{Config, PrfItem, profiles},
-    core::handle,
+    core::{CoreManager, handle},
 };
 use clash_verge_logging::{Type, logging};
 
@@ -22,90 +22,136 @@ pub(super) async fn resolve_scheme(param: &str) -> Result<()> {
         param
     };
 
-    // 解析 URL
-    let link_parsed = match Url::parse(param_str) {
-        Ok(url) => url,
-        Err(e) => {
-            bail!("failed to parse deep link: {:?}, param: {:?}", e, param);
-        }
-    };
+    let link_parsed =
+        Url::parse(param_str).map_err(|e| anyhow::anyhow!("failed to parse deep link: {:?}, param: {:?}", e, param))?;
 
-    let (url_param, name) = if link_parsed.scheme() == "clash" || link_parsed.scheme() == "clash-verge" {
-        let name_owned: Option<String> = link_parsed
-            .query_pairs()
-            .find(|(key, _)| key == "name")
-            .map(|(_, value)| value.into_owned().into());
-
-        let url_param = if let Some(query) = link_parsed.query() {
-            let prefix = "url=";
-            if let Some(pos) = query.find(prefix) {
-                let raw_url = query[pos + prefix.len()..].trim();
-                // Avoid double-decoding nested subscription URLs; decode only when needed.
-                let decoded = if Url::parse(raw_url).is_ok() {
-                    raw_url.to_string()
-                } else {
-                    let mut candidate = raw_url.to_string();
-                    for _ in 0..2 {
-                        let next = percent_decode_str(&candidate).decode_utf8_lossy().to_string();
-                        if next == candidate {
-                            break;
-                        }
-                        candidate = next;
-                        if Url::parse(&candidate).is_ok() {
-                            break;
-                        }
-                    }
-                    candidate
-                };
-                Some(decoded)
-            } else {
-                None
-            }
-        } else {
-            None
-        };
-        (url_param, name_owned)
-    } else {
-        (None, None)
-    };
-
-    let url = if let Some(ref url) = url_param {
-        url
-    } else {
+    let Some((url, name)) = extract_subscription_info(&link_parsed) else {
         logging!(error, Type::Config, "missing url parameter in deep link: {}", param_str);
         return Ok(());
     };
 
-    let mut item = match PrfItem::from_url(url, name.as_ref(), None, None).await {
-        Ok(item) => item,
-        Err(e) => {
-            logging!(error, Type::Config, "failed to parse profile from url: {:?}", e);
-            handle::Handle::notice_message("import_sub_url::error", e.to_string());
-            return Ok(());
+    import_subscription(&url, name.as_ref()).await;
+    Ok(())
+}
+
+fn extract_subscription_info(link_parsed: &Url) -> Option<(std::string::String, Option<String>)> {
+    if !matches!(link_parsed.scheme(), "clash" | "clash-verge") {
+        return None;
+    }
+
+    let name = link_parsed
+        .query_pairs()
+        .find(|(key, _)| key == "name")
+        .map(|(_, value)| value.into_owned().into());
+    let url = extract_subscription_url(link_parsed)?;
+    Some((url, name))
+}
+
+fn extract_subscription_url(link_parsed: &Url) -> Option<std::string::String> {
+    let query = link_parsed.query()?;
+    let prefix = "url=";
+    let pos = query.find(prefix)?;
+    let raw_url = query[pos + prefix.len()..].trim();
+    Some(decode_subscription_url(raw_url))
+}
+
+fn decode_subscription_url(raw_url: &str) -> std::string::String {
+    // Avoid double-decoding nested subscription URLs; decode only when needed.
+    if Url::parse(raw_url).is_ok() {
+        return raw_url.to_string();
+    }
+
+    let mut candidate = raw_url.to_string();
+    for _ in 0..2 {
+        let next = percent_decode_str(&candidate).decode_utf8_lossy().to_string();
+        if next == candidate {
+            break;
         }
+        candidate = next;
+        if Url::parse(&candidate).is_ok() {
+            break;
+        }
+    }
+    candidate
+}
+
+async fn import_subscription(url: &str, name: Option<&String>) {
+    let had_current_profile = {
+        let profiles = Config::profiles().await;
+        profiles.latest_arc().current.is_some()
+    };
+
+    let Some(mut item) = fetch_profile_item(url, name).await else {
+        return;
     };
 
     let uid = item.uid.clone().unwrap_or_default();
-    match profiles::profiles_append_item_safe(&mut item).await {
-        Ok(_) => {
-            Config::profiles().await.apply();
-            let _ = Config::profiles().await.data_arc().save_file().await;
-            handle::Handle::notice_message(
-                "import_sub_url::ok",
-                "", // 空 msg 传入，我们不希望导致 后端-前端-后端 死循环，这里只做提醒。
-            );
-            handle::Handle::refresh_verge();
-            handle::Handle::notify_profile_changed(uid.clone());
-            tokio::time::sleep(Duration::from_millis(100)).await;
-            handle::Handle::notify_profile_changed(uid);
-        }
-        Err(e) => {
-            logging!(error, Type::Config, "failed to import subscription url: {:?}", e);
-            Config::profiles().await.discard();
-            handle::Handle::notice_message("import_sub_url::error", e.to_string());
-            return Ok(());
-        }
+    if let Err(e) = profiles::profiles_append_item_safe(&mut item).await {
+        logging!(error, Type::Config, "failed to import subscription url: {:?}", e);
+        Config::profiles().await.discard();
+        handle::Handle::notice_message("import_sub_url::error", e.to_string());
+        return;
     }
 
-    Ok(())
+    Config::profiles().await.apply();
+    let _ = Config::profiles().await.data_arc().save_file().await;
+    handle::Handle::notice_message(
+        "import_sub_url::ok",
+        "", // 空 msg 传入，我们不希望导致 后端-前端-后端 死循环，这里只做提醒。
+    );
+
+    post_import_updates(&uid, had_current_profile).await;
+}
+
+async fn fetch_profile_item(url: &str, name: Option<&String>) -> Option<PrfItem> {
+    match PrfItem::from_url(url, name, None, None).await {
+        Ok(item) => Some(item),
+        Err(e) => {
+            logging!(error, Type::Config, "failed to parse profile from url: {:?}", e);
+            handle::Handle::notice_message("import_sub_url::error", e.to_string());
+            None
+        }
+    }
+}
+
+async fn post_import_updates(uid: &String, had_current_profile: bool) {
+    handle::Handle::refresh_verge();
+    handle::Handle::notify_profile_changed(uid.clone());
+    tokio::time::sleep(Duration::from_millis(100)).await;
+
+    let should_update_core = if uid.is_empty() || had_current_profile {
+        false
+    } else {
+        let profiles = Config::profiles().await;
+        profiles.latest_arc().is_current_profile_index(uid)
+    };
+    handle::Handle::notify_profile_changed(uid.clone());
+
+    if should_update_core {
+        refresh_core_config().await;
+    }
+}
+
+async fn refresh_core_config() {
+    logging!(
+        info,
+        Type::Config,
+        "Deep link import set current profile; refreshing core config"
+    );
+    match CoreManager::global().update_config().await {
+        Ok((true, _)) => handle::Handle::refresh_clash(),
+        Ok((false, msg)) => {
+            let message = if msg.is_empty() {
+                String::from("Failed to apply subscription configuration")
+            } else {
+                msg
+            };
+            logging!(warn, Type::Config, "Apply config failed: {}", message);
+            handle::Handle::notice_message("config_validate::error", message);
+        }
+        Err(err) => {
+            logging!(error, Type::Config, "Apply config error: {}", err);
+            handle::Handle::notice_message("update_failed", format!("{err}"));
+        }
+    }
 }

src-tauri/src/utils/schtasks.rs

@@ -5,8 +5,7 @@ use std::fs;
 use std::os::windows::process::CommandExt as _;
 use std::path::{Path, PathBuf};
 use std::process::{Command, Output};
-use winapi::um::stringapiset::MultiByteToWideChar;
-use winapi::um::winnls::{GetACP, GetOEMCP};
+use windows::Win32::Globalization::{GetACP, GetOEMCP, MULTI_BYTE_TO_WIDE_CHAR_FLAGS, MultiByteToWideChar};
 
 const CREATE_NO_WINDOW: u32 = 0x08000000;
 const TASK_NAME_USER: &str = "Clash Verge";
@@ -207,34 +206,16 @@ fn decode_with_code_page(bytes: &[u8], code_page: u32) -> Option<String> {
         return None;
     }
 
-    let required = unsafe {
-        MultiByteToWideChar(
-            code_page,
-            0,
-            bytes.as_ptr() as *const i8,
-            len as i32,
-            std::ptr::null_mut(),
-            0,
-        )
-    };
+    let required = unsafe { MultiByteToWideChar(code_page, MULTI_BYTE_TO_WIDE_CHAR_FLAGS(0), bytes, None) };
 
-    if required == 0 {
+    if required <= 0 {
         return None;
     }
 
     let mut wide = vec![0u16; required as usize];
-    let written = unsafe {
-        MultiByteToWideChar(
-            code_page,
-            0,
-            bytes.as_ptr() as *const i8,
-            len as i32,
-            wide.as_mut_ptr(),
-            required,
-        )
-    };
+    let written = unsafe { MultiByteToWideChar(code_page, MULTI_BYTE_TO_WIDE_CHAR_FLAGS(0), bytes, Some(&mut wide)) };
 
-    if written == 0 {
+    if written <= 0 {
         return None;
     }
 

src-tauri/src/utils/window_manager.rs

@@ -1,8 +1,7 @@
 use crate::{core::handle, utils::resolve::window::build_new_window};
+use clash_verge_limiter::Limiter;
 use clash_verge_logging::{Type, logging};
-use governor::{DefaultDirectRateLimiter, Quota, RateLimiter};
 use once_cell::sync::Lazy;
-use std::num::NonZeroU32;
 use std::pin::Pin;
 use std::time::Duration;
 use tauri::{Manager as _, WebviewWindow, Wry};
@@ -40,28 +39,48 @@ pub enum WindowState {
 }
 
 // 窗口操作防抖机制
-const WINDOW_OPERATION_DEBOUNCE_MS: u64 = 1_275;
-static WINDOW_OPERATION_LIMITER: Lazy<DefaultDirectRateLimiter> = Lazy::new(|| {
-    #[allow(clippy::unwrap_used)]
-    RateLimiter::direct(
-        Quota::with_period(Duration::from_millis(WINDOW_OPERATION_DEBOUNCE_MS))
-            .unwrap()
-            .allow_burst(NonZeroU32::new(1).unwrap()),
+const WINDOW_OPERATION_DEBOUNCE_MS: u64 = 625;
+static WINDOW_OPERATION_LIMITER: Lazy<Limiter> = Lazy::new(|| {
+    Limiter::new(
+        Duration::from_millis(WINDOW_OPERATION_DEBOUNCE_MS),
+        clash_verge_limiter::SystemClock,
     )
 });
 
 fn should_handle_window_operation() -> bool {
-    let res = WINDOW_OPERATION_LIMITER.check().is_ok();
-    if !res {
+    let allow = WINDOW_OPERATION_LIMITER.check();
+    if !allow {
         logging!(debug, Type::Window, "window operation rate limited");
     }
-    res
+    allow
 }
 
 /// 统一的窗口管理器
 pub struct WindowManager;
 
 impl WindowManager {
+    pub fn get_main_window_with_state() -> (Option<WebviewWindow<Wry>>, WindowState) {
+        let Some(window) = Self::get_main_window() else {
+            return (None, WindowState::NotExist);
+        };
+
+        let is_minimized = window.is_minimized().unwrap_or(false);
+        let is_visible = window.is_visible().unwrap_or(false);
+        let is_focused = window.is_focused().unwrap_or(false);
+
+        let state = if is_minimized {
+            WindowState::Minimized
+        } else if !is_visible {
+            WindowState::Hidden
+        } else if is_focused {
+            WindowState::VisibleFocused
+        } else {
+            WindowState::VisibleUnfocused
+        };
+
+        (Some(window), state)
+    }
+
     pub fn get_main_window_state() -> WindowState {
         match Self::get_main_window() {
             Some(window) => {
@@ -122,12 +141,12 @@ impl WindowManager {
                 WindowOperationResult::NoAction
             }
             WindowState::VisibleUnfocused | WindowState::Minimized | WindowState::Hidden => {
-                if let Some(window) = Self::get_main_window() {
-                    let state_after_check = Self::get_main_window_state();
-                    if state_after_check == WindowState::VisibleFocused {
-                        logging!(info, Type::Window, "窗口在检查期间已变为可见和有焦点状态");
-                        return WindowOperationResult::NoAction;
-                    }
+                let (window, state_after_check) = Self::get_main_window_with_state();
+                if state_after_check == WindowState::VisibleFocused {
+                    logging!(info, Type::Window, "窗口在检查期间已变为可见和有焦点状态");
+                    return WindowOperationResult::NoAction;
+                }
+                if let Some(window) = window {
                     Self::activate_window(&window)
                 } else {
                     WindowOperationResult::Failed
@@ -138,25 +157,18 @@ impl WindowManager {
 
     /// 切换主窗口显示状态（显示/隐藏）
     pub async fn toggle_main_window() -> WindowOperationResult {
-        // 防抖检查
         if !should_handle_window_operation() {
             return WindowOperationResult::NoAction;
-        };
-        logging!(info, Type::Window, "开始切换主窗口显示状态");
+        }
 
-        let current_state = Self::get_main_window_state();
-        logging!(
-            info,
-            Type::Window,
-            "当前窗口状态: {:?} | 详细状态: {}",
-            current_state,
-            Self::get_window_status_info()
-        );
+        let (window, state) = Self::get_main_window_with_state();
 
-        match current_state {
+        logging!(debug, Type::Window, "当前状态: {:?}", state);
+
+        match state {
             WindowState::NotExist => Self::handle_not_exist_toggle().await,
-            WindowState::VisibleFocused | WindowState::VisibleUnfocused => Self::hide_main_window(),
-            WindowState::Minimized | WindowState::Hidden => Self::activate_existing_main_window(),
+            WindowState::VisibleFocused | WindowState::VisibleUnfocused => Self::hide_main_window(window.as_ref()),
+            WindowState::Minimized | WindowState::Hidden => Self::activate_existing_main_window(window.as_ref()),
         }
     }
 
@@ -172,9 +184,9 @@ impl WindowManager {
     }
 
     // 隐藏主窗口
-    fn hide_main_window() -> WindowOperationResult {
+    fn hide_main_window(window: Option<&WebviewWindow<Wry>>) -> WindowOperationResult {
         logging!(info, Type::Window, "窗口可见，将隐藏窗口");
-        if let Some(window) = Self::get_main_window() {
+        if let Some(window) = window {
             match window.hide() {
                 Ok(_) => {
                     logging!(info, Type::Window, "窗口已成功隐藏");
@@ -192,10 +204,10 @@ impl WindowManager {
     }
 
     // 激活已存在的主窗口
-    fn activate_existing_main_window() -> WindowOperationResult {
+    fn activate_existing_main_window(window: Option<&WebviewWindow<Wry>>) -> WindowOperationResult {
         logging!(info, Type::Window, "窗口存在但被隐藏或最小化，将激活窗口");
-        if let Some(window) = Self::get_main_window() {
-            Self::activate_window(&window)
+        if let Some(window) = window {
+            Self::activate_window(window)
         } else {
             logging!(warn, Type::Window, "无法获取窗口实例");
             WindowOperationResult::Failed
@@ -258,24 +270,18 @@ impl WindowManager {
     }
 
     /// 检查窗口是否可见
-    pub fn is_main_window_visible() -> bool {
-        Self::get_main_window()
-            .map(|window| window.is_visible().unwrap_or(false))
-            .unwrap_or(false)
+    pub fn is_main_window_visible(window: Option<&WebviewWindow<Wry>>) -> bool {
+        window.map(|w| w.is_visible().unwrap_or(false)).unwrap_or(false)
     }
 
     /// 检查窗口是否有焦点
-    pub fn is_main_window_focused() -> bool {
-        Self::get_main_window()
-            .map(|window| window.is_focused().unwrap_or(false))
-            .unwrap_or(false)
+    pub fn is_main_window_focused(window: Option<&WebviewWindow<Wry>>) -> bool {
+        window.map(|w| w.is_focused().unwrap_or(false)).unwrap_or(false)
     }
 
     /// 检查窗口是否最小化
-    pub fn is_main_window_minimized() -> bool {
-        Self::get_main_window()
-            .map(|window| window.is_minimized().unwrap_or(false))
-            .unwrap_or(false)
+    pub fn is_main_window_minimized(window: Option<&WebviewWindow<Wry>>) -> bool {
+        window.map(|w| w.is_minimized().unwrap_or(false)).unwrap_or(false)
     }
 
     /// 创建新窗口,防抖避免重复调用
@@ -323,11 +329,11 @@ impl WindowManager {
     }
 
     /// 获取详细的窗口状态信息
-    pub fn get_window_status_info() -> String {
-        let state = Self::get_main_window_state();
-        let is_visible = Self::is_main_window_visible();
-        let is_focused = Self::is_main_window_focused();
-        let is_minimized = Self::is_main_window_minimized();
+    fn get_window_status_info() -> String {
+        let (window, state) = Self::get_main_window_with_state();
+        let is_visible = Self::is_main_window_visible(window.as_ref());
+        let is_focused = Self::is_main_window_focused(window.as_ref());
+        let is_minimized = Self::is_main_window_minimized(window.as_ref());
 
         format!("窗口状态: {state:?} | 可见: {is_visible} | 有焦点: {is_focused} | 最小化: {is_minimized}")
     }

src-tauri/tauri.conf.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.4.5",
+  "version": "2.4.6",
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "bundle": {
     "active": true,

src-tauri/tauri.linux.conf.json

@@ -24,9 +24,9 @@
       }
     },
     "externalBin": [
-      "./resources/clash-verge-service",
-      "./resources/clash-verge-service-install",
-      "./resources/clash-verge-service-uninstall",
+      "./sidecar/clash-verge-service",
+      "./sidecar/clash-verge-service-install",
+      "./sidecar/clash-verge-service-uninstall",
       "./sidecar/verge-mihomo",
       "./sidecar/verge-mihomo-alpha"
     ]

src/components/base/base-search-box.tsx

@@ -1,4 +1,5 @@
-import { Box, SvgIcon, TextField, styled } from "@mui/material";
+import { ClearRounded } from "@mui/icons-material";
+import { Box, SvgIcon, TextField, styled, IconButton } from "@mui/material";
 import Tooltip from "@mui/material/Tooltip";
 import {
   ChangeEvent,
@@ -168,6 +169,11 @@ export const BaseSearchBox = ({
     });
   };
 
+  const handleClearInput = () => {
+    setText("");
+    emitSearch({ text: "", matchCase, matchWholeWord, useRegularExpression });
+  };
+
   const handleToggleMatchCase = () => {
     const next = !matchCase;
     setMatchCase(next);
@@ -200,35 +206,40 @@ export const BaseSearchBox = ({
             sx: { pr: 1 },
             endAdornment: (
               <Box display="flex">
-                <Tooltip title={t("shared.placeholders.matchCase")}>
-                  <div>
-                    <SvgIcon
-                      component={matchCaseIcon}
+                {!!text && (
+                  <Tooltip title={t("shared.placeholders.resetInput")}>
+                    <IconButton
+                      size="small"
                       {...iconStyle}
-                      aria-label={matchCase ? "active" : "inactive"}
-                      onClick={handleToggleMatchCase}
-                    />
-                  </div>
+                      onClick={handleClearInput}
+                    >
+                      <ClearRounded fontSize="inherit" />
+                    </IconButton>
+                  </Tooltip>
+                )}
+                <Tooltip title={t("shared.placeholders.matchCase")}>
+                  <SvgIcon
+                    component={matchCaseIcon}
+                    {...iconStyle}
+                    aria-label={matchCase ? "active" : "inactive"}
+                    onClick={handleToggleMatchCase}
+                  />
                 </Tooltip>
                 <Tooltip title={t("shared.placeholders.matchWholeWord")}>
-                  <div>
-                    <SvgIcon
-                      component={matchWholeWordIcon}
-                      {...iconStyle}
-                      aria-label={matchWholeWord ? "active" : "inactive"}
-                      onClick={handleToggleMatchWholeWord}
-                    />
-                  </div>
+                  <SvgIcon
+                    component={matchWholeWordIcon}
+                    {...iconStyle}
+                    aria-label={matchWholeWord ? "active" : "inactive"}
+                    onClick={handleToggleMatchWholeWord}
+                  />
                 </Tooltip>
                 <Tooltip title={t("shared.placeholders.useRegex")}>
-                  <div>
-                    <SvgIcon
-                      component={UseRegularExpressionIcon}
-                      aria-label={useRegularExpression ? "active" : "inactive"}
-                      {...iconStyle}
-                      onClick={handleToggleUseRegularExpression}
-                    />
-                  </div>
+                  <SvgIcon
+                    component={UseRegularExpressionIcon}
+                    aria-label={useRegularExpression ? "active" : "inactive"}
+                    {...iconStyle}
+                    onClick={handleToggleUseRegularExpression}
+                  />
                 </Tooltip>
               </Box>
             ),

src/components/connection/connection-column-manager.tsx

@@ -21,20 +21,14 @@ import {
   ListItem,
   ListItemText,
 } from "@mui/material";
+import type { Column } from "@tanstack/react-table";
 import { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 
-interface ColumnOption {
-  field: string;
-  label: string;
-  visible: boolean;
-}
-
 interface Props {
   open: boolean;
-  columns: ColumnOption[];
+  columns: Column<IConnectionsItem, unknown>[];
   onClose: () => void;
-  onToggle: (field: string, visible: boolean) => void;
   onOrderChange: (order: string[]) => void;
   onReset: () => void;
 }
@@ -43,7 +37,6 @@ export const ConnectionColumnManager = ({
   open,
   columns,
   onClose,
-  onToggle,
   onOrderChange,
   onReset,
 }: Props) => {
@@ -54,9 +47,9 @@ export const ConnectionColumnManager = ({
   );
   const { t } = useTranslation();
 
-  const items = useMemo(() => columns.map((column) => column.field), [columns]);
+  const items = useMemo(() => columns.map((column) => column.id), [columns]);
   const visibleCount = useMemo(
-    () => columns.filter((column) => column.visible).length,
+    () => columns.filter((column) => column.getIsVisible()).length,
     [columns],
   );
 
@@ -65,7 +58,7 @@ export const ConnectionColumnManager = ({
       const { active, over } = event;
       if (!over || active.id === over.id) return;
 
-      const order = columns.map((column) => column.field);
+      const order = columns.map((column) => column.id);
       const oldIndex = order.indexOf(active.id as string);
       const newIndex = order.indexOf(over.id as string);
       if (oldIndex === -1 || newIndex === -1) return;
@@ -94,13 +87,16 @@ export const ConnectionColumnManager = ({
             >
               {columns.map((column) => (
                 <SortableColumnItem
-                  key={column.field}
+                  key={column.id}
                   column={column}
-                  onToggle={onToggle}
+                  label={getColumnLabel(column)}
                   dragHandleLabel={t(
                     "connections.components.columnManager.dragHandle",
                   )}
-                  disableToggle={column.visible && visibleCount <= 1}
+                  disableToggle={
+                    !column.getCanHide() ||
+                    (column.getIsVisible() && visibleCount <= 1)
+                  }
                 />
               ))}
             </List>
@@ -120,15 +116,15 @@ export const ConnectionColumnManager = ({
 };
 
 interface SortableColumnItemProps {
-  column: ColumnOption;
-  onToggle: (field: string, visible: boolean) => void;
+  column: Column<IConnectionsItem, unknown>;
+  label: string;
   dragHandleLabel: string;
   disableToggle?: boolean;
 }
 
 const SortableColumnItem = ({
   column,
-  onToggle,
+  label,
   dragHandleLabel,
   disableToggle = false,
 }: SortableColumnItemProps) => {
@@ -139,7 +135,7 @@ const SortableColumnItem = ({
     transform,
     transition,
     isDragging,
-  } = useSortable({ id: column.field });
+  } = useSortable({ id: column.id });
 
   const style = useMemo(
     () => ({
@@ -167,12 +163,12 @@ const SortableColumnItem = ({
     >
       <Checkbox
         edge="start"
-        checked={column.visible}
+        checked={column.getIsVisible()}
         disabled={disableToggle}
-        onChange={(event) => onToggle(column.field, event.target.checked)}
+        onChange={(event) => column.toggleVisibility(event.target.checked)}
       />
       <ListItemText
-        primary={column.label}
+        primary={label}
         slotProps={{ primary: { variant: "body2" } }}
         sx={{ mr: 1 }}
       />
@@ -189,3 +185,11 @@ const SortableColumnItem = ({
     </ListItem>
   );
 };
+
+const getColumnLabel = (column: Column<IConnectionsItem, unknown>) => {
+  const meta = column.columnDef.meta as { label?: string } | undefined;
+  if (meta?.label) return meta.label;
+
+  const header = column.columnDef.header;
+  return typeof header === "string" ? header : column.id;
+};

src/components/connection/connection-table.tsx

@@ -2,6 +2,7 @@ import { ViewColumnRounded } from "@mui/icons-material";
 import { Box, IconButton, Tooltip } from "@mui/material";
 import {
   ColumnDef,
+  ColumnOrderState,
   ColumnSizingState,
   flexRender,
   getCoreRowModel,
@@ -43,50 +44,57 @@ const reconcileColumnOrder = (
   return [...filtered, ...missing];
 };
 
-const createConnectionRow = (each: IConnectionsItem) => {
+type ColumnField =
+  | "host"
+  | "download"
+  | "upload"
+  | "dlSpeed"
+  | "ulSpeed"
+  | "chains"
+  | "rule"
+  | "process"
+  | "time"
+  | "source"
+  | "remoteDestination"
+  | "type";
+
+const getConnectionCellValue = (field: ColumnField, each: IConnectionsItem) => {
   const { metadata, rulePayload } = each;
-  const chains = [...each.chains].reverse().join(" / ");
-  const rule = rulePayload ? `${each.rule}(${rulePayload})` : each.rule;
-  const destination = metadata.destinationIP
-    ? `${metadata.destinationIP}:${metadata.destinationPort}`
-    : `${metadata.remoteDestination}:${metadata.destinationPort}`;
 
-  return {
-    id: each.id,
-    host: metadata.host
-      ? `${metadata.host}:${metadata.destinationPort}`
-      : `${metadata.remoteDestination}:${metadata.destinationPort}`,
-    download: each.download,
-    upload: each.upload,
-    dlSpeed: each.curDownload,
-    ulSpeed: each.curUpload,
-    chains,
-    rule,
-    process: truncateStr(metadata.process || metadata.processPath),
-    time: each.start,
-    source: `${metadata.sourceIP}:${metadata.sourcePort}`,
-    remoteDestination: destination,
-    type: `${metadata.type}(${metadata.network})`,
-    connectionData: each,
-  };
+  switch (field) {
+    case "host":
+      return metadata.host
+        ? `${metadata.host}:${metadata.destinationPort}`
+        : `${metadata.remoteDestination}:${metadata.destinationPort}`;
+    case "download":
+      return each.download;
+    case "upload":
+      return each.upload;
+    case "dlSpeed":
+      return each.curDownload;
+    case "ulSpeed":
+      return each.curUpload;
+    case "chains":
+      return [...each.chains].reverse().join(" / ");
+    case "rule":
+      return rulePayload ? `${each.rule}(${rulePayload})` : each.rule;
+    case "process":
+      return truncateStr(metadata.process || metadata.processPath);
+    case "time":
+      return each.start;
+    case "source":
+      return `${metadata.sourceIP}:${metadata.sourcePort}`;
+    case "remoteDestination":
+      return metadata.destinationIP
+        ? `${metadata.destinationIP}:${metadata.destinationPort}`
+        : `${metadata.remoteDestination}:${metadata.destinationPort}`;
+    case "type":
+      return `${metadata.type}(${metadata.network})`;
+    default:
+      return "";
+  }
 };
 
-type ConnectionRow = ReturnType<typeof createConnectionRow>;
-
-const areRowsEqual = (a: ConnectionRow, b: ConnectionRow) =>
-  a.host === b.host &&
-  a.download === b.download &&
-  a.upload === b.upload &&
-  a.dlSpeed === b.dlSpeed &&
-  a.ulSpeed === b.ulSpeed &&
-  a.chains === b.chains &&
-  a.rule === b.rule &&
-  a.process === b.process &&
-  a.time === b.time &&
-  a.source === b.source &&
-  a.remoteDestination === b.remoteDestination &&
-  a.type === b.type;
-
 interface Props {
   connections: IConnectionsItem[];
   onShowDetail: (data: IConnectionsItem) => void;
@@ -104,33 +112,30 @@ export const ConnectionTable = (props: Props) => {
     onCloseColumnManager,
   } = props;
   const { t } = useTranslation();
-  const [columnWidths, setColumnWidths] = useLocalStorage<
-    Record<string, number>
-  >(
+  const [columnWidths, setColumnWidths] = useLocalStorage<ColumnSizingState>(
     "connection-table-widths",
     // server-side value, this is the default value used by server-side rendering (if any)
     // Do not omit (otherwise a Suspense boundary will be triggered)
     {},
   );
 
-  const [columnVisibilityModel, setColumnVisibilityModel] = useLocalStorage<
-    Partial<Record<string, boolean>>
-  >(
-    "connection-table-visibility",
-    {},
-    {
-      serializer: JSON.stringify,
-      deserializer: (value) => {
-        try {
-          const parsed = JSON.parse(value);
-          if (parsed && typeof parsed === "object") return parsed;
-        } catch (err) {
-          console.warn("Failed to parse connection-table-visibility", err);
-        }
-        return {};
+  const [columnVisibilityModel, setColumnVisibilityModel] =
+    useLocalStorage<VisibilityState>(
+      "connection-table-visibility",
+      {},
+      {
+        serializer: JSON.stringify,
+        deserializer: (value) => {
+          try {
+            const parsed = JSON.parse(value);
+            if (parsed && typeof parsed === "object") return parsed;
+          } catch (err) {
+            console.warn("Failed to parse connection-table-visibility", err);
+          }
+          return {};
+        },
       },
-    },
-  );
+    );
 
   const [columnOrder, setColumnOrder] = useLocalStorage<string[]>(
     "connection-table-order",
@@ -149,15 +154,13 @@ export const ConnectionTable = (props: Props) => {
     },
   );
 
-  type ColumnField = Exclude<keyof ConnectionRow, "connectionData">;
-
   interface BaseColumn {
     field: ColumnField;
     headerName: string;
     width?: number;
     minWidth?: number;
     align?: "left" | "right";
-    cell?: (row: ConnectionRow) => ReactNode;
+    cell?: (row: IConnectionsItem) => ReactNode;
   }
 
   const baseColumns = useMemo<BaseColumn[]>(() => {
@@ -190,7 +193,7 @@ export const ConnectionTable = (props: Props) => {
         width: 76,
         minWidth: 60,
         align: "right",
-        cell: (row) => `${parseTraffic(row.dlSpeed).join(" ")}/s`,
+        cell: (row) => `${parseTraffic(row.curDownload).join(" ")}/s`,
       },
       {
         field: "ulSpeed",
@@ -198,7 +201,7 @@ export const ConnectionTable = (props: Props) => {
         width: 76,
         minWidth: 60,
         align: "right",
-        cell: (row) => `${parseTraffic(row.ulSpeed).join(" ")}/s`,
+        cell: (row) => `${parseTraffic(row.curUpload).join(" ")}/s`,
       },
       {
         field: "chains",
@@ -262,177 +265,76 @@ export const ConnectionTable = (props: Props) => {
     });
   }, [baseColumns, setColumnOrder]);
 
-  const columns = useMemo<BaseColumn[]>(() => {
-    const order = Array.isArray(columnOrder) ? columnOrder : [];
-    const orderMap = new Map(order.map((field, index) => [field, index]));
-
-    return [...baseColumns].sort((a, b) => {
-      const aIndex = orderMap.has(a.field)
-        ? (orderMap.get(a.field) as number)
-        : Number.MAX_SAFE_INTEGER;
-      const bIndex = orderMap.has(b.field)
-        ? (orderMap.get(b.field) as number)
-        : Number.MAX_SAFE_INTEGER;
-
-      if (aIndex === bIndex) {
-        return order.indexOf(a.field) - order.indexOf(b.field);
-      }
-
-      return aIndex - bIndex;
-    });
-  }, [baseColumns, columnOrder]);
-
-  const visibleColumnsCount = useMemo(() => {
-    return columns.reduce((count, column) => {
-      return (columnVisibilityModel?.[column.field] ?? true) !== false
-        ? count + 1
-        : count;
-    }, 0);
-  }, [columns, columnVisibilityModel]);
-
-  const handleToggleColumn = useCallback(
-    (field: string, visible: boolean) => {
-      if (!visible && visibleColumnsCount <= 1) {
-        return;
-      }
-
+  const handleColumnVisibilityChange = useCallback(
+    (update: Updater<VisibilityState>) => {
       setColumnVisibilityModel((prev) => {
-        const next = { ...(prev ?? {}) };
-        if (visible) {
-          delete next[field];
-        } else {
-          next[field] = false;
+        const current = prev ?? {};
+        const nextState =
+          typeof update === "function" ? update(current) : update;
+
+        const visibleCount = baseColumns.reduce((count, column) => {
+          const isVisible = (nextState[column.field] ?? true) !== false;
+          return count + (isVisible ? 1 : 0);
+        }, 0);
+
+        if (visibleCount === 0) {
+          return current;
         }
-        return next;
+
+        const sanitized: VisibilityState = {};
+        baseColumns.forEach((column) => {
+          if (nextState[column.field] === false) {
+            sanitized[column.field] = false;
+          }
+        });
+        return sanitized;
       });
     },
-    [setColumnVisibilityModel, visibleColumnsCount],
+    [baseColumns, setColumnVisibilityModel],
   );
 
-  const handleManagerOrderChange = useCallback(
-    (order: string[]) => {
-      setColumnOrder(() => {
+  const handleColumnOrderChange = useCallback(
+    (update: Updater<ColumnOrderState>) => {
+      setColumnOrder((prev) => {
+        const current = Array.isArray(prev) ? prev : [];
+        const nextState =
+          typeof update === "function" ? update(current) : update;
         const baseFields = baseColumns.map((col) => col.field);
-        return reconcileColumnOrder(order, baseFields);
+        return reconcileColumnOrder(nextState, baseFields);
       });
     },
     [baseColumns, setColumnOrder],
   );
 
-  const handleResetColumns = useCallback(() => {
-    setColumnVisibilityModel({});
-    setColumnOrder(baseColumns.map((col) => col.field));
-  }, [baseColumns, setColumnOrder, setColumnVisibilityModel]);
-
-  const handleColumnVisibilityChange = useCallback(
-    (update: Updater<VisibilityState>) => {
-      setColumnVisibilityModel((prev) => {
-        const current = prev ?? {};
-        const baseState: VisibilityState = {};
-        columns.forEach((column) => {
-          baseState[column.field] = (current[column.field] ?? true) !== false;
-        });
-
-        const mergedState =
-          typeof update === "function"
-            ? update(baseState)
-            : { ...baseState, ...update };
-
-        const hiddenFields = columns
-          .filter((column) => mergedState[column.field] === false)
-          .map((column) => column.field);
-
-        if (columns.length - hiddenFields.length === 0) {
-          return current;
-        }
-
-        const sanitized: Partial<Record<string, boolean>> = {};
-        hiddenFields.forEach((field) => {
-          sanitized[field] = false;
-        });
-        return sanitized;
-      });
-    },
-    [columns, setColumnVisibilityModel],
-  );
-
-  const columnVisibilityState = useMemo<VisibilityState>(() => {
-    const result: VisibilityState = {};
-    if (!columnVisibilityModel) {
-      columns.forEach((column) => {
-        result[column.field] = true;
-      });
-      return result;
-    }
-
-    columns.forEach((column) => {
-      result[column.field] =
-        (columnVisibilityModel?.[column.field] ?? true) !== false;
-    });
-
-    return result;
-  }, [columnVisibilityModel, columns]);
-
-  const columnOptions = useMemo(() => {
-    return columns.map((column) => ({
-      field: column.field,
-      label: column.headerName ?? column.field,
-      visible: (columnVisibilityModel?.[column.field] ?? true) !== false,
-    }));
-  }, [columns, columnVisibilityModel]);
-
-  const prevRowsRef = useRef<Map<string, ConnectionRow>>(new Map());
-
-  const connRows = useMemo<ConnectionRow[]>(() => {
-    const prevMap = prevRowsRef.current;
-    const nextMap = new Map<string, ConnectionRow>();
-
-    const nextRows = connections.map((each) => {
-      const nextRow = createConnectionRow(each);
-      const prevRow = prevMap.get(each.id);
-
-      if (prevRow && areRowsEqual(prevRow, nextRow)) {
-        nextMap.set(each.id, prevRow);
-        return prevRow;
-      }
-
-      nextMap.set(each.id, nextRow);
-      return nextRow;
-    });
-
-    prevRowsRef.current = nextMap;
-    return nextRows;
-  }, [connections]);
-
   const [sorting, setSorting] = useState<SortingState>([]);
   const [relativeNow, setRelativeNow] = useState(() => Date.now());
 
-  const columnDefs = useMemo<ColumnDef<ConnectionRow>[]>(() => {
-    return columns.map((column) => {
-      const baseCell: ColumnDef<ConnectionRow>["cell"] = column.cell
+  const columnDefs = useMemo<ColumnDef<IConnectionsItem>[]>(() => {
+    return baseColumns.map((column) => {
+      const baseCell: ColumnDef<IConnectionsItem>["cell"] = column.cell
         ? (ctx) => column.cell?.(ctx.row.original)
         : (ctx) => ctx.getValue() as ReactNode;
 
-      const cell: ColumnDef<ConnectionRow>["cell"] =
+      const cell: ColumnDef<IConnectionsItem>["cell"] =
         column.field === "time"
-          ? (ctx) => dayjs(ctx.row.original.time).from(relativeNow)
+          ? (ctx) => dayjs(ctx.getValue() as string).from(relativeNow)
           : baseCell;
 
       return {
         id: column.field,
-        accessorKey: column.field,
+        accessorFn: (row) => getConnectionCellValue(column.field, row),
         header: column.headerName,
         size: column.width,
-        minSize: column.minWidth ?? 80,
-        enableResizing: true,
+        minSize: column.minWidth,
         meta: {
           align: column.align ?? "left",
           field: column.field,
+          label: column.headerName,
         },
         cell,
-      } satisfies ColumnDef<ConnectionRow>;
+      } satisfies ColumnDef<IConnectionsItem>;
     });
-  }, [columns, relativeNow]);
+  }, [baseColumns, relativeNow]);
 
   useEffect(() => {
     if (typeof window === "undefined") return undefined;
@@ -450,7 +352,7 @@ export const ConnectionTable = (props: Props) => {
         const prevState = prev ?? {};
         const nextState =
           typeof updater === "function" ? updater(prevState) : updater;
-        const sanitized: Record<string, number> = {};
+        const sanitized: ColumnSizingState = {};
         Object.entries(nextState).forEach(([key, size]) => {
           if (typeof size === "number" && Number.isFinite(size)) {
             sanitized[key] = size;
@@ -463,22 +365,45 @@ export const ConnectionTable = (props: Props) => {
   );
 
   const table = useReactTable({
-    data: connRows,
+    data: connections,
     state: {
-      columnVisibility: columnVisibilityState,
+      columnVisibility: columnVisibilityModel ?? {},
       columnSizing: columnWidths,
+      columnOrder,
       sorting,
     },
+    initialState: {
+      columnOrder: baseColumns.map((col) => col.field),
+    },
+    defaultColumn: {
+      minSize: 80,
+      enableResizing: true,
+    },
     columnResizeMode: "onChange",
     enableSortingRemoval: true,
+    getRowId: (row) => row.id,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: sorting.length ? getSortedRowModel() : undefined,
     onSortingChange: setSorting,
     onColumnSizingChange: handleColumnSizingChange,
     onColumnVisibilityChange: handleColumnVisibilityChange,
+    onColumnOrderChange: handleColumnOrderChange,
     columns: columnDefs,
   });
 
+  const handleManagerOrderChange = useCallback(
+    (order: string[]) => {
+      const baseFields = baseColumns.map((col) => col.field);
+      table.setColumnOrder(reconcileColumnOrder(order, baseFields));
+    },
+    [baseColumns, table],
+  );
+
+  const handleResetColumns = useCallback(() => {
+    table.resetColumnVisibility();
+    table.resetColumnOrder();
+  }, [table]);
+
   const rows = table.getRowModel().rows;
   const tableContainerRef = useRef<HTMLDivElement | null>(null);
   const rowVirtualizer = useVirtualizer({
@@ -491,6 +416,7 @@ export const ConnectionTable = (props: Props) => {
   const virtualRows = rowVirtualizer.getVirtualItems();
   const totalSize = rowVirtualizer.getTotalSize();
   const tableWidth = table.getTotalSize();
+  const managerColumns = table.getAllLeafColumns();
 
   return (
     <>
@@ -669,7 +595,7 @@ export const ConnectionTable = (props: Props) => {
                 return (
                   <Box
                     key={row.id}
-                    onClick={() => onShowDetail(row.original.connectionData)}
+                    onClick={() => onShowDetail(row.original)}
                     sx={{
                       display: "flex",
                       position: "absolute",
@@ -726,9 +652,8 @@ export const ConnectionTable = (props: Props) => {
       </Box>
       <ConnectionColumnManager
         open={columnManagerOpen}
-        columns={columnOptions}
+        columns={managerColumns}
         onClose={onCloseColumnManager}
-        onToggle={handleToggleColumn}
         onOrderChange={handleManagerOrderChange}
         onReset={handleResetColumns}
       />

src/components/home/current-proxy-card.tsx

@@ -27,8 +27,13 @@ import {
   useTheme,
 } from "@mui/material";
 import { useLockFn } from "ahooks";
-import React from "react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router";
 import { delayGroup, healthcheckProxyProvider } from "tauri-plugin-mihomo-api";
@@ -46,8 +51,8 @@ const STORAGE_KEY_GROUP = "clash-verge-selected-proxy-group";
 const STORAGE_KEY_PROXY = "clash-verge-selected-proxy";
 const STORAGE_KEY_SORT_TYPE = "clash-verge-proxy-sort-type";
 
-const AUTO_CHECK_INITIAL_DELAY_MS = 1500;
-const AUTO_CHECK_INTERVAL_MS = 5 * 60 * 1000;
+const AUTO_CHECK_DEFAULT_INTERVAL_MINUTES = 5;
+const AUTO_CHECK_INITIAL_DELAY_MS = 100;
 
 // 代理节点信息接口
 interface ProxyOption {
@@ -84,9 +89,13 @@ function getSignalIcon(delay: number): {
   text: string;
   color: string;
 } {
-  if (delay < 0)
+  if (delay === -2)
+    return { icon: <SignalNone />, text: "测试中", color: "text.secondary" };
+  if (delay === -1)
     return { icon: <SignalNone />, text: "未测试", color: "text.secondary" };
-  if (delay >= 10000)
+  if (delay > 1e5)
+    return { icon: <SignalError />, text: "错误", color: "error.main" };
+  if (delay === 0 || delay >= 10000)
     return { icon: <SignalError />, text: "超时", color: "error.main" };
   if (delay >= 500)
     return { icon: <SignalWeak />, text: "延迟较高", color: "error.main" };
@@ -106,6 +115,14 @@ export const CurrentProxyCard = () => {
   const { current: currentProfile } = useProfiles();
   const autoDelayEnabled = verge?.enable_auto_delay_detection ?? false;
   const defaultLatencyTimeout = verge?.default_latency_timeout;
+  const autoDelayIntervalMs = useMemo(() => {
+    const rawInterval = verge?.auto_delay_detection_interval_minutes;
+    const intervalMinutes =
+      typeof rawInterval === "number" && rawInterval > 0
+        ? rawInterval
+        : AUTO_CHECK_DEFAULT_INTERVAL_MINUTES;
+    return Math.max(1, Math.round(intervalMinutes)) * 60 * 1000;
+  }, [verge?.auto_delay_detection_interval_minutes]);
   const currentProfileId = currentProfile?.uid || null;
 
   const getProfileStorageKey = useCallback(
@@ -592,13 +609,13 @@ export const CurrentProxyCard = () => {
       if (disposed) return;
       await checkCurrentProxyDelay();
       if (disposed) return;
-      intervalTimer = setTimeout(runAndSchedule, AUTO_CHECK_INTERVAL_MS);
+      intervalTimer = setTimeout(runAndSchedule, autoDelayIntervalMs);
     };
 
     initialTimer = setTimeout(async () => {
       await checkCurrentProxyDelay();
       if (disposed) return;
-      intervalTimer = setTimeout(runAndSchedule, AUTO_CHECK_INTERVAL_MS);
+      intervalTimer = setTimeout(runAndSchedule, autoDelayIntervalMs);
     }, AUTO_CHECK_INITIAL_DELAY_MS);
 
     return () => {
@@ -608,6 +625,7 @@ export const CurrentProxyCard = () => {
     };
   }, [
     checkCurrentProxyDelay,
+    autoDelayIntervalMs,
     isDirectMode,
     state.selection.group,
     state.selection.proxy,

src/components/home/enhanced-card.tsx

@@ -1,5 +1,5 @@
 import { Box, Typography, alpha, useTheme } from "@mui/material";
-import { ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 
 // 自定义卡片组件接口
 interface EnhancedCardProps {
@@ -19,103 +19,109 @@ interface EnhancedCardProps {
 }
 
 // 自定义卡片组件
-export const EnhancedCard = ({
-  title,
-  icon,
-  action,
-  children,
-  iconColor = "primary",
-  minHeight,
-  noContentPadding = false,
-}: EnhancedCardProps) => {
-  const theme = useTheme();
-  const isDark = theme.palette.mode === "dark";
+export const EnhancedCard = forwardRef<HTMLElement, EnhancedCardProps>(
+  (
+    {
+      title,
+      icon,
+      action,
+      children,
+      iconColor = "primary",
+      minHeight,
+      noContentPadding = false,
+    },
+    ref,
+  ) => {
+    const theme = useTheme();
+    const isDark = theme.palette.mode === "dark";
 
-  // 统一的标题截断样式
-  const titleTruncateStyle = {
-    minWidth: 0,
-    maxWidth: "100%",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    display: "block",
-  };
+    // 统一的标题截断样式
+    const titleTruncateStyle = {
+      minWidth: 0,
+      maxWidth: "100%",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      display: "block",
+    };
 
-  return (
-    <Box
-      sx={{
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 2,
-        backgroundColor: isDark ? "#282a36" : "#ffffff",
-      }}
-    >
+    return (
       <Box
         sx={{
-          px: 2,
-          py: 1,
+          height: "100%",
           display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          borderBottom: 1,
-          borderColor: "divider",
+          flexDirection: "column",
+          borderRadius: 2,
+          backgroundColor: isDark ? "#282a36" : "#ffffff",
         }}
+        ref={ref}
       >
         <Box
           sx={{
+            px: 2,
+            py: 1,
             display: "flex",
             alignItems: "center",
-            minWidth: 0,
-            flex: 1,
-            overflow: "hidden",
+            justifyContent: "space-between",
+            borderBottom: 1,
+            borderColor: "divider",
           }}
         >
           <Box
             sx={{
               display: "flex",
               alignItems: "center",
-              justifyContent: "center",
-              borderRadius: 1.5,
-              width: 38,
-              height: 38,
-              mr: 1.5,
-              flexShrink: 0,
-              backgroundColor: alpha(theme.palette[iconColor].main, 0.12),
-              color: theme.palette[iconColor].main,
+              minWidth: 0,
+              flex: 1,
+              overflow: "hidden",
             }}
           >
-            {icon}
-          </Box>
-          <Box sx={{ minWidth: 0, flex: 1 }}>
-            {typeof title === "string" ? (
-              <Typography
-                variant="h6"
-                fontWeight="medium"
-                fontSize={18}
-                sx={titleTruncateStyle}
-                title={title}
-              >
-                {title}
-              </Typography>
-            ) : (
-              <Box sx={titleTruncateStyle}>{title}</Box>
-            )}
+            <Box
+              sx={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                borderRadius: 1.5,
+                width: 38,
+                height: 38,
+                mr: 1.5,
+                flexShrink: 0,
+                backgroundColor: alpha(theme.palette[iconColor].main, 0.12),
+                color: theme.palette[iconColor].main,
+              }}
+            >
+              {icon}
+            </Box>
+            <Box sx={{ minWidth: 0, flex: 1 }}>
+              {typeof title === "string" ? (
+                <Typography
+                  variant="h6"
+                  fontWeight="medium"
+                  fontSize={18}
+                  sx={titleTruncateStyle}
+                  title={title}
+                >
+                  {title}
+                </Typography>
+              ) : (
+                <Box sx={titleTruncateStyle}>{title}</Box>
+              )}
+            </Box>
           </Box>
+          {action && <Box sx={{ ml: 2, flexShrink: 0 }}>{action}</Box>}
+        </Box>
+        <Box
+          sx={{
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            p: noContentPadding ? 0 : 2,
+            ...(minHeight && { minHeight }),
+          }}
+        >
+          {children}
         </Box>
-        {action && <Box sx={{ ml: 2, flexShrink: 0 }}>{action}</Box>}
       </Box>
-      <Box
-        sx={{
-          flex: 1,
-          display: "flex",
-          flexDirection: "column",
-          p: noContentPadding ? 0 : 2,
-          ...(minHeight && { minHeight }),
-        }}
-      >
-        {children}
-      </Box>
-    </Box>
-  );
-};
+    );
+  },
+);

src/components/home/ip-info-card.tsx

@@ -5,19 +5,32 @@ import {
   VisibilityOutlined,
 } from "@mui/icons-material";
 import { Box, Button, IconButton, Skeleton, Typography } from "@mui/material";
-import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
+import { useEffect } from "foxact/use-abortable-effect";
+import { useIntersection } from "foxact/use-intersection";
+import type { XOR } from "foxts/ts-xor";
+import {
+  memo,
+  useCallback,
+  useState,
+  useEffectEvent,
+  useMemo,
+  forwardRef,
+} from "react";
 import { useTranslation } from "react-i18next";
+import useSWRImmutable from "swr/immutable";
 
 import { getIpInfo } from "@/services/api";
+import { SWR_EXTERNAL_API } from "@/services/config";
 
 import { EnhancedCard } from "./enhanced-card";
 
 // 定义刷新时间（秒）
 const IP_REFRESH_SECONDS = 300;
+const COUNTDOWN_TICK_INTERVAL = 5_000;
 const IP_INFO_CACHE_KEY = "cv_ip_info_cache";
 
-// 提取InfoItem子组件并使用memo优化
-const InfoItem = memo(({ label, value }: { label: string; value: string }) => (
+const InfoItem = memo(({ label, value }: { label: string; value?: string }) => (
   <Box sx={{ mb: 0.7, display: "flex", alignItems: "flex-start" }}>
     <Typography
       variant="body2"
@@ -43,7 +56,7 @@ const InfoItem = memo(({ label, value }: { label: string; value: string }) => (
 ));
 
 // 获取国旗表情
-const getCountryFlag = (countryCode: string) => {
+const getCountryFlag = (countryCode: string | undefined) => {
   if (!countryCode) return "";
   const codePoints = countryCode
     .toUpperCase()
@@ -52,162 +65,184 @@ const getCountryFlag = (countryCode: string) => {
   return String.fromCodePoint(...codePoints);
 };
 
-// IP信息卡片组件
-export const IpInfoCard = () => {
-  const { t } = useTranslation();
-  const [ipInfo, setIpInfo] = useState<any>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState("");
-  const [showIp, setShowIp] = useState(false);
-  const [countdown, setCountdown] = useState(IP_REFRESH_SECONDS);
-  const lastFetchRef = useRef<number | null>(null);
+type CountDownState = XOR<
+  {
+    type: "countdown";
+    remainingSeconds: number;
+  },
+  {
+    type: "revalidating";
+  }
+>;
 
-  const fetchIpInfo = useCallback(
-    async (force = false) => {
-      setError("");
+const IPInfoCardContainer = forwardRef<HTMLElement, React.PropsWithChildren>(
+  ({ children }, ref) => {
+    const { t } = useTranslation();
+    const { mutate } = useIPInfo();
 
-      try {
-        if (!force && typeof window !== "undefined" && window.sessionStorage) {
-          const raw = window.sessionStorage.getItem(IP_INFO_CACHE_KEY);
-          if (raw) {
-            const parsed = JSON.parse(raw);
-            const now = Date.now();
-            if (
-              parsed?.ts &&
-              parsed?.data &&
-              now - parsed.ts < IP_REFRESH_SECONDS * 1000
-            ) {
-              setIpInfo(parsed.data);
-              lastFetchRef.current = parsed.ts;
-              const elapsed = Math.floor((now - parsed.ts) / 1000);
-              setCountdown(Math.max(IP_REFRESH_SECONDS - elapsed, 0));
-              setLoading(false);
-              return;
-            }
-          }
-        }
-      } catch (e) {
-        console.warn("Failed to read IP info from sessionStorage:", e);
-      }
-
-      try {
-        setLoading(true);
-        const data = await getIpInfo();
-        setIpInfo(data);
-        const ts = Date.now();
-        lastFetchRef.current = ts;
-        try {
-          if (typeof window !== "undefined" && window.sessionStorage) {
-            window.sessionStorage.setItem(
-              IP_INFO_CACHE_KEY,
-              JSON.stringify({ data, ts }),
-            );
-          }
-        } catch (e) {
-          console.warn("Failed to write IP info to sessionStorage:", e);
-        }
-        setCountdown(IP_REFRESH_SECONDS);
-      } catch (err) {
-        setError(
-          err instanceof Error
-            ? err.message
-            : t("home.components.ipInfo.errors.load"),
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [t],
-  );
-
-  // 组件加载时获取IP信息并启动基于上次请求时间的倒计时
-  useEffect(() => {
-    fetchIpInfo();
-
-    let timer: number | null = null;
-
-    const startCountdown = () => {
-      timer = window.setInterval(() => {
-        const now = Date.now();
-        let ts = lastFetchRef.current;
-        try {
-          if (!ts && typeof window !== "undefined" && window.sessionStorage) {
-            const raw = window.sessionStorage.getItem(IP_INFO_CACHE_KEY);
-            if (raw) {
-              const parsed = JSON.parse(raw);
-              ts = parsed?.ts || null;
-            }
-          }
-        } catch (e) {
-          console.warn("Failed to read IP info from sessionStorage:", e);
-          ts = ts || null;
-        }
-
-        const elapsed = ts ? Math.floor((now - ts) / 1000) : 0;
-        let remaining = IP_REFRESH_SECONDS - elapsed;
-
-        if (remaining <= 0) {
-          fetchIpInfo();
-          remaining = IP_REFRESH_SECONDS;
-        }
-
-        // 每5秒或倒计时结束时才更新UI
-        if (remaining % 5 === 0 || remaining <= 0) {
-          setCountdown(remaining);
-        }
-      }, 1000);
-    };
-
-    startCountdown();
-    return () => {
-      if (timer) clearInterval(timer);
-    };
-  }, [fetchIpInfo]);
-
-  const toggleShowIp = useCallback(() => {
-    setShowIp((prev) => !prev);
-  }, []);
-
-  // 渲染加载状态
-  if (loading) {
     return (
       <EnhancedCard
         title={t("home.components.ipInfo.title")}
         icon={<LocationOnOutlined />}
         iconColor="info"
+        ref={ref}
         action={
-          <IconButton
-            size="small"
-            onClick={() => fetchIpInfo(true)}
-            disabled={true}
-          >
+          <IconButton size="small" onClick={() => mutate()}>
             <RefreshOutlined />
           </IconButton>
         }
       >
+        {children}
+      </EnhancedCard>
+    );
+  },
+);
+
+// IP信息卡片组件
+export const IpInfoCard = () => {
+  const { t } = useTranslation();
+  const [showIp, setShowIp] = useState(false);
+  const appWindow = useMemo(() => getCurrentWebviewWindow(), []);
+
+  // track ip info card has been in viewport or not
+  // hasIntersected default to false, and will be true once the card is in viewport
+  // and will never be false again afterwards (unless resetIntersected is called or
+  // the component is unmounted)
+  const [containerRef, hasIntersected, _resetIntersected] = useIntersection({
+    rootMargin: "0px",
+  });
+
+  const [countdown, setCountdown] = useState<CountDownState>({
+    type: "countdown",
+    remainingSeconds: IP_REFRESH_SECONDS,
+  });
+
+  const { data: ipInfo, error, isLoading, mutate } = useIPInfo();
+
+  // function useEffectEvent
+  const onCountdownTick = useEffectEvent(async () => {
+    const now = Date.now();
+    const ts = ipInfo?.lastFetchTs;
+    if (!ts) {
+      return;
+    }
+
+    const elapsed = Math.floor((now - ts) / 1000);
+    const remaining = IP_REFRESH_SECONDS - elapsed;
+
+    if (remaining <= 0) {
+      if (
+        // has intersected at least once
+        // this avoids unncessary revalidation if user never scrolls down,
+        // then we will only load initially once.
+        hasIntersected &&
+        // is online
+        navigator.onLine &&
+        // there is no ongoing revalidation already scheduled
+        countdown.type !== "revalidating" &&
+        // window is visible
+        (await appWindow.isVisible())
+      ) {
+        setCountdown({ type: "revalidating" });
+        // we do not care about the result of mutate here. after mutate is done,
+        // simply wait for next interval tick with `setCountdown({ type: "countdown", ... })`
+        try {
+          await mutate();
+        } finally {
+          // in case mutate throws error, we still need to reset the countdown state
+          setCountdown({
+            type: "countdown",
+            remainingSeconds: IP_REFRESH_SECONDS,
+          });
+        }
+      } else {
+        // do nothing. we even skip "setCountdown" to reduce re-renders
+        //
+        // but the remaining time still <= 0, and setInterval is not stopped, this
+        // callback will still be regularly triggered, as soon as the window is visible
+        // or network online again, we mutate() immediately in the following tick.
+      }
+    } else {
+      setCountdown({
+        type: "countdown",
+        remainingSeconds: remaining,
+      });
+    }
+  });
+
+  // Countdown / refresh scheduler — updates UI every 1s and triggers immediate revalidation when expired
+  useEffect(() => {
+    let timer: number | null = null;
+
+    // Do not add document.hidden check here as it is not reliable in Tauri.
+    //
+    // Thank god IntersectionObserver is a DOM API that relies on DOM/webview
+    // instead of Tauri, which is reliable enough.
+    if (hasIntersected) {
+      console.debug(
+        "IP info card has entered the viewport, starting the countdown interval.",
+      );
+      timer = window.setInterval(onCountdownTick, COUNTDOWN_TICK_INTERVAL);
+    } else {
+      console.debug(
+        "IP info card has not yet entered the viewport, no counting down.",
+      );
+    }
+
+    // This will fire when the window is minimized or restored
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    // Tauri's visibility change detection is actually broken on some platforms:
+    // https://github.com/tauri-apps/tauri/issues/10592
+    //
+    // It is working on macOS though (tested).
+    // So at least we should try to pause countdown on supported platforms to
+    // reduce power consumption.
+    function onVisibilityChange() {
+      if (document.hidden) {
+        console.debug("Document hidden, pause the interval");
+        // Pause the timer
+        if (timer != null) {
+          clearInterval(timer);
+          timer = null;
+        }
+      } else if (hasIntersected) {
+        console.debug("Document visible, resume the interval");
+        // Resume the timer only when previous one is cleared
+        if (timer == null) {
+          timer = window.setInterval(onCountdownTick, COUNTDOWN_TICK_INTERVAL);
+        }
+      } else {
+        console.debug(
+          "Document visible, but IP info card has never entered the viewport, not even once, not starting the interval.",
+        );
+      }
+    }
+
+    return () => {
+      if (timer != null) clearInterval(timer);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+    };
+  }, [hasIntersected]);
+
+  const toggleShowIp = useCallback(() => {
+    setShowIp((prev) => !prev);
+  }, []);
+
+  let mainElement: React.ReactElement;
+
+  switch (true) {
+    case isLoading:
+      mainElement = (
         <Box sx={{ display: "flex", flexDirection: "column", gap: 1 }}>
           <Skeleton variant="text" width="60%" height={30} />
           <Skeleton variant="text" width="80%" height={24} />
           <Skeleton variant="text" width="70%" height={24} />
           <Skeleton variant="text" width="50%" height={24} />
         </Box>
-      </EnhancedCard>
-    );
-  }
-
-  // 渲染错误状态
-  if (error) {
-    return (
-      <EnhancedCard
-        title={t("home.components.ipInfo.title")}
-        icon={<LocationOnOutlined />}
-        iconColor="info"
-        action={
-          <IconButton size="small" onClick={() => fetchIpInfo(true)}>
-            <RefreshOutlined />
-          </IconButton>
-        }
-      >
+      );
+      break;
+    case !!error:
+      mainElement = (
         <Box
           sx={{
             display: "flex",
@@ -219,170 +254,173 @@ export const IpInfoCard = () => {
           }}
         >
           <Typography variant="body1" color="error">
-            {error}
+            {error instanceof Error
+              ? error.message
+              : t("home.components.ipInfo.errors.load")}
           </Typography>
-          <Button onClick={() => fetchIpInfo(true)} sx={{ mt: 2 }}>
+          <Button onClick={() => mutate()} sx={{ mt: 2 }}>
             {t("shared.actions.retry")}
           </Button>
         </Box>
-      </EnhancedCard>
-    );
-  }
-
-  // 渲染正常数据
-  return (
-    <EnhancedCard
-      title={t("home.components.ipInfo.title")}
-      icon={<LocationOnOutlined />}
-      iconColor="info"
-      action={
-        <IconButton size="small" onClick={() => fetchIpInfo(true)}>
-          <RefreshOutlined />
-        </IconButton>
-      }
-    >
-      <Box sx={{ height: "100%", display: "flex", flexDirection: "column" }}>
-        <Box
-          sx={{
-            display: "flex",
-            flexDirection: "row",
-            flex: 1,
-            overflow: "hidden",
-          }}
-        >
-          {/* 左侧：国家和IP地址 */}
-          <Box sx={{ width: "40%", overflow: "hidden" }}>
-            <Box
-              sx={{
-                display: "flex",
-                alignItems: "center",
-                mb: 1,
-                overflow: "hidden",
-              }}
-            >
-              <Box
-                component="span"
-                sx={{
-                  fontSize: "1.5rem",
-                  mr: 1,
-                  display: "inline-block",
-                  width: 28,
-                  textAlign: "center",
-                  flexShrink: 0,
-                  fontFamily: '"twemoji mozilla", sans-serif',
-                }}
-              >
-                {getCountryFlag(ipInfo?.country_code)}
-              </Box>
-              <Typography
-                variant="subtitle1"
-                sx={{
-                  fontWeight: "medium",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap",
-                  maxWidth: "100%",
-                }}
-              >
-                {ipInfo?.country || t("home.components.ipInfo.labels.unknown")}
-              </Typography>
-            </Box>
-
-            <Box sx={{ display: "flex", alignItems: "center", mb: 1 }}>
-              <Typography
-                variant="body2"
-                color="text.secondary"
-                sx={{ flexShrink: 0 }}
-              >
-                {t("home.components.ipInfo.labels.ip")}:
-              </Typography>
+      );
+      break;
+    default: // Normal render
+      mainElement = (
+        <Box sx={{ height: "100%", display: "flex", flexDirection: "column" }}>
+          <Box
+            sx={{
+              display: "flex",
+              flexDirection: "row",
+              flex: 1,
+              overflow: "hidden",
+            }}
+          >
+            {/* 左侧：国家和IP地址 */}
+            <Box sx={{ width: "40%", overflow: "hidden" }}>
               <Box
                 sx={{
                   display: "flex",
                   alignItems: "center",
-                  ml: 1,
+                  mb: 1,
                   overflow: "hidden",
-                  maxWidth: "calc(100% - 30px)",
                 }}
               >
-                <Typography
-                  variant="body2"
+                <Box
+                  component="span"
                   sx={{
-                    fontFamily: "monospace",
-                    fontSize: "0.75rem",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    wordBreak: "break-all",
+                    fontSize: "1.5rem",
+                    mr: 1,
+                    display: "inline-block",
+                    width: 28,
+                    textAlign: "center",
+                    flexShrink: 0,
+                    fontFamily: '"twemoji mozilla", sans-serif',
                   }}
                 >
-                  {showIp ? ipInfo?.ip : "••••••••••"}
+                  {getCountryFlag(ipInfo?.country_code)}
+                </Box>
+                <Typography
+                  variant="subtitle1"
+                  sx={{
+                    fontWeight: "medium",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    maxWidth: "100%",
+                  }}
+                >
+                  {ipInfo?.country ||
+                    t("home.components.ipInfo.labels.unknown")}
                 </Typography>
-                <IconButton size="small" onClick={toggleShowIp}>
-                  {showIp ? (
-                    <VisibilityOffOutlined fontSize="small" />
-                  ) : (
-                    <VisibilityOutlined fontSize="small" />
-                  )}
-                </IconButton>
               </Box>
+
+              <Box sx={{ display: "flex", alignItems: "center", mb: 1 }}>
+                <Typography
+                  variant="body2"
+                  color="text.secondary"
+                  sx={{ flexShrink: 0 }}
+                >
+                  {t("home.components.ipInfo.labels.ip")}:
+                </Typography>
+                <Box
+                  sx={{
+                    display: "flex",
+                    alignItems: "center",
+                    ml: 1,
+                    overflow: "hidden",
+                    maxWidth: "calc(100% - 30px)",
+                  }}
+                >
+                  <Typography
+                    variant="body2"
+                    sx={{
+                      fontFamily: "monospace",
+                      fontSize: "0.75rem",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      wordBreak: "break-all",
+                    }}
+                  >
+                    {showIp ? ipInfo?.ip : "••••••••••"}
+                  </Typography>
+                  <IconButton size="small" onClick={toggleShowIp}>
+                    {showIp ? (
+                      <VisibilityOffOutlined fontSize="small" />
+                    ) : (
+                      <VisibilityOutlined fontSize="small" />
+                    )}
+                  </IconButton>
+                </Box>
+              </Box>
+
+              <InfoItem
+                label={t("home.components.ipInfo.labels.asn")}
+                value={ipInfo?.asn ? `AS${ipInfo.asn}` : "N/A"}
+              />
             </Box>
 
-            <InfoItem
-              label={t("home.components.ipInfo.labels.asn")}
-              value={ipInfo?.asn ? `AS${ipInfo.asn}` : "N/A"}
-            />
+            {/* 右侧：组织、ISP和位置信息 */}
+            <Box sx={{ width: "60%", overflow: "auto" }}>
+              <InfoItem
+                label={t("home.components.ipInfo.labels.isp")}
+                value={ipInfo?.organization}
+              />
+              <InfoItem
+                label={t("home.components.ipInfo.labels.org")}
+                value={ipInfo?.asn_organization}
+              />
+              <InfoItem
+                label={t("home.components.ipInfo.labels.location")}
+                value={[ipInfo?.city, ipInfo?.region]
+                  .filter(Boolean)
+                  .join(", ")}
+              />
+              <InfoItem
+                label={t("home.components.ipInfo.labels.timezone")}
+                value={ipInfo?.timezone}
+              />
+            </Box>
           </Box>
 
-          {/* 右侧：组织、ISP和位置信息 */}
-          <Box sx={{ width: "60%", overflow: "auto" }}>
-            <InfoItem
-              label={t("home.components.ipInfo.labels.isp")}
-              value={ipInfo?.isp}
-            />
-            <InfoItem
-              label={t("home.components.ipInfo.labels.org")}
-              value={ipInfo?.asn_organization}
-            />
-            <InfoItem
-              label={t("home.components.ipInfo.labels.location")}
-              value={[ipInfo?.city, ipInfo?.region].filter(Boolean).join(", ")}
-            />
-            <InfoItem
-              label={t("home.components.ipInfo.labels.timezone")}
-              value={ipInfo?.timezone}
-            />
-          </Box>
-        </Box>
-
-        <Box
-          sx={{
-            mt: "auto",
-            pt: 0.5,
-            borderTop: 1,
-            borderColor: "divider",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            opacity: 0.7,
-            fontSize: "0.7rem",
-          }}
-        >
-          <Typography variant="caption">
-            {t("home.components.ipInfo.labels.autoRefresh")}: {countdown}s
-          </Typography>
-          <Typography
-            variant="caption"
+          <Box
             sx={{
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              whiteSpace: "nowrap",
+              mt: "auto",
+              pt: 0.5,
+              borderTop: 1,
+              borderColor: "divider",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              opacity: 0.7,
+              fontSize: "0.7rem",
             }}
           >
-            {ipInfo?.country_code}, {ipInfo?.longitude?.toFixed(2)},{" "}
-            {ipInfo?.latitude?.toFixed(2)}
-          </Typography>
+            <Typography variant="caption">
+              {t("home.components.ipInfo.labels.autoRefresh")}
+              {countdown.type === "countdown"
+                ? `: ${countdown.remainingSeconds}s`
+                : "..."}
+            </Typography>
+            <Typography
+              variant="caption"
+              sx={{
+                textOverflow: "ellipsis",
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+              }}
+            >
+              {`${ipInfo?.country_code ?? "N/A"}, ${ipInfo?.longitude?.toFixed(2) ?? "N/A"}, ${ipInfo?.latitude?.toFixed(2) ?? "N/A"}`}
+            </Typography>
+          </Box>
         </Box>
-      </Box>
-    </EnhancedCard>
+      );
+  }
+
+  return (
+    <IPInfoCardContainer ref={containerRef}>{mainElement}</IPInfoCardContainer>
   );
 };
+
+function useIPInfo() {
+  return useSWRImmutable(IP_INFO_CACHE_KEY, getIpInfo, SWR_EXTERNAL_API);
+}

src/components/home/system-info-card.tsx

@@ -10,14 +10,13 @@ import { useLockFn } from "ahooks";
 import { useCallback, useEffect, useMemo, useReducer } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router";
-import useSWR from "swr";
 
 import { useServiceInstaller } from "@/hooks/use-service-installer";
 import { useSystemState } from "@/hooks/use-system-state";
+import { useUpdate } from "@/hooks/use-update";
 import { useVerge } from "@/hooks/use-verge";
 import { getSystemInfo } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
-import { checkUpdateSafe as checkUpdate } from "@/services/update";
 import { version as appVersion } from "@root/package.json";
 
 import { EnhancedCard } from "./enhanced-card";
@@ -52,6 +51,18 @@ export const SystemInfoCard = () => {
   const { isAdminMode, isSidecarMode } = useSystemState();
   const { installServiceAndRestartCore } = useServiceInstaller();
 
+  // 自动检查更新逻辑
+  const { checkUpdate: triggerCheckUpdate } = useUpdate(true, {
+    onSuccess: () => {
+      const now = Date.now();
+      localStorage.setItem("last_check_update", now.toString());
+      dispatchSystemState({
+        type: "set-last-check-update",
+        payload: new Date(now).toLocaleString(),
+      });
+    },
+  });
+
   // 系统信息状态
   const [systemState, dispatchSystemState] = useReducer(systemStateReducer, {
     osInfo: "",
@@ -109,7 +120,7 @@ export const SystemInfoCard = () => {
 
       timeoutId = window.setTimeout(() => {
         if (verge?.auto_check_update) {
-          checkUpdate().catch(console.error);
+          triggerCheckUpdate().catch(console.error);
         }
       }, 5000);
     }
@@ -118,26 +129,7 @@ export const SystemInfoCard = () => {
         window.clearTimeout(timeoutId);
       }
     };
-  }, [verge?.auto_check_update, dispatchSystemState]);
-
-  // 自动检查更新逻辑
-  useSWR(
-    verge?.auto_check_update ? "checkUpdate" : null,
-    async () => {
-      const now = Date.now();
-      localStorage.setItem("last_check_update", now.toString());
-      dispatchSystemState({
-        type: "set-last-check-update",
-        payload: new Date(now).toLocaleString(),
-      });
-      return await checkUpdate();
-    },
-    {
-      revalidateOnFocus: false,
-      refreshInterval: 24 * 60 * 60 * 1000, // 每天检查一次
-      dedupingInterval: 60 * 60 * 1000, // 1小时内不重复检查
-    },
-  );
+  }, [verge?.auto_check_update, dispatchSystemState, triggerCheckUpdate]);
 
   // 导航到设置页面
   const goToSettings = useCallback(() => {
@@ -164,7 +156,7 @@ export const SystemInfoCard = () => {
   // 检查更新
   const onCheckUpdate = useLockFn(async () => {
     try {
-      const info = await checkUpdate();
+      const info = await triggerCheckUpdate();
       if (!info?.available) {
         showNotice.success(
           "settings.components.verge.advanced.notifications.latestVersion",

src/components/layout/traffic-graph.tsx

@@ -107,10 +107,7 @@ export function TrafficGraph({ ref }: { ref?: Ref<TrafficRef> }) {
         countY(y),
       ]);
 
-      let x = points[0][0];
-      let y = points[0][1];
-
-      context.moveTo(x, y);
+      context.moveTo(points[0][0], points[0][1]);
 
       for (let i = 1; i < points.length; i++) {
         const p1 = points[i];
@@ -120,8 +117,6 @@ export function TrafficGraph({ ref }: { ref?: Ref<TrafficRef> }) {
         const y1 = (p1[1] + p2[1]) / 2;
 
         context.quadraticCurveTo(p1[0], p1[1], x1, y1);
-        x = x1;
-        y = y1;
       }
     };
 

src/components/layout/update-button.tsx

@@ -1,10 +1,8 @@
 import { Button } from "@mui/material";
 import { useRef } from "react";
-import useSWR from "swr";
 
 import { DialogRef } from "@/components/base";
-import { useVerge } from "@/hooks/use-verge";
-import { checkUpdateSafe } from "@/services/update";
+import { useUpdate } from "@/hooks/use-update";
 
 import { UpdateViewer } from "../setting/mods/update-viewer";
 
@@ -14,20 +12,9 @@ interface Props {
 
 export const UpdateButton = (props: Props) => {
   const { className } = props;
-  const { verge } = useVerge();
-  const { auto_check_update } = verge || {};
-
   const viewerRef = useRef<DialogRef>(null);
 
-  const { data: updateInfo } = useSWR(
-    auto_check_update || auto_check_update === null ? "checkUpdate" : null,
-    checkUpdateSafe,
-    {
-      errorRetryCount: 2,
-      revalidateIfStale: false,
-      focusThrottleInterval: 36e5, // 1 hour
-    },
-  );
+  const { updateInfo } = useUpdate();
 
   if (!updateInfo?.available) return null;
 

src/components/profile/group-item.tsx

@@ -86,6 +86,10 @@ export const GroupItem = (props: Props) => {
         <img
           src={`data:image/svg+xml;base64,${btoa(group.icon ?? "")}`}
           width="32px"
+          style={{
+            marginRight: "12px",
+            borderRadius: "6px",
+          }}
         />
       )}
       <ListItemText

src/components/profile/groups-editor-viewer.tsx

@@ -490,11 +490,18 @@ export const GroupsEditorViewer = (props: Props) => {
                         ]}
                         value={field.value}
                         getOptionLabel={translateStrategy}
-                        renderOption={(props, option) => (
-                          <li {...props} title={translateStrategy(option)}>
-                            {translateStrategy(option)}
-                          </li>
-                        )}
+                        renderOption={(props, option) => {
+                          const { key, ...optionProps } = props;
+                          return (
+                            <li
+                              key={key}
+                              {...optionProps}
+                              title={translateStrategy(option)}
+                            >
+                              {translateStrategy(option)}
+                            </li>
+                          );
+                        }}
                         onChange={(_, value) => value && field.onChange(value)}
                         renderInput={(params) => <TextField {...params} />}
                       />
@@ -557,11 +564,18 @@ export const GroupsEditorViewer = (props: Props) => {
                         disableCloseOnSelect
                         onChange={(_, value) => value && field.onChange(value)}
                         renderInput={(params) => <TextField {...params} />}
-                        renderOption={(props, option) => (
-                          <li {...props} title={translatePolicy(option)}>
-                            {translatePolicy(option)}
-                          </li>
-                        )}
+                        renderOption={(props, option) => {
+                          const { key, ...optionProps } = props;
+                          return (
+                            <li
+                              key={key}
+                              {...optionProps}
+                              title={translatePolicy(option)}
+                            >
+                              {translatePolicy(option)}
+                            </li>
+                          );
+                        }}
                         getOptionLabel={translatePolicy}
                       />
                     </Item>
@@ -601,7 +615,7 @@ export const GroupsEditorViewer = (props: Props) => {
                       />
                       <TextField
                         autoComplete="new-password"
-                        placeholder="https://cp.cloudflare.com/generate_204"
+                        placeholder="http://1.0.0.1"
                         size="small"
                         sx={{ width: "calc(100% - 150px)" }}
                         {...field}
@@ -827,6 +841,7 @@ export const GroupsEditorViewer = (props: Props) => {
                           "WireGuard",
                           "Tuic",
                           "Mieru",
+                          "Masque",
                           "AnyTLS",
                           "Sudoku",
                           "Relay",

src/components/profile/proxies-editor-viewer.tsx

@@ -141,7 +141,7 @@ export const ProxiesEditorViewer = (props: Props) => {
   const handleParseAsync = (cb: (proxies: IProxyConfig[]) => void) => {
     const proxies: IProxyConfig[] = [];
     const names: string[] = [];
-    let uris = "";
+    let uris: string;
     try {
       uris = atob(proxyUri);
     } catch {

src/components/profile/rules-editor-viewer.tsx

@@ -557,11 +557,12 @@ export const RulesEditorViewer = (props: Props) => {
                     t(RULE_TYPE_LABEL_KEYS[option.name] ?? option.name)
                   }
                   renderOption={(props, option) => {
+                    const { key, ...optionProps } = props;
                     const label = t(
                       RULE_TYPE_LABEL_KEYS[option.name] ?? option.name,
                     );
                     return (
-                      <li {...props} title={label}>
+                      <li key={key} {...optionProps} title={label}>
                         {label}
                       </li>
                     );
@@ -624,9 +625,10 @@ export const RulesEditorViewer = (props: Props) => {
                     t(PROXY_POLICY_LABEL_KEYS[option] ?? option)
                   }
                   renderOption={(props, option) => {
+                    const { key, ...optionProps } = props;
                     const label = t(PROXY_POLICY_LABEL_KEYS[option] ?? option);
                     return (
-                      <li {...props} title={label}>
+                      <li key={key} {...optionProps} title={label}>
                         {label}
                       </li>
                     );

src/components/proxy/proxy-chain.tsx

@@ -16,6 +16,7 @@ import {
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import {
+  ArrowDownward,
   Delete as DeleteIcon,
   DragIndicator,
   Link,
@@ -69,10 +70,18 @@ interface ProxyChainProps {
 interface SortableItemProps {
   proxy: ProxyChainItem;
   index: number;
+  isFirst: boolean;
+  isLast: boolean;
   onRemove: (id: string) => void;
 }
 
-const SortableItem = ({ proxy, index, onRemove }: SortableItemProps) => {
+const SortableItem = ({
+  proxy,
+  index,
+  isFirst,
+  isLast,
+  onRemove,
+}: SortableItemProps) => {
   const theme = useTheme();
   const { t } = useTranslation();
   const {
@@ -90,12 +99,24 @@ const SortableItem = ({ proxy, index, onRemove }: SortableItemProps) => {
     opacity: isDragging ? 0.5 : 1,
   };
 
+  const roleLabel = isFirst
+    ? t("proxies.page.chain.entryNode")
+    : isLast
+      ? t("proxies.page.chain.exitNode")
+      : undefined;
+
+  const roleColor = isFirst
+    ? theme.palette.success.main
+    : isLast
+      ? theme.palette.warning.main
+      : undefined;
+
   return (
     <Box
       ref={setNodeRef}
       style={style}
       sx={{
-        mb: 1,
+        mb: 0,
         display: "flex",
         alignItems: "center",
         p: 1,
@@ -103,7 +124,9 @@ const SortableItem = ({ proxy, index, onRemove }: SortableItemProps) => {
           ? theme.palette.action.selected
           : theme.palette.background.default,
         borderRadius: 1,
-        border: `1px solid ${theme.palette.divider}`,
+        border: roleColor
+          ? `1.5px solid ${roleColor}`
+          : `1px solid ${theme.palette.divider}`,
         boxShadow: isDragging ? theme.shadows[4] : theme.shadows[1],
         transition: "box-shadow 0.2s, background-color 0.2s",
       }}
@@ -125,12 +148,25 @@ const SortableItem = ({ proxy, index, onRemove }: SortableItemProps) => {
         <DragIndicator />
       </Box>
 
-      <Chip
-        label={`${index + 1}`}
-        size="small"
-        color="primary"
-        sx={{ mr: 1, minWidth: 32 }}
-      />
+      {roleLabel ? (
+        <Chip
+          label={roleLabel}
+          size="small"
+          sx={{
+            mr: 1,
+            fontWeight: 700,
+            color: "#fff",
+            backgroundColor: roleColor,
+          }}
+        />
+      ) : (
+        <Chip
+          label={`${index + 1}`}
+          size="small"
+          color="primary"
+          sx={{ mr: 1, minWidth: 32 }}
+        />
+      )}
 
       <Typography
         variant="body2"
@@ -579,12 +615,34 @@ export const ProxyChain = ({
                 }}
               >
                 {proxyChain.map((proxy, index) => (
-                  <SortableItem
-                    key={proxy.id}
-                    proxy={proxy}
-                    index={index}
-                    onRemove={handleRemoveProxy}
-                  />
+                  <Box key={proxy.id}>
+                    <SortableItem
+                      proxy={proxy}
+                      index={index}
+                      isFirst={index === 0}
+                      isLast={
+                        index === proxyChain.length - 1 && proxyChain.length > 1
+                      }
+                      onRemove={handleRemoveProxy}
+                    />
+                    {index < proxyChain.length - 1 && (
+                      <Box
+                        sx={{
+                          display: "flex",
+                          justifyContent: "center",
+                          py: 0.25,
+                        }}
+                      >
+                        <ArrowDownward
+                          sx={{
+                            fontSize: 20,
+                            color: theme.palette.primary.main,
+                            opacity: 0.7,
+                          }}
+                        />
+                      </Box>
+                    )}
+                  </Box>
                 ))}
               </Box>
             </SortableContext>

src/components/proxy/proxy-head.tsx

@@ -66,8 +66,7 @@ export const ProxyHead = ({
 
   const { verge } = useVerge();
   const defaultLatencyUrl =
-    verge?.default_latency_test?.trim() ||
-    "https://cp.cloudflare.com/generate_204";
+    verge?.default_latency_test?.trim() || "http://1.0.0.1";
 
   useEffect(() => {
     delayManager.setUrl(groupName, testUrl?.trim() || url || defaultLatencyUrl);

src/components/proxy/use-render-list.ts

@@ -1,9 +1,8 @@
 import { useEffect, useMemo } from "react";
-import useSWR from "swr";
 
+import { useRuntimeConfig } from "@/hooks/use-clash";
 import { useVerge } from "@/hooks/use-verge";
 import { useAppData } from "@/providers/app-data-context";
-import { getRuntimeConfig } from "@/services/cmds";
 import delayManager from "@/services/delay";
 import { debugLog } from "@/utils/debug";
 
@@ -107,14 +106,7 @@ export const useRenderList = (
   const latencyTimeout = verge?.default_latency_timeout;
 
   // 获取运行时配置用于链式代理模式
-  const { data: runtimeConfig } = useSWR(
-    isChainMode ? "getRuntimeConfig" : null,
-    getRuntimeConfig,
-    {
-      revalidateOnFocus: false,
-      revalidateIfStale: true,
-    },
-  );
+  const { data: runtimeConfig } = useRuntimeConfig(!!isChainMode);
 
   // 计算列数
   const col = useMemo(

src/components/rule/rule-item.tsx

@@ -1,4 +1,5 @@
 import { styled, Box, Typography } from "@mui/material";
+import { Rule } from "tauri-plugin-mihomo-api";
 
 const Item = styled(Box)(({ theme }) => ({
   display: "flex",
@@ -15,8 +16,7 @@ const COLOR = [
 ];
 
 interface Props {
-  index: number;
-  value: IRuleItem;
+  value: Rule & { lineNo: number };
 }
 
 const parseColor = (text: string) => {
@@ -31,7 +31,7 @@ const parseColor = (text: string) => {
 };
 
 const RuleItem = (props: Props) => {
-  const { index, value } = props;
+  const { value } = props;
 
   return (
     <Item sx={{ borderBottom: "1px solid var(--divider-color)" }}>
@@ -40,7 +40,7 @@ const RuleItem = (props: Props) => {
         variant="body2"
         sx={{ lineHeight: 2, minWidth: 30, mr: 2.25, textAlign: "center" }}
       >
-        {index}
+        {value.lineNo}
       </Typography>
 
       <Box sx={{ userSelect: "text" }}>

src/components/setting/mods/backup-config-viewer.tsx

@@ -16,11 +16,16 @@ import { useTranslation } from "react-i18next";
 import { useVerge } from "@/hooks/use-verge";
 import { saveWebdavConfig, createWebdavBackup } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
+import {
+  buildWebdavSignature,
+  getWebdavStatus,
+  setWebdavStatus,
+} from "@/services/webdav-status";
 import { isValidUrl } from "@/utils/helper";
 
 interface BackupConfigViewerProps {
   onBackupSuccess: () => Promise<void>;
-  onSaveSuccess: () => Promise<void>;
+  onSaveSuccess: (signature?: string) => Promise<void>;
   onRefresh: () => Promise<void>;
   onInit: () => Promise<void>;
   setLoading: (loading: boolean) => void;
@@ -35,7 +40,7 @@ export const BackupConfigViewer = memo(
     setLoading,
   }: BackupConfigViewerProps) => {
     const { t } = useTranslation();
-    const { verge } = useVerge();
+    const { verge, mutateVerge } = useVerge();
     const { webdav_url, webdav_username, webdav_password } = verge || {};
     const [showPassword, setShowPassword] = useState(false);
     const usernameRef = useRef<HTMLInputElement>(null);
@@ -58,6 +63,10 @@ export const BackupConfigViewer = memo(
       webdav_username !== username ||
       webdav_password !== password;
 
+    const webdavSignature = buildWebdavSignature(verge);
+    const webdavStatus = getWebdavStatus(webdavSignature);
+    const shouldAutoInit = webdavStatus !== "failed";
+
     const handleClickShowPassword = () => {
       setShowPassword((prev) => !prev);
     };
@@ -66,8 +75,11 @@ export const BackupConfigViewer = memo(
       if (!webdav_url || !webdav_username || !webdav_password) {
         return;
       }
+      if (!shouldAutoInit) {
+        return;
+      }
       void onInit();
-    }, [webdav_url, webdav_username, webdav_password, onInit]);
+    }, [webdav_url, webdav_username, webdav_password, onInit, shouldAutoInit]);
 
     const checkForm = () => {
       const username = usernameRef.current?.value;
@@ -97,18 +109,32 @@ export const BackupConfigViewer = memo(
 
     const save = useLockFn(async (data: IWebDavConfig) => {
       checkForm();
+      const signature = buildWebdavSignature({
+        webdav_url: data.url,
+        webdav_username: data.username,
+        webdav_password: data.password,
+      });
+      const trimmedUrl = data.url.trim();
+      const trimmedUsername = data.username.trim();
+
       try {
         setLoading(true);
-        await saveWebdavConfig(
-          data.url.trim(),
-          data.username.trim(),
-          data.password,
-        ).then(() => {
-          showNotice.success(
-            "settings.modals.backup.messages.webdavConfigSaved",
-          );
-          onSaveSuccess();
-        });
+        await saveWebdavConfig(trimmedUrl, trimmedUsername, data.password);
+        await mutateVerge(
+          (current) =>
+            current
+              ? {
+                  ...current,
+                  webdav_url: trimmedUrl,
+                  webdav_username: trimmedUsername,
+                  webdav_password: data.password,
+                }
+              : current,
+          false,
+        );
+        setWebdavStatus(signature, "unknown");
+        showNotice.success("settings.modals.backup.messages.webdavConfigSaved");
+        await onSaveSuccess(signature);
       } catch (error) {
         showNotice.error(
           "settings.modals.backup.messages.webdavConfigSaveFailed",
@@ -122,16 +148,24 @@ export const BackupConfigViewer = memo(
 
     const handleBackup = useLockFn(async () => {
       checkForm();
+      const signature = buildWebdavSignature({
+        webdav_url: url,
+        webdav_username: username,
+        webdav_password: password,
+      });
+
       try {
         setLoading(true);
         await createWebdavBackup().then(async () => {
           showNotice.success("settings.modals.backup.messages.backupCreated");
           await onBackupSuccess();
         });
+        setWebdavStatus(signature, "ready");
       } catch (error) {
         showNotice.error("settings.modals.backup.messages.backupFailed", {
           error,
         });
+        setWebdavStatus(signature, "failed");
       } finally {
         setLoading(false);
       }

src/components/setting/mods/backup-history-viewer.tsx

@@ -36,6 +36,11 @@ import {
   restoreWebDavBackup,
 } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
+import {
+  buildWebdavSignature,
+  getWebdavStatus,
+  setWebdavStatus,
+} from "@/services/webdav-status";
 
 dayjs.extend(customParseFormat);
 dayjs.extend(relativeTime);
@@ -85,6 +90,8 @@ export const BackupHistoryViewer = ({
   const isWebDavConfigured = Boolean(
     verge?.webdav_url && verge?.webdav_username && verge?.webdav_password,
   );
+  const webdavSignature = buildWebdavSignature(verge);
+  const webdavStatus = getWebdavStatus(webdavSignature);
   const shouldSkipWebDav = !isLocal && !isWebDavConfigured;
   const pageSize = 8;
   const isBusy = loading || isRestoring || isRestarting;
@@ -128,33 +135,49 @@ export const BackupHistoryViewer = ({
     [t],
   );
 
-  const fetchRows = useCallback(async () => {
-    if (!open) return;
-    if (shouldSkipWebDav) {
-      setRows([]);
-      return;
-    }
-    setLoading(true);
-    try {
-      const list = isLocal ? await listLocalBackup() : await listWebDavBackup();
-      setRows(
-        list
-          .map((item) => buildRow(item))
-          .filter((item): item is BackupRow => item !== null)
-          .sort((a, b) =>
-            a.sort_value === b.sort_value
-              ? b.filename.localeCompare(a.filename)
-              : b.sort_value - a.sort_value,
-          ),
-      );
-    } catch (error) {
-      console.error(error);
-      setRows([]);
-      showNotice.error(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [buildRow, isLocal, open, shouldSkipWebDav]);
+  const fetchRows = useCallback(
+    async (options?: { force?: boolean }) => {
+      if (!open) return;
+      if (shouldSkipWebDav) {
+        setRows([]);
+        return;
+      }
+      if (!isLocal && webdavStatus === "failed" && !options?.force) {
+        setRows([]);
+        return;
+      }
+
+      setLoading(true);
+      try {
+        const list = isLocal
+          ? await listLocalBackup()
+          : await listWebDavBackup();
+        if (!isLocal) {
+          setWebdavStatus(webdavSignature, "ready");
+        }
+        setRows(
+          list
+            .map((item) => buildRow(item))
+            .filter((item): item is BackupRow => item !== null)
+            .sort((a, b) =>
+              a.sort_value === b.sort_value
+                ? b.filename.localeCompare(a.filename)
+                : b.sort_value - a.sort_value,
+            ),
+        );
+      } catch (error) {
+        if (!isLocal) {
+          setWebdavStatus(webdavSignature, "failed");
+        }
+        console.error(error);
+        setRows([]);
+        showNotice.error(error);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [buildRow, isLocal, open, shouldSkipWebDav, webdavSignature, webdavStatus],
+  );
 
   useEffect(() => {
     void fetchRows();
@@ -169,7 +192,7 @@ export const BackupHistoryViewer = ({
   );
 
   const summary = useMemo(() => {
-    if (shouldSkipWebDav) {
+    if (shouldSkipWebDav || (!isLocal && webdavStatus === "failed")) {
       return t("settings.modals.backup.manual.webdav");
     }
     if (!total) return t("settings.modals.backup.history.empty");
@@ -179,7 +202,7 @@ export const BackupHistoryViewer = ({
       count: total,
       recent,
     });
-  }, [rows, shouldSkipWebDav, t, total]);
+  }, [isLocal, rows, shouldSkipWebDav, t, total, webdavStatus]);
 
   const handleDelete = useLockFn(async (filename: string) => {
     if (isRestarting) return;
@@ -241,7 +264,7 @@ export const BackupHistoryViewer = ({
 
   const handleRefresh = () => {
     if (isRestarting) return;
-    void fetchRows();
+    void fetchRows({ force: true });
   };
 
   return (

src/components/setting/mods/backup-viewer.tsx

@@ -14,12 +14,17 @@ import { useCallback, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { BaseDialog, DialogRef } from "@/components/base";
+import { useVerge } from "@/hooks/use-verge";
 import {
   createLocalBackup,
   createWebdavBackup,
   importLocalBackup,
 } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
+import {
+  buildWebdavSignature,
+  setWebdavStatus,
+} from "@/services/webdav-status";
 
 import { AutoBackupSettings } from "./auto-backup-settings";
 import { BackupHistoryViewer } from "./backup-history-viewer";
@@ -29,6 +34,7 @@ type BackupSource = "local" | "webdav";
 
 export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const { t } = useTranslation();
+  const { verge } = useVerge();
   const [open, setOpen] = useState(false);
   const [busyAction, setBusyAction] = useState<BackupSource | null>(null);
   const [localImporting, setLocalImporting] = useState(false);
@@ -36,6 +42,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const [historySource, setHistorySource] = useState<BackupSource>("local");
   const [historyPage, setHistoryPage] = useState(0);
   const [webdavDialogOpen, setWebdavDialogOpen] = useState(false);
+  const webdavSignature = buildWebdavSignature(verge);
 
   useImperativeHandle(ref, () => ({
     open: () => setOpen(true),
@@ -59,6 +66,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
       } else {
         await createWebdavBackup();
         showNotice.success("settings.modals.backup.messages.backupCreated");
+        setWebdavStatus(webdavSignature, "ready");
       }
     } catch (error) {
       console.error(error);
@@ -68,6 +76,9 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
           : "settings.modals.backup.messages.backupFailed",
         target === "local" ? undefined : { error },
       );
+      if (target === "webdav") {
+        setWebdavStatus(webdavSignature, "failed");
+      }
     } finally {
       setBusyAction(null);
     }

src/components/setting/mods/backup-webdav-dialog.tsx

@@ -3,8 +3,13 @@ import { useCallback, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { BaseDialog, BaseLoadingOverlay } from "@/components/base";
+import { useVerge } from "@/hooks/use-verge";
 import { listWebDavBackup } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
+import {
+  buildWebdavSignature,
+  setWebdavStatus,
+} from "@/services/webdav-status";
 
 import { BackupConfigViewer } from "./backup-config-viewer";
 
@@ -22,7 +27,9 @@ export const BackupWebdavDialog = ({
   setBusy,
 }: BackupWebdavDialogProps) => {
   const { t } = useTranslation();
+  const { verge } = useVerge();
   const [loading, setLoading] = useState(false);
+  const webdavSignature = buildWebdavSignature(verge);
 
   const handleLoading = useCallback(
     (value: boolean) => {
@@ -33,16 +40,19 @@ export const BackupWebdavDialog = ({
   );
 
   const refreshWebdav = useCallback(
-    async (options?: { silent?: boolean }) => {
+    async (options?: { silent?: boolean; signature?: string }) => {
+      const signature = options?.signature ?? webdavSignature;
       handleLoading(true);
       try {
         await listWebDavBackup();
+        setWebdavStatus(signature, "ready");
         if (!options?.silent) {
           showNotice.success(
             "settings.modals.backup.messages.webdavRefreshSuccess",
           );
         }
       } catch (error) {
+        setWebdavStatus(signature, "failed");
         showNotice.error(
           "settings.modals.backup.messages.webdavRefreshFailed",
           { error },
@@ -51,11 +61,11 @@ export const BackupWebdavDialog = ({
         handleLoading(false);
       }
     },
-    [handleLoading],
+    [handleLoading, webdavSignature],
   );
 
   const refreshSilently = useCallback(
-    () => refreshWebdav({ silent: true }),
+    (signature?: string) => refreshWebdav({ silent: true, signature }),
     [refreshWebdav],
   );
 

src/components/setting/mods/misc-viewer.tsx

@@ -29,6 +29,7 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
     enableBuiltinEnhanced: true,
     proxyLayoutColumn: 6,
     enableAutoDelayDetection: false,
+    autoDelayDetectionIntervalMinutes: 5,
     defaultLatencyTest: "",
     autoLogClean: 2,
     defaultLatencyTimeout: 10000,
@@ -46,6 +47,8 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
         enableBuiltinEnhanced: verge?.enable_builtin_enhanced ?? true,
         proxyLayoutColumn: verge?.proxy_layout_column || 6,
         enableAutoDelayDetection: verge?.enable_auto_delay_detection ?? false,
+        autoDelayDetectionIntervalMinutes:
+          verge?.auto_delay_detection_interval_minutes ?? 5,
         defaultLatencyTest: verge?.default_latency_test || "",
         autoLogClean: verge?.auto_log_clean || 0,
         defaultLatencyTimeout: verge?.default_latency_timeout || 10000,
@@ -65,6 +68,8 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
         enable_builtin_enhanced: values.enableBuiltinEnhanced,
         proxy_layout_column: values.proxyLayoutColumn,
         enable_auto_delay_detection: values.enableAutoDelayDetection,
+        auto_delay_detection_interval_minutes:
+          values.autoDelayDetectionIntervalMinutes,
         default_latency_test: values.defaultLatencyTest,
         default_latency_timeout: values.defaultLatencyTimeout,
         auto_log_clean: values.autoLogClean as any,
@@ -323,6 +328,44 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
           />
         </ListItem>
 
+        <ListItem sx={{ padding: "5px 2px" }}>
+          <ListItemText
+            primary={t(
+              "settings.modals.misc.fields.autoDelayDetectionInterval",
+            )}
+            sx={{ maxWidth: "fit-content" }}
+          />
+          <TextField
+            autoComplete="new-password"
+            size="small"
+            type="number"
+            autoCorrect="off"
+            autoCapitalize="off"
+            spellCheck="false"
+            sx={{ width: 160, marginLeft: "auto" }}
+            value={values.autoDelayDetectionIntervalMinutes}
+            disabled={!values.enableAutoDelayDetection}
+            onChange={(e) => {
+              const parsed = parseInt(e.target.value, 10);
+              const intervalMinutes =
+                Number.isFinite(parsed) && parsed > 0 ? parsed : 1;
+              setValues((v) => ({
+                ...v,
+                autoDelayDetectionIntervalMinutes: intervalMinutes,
+              }));
+            }}
+            slotProps={{
+              input: {
+                endAdornment: (
+                  <InputAdornment position="end">
+                    {t("shared.units.minutes")}
+                  </InputAdornment>
+                ),
+              },
+            }}
+          />
+        </ListItem>
+
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText
             primary={t("settings.modals.misc.fields.defaultLatencyTest")}
@@ -340,7 +383,7 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
             spellCheck="false"
             sx={{ width: 250, marginLeft: "auto" }}
             value={values.defaultLatencyTest}
-            placeholder="https://cp.cloudflare.com/generate_204"
+            placeholder="http://1.0.0.1"
             onChange={(e) =>
               setValues((v) => ({ ...v, defaultLatencyTest: e.target.value }))
             }

src/components/setting/mods/network-interface-viewer.tsx

@@ -4,10 +4,9 @@ import { writeText } from "@tauri-apps/plugin-clipboard-manager";
 import type { Ref } from "react";
 import { useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
-import useSWR from "swr";
 
 import { BaseDialog, DialogRef } from "@/components/base";
-import { getNetworkInterfacesInfo } from "@/services/cmds";
+import { useNetworkInterfaces } from "@/hooks/use-network";
 import { showNotice } from "@/services/notice-service";
 
 export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
@@ -22,13 +21,7 @@ export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
     close: () => setOpen(false),
   }));
 
-  const { data: networkInterfaces } = useSWR(
-    "clash-verge-rev-internal://network-interfaces",
-    getNetworkInterfacesInfo,
-    {
-      fallbackData: [], // default data before fetch
-    },
-  );
+  const { networkInterfaces } = useNetworkInterfaces();
 
   return (
     <BaseDialog

src/components/setting/mods/sysproxy-viewer.tsx

@@ -22,8 +22,7 @@ import {
   useState,
 } from "react";
 import { useTranslation } from "react-i18next";
-import useSWR, { mutate } from "swr";
-import { getBaseConfig } from "tauri-plugin-mihomo-api";
+import { mutate } from "swr";
 
 import {
   BaseDialog,
@@ -113,6 +112,8 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
   type AutoProxy = Awaited<ReturnType<typeof getAutotemProxy>>;
   const [autoproxy, setAutoproxy] = useState<AutoProxy>();
 
+  const { clashConfig } = useAppData();
+
   const {
     enable_system_proxy: enabled,
     proxy_auto_config,
@@ -148,13 +149,6 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
     return "127.0.0.1,192.168.0.0/16,10.0.0.0/8,172.16.0.0/12,localhost,*.local,*.crashlytics.com,<local>";
   };
 
-  const { data: clashConfig } = useSWR("getClashConfig", getBaseConfig, {
-    revalidateOnFocus: false,
-    revalidateIfStale: true,
-    dedupingInterval: 1000,
-    errorRetryInterval: 5000,
-  });
-
   const prevMixedPortRef = useRef(clashConfig?.mixedPort);
 
   useEffect(() => {

src/components/setting/mods/tunnels-viewer.tsx

@@ -0,0 +1,483 @@
+import { Delete, ExpandLess, ExpandMore } from "@mui/icons-material";
+import {
+  Button,
+  Divider,
+  List,
+  ListItem,
+  ListItemText,
+  ListItemButton,
+  IconButton,
+  TextField,
+  Select,
+  MenuItem,
+} from "@mui/material";
+import { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { BaseDialog } from "@/components/base";
+import { useClash } from "@/hooks/use-clash";
+import { useAppData } from "@/providers/app-data-context";
+import { isPortInUse } from "@/services/cmds";
+import { showNotice } from "@/services/notice-service";
+import { parseHost, parsedLocalhost, isValidPort } from "@/utils/helper";
+
+interface TunnelsViewerRef {
+  open: () => void;
+  close: () => void;
+}
+
+interface TunnelEntry {
+  network: string[];
+  address: string;
+  target: string;
+  proxy?: string;
+}
+
+export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
+  const { t } = useTranslation();
+  const { clash, mutateClash, patchClash } = useClash();
+
+  const [open, setOpen] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const [values, setValues] = useState({
+    localAddr: "",
+    localPort: "",
+    targetAddr: "",
+    targetPort: "",
+    network: "tcp+udp",
+    group: "",
+    proxy: "",
+  });
+  const [draftTunnels, setDraftTunnels] = useState<TunnelEntry[]>([]);
+
+  useImperativeHandle(ref, () => ({
+    open: () => {
+      setValues(() => ({
+        localAddr: "",
+        localPort: "",
+        targetAddr: "",
+        targetPort: "",
+        network: "tcp+udp",
+        group: "",
+        proxy: "",
+      }));
+      setDraftTunnels(() => clash?.tunnels ?? []);
+      setOpen(true);
+      // 如果没有隧道，则自动展开
+      setExpanded((clash?.tunnels ?? []).length === 0);
+    },
+    close: () => {
+      setOpen(false);
+    },
+  }));
+
+  const tunnelEntries = useMemo(() => {
+    const counts: Record<string, number> = {};
+    return draftTunnels.map((tunnel, index) => {
+      const base = `${tunnel.address}_${tunnel.target}_${tunnel.network.join("+")}`;
+      const occurrence = (counts[base] = (counts[base] ?? 0) + 1);
+      return {
+        index,
+        key: `${base}_${occurrence}`,
+        address: tunnel.address,
+        target: tunnel.target,
+        network: tunnel.network,
+        proxy: tunnel.proxy,
+      };
+    });
+  }, [draftTunnels]);
+
+  const { proxies } = useAppData();
+
+  const proxyGroups = useMemo<IProxyGroupItem[]>(() => {
+    return proxies?.groups ?? [];
+  }, [proxies]);
+
+  const groupNames = useMemo<string[]>(
+    () => proxyGroups.map((group) => group.name),
+    [proxyGroups],
+  );
+
+  const proxyOptions = useMemo<IProxyItem[]>(() => {
+    const group = proxyGroups.find((item) => item.name === values.group);
+    return group?.all ?? [];
+  }, [proxyGroups, values.group]);
+
+  const handleSave = async () => {
+    try {
+      await patchClash({ tunnels: draftTunnels });
+      await mutateClash();
+      showNotice.success("shared.feedback.notifications.common.saveSuccess");
+      setOpen(false);
+    } catch (err: any) {
+      showNotice.error(err);
+    }
+  };
+
+  const handleAdd = async () => {
+    const { localAddr, localPort, targetAddr, targetPort, network, proxy } =
+      values;
+
+    // 基础非空校验
+    if (!localAddr || !localPort || !targetAddr || !targetPort) {
+      showNotice.error(
+        "settings.sections.clash.form.fields.tunnels.messages.incomplete",
+      );
+      return;
+    }
+
+    // 本地地址校验（host）
+    const parsedLocal = parsedLocalhost(localAddr);
+    if (!parsedLocal) {
+      showNotice.error(
+        "settings.sections.clash.form.fields.tunnels.messages.invalidLocalAddr",
+      );
+      return;
+    }
+
+    // 本地端口校验 (port)
+    if (!isValidPort(localPort)) {
+      showNotice.error(
+        "settings.sections.clash.form.fields.tunnels.messages.invalidLocalPort",
+      );
+      return;
+    }
+    const inUse = await isPortInUse(Number(localPort));
+    if (inUse) {
+      showNotice.error("settings.modals.clashPort.messages.portInUse", {
+        port: localPort,
+      });
+      return;
+    }
+
+    // 目标地址校验 (host)
+    const parsedTarget = parseHost(targetAddr);
+    if (!parsedTarget) {
+      showNotice.error(
+        "settings.sections.clash.form.fields.tunnels.messages.invalidTargetAddr",
+      );
+      return;
+    }
+
+    // 目标端口校验 (port)
+    if (!isValidPort(targetPort)) {
+      showNotice.error(
+        "settings.sections.clash.form.fields.tunnels.messages.invalidTargetPort",
+      );
+      return;
+    }
+
+    // 构造新 entry
+    const entry: TunnelEntry = {
+      network: network === "tcp+udp" ? ["tcp", "udp"] : [network],
+      address:
+        parsedLocal.kind === "ipv6"
+          ? `[${parsedLocal.host}]:${localPort}`
+          : `${parsedLocal.host}:${localPort}`,
+      target:
+        parsedTarget.kind === "ipv6"
+          ? `[${parsedTarget.host}]:${targetPort}`
+          : `${parsedTarget.host}:${targetPort}`,
+      ...(proxy ? { proxy } : {}),
+    };
+
+    // 写入配置 + 清空输入
+    setDraftTunnels((prev) => [...prev, entry]);
+
+    setValues((v) => ({
+      ...v,
+      localAddr: "",
+      localPort: "",
+      targetAddr: "",
+      targetPort: "",
+      network: "tcp+udp",
+    }));
+  };
+
+  const handleDelete = (index: number) => {
+    setDraftTunnels((prev) => prev.filter((_, i) => i !== index));
+  };
+
+  return (
+    <BaseDialog
+      open={open}
+      title={t("settings.sections.clash.form.fields.tunnels.title")}
+      contentSx={{ width: 450 }}
+      okBtn={t("shared.actions.save")}
+      cancelBtn={t("shared.actions.cancel")}
+      onClose={() => {
+        setOpen(false);
+      }}
+      onCancel={() => {
+        setOpen(false);
+      }}
+      onOk={handleSave}
+    >
+      <List>
+        {draftTunnels.length > 0 && (
+          <>
+            <ListItem sx={{ padding: "4px 0", opacity: 0.6 }}>
+              <ListItemText
+                primary={t(
+                  "settings.sections.clash.form.fields.tunnels.existing",
+                )}
+              />
+            </ListItem>
+            <List component="nav">
+              {tunnelEntries.map((item) => (
+                <ListItem
+                  key={`${item.key}`}
+                  sx={{ padding: "4px 0" }}
+                  secondaryAction={
+                    <IconButton
+                      edge="end"
+                      size="small"
+                      color="error"
+                      onClick={() => handleDelete(item.index)}
+                    >
+                      <Delete fontSize="small" />
+                    </IconButton>
+                  }
+                >
+                  <ListItemText
+                    primary={`${item.address} → ${item.target}`}
+                    secondary={`${item.network.join(", ")} · ${
+                      item.proxy ??
+                      t("settings.sections.clash.form.fields.tunnels.default")
+                    }`}
+                  />
+                </ListItem>
+              ))}
+            </List>
+            <Divider sx={{ my: 2 }} />
+          </>
+        )}
+        <ListItemButton
+          sx={{ padding: "4px 0", opacity: 0.8 }}
+          onClick={() => setExpanded((v) => !v)}
+        >
+          <ListItemText
+            primary={t(
+              "settings.sections.clash.form.fields.tunnels.actions.addNew",
+            )}
+          />
+          {expanded ? <ExpandLess /> : <ExpandMore />}
+        </ListItemButton>
+        {expanded && (
+          <ListItem sx={{ padding: "8px 0" }}>
+            <div style={{ width: "100%" }}>
+              {/* 输入框区域 */}
+              {/* 协议 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={t(
+                    "settings.sections.clash.form.fields.tunnels.protocols",
+                  )}
+                />
+                <Select
+                  size="small"
+                  sx={{ width: 200, "> div": { py: "7.5px" } }}
+                  value={values.network}
+                  onChange={(e) =>
+                    setValues((v) => ({
+                      ...v,
+                      network: e.target.value as string,
+                    }))
+                  }
+                >
+                  <MenuItem value="tcp">TCP</MenuItem>
+                  <MenuItem value="udp">UDP</MenuItem>
+                  <MenuItem value="tcp+udp">TCP + UDP</MenuItem>
+                </Select>
+              </ListItem>
+
+              {/* 本地监听地址 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={t(
+                    "settings.sections.clash.form.fields.tunnels.localAddr",
+                  )}
+                />
+                <TextField
+                  autoComplete="new-password"
+                  size="small"
+                  sx={{ width: 200 }}
+                  value={values.localAddr}
+                  placeholder="127.0.0.1"
+                  onChange={(e) =>
+                    setValues((v) => ({ ...v, localAddr: e.target.value }))
+                  }
+                />
+              </ListItem>
+
+              {/* 本地监听端口 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={t(
+                    "settings.sections.clash.form.fields.tunnels.localPort",
+                  )}
+                />
+                <TextField
+                  autoComplete="new-password"
+                  size="small"
+                  type="number"
+                  sx={{ width: 200 }}
+                  value={values.localPort}
+                  placeholder="6553"
+                  onChange={(e) =>
+                    setValues((v) => ({ ...v, localPort: e.target.value }))
+                  }
+                />
+              </ListItem>
+
+              {/* 目标服务器地址 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={t(
+                    "settings.sections.clash.form.fields.tunnels.targetAddr",
+                  )}
+                />
+                <TextField
+                  autoComplete="new-password"
+                  size="small"
+                  sx={{ width: 200 }}
+                  value={values.targetAddr}
+                  placeholder="8.8.8.8"
+                  onChange={(e) =>
+                    setValues((v) => ({ ...v, targetAddr: e.target.value }))
+                  }
+                />
+              </ListItem>
+
+              {/* 目标服务器端口 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={t(
+                    "settings.sections.clash.form.fields.tunnels.targetPort",
+                  )}
+                />
+                <TextField
+                  autoComplete="new-password"
+                  size="small"
+                  type="number"
+                  sx={{ width: 200 }}
+                  value={values.targetPort}
+                  placeholder="53"
+                  onChange={(e) =>
+                    setValues((v) => ({ ...v, targetPort: e.target.value }))
+                  }
+                />
+              </ListItem>
+
+              {/* 代理组 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={
+                    <>
+                      {t(
+                        "settings.sections.clash.form.fields.tunnels.proxyGroup",
+                      )}
+                      <span style={{ fontSize: "0.9rem", color: "gray" }}>
+                        {" "}
+                        (
+                        {t(
+                          "settings.sections.clash.form.fields.tunnels.optional",
+                        )}
+                        )
+                      </span>
+                    </>
+                  }
+                />
+                <Select
+                  size="small"
+                  sx={{ width: 200, "> div": { py: "7.5px" } }}
+                  value={values.group}
+                  displayEmpty
+                  onChange={(e) => {
+                    const nextGroup = e.target.value as string;
+                    const group = proxyGroups.find((g) => g.name === nextGroup);
+                    const firstProxy = group?.all?.[0].name ?? "";
+
+                    setValues((v) => ({
+                      ...v,
+                      group: nextGroup,
+                      proxy: firstProxy, // 组切换时自动选第一条节点
+                    }));
+                  }}
+                >
+                  <MenuItem value="">
+                    {t("settings.sections.clash.form.fields.tunnels.default")}
+                  </MenuItem>
+                  {groupNames.map((name) => (
+                    <MenuItem key={name} value={name}>
+                      {name}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </ListItem>
+
+              {/* 代理节点 */}
+              <ListItem sx={{ padding: "6px 2px" }}>
+                <ListItemText
+                  primary={
+                    <>
+                      {t(
+                        "settings.sections.clash.form.fields.tunnels.proxyNode",
+                      )}
+                      <span style={{ fontSize: "0.9rem", color: "gray" }}>
+                        {" "}
+                        (
+                        {t(
+                          "settings.sections.clash.form.fields.tunnels.optional",
+                        )}
+                        )
+                      </span>
+                    </>
+                  }
+                />
+                <Select
+                  size="small"
+                  sx={{ width: 200, "> div": { py: "7.5px" } }}
+                  value={values.proxy}
+                  displayEmpty
+                  onChange={(e) =>
+                    setValues((v) => ({
+                      ...v,
+                      proxy: e.target.value as string,
+                    }))
+                  }
+                  disabled={!values.group} // 没选组就禁用
+                >
+                  <MenuItem value="">
+                    {t("settings.sections.clash.form.fields.tunnels.default")}
+                  </MenuItem>
+                  {proxyOptions.map((node) => (
+                    <MenuItem key={node.name} value={node.name}>
+                      {node.name}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </ListItem>
+
+              {/* 添加按钮 */}
+              <Button
+                variant="contained"
+                size="small"
+                sx={{
+                  marginTop: "6px",
+                  marginRight: "2px",
+                  marginLeft: "auto",
+                  display: "block",
+                }}
+                color="success"
+                onClick={handleAdd}
+              >
+                {t("settings.sections.clash.form.fields.tunnels.actions.add")}
+              </Button>
+            </div>
+          </ListItem>
+        )}
+      </List>
+    </BaseDialog>
+  );
+});

src/components/setting/mods/update-viewer.tsx

@@ -8,13 +8,12 @@ import { useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
-import useSWR from "swr";
 
 import { BaseDialog, DialogRef } from "@/components/base";
+import { useUpdate } from "@/hooks/use-update";
 import { portableFlag } from "@/pages/_layout";
 import { showNotice } from "@/services/notice-service";
 import { useSetUpdateState, useUpdateState } from "@/services/states";
-import { checkUpdateSafe as checkUpdate } from "@/services/update";
 
 export function UpdateViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const { t } = useTranslation();
@@ -23,11 +22,7 @@ export function UpdateViewer({ ref }: { ref?: Ref<DialogRef> }) {
   const updateState = useUpdateState();
   const setUpdateState = useSetUpdateState();
 
-  const { data: updateInfo } = useSWR("checkUpdate", checkUpdate, {
-    errorRetryCount: 2,
-    revalidateIfStale: false,
-    focusThrottleInterval: 36e5, // 1 hour
-  });
+  const { updateInfo } = useUpdate();
 
   const [downloaded, setDownloaded] = useState(0);
   const [total, setTotal] = useState(0);

src/components/setting/setting-clash.tsx

@@ -22,6 +22,7 @@ import { HeaderConfiguration } from "./mods/external-controller-cors";
 import { GuardState } from "./mods/guard-state";
 import { NetworkInterfaceViewer } from "./mods/network-interface-viewer";
 import { SettingItem, SettingList } from "./mods/setting-comp";
+import { TunnelsViewer } from "./mods/tunnels-viewer";
 import { WebUIViewer } from "./mods/web-ui-viewer";
 
 const isWIN = getSystem() === "windows";
@@ -58,6 +59,7 @@ const SettingClash = ({ onError }: Props) => {
   const networkRef = useRef<DialogRef>(null);
   const dnsRef = useRef<DialogRef>(null);
   const corsRef = useRef<DialogRef>(null);
+  const tunnelRef = useRef<DialogRef>(null);
 
   const onSwitchFormat = (_e: any, value: boolean) => value;
   const onChangeData = (patch: Partial<IConfigData>) => {
@@ -102,7 +104,7 @@ const SettingClash = ({ onError }: Props) => {
       <NetworkInterfaceViewer ref={networkRef} />
       <DnsViewer ref={dnsRef} />
       <HeaderConfiguration ref={corsRef} />
-
+      <TunnelsViewer ref={tunnelRef} />
       <SettingItem
         label={t("settings.sections.clash.form.fields.allowLan")}
         extra={
@@ -282,6 +284,11 @@ const SettingClash = ({ onError }: Props) => {
         onClick={onUpdateGeo}
         label={t("settings.sections.clash.form.fields.updateGeoData")}
       />
+
+      <SettingItem
+        label={t("settings.sections.clash.form.fields.tunnels.title")}
+        onClick={() => tunnelRef.current?.open()}
+      />
     </SettingList>
   );
 };

src/hooks/use-clash.ts

@@ -51,11 +51,12 @@ const validatePorts = (patch: ClashInfoPatch) => {
   });
 };
 
+export const useRuntimeConfig = (shouldFetch: boolean = true) => {
+  return useSWR(shouldFetch ? "getRuntimeConfig" : null, getRuntimeConfig);
+};
+
 export const useClash = () => {
-  const { data: clash, mutate: mutateClash } = useSWR(
-    "getRuntimeConfig",
-    getRuntimeConfig,
-  );
+  const { data: clash, mutate: mutateClash } = useRuntimeConfig();
 
   const { data: versionData, mutate: mutateVersion } = useSWR(
     "getVersion",

src/hooks/use-mihomo-ws-subscription.ts

@@ -4,7 +4,7 @@ import { mutate, type MutatorCallback } from "swr";
 import useSWRSubscription from "swr/subscription";
 import { type Message, type MihomoWebSocket } from "tauri-plugin-mihomo-api";
 
-export const RECONNECT_DELAY_MS = 500;
+export const RECONNECT_DELAY_MS = 100;
 
 type NextFn<T> = (error?: any, data?: T | MutatorCallback<T>) => void;
 

src/hooks/use-network.ts

@@ -0,0 +1,22 @@
+import useSWR from "swr";
+
+import { getNetworkInterfacesInfo } from "@/services/cmds";
+
+export const useNetworkInterfaces = () => {
+  const { data, error, isLoading, mutate } = useSWR(
+    "getNetworkInterfacesInfo",
+    getNetworkInterfacesInfo,
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+      fallbackData: [],
+    },
+  );
+
+  return {
+    networkInterfaces: data || [],
+    loading: isLoading,
+    error,
+    mutate,
+  };
+};

src/hooks/use-profiles.ts

@@ -2,11 +2,11 @@ import useSWR, { mutate } from "swr";
 import { selectNodeForGroup } from "tauri-plugin-mihomo-api";
 
 import {
+  calcuProxies,
   getProfiles,
   patchProfile,
   patchProfilesConfig,
 } from "@/services/cmds";
-import { calcuProxies } from "@/services/cmds";
 import { debugLog } from "@/utils/debug";
 
 export const useProfiles = () => {
@@ -36,6 +36,7 @@ export const useProfiles = () => {
   const patchProfiles = async (
     value: Partial<IProfilesConfig>,
     signal?: AbortSignal,
+    options?: { deferRefreshOnSuccess?: boolean },
   ) => {
     try {
       if (signal?.aborted) {
@@ -47,7 +48,9 @@ export const useProfiles = () => {
         throw new DOMException("Operation was aborted", "AbortError");
       }
 
-      await mutateProfiles();
+      if (!options?.deferRefreshOnSuccess || !success) {
+        await mutateProfiles();
+      }
 
       return success;
     } catch (error) {
@@ -70,16 +73,14 @@ export const useProfiles = () => {
   };
 
   // 根据selected的节点选择
-  const activateSelected = async () => {
+  const activateSelected = async (profileOverride?: IProfilesConfig) => {
     try {
       debugLog("[ActivateSelected] 开始处理代理选择");
 
-      const [proxiesData, profileData] = await Promise.all([
-        calcuProxies(),
-        getProfiles(),
-      ]);
+      const proxiesData = await calcuProxies();
+      const profileData = profileOverride ?? profiles;
 
-      if (!profileData || !proxiesData) {
+      if (!profileData || !proxiesData || !profileData.items) {
         debugLog("[ActivateSelected] 代理或配置数据不可用，跳过处理");
         return;
       }

src/hooks/use-traffic-monitor.ts

@@ -48,7 +48,7 @@ const WORKER_CONFIG = {
   rawDataMinutes: 10,
   compressedDataMinutes: 60,
   compressionRatio: 5,
-  snapshotIntervalMs: 250,
+  snapshotIntervalMs: 100,
   defaultRangeMinutes: 10,
 };
 

src/hooks/use-update.ts

@@ -0,0 +1,46 @@
+import useSWR, { SWRConfiguration } from "swr";
+
+import { checkUpdateSafe } from "@/services/update";
+
+import { useVerge } from "./use-verge";
+
+export interface UpdateInfo {
+  version: string;
+  body: string;
+  date: string;
+  available: boolean;
+  downloadAndInstall: (onEvent?: any) => Promise<void>;
+}
+
+export const useUpdate = (
+  enabled: boolean = true,
+  options?: SWRConfiguration,
+) => {
+  const { verge } = useVerge();
+  const { auto_check_update } = verge || {};
+
+  // Determine if we should check for updates
+  // If enabled is explicitly false, don't check
+  // Otherwise, respect the auto_check_update setting (or default to true if null/undefined for manual triggers)
+  const shouldCheck = enabled && auto_check_update !== false;
+
+  const {
+    data: updateInfo,
+    mutate: checkUpdate,
+    isValidating,
+  } = useSWR(shouldCheck ? "checkUpdate" : null, checkUpdateSafe, {
+    errorRetryCount: 2,
+    revalidateIfStale: false,
+    revalidateOnFocus: false,
+    focusThrottleInterval: 36e5, // 1 hour
+    refreshInterval: 24 * 60 * 60 * 1000, // 24 hours
+    dedupingInterval: 60 * 60 * 1000, // 1 hour
+    ...options,
+  });
+
+  return {
+    updateInfo,
+    checkUpdate,
+    loading: isValidating,
+  };
+};

src/locales/ar/proxies.json

@@ -49,7 +49,9 @@
       "minimumNodesHint": "Chain proxy requires at least 2 nodes. Please add one more node.",
       "connectFailed": "Failed to connect to proxy chain",
       "disconnectFailed": "Failed to disconnect from proxy chain",
-      "duplicateNode": "Proxy node already exists in chain"
+      "duplicateNode": "Proxy node already exists in chain",
+      "entryNode": "مدخل",
+      "exitNode": "مخرج"
     },
     "messages": {
       "directMode": "الوضع المباشر"

src/locales/ar/settings.json

@@ -103,7 +103,31 @@
           "webUI": "واجهة الويب",
           "clashCore": "نواة Clash",
           "openUwpTool": "فتح أداة UWP",
-          "updateGeoData": "تحديث البيانات الجغرافية"
+          "updateGeoData": "تحديث البيانات الجغرافية",
+          "tunnels": {
+            "title": "إدارة الأنفاق",
+            "localAddr": "عنوان الاستماع المحلي",
+            "localPort": "منفذ الاستماع المحلي",
+            "targetAddr": "عنوان الهدف",
+            "targetPort": "منفذ الهدف",
+            "proxyGroup": "مجموعة الوكيل",
+            "proxyNode": "عقدة الوكيل",
+            "protocols": "البروتوكول",
+            "existing": "الأنفاق الموجودة",
+            "default": "اتباع الإعدادات الحالية",
+            "optional": "اختياري",
+            "messages": {
+              "incomplete": "يرجى تعبئة جميع حقول النفق المطلوبة",
+              "invalidLocalAddr": "عنوان الاستماع المحلي غير صالح",
+              "invalidLocalPort": "منفذ الاستماع المحلي غير صالح",
+              "invalidTargetAddr": "عنوان الهدف غير صالح",
+              "invalidTargetPort": "منفذ الهدف غير صالح"
+            },
+            "actions": {
+              "add": "إضافة",
+              "addNew": "إضافة نفق جديد"
+            }
+          }
         },
         "tooltips": {
           "networkInterface": "واجهة الشبكة",
@@ -377,6 +401,7 @@
         "proxyLayoutColumns": "أعمدة عرض الوكيل",
         "autoLogClean": "تنظيف السجلات تلقائيًا",
         "autoDelayDetection": "اكتشاف التأخير التلقائي",
+        "autoDelayDetectionInterval": "الفاصل الزمني لاكتشاف التأخير التلقائي",
         "defaultLatencyTest": "اختبار التأخير الافتراضي",
         "defaultLatencyTimeout": "مهلة التأخير الافتراضية"
       },

src/locales/ar/shared.json

@@ -55,6 +55,7 @@
     "files": "Files"
   },
   "placeholders": {
+    "resetInput": "مربع إدخال واضح",
     "filter": "شروط التصفية",
     "matchCase": "مطابقة الحالة",
     "matchWholeWord": "مطابقة الكلمة بأكملها",

src/locales/de/proxies.json

@@ -49,7 +49,9 @@
       "minimumNodesHint": "Chain proxy requires at least 2 nodes. Please add one more node.",
       "connectFailed": "Failed to connect to proxy chain",
       "disconnectFailed": "Failed to disconnect from proxy chain",
-      "duplicateNode": "Proxy node already exists in chain"
+      "duplicateNode": "Proxy node already exists in chain",
+      "entryNode": "Eingang",
+      "exitNode": "Ausgang"
     },
     "messages": {
       "directMode": "Direktverbindungs-Modus"

src/locales/de/settings.json

@@ -103,7 +103,31 @@
           "webUI": "Web-Oberfläche",
           "clashCore": "Clash-Kern",
           "openUwpTool": "UWP-Tool öffnen",
-          "updateGeoData": "Geo-Daten aktualisieren"
+          "updateGeoData": "Geo-Daten aktualisieren",
+          "tunnels": {
+            "title": "Tunnel-Verwaltung",
+            "localAddr": "Lokale Abhöradresse",
+            "localPort": "Lokaler Abhörport",
+            "targetAddr": "Zieladresse",
+            "targetPort": "Zielport",
+            "proxyGroup": "Proxy-Gruppe",
+            "proxyNode": "Proxy-Knoten",
+            "protocols": "Protokoll",
+            "existing": "Vorhandene Tunnel",
+            "default": "Aktueller Konfiguration folgen",
+            "optional": "Optional",
+            "messages": {
+              "incomplete": "Bitte alle erforderlichen Tunnel-Felder ausfüllen",
+              "invalidLocalAddr": "Ungültige lokale Abhöradresse",
+              "invalidLocalPort": "Ungültiger lokaler Abhörport",
+              "invalidTargetAddr": "Ungültige Zieladresse",
+              "invalidTargetPort": "Ungültiger Zielport"
+            },
+            "actions": {
+              "add": "Hinzufügen",
+              "addNew": "Neuen Tunnel hinzufügen"
+            }
+          }
         },
         "tooltips": {
           "networkInterface": "Netzwerkschnittstelle",
@@ -377,6 +401,7 @@
         "proxyLayoutColumns": "Anzahl der Spalten im Proxy-Layout",
         "autoLogClean": "Protokolle automatisch bereinigen",
         "autoDelayDetection": "Automatische Latenzprüfung",
+        "autoDelayDetectionInterval": "Intervall für automatische Latenzprüfung",
         "defaultLatencyTest": "Standard-Testlink",
         "defaultLatencyTimeout": "Test-Timeout"
       },

src/locales/de/shared.json

@@ -55,6 +55,7 @@
     "files": "Files"
   },
   "placeholders": {
+    "resetInput": "Eingabefeld leeren",
     "filter": "Filterbedingungen",
     "matchCase": "Groß-/Kleinschreibung beachten",
     "matchWholeWord": "Ganzes Wort übereinstimmen",

src/locales/en/proxies.json

@@ -49,7 +49,9 @@
       "minimumNodesHint": "Chain proxy requires at least 2 nodes. Please add one more node.",
       "connectFailed": "Failed to connect to proxy chain",
       "disconnectFailed": "Failed to disconnect from proxy chain",
-      "duplicateNode": "Proxy node already exists in chain"
+      "duplicateNode": "Proxy node already exists in chain",
+      "entryNode": "Entry",
+      "exitNode": "Exit"
     },
     "messages": {
       "directMode": "Direct Mode"

src/locales/en/settings.json

@@ -103,7 +103,31 @@
           "webUI": "Web UI",
           "clashCore": "Clash Core",
           "openUwpTool": "Open UWP tool",
-          "updateGeoData": "Update GeoData"
+          "updateGeoData": "Update GeoData",
+          "tunnels": {
+            "title": "Tunnel Management",
+            "localAddr": "Local Listen Address",
+            "localPort": "Local Listen Port",
+            "targetAddr": "Target Address",
+            "targetPort": "Target Port",
+            "proxyGroup": "Proxy Group",
+            "proxyNode": "Proxy Node",
+            "protocols": "Protocol",
+            "existing": "Existing Tunnels",
+            "default": "Follow Current Configuration",
+            "optional": "Optional",
+            "messages": {
+              "incomplete": "Please fill in all required tunnel fields",
+              "invalidLocalAddr": "Invalid local listen address",
+              "invalidLocalPort": "Invalid local listen port",
+              "invalidTargetAddr": "Invalid Target Address",
+              "invalidTargetPort": "Invalid Target Port"
+            },
+            "actions": {
+              "add": "Add",
+              "addNew": "Add New Tunnel"
+            }
+          }
         },
         "tooltips": {
           "networkInterface": "Network Interface",
@@ -377,6 +401,7 @@
         "proxyLayoutColumns": "Proxy Layout Columns",
         "autoLogClean": "Auto Log Clean",
         "autoDelayDetection": "Auto Delay Detection",
+        "autoDelayDetectionInterval": "Auto Delay Detection Interval",
         "defaultLatencyTest": "Default Latency Test",
         "defaultLatencyTimeout": "Default Latency Timeout"
       },

src/locales/en/shared.json

@@ -55,6 +55,7 @@
     "files": "Files"
   },
   "placeholders": {
+    "resetInput": "Clear Input",
     "filter": "Filter conditions",
     "matchCase": "Match Case",
     "matchWholeWord": "Match Whole Word",

src/locales/es/proxies.json

@@ -49,7 +49,9 @@
       "minimumNodesHint": "Chain proxy requires at least 2 nodes. Please add one more node.",
       "connectFailed": "Failed to connect to proxy chain",
       "disconnectFailed": "Failed to disconnect from proxy chain",
-      "duplicateNode": "Proxy node already exists in chain"
+      "duplicateNode": "Proxy node already exists in chain",
+      "entryNode": "Entrada",
+      "exitNode": "Salida"
     },
     "messages": {
       "directMode": "Modo de conexión directa"

src/locales/es/settings.json

@@ -103,7 +103,31 @@
           "webUI": "Interfaz web",
           "clashCore": "Núcleo de Clash",
           "openUwpTool": "Abrir herramienta UWP",
-          "updateGeoData": "Actualizar GeoData"
+          "updateGeoData": "Actualizar GeoData",
+          "tunnels": {
+            "title": "Gestión de Túneles",
+            "localAddr": "Dirección de Escucha Local",
+            "localPort": "Puerto de Escucha Local",
+            "targetAddr": "Dirección de destino",
+            "targetPort": "Puerto de destino",
+            "proxyGroup": "Grupo de Proxy",
+            "proxyNode": "Nodo Proxy",
+            "protocols": "Protocolo",
+            "existing": "Túneles Existentes",
+            "default": "Seguir la Configuración Actual",
+            "optional": "Opcional",
+            "messages": {
+              "incomplete": "Por favor complete todos los campos obligatorios del túnel",
+              "invalidLocalAddr": "Dirección de escucha local no válida",
+              "invalidLocalPort": "Puerto de escucha local no válido",
+              "invalidTargetAddr": "Dirección de destino no válida",
+              "invalidTargetPort": "Puerto de destino no válido"
+            },
+            "actions": {
+              "add": "Agregar",
+              "addNew": "Agregar Nuevo Túnel"
+            }
+          }
         },
         "tooltips": {
           "networkInterface": "Interfaz de red",
@@ -377,6 +401,7 @@
         "proxyLayoutColumns": "Número de columnas en la disposición de la página de proxy",
         "autoLogClean": "Limpiar registros automáticamente",
         "autoDelayDetection": "Detección automática de latencia",
+        "autoDelayDetectionInterval": "Intervalo de detección automática de latencia",
         "defaultLatencyTest": "Enlace de prueba de latencia predeterminado",
         "defaultLatencyTimeout": "Tiempo de espera de la prueba de latencia"
       },

src/locales/es/shared.json

@@ -55,6 +55,7 @@
     "files": "Files"
   },
   "placeholders": {
+    "resetInput": "Borrar el cuadro de entrada",
     "filter": "Condiciones de filtrado",
     "matchCase": "Distinguir mayúsculas y minúsculas",
     "matchWholeWord": "Coincidencia exacta de palabras",

src/locales/fa/proxies.json

@@ -49,7 +49,9 @@
       "minimumNodesHint": "Chain proxy requires at least 2 nodes. Please add one more node.",
       "connectFailed": "Failed to connect to proxy chain",
       "disconnectFailed": "Failed to disconnect from proxy chain",
-      "duplicateNode": "Proxy node already exists in chain"
+      "duplicateNode": "Proxy node already exists in chain",
+      "entryNode": "ورودی",
+      "exitNode": "خروجی"
     },
     "messages": {
       "directMode": "حالت مستقیم"

src/locales/fa/settings.json

@@ -103,7 +103,31 @@
           "webUI": "رابط وب",
           "clashCore": "هسته Clash",
           "openUwpTool": "باز کردن ابزار UWP",
-          "updateGeoData": "به‌روزرسانی GeoData"
+          "updateGeoData": "به‌روزرسانی GeoData",
+          "tunnels": {
+            "title": "مدیریت تونل‌ها",
+            "localAddr": "آدرس شنود محلی",
+            "localPort": "پورت شنود محلی",
+            "targetAddr": "آدرس هدف",
+            "targetPort": "پورت هدف",
+            "proxyGroup": "گروه پراکسی",
+            "proxyNode": "گره پراکسی",
+            "protocols": "پروتکل",
+            "existing": "تونل‌های موجود",
+            "default": "پیروی از تنظیمات فعلی",
+            "optional": "اختیاری",
+            "messages": {
+              "incomplete": "لطفاً تمام فیلدهای الزامی تونل را تکمیل کنید",
+              "invalidLocalAddr": "آدرس شنود محلی نامعتبر است",
+              "invalidLocalPort": "پورت شنود محلی نامعتبر است",
+              "invalidTargetAddr": "آدرس هدف نامعتبر",
+              "invalidTargetPort": "پورت هدف نامعتبر"
+            },
+            "actions": {
+              "add": "افزودن",
+              "addNew": "افزودن تونل جدید"
+            }
+          }
         },
         "tooltips": {
           "networkInterface": "رابط شبکه",
@@ -377,6 +401,7 @@
         "proxyLayoutColumns": "ستون چیدمان پراکسی",
         "autoLogClean": "پاکسازی خودکار لاگ",
         "autoDelayDetection": "تشخیص تأخیر خودکار",
+        "autoDelayDetectionInterval": "فاصله تشخیص تأخیر خودکار",
         "defaultLatencyTest": "آزمون تأخیر پیش‌فرض",
         "defaultLatencyTimeout": "زمان انتظار تأخیر پیش‌فرض"
       },

src/locales/fa/shared.json

@@ -55,6 +55,7 @@
     "files": "Files"
   },
   "placeholders": {
+    "resetInput": "پاک کردن فیلد ورودی",
     "filter": "شرایط فیلتر",
     "matchCase": "تطبیق حروف کوچک و بزرگ",
     "matchWholeWord": "تطبیق کل کلمه",