chore(deps): update dependency pnpm to v12.18.0

feat(settings): add searchable settings navigation
feat(home): add core restart action to Clash info card
2026-11-07 01:22:15 +08:00 · 2026-11-07 00:53:11 +08:00 · 2026-11-06 17:14:15 +08:00 · 2026-11-06 17:14:06 +08:00 · 2026-11-06 14:26:55 +08:00 · 2026-11-04 22:56:57 +00:00
100 changed files with 3585 additions and 1471 deletions
@@ -5,7 +5,7 @@
  "features": {
    "ghcr.io/devcontainers/features/node:2": {
      "version": "26.13.0",
-      "pnpmVersion": "12.16.1"
+      "pnpmVersion": "12.18.0"
    },
    "ghcr.io/devcontainers/features/rust:1": {
      "version": "1.99.1",
@@ -43,7 +43,7 @@ jobs:
        run: bash ./scripts/extract_update_logs.sh
        shell: bash

-      - uses: pnpm/action-setup@v6.1.0
+      - uses: pnpm/action-setup@v6.1.1
        name: Install pnpm
        with:
          run_install: false
@@ -174,7 +174,7 @@ jobs:
          sudo apt-get update
          sudo apt-get install -y libxslt1.1 libwebkit2gtk-4.1-dev libayatana-appindicator3-dev librsvg2-dev patchelf

-      - uses: pnpm/action-setup@v6.1.0
+      - uses: pnpm/action-setup@v6.1.1
        name: Install pnpm
        with:
          run_install: false
@@ -255,7 +255,7 @@ jobs:
          cache-workspace-crates: true

      - name: Install pnpm
-        uses: pnpm/action-setup@v6.1.0
+        uses: pnpm/action-setup@v6.1.1
        with:
          run_install: false

@@ -388,7 +388,7 @@ jobs:
          cache-workspace-crates: true

      - name: Install pnpm
-        uses: pnpm/action-setup@v6.1.0
+        uses: pnpm/action-setup@v6.1.1
        with:
          run_install: false

@@ -481,7 +481,7 @@ jobs:
        with:
          node-version: '26.13.0'

-      - uses: pnpm/action-setup@v6.1.0
+      - uses: pnpm/action-setup@v6.1.1
        name: Install pnpm
        with:
          run_install: false
@@ -4,13 +4,13 @@ on:
  pull_request:
    paths:
      - "src/**"
+      - "scripts/**"
      - "**/*.js"
      - "**/*.ts"
      - "**/*.tsx"
      - "**/*.css"
      - "**/*.scss"
      - "**/*.json"
-      - "**/*.md"
      - "pnpm-lock.yaml"
      - "pnpm-workspace.yaml"
      - "vite.config.*"
@@ -41,6 +41,14 @@ jobs:

      - run: pnpm install --frozen-lockfile

+      - name: Check generated i18n types are up to date
+        run: |
+          pnpm i18n:types
+          if ! git diff --exit-code -- src/types/generated; then
+            echo "::error::src/types/generated is stale; run pnpm i18n:types and commit the result"
+            exit 1
+          fi
+
      - name: Run Prettier check
        run: pnpm format:check

@@ -1,3 +1,3 @@
 nodejs 26.13.0
-pnpm 12.16.1
+pnpm 12.18.0
 rust 1.99.1
@@ -150,7 +150,7 @@ dependencies = [
 "objc2-core-foundation",
 "objc2-core-graphics",
 "objc2-foundation",
- "parking_lot",
+ "parking_lot 0.12.5",
 "percent-encoding",
 "windows-sys 0.60.2",
 "wl-clipboard-rs",
@@ -159,9 +159,9 @@ dependencies = [

 [[package]]
 name = "arc-swap"
-version = "1.9.2"
+version = "1.9.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c049c0be4daef0b145cb3555416b3b8ef5b7888a38aea1a3a155801fe7b0810b"
+checksum = "380962b3d93b99642e50b9febf72c071e97e8b32d86eae9cf4ef582bb960ae6e"
 dependencies = [
 "rustversion",
 ]
@@ -1089,7 +1089,6 @@ dependencies = [
 "async-trait",
 "backon",
 "base64 0.23.1",
- "bitflags 2.13.2",
 "boa_engine",
 "bytes",
 "chrono",
@@ -1100,7 +1099,6 @@ dependencies = [
 "clash-verge-media-unlock",
 "clash-verge-signal",
 "clash_verge_service_ipc",
- "criterion",
 "dark-light",
 "deelevate",
 "dirs 7.0.0",
@@ -1117,9 +1115,8 @@ dependencies = [
 "objc2-app-kit",
 "objc2-foundation",
 "open",
- "parking_lot",
+ "parking_lot 0.13.0",
 "percent-encoding",
- "regex",
 "reqwest 0.13.5",
 "reqwest_dav",
 "rfd",
@@ -1149,7 +1146,6 @@ dependencies = [
 "tauri-plugin-mihomo",
 "tauri-plugin-notification",
 "tauri-plugin-opener",
- "tauri-plugin-process",
 "tauri-plugin-shell",
 "tauri-plugin-updater",
 "tauri-plugin-wdio-webdriver",
@@ -1157,7 +1153,6 @@ dependencies = [
 "tauri-specta",
 "tokio",
 "tokio-rustls",
- "tokio-stream",
 "tokio-util",
 "tracing",
 "warp",
@@ -1175,7 +1170,7 @@ version = "0.1.0"
 dependencies = [
 "anyhow",
 "criterion",
- "parking_lot",
+ "parking_lot 0.13.0",
 "tokio",
 ]

@@ -1198,7 +1193,7 @@ dependencies = [
 "anyhow",
 "flexi_logger",
 "log",
- "parking_lot",
+ "parking_lot 0.13.0",
 "tracing-estuary",
 ]

@@ -1255,8 +1250,8 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "facfbc410a385e0b0cbca8179dd9e363ed70e8455960bf7545137e90ca753b66"
 dependencies = [
 "crossbeam-utils",
- "lock_api",
- "parking_lot_core",
+ "lock_api 0.4.14",
+ "parking_lot_core 0.9.12",
 "polonius-the-crab",
 ]

@@ -1333,7 +1328,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "117725a109d387c937a1533ce01b450cbde6b88abceea8473c4d7a85853cda3c"
 dependencies = [
 "lazy_static",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -1767,8 +1762,18 @@ version = "0.23.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "25ae13da2f202d56bd7f91c25fba009e7717a1e4a1cc98a76d844b65ae912e9d"
 dependencies = [
- "darling_core",
- "darling_macro",
+ "darling_core 0.23.0",
+ "darling_macro 0.23.0",
+]
+
+[[package]]
+name = "darling"
+version = "0.24.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed17f5901b6630b993ca003def43f2f8ef4014fc13b047b57aad617ff32bc2ec"
+dependencies = [
+ "darling_core 0.24.1",
+ "darling_macro 0.24.1",
 ]

 [[package]]
@@ -1784,17 +1789,41 @@ dependencies = [
 "syn 2.0.119",
 ]

+[[package]]
+name = "darling_core"
+version = "0.24.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6837e2cf7485aaae18f86181d2f0e9a7ed297a025e220aeabf63fdebd3a2ddff"
+dependencies = [
+ "ident_case",
+ "proc-macro2",
+ "quote",
+ "strsim",
+ "syn 3.0.5",
+]
+
 [[package]]
 name = "darling_macro"
 version = "0.23.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ac3984ec7bd6cfa798e62b4a642426a5be0e68f9401cfc2a01e3fa9ea2fcdb8d"
 dependencies = [
- "darling_core",
+ "darling_core 0.23.0",
 "quote",
 "syn 2.0.119",
 ]

+[[package]]
+name = "darling_macro"
+version = "0.24.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2ac7135c3ef02b2f7833bbeb1be5ba7f966dcde8a87c6b87f65a778d71a02785"
+dependencies = [
+ "darling_core 0.24.1",
+ "quote",
+ "syn 3.0.5",
+]
+
 [[package]]
 name = "dashmap"
 version = "6.2.1"
@@ -1804,9 +1833,9 @@ dependencies = [
 "cfg-if",
 "crossbeam-utils",
 "hashbrown 0.14.5",
- "lock_api",
+ "lock_api 0.4.14",
 "once_cell",
- "parking_lot_core",
+ "parking_lot_core 0.9.12",
 ]

 [[package]]
@@ -1884,9 +1913,9 @@ dependencies = [

 [[package]]
 name = "devtools-core"
-version = "0.4.1"
+version = "0.4.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c53d416e473377276435d49d731a75d253b96ee4339831cd85653702b94d8298"
+checksum = "c9e85926bda763dd434fcfbcfb24af4b2c1a8c3e3c34bcd5d844c48f655cca51"
 dependencies = [
 "bytes",
 "devtools-wire-format",
@@ -2014,7 +2043,7 @@ dependencies = [
 "libc",
 "option-ext",
 "redox_users 0.5.2",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -2273,7 +2302,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "39cab71617ae0d63f51a36d69f866391735b51691dbda63cf6f96d042b63efeb"
 dependencies = [
 "libc",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -2789,7 +2818,7 @@ dependencies = [
 "gobject-sys 0.21.5",
 "libc",
 "system-deps 7.0.8",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -3343,7 +3372,7 @@ dependencies = [
 "js-sys",
 "log",
 "wasm-bindgen",
- "windows-core 0.61.2",
+ "windows-core 0.62.2",
 ]

 [[package]]
@@ -3357,12 +3386,12 @@ dependencies = [

 [[package]]
 name = "ico"
-version = "0.5.0"
+version = "0.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3e795dff5605e0f04bff85ca41b51a96b83e80b281e96231bcaaf1ac35103371"
+checksum = "d75e94d66081e4d8dcd098bd8dc5254800fea14a26389b298410158d834de167"
 dependencies = [
 "byteorder",
- "png 0.17.16",
+ "png",
 ]

 [[package]]
@@ -3548,7 +3577,7 @@ dependencies = [
 "byteorder-lite",
 "moxcms",
 "num-traits",
- "png 0.18.1",
+ "png",
 "tiff",
 ]

@@ -3857,7 +3886,7 @@ dependencies = [
 "http",
 "httparse",
 "libc",
- "parking_lot",
+ "parking_lot 0.12.5",
 "path-tree",
 "pin-project-lite",
 "rand 0.10.2",
@@ -4018,10 +4047,19 @@ dependencies = [
 ]

 [[package]]
-name = "log"
-version = "0.4.34"
+name = "lock_api"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f9f8bd3e56ce4dfc153cf470fffbfa98c7620958b312ca5c3a4b8d5181fd13c6"
+checksum = "65d91b22da179613dcf4d6ec8349563f52a363f6849e03b00dd0a185ec4a59af"
+dependencies = [
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d15f86d12da44cd8d4ec3c73984537eb7f4cadcb9776a575a0a8a05ca11005c"

 [[package]]
 name = "lru-slab"
@@ -4031,9 +4069,9 @@ checksum = "112b39cec0b298b6c1999fee3e31427f74f676e4cb9879ed1a121b43661a4154"

 [[package]]
 name = "lzma-rust2"
-version = "0.23.0"
+version = "0.24.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f1c46f3fcd2e888afdb01a07efc071cb21300e07c68d32c3e8b01b5c8cb1fcaa"
+checksum = "490750560fa7851fbbf5d3ab1a8750f09350ed361ed8aed85b1e1e40587812ee"
 dependencies = [
 "sha2 0.11.1",
 ]
@@ -4211,10 +4249,10 @@ dependencies = [
 "objc2-core-foundation",
 "objc2-foundation",
 "once_cell",
- "png 0.18.1",
+ "png",
 "serde",
 "thiserror 2.0.20",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -4381,7 +4419,7 @@ version = "0.50.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7957b9740744892f114936ab4a57b3f487491bbeafaf8083688b16841a4240e5"
 dependencies = [
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -4651,17 +4689,6 @@ dependencies = [
 "objc2-core-foundation",
 ]

-[[package]]
-name = "objc2-open-directory"
-version = "0.3.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bb82bed227edf5201dfedf072bba4015a33d3d4a98519837295a90f0a23f676d"
-dependencies = [
- "objc2",
- "objc2-core-foundation",
- "objc2-foundation",
-]
-
 [[package]]
 name = "objc2-osa-kit"
 version = "0.3.2"
@@ -4763,7 +4790,7 @@ version = "1.21.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
 dependencies = [
- "parking_lot_core",
+ "parking_lot_core 0.9.12",
 ]

 [[package]]
@@ -4786,9 +4813,9 @@ checksum = "c08d65885ee38876c4f86fa503fb49d7b507c2b62552df7c70b2fce627e06381"

 [[package]]
 name = "open"
-version = "5.4.4"
+version = "5.4.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa576c76302b7b808eecc68061e67336c47833ef9d22caa74dda10fa9675eebc"
+checksum = "8d8c8b8e725ad26404d6896eb2f064294a0a7b4f1d9120210d85544684c4ca95"
 dependencies = [
 "dunce",
 "is-wsl",
@@ -4858,7 +4885,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7d8fae84b431384b68627d0f9b3b1245fcf9f46f6c0e3dc902e9dce64edd1967"
 dependencies = [
 "libc",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -4922,8 +4949,18 @@ version = "0.12.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "93857453250e3077bd71ff98b6a65ea6621a19bb0f559a85248955ac12c45a1a"
 dependencies = [
- "lock_api",
- "parking_lot_core",
+ "lock_api 0.4.14",
+ "parking_lot_core 0.9.12",
+]
+
+[[package]]
+name = "parking_lot"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a9cf937ca4e1d0b7578784559063422fc39ae7c5a00f02471f2614d5486fd226"
+dependencies = [
+ "lock_api 0.5.0",
+ "parking_lot_core 0.10.0",
 ]

 [[package]]
@@ -4934,7 +4971,19 @@ checksum = "2621685985a2ebf1c516881c026032ac7deafcda1a2c9b7850dc81e3dfcb64c1"
 dependencies = [
 "cfg-if",
 "libc",
- "redox_syscall",
+ "redox_syscall 0.5.18",
+ "smallvec",
+ "windows-link 0.2.1",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9cfff060068cc18aa7815010fcaf80c68c7fb9e85fc7f5c0f9bf142c21d19826"
+dependencies = [
+ "libc",
+ "redox_syscall 0.9.4",
 "smallvec",
 "windows-link 0.2.1",
 ]
@@ -5225,19 +5274,6 @@ dependencies = [
 "plotters-backend",
 ]

-[[package]]
-name = "png"
-version = "0.17.16"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "82151a2fc869e011c153adc57cf2789ccb8d9906ce52c0b39a6b5697749d7526"
-dependencies = [
- "bitflags 1.3.2",
- "crc32fast",
- "fdeflate",
- "flate2",
- "miniz_oxide 0.8.9",
-]
-
 [[package]]
 name = "png"
 version = "0.18.1"
@@ -5523,7 +5559,7 @@ dependencies = [
 "once_cell",
 "socket2",
 "tracing",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -5667,6 +5703,15 @@ dependencies = [
 "bitflags 2.13.2",
 ]

+[[package]]
+name = "redox_syscall"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "737970939a87c6fa31e7acad13307bccbb017a073b695b6089a2c484f929e20e"
+dependencies = [
+ "bitflags 2.13.2",
+]
+
 [[package]]
 name = "redox_users"
 version = "0.4.6"
@@ -5864,9 +5909,9 @@ dependencies = [

 [[package]]
 name = "rfd"
-version = "0.16.0"
+version = "0.17.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a15ad77d9e70a92437d8f74c35d99b4e4691128df018833e99f90bcd36152672"
+checksum = "20dafead71c16a34e1ff357ddefc8afc11e7d51d6d2b9fbd07eaa48e3e540220"
 dependencies = [
 "block2",
 "dispatch2",
@@ -5874,16 +5919,18 @@ dependencies = [
 "gobject-sys 0.18.0",
 "gtk-sys",
 "js-sys",
+ "libc",
 "log",
 "objc2",
 "objc2-app-kit",
 "objc2-core-foundation",
 "objc2-foundation",
+ "percent-encoding",
 "raw-window-handle",
 "wasm-bindgen",
 "wasm-bindgen-futures",
 "web-sys",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -6027,7 +6074,7 @@ dependencies = [
 "errno",
 "libc",
 "linux-raw-sys 0.4.15",
- "windows-sys 0.52.0",
+ "windows-sys 0.59.0",
 ]

 [[package]]
@@ -6040,7 +6087,7 @@ dependencies = [
 "errno",
 "libc",
 "linux-raw-sys 0.12.1",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -6099,7 +6146,7 @@ dependencies = [
 "security-framework",
 "security-framework-sys",
 "webpki-root-certs",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -6477,7 +6524,7 @@ version = "3.21.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "84d57bc0c8b9a17920c178daa6bb924850d54a9c97ab45194bb8c17ad66bb660"
 dependencies = [
- "darling",
+ "darling 0.23.0",
 "proc-macro2",
 "quote",
 "syn 2.0.119",
@@ -6719,7 +6766,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c3d1e2c7f27f8d4cb10542a02c49005dbd6e93095799d6f3be745fae9f8fedd4"
 dependencies = [
 "libc",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -6737,7 +6784,7 @@ dependencies = [
 "objc2-foundation",
 "objc2-quartz-core",
 "raw-window-handle",
- "redox_syscall",
+ "redox_syscall 0.5.18",
 "tracing",
 "wasm-bindgen",
 "web-sys",
@@ -6772,9 +6819,9 @@ dependencies = [

 [[package]]
 name = "specta"
-version = "2.0.0-rc.25"
+version = "2.0.0-rc.26"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "38f9a30cbcbb7011f1da7d73483983bf838af123883e45f2b36ed76328df9c50"
+checksum = "ed155e448f42fc4be7a5cbc12bd43f6c549981f7c32fcba429ff6bc57cc4f30c"
 dependencies = [
 "paste",
 "rustc_version 0.4.1",
@@ -6784,9 +6831,9 @@ dependencies = [

 [[package]]
 name = "specta-macros"
-version = "2.0.0-rc.25"
+version = "2.0.0-rc.26"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2ce14957ecc2897f1f848b8255b6531d13ddf49cbcf506b7c2c9fb1d005593bb"
+checksum = "b34b2516e16a9ddd3dc4e73cd6454cfe21fe209f8cb5a6f37346fe3774d759b3"
 dependencies = [
 "Inflector",
 "proc-macro2",
@@ -6796,9 +6843,9 @@ dependencies = [

 [[package]]
 name = "specta-serde"
-version = "0.0.12"
+version = "0.0.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ee8a72b755ddb8949fd8f17c5db43f0e8a806ea587d9bc602ee3f73240c00029"
+checksum = "4983177ed0eb28235080261953de5f9ebae8a2d107851b5852420bd2ab246245"
 dependencies = [
 "specta",
 "specta-macros",
@@ -6806,18 +6853,18 @@ dependencies = [

 [[package]]
 name = "specta-typescript"
-version = "0.0.12"
+version = "0.0.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "639404ee95557f2f8b7e4cb773ffefd45304c7ab8ba21ac83b69051595e083c0"
+checksum = "3ecbe75dc1d27b36141b50b02b7c73bed00945710cee6edffa86d296a159a6f9"
 dependencies = [
 "specta",
 ]

 [[package]]
 name = "specta-util"
-version = "0.0.12"
+version = "0.0.13"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "29b1fc02b446f7244a92924fe68c0555921209f1d342990cd1539e9138e69502"
+checksum = "d9bf531215ea70fba8264edecf98f12600462cf359f2038602a47aeda5ecd5b8"
 dependencies = [
 "specta",
 ]
@@ -6847,7 +6894,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a18596f8c785a729f2819c0f6a7eae6ebeebdfffbfe4214ae6b087f690e31901"
 dependencies = [
 "new_debug_unreachable",
- "parking_lot",
+ "parking_lot 0.12.5",
 "phf_shared 0.13.1",
 "precomputed-hash",
 ]
@@ -6983,16 +7030,15 @@ dependencies = [

 [[package]]
 name = "sysinfo"
-version = "0.39.6"
+version = "0.40.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d2071df9448915b71c4fe6d25deaf1c22f12bd234f01540b77312bb8e41361e6"
+checksum = "0e8a3edbe0394ce115f3917a00349dd242be09eb5a091ed509eaf67b55cfb8a8"
 dependencies = [
 "libc",
 "memchr",
 "ntapi",
 "objc2-core-foundation",
 "objc2-io-kit",
- "objc2-open-directory",
 "windows 0.62.2",
 ]

@@ -7094,7 +7140,7 @@ dependencies = [
 "objc2-app-kit",
 "objc2-foundation",
 "objc2-ui-kit",
- "parking_lot",
+ "parking_lot 0.12.5",
 "percent-encoding",
 "raw-window-handle",
 "tao-macros",
@@ -7148,9 +7194,9 @@ checksum = "adb6935a6f5c20170eeceb1a3835a49e12e19d792f6dd344ccc76a985ca5a6ca"

 [[package]]
 name = "tauri"
-version = "2.12.4"
+version = "2.12.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f316751027fc2644221d1a448564d519efb07067fda584879d9cda966391d212"
+checksum = "5fb0244332cfb9cee7e2a568bf5da29a36ed8fdbd717f6f47a66b6b7b358c072"
 dependencies = [
 "anyhow",
 "bytes",
@@ -7203,9 +7249,9 @@ dependencies = [

 [[package]]
 name = "tauri-build"
-version = "2.7.3"
+version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "641dd5fd297c99ab92717b0428cca5b9c6f960b2ac96ca131b3eebc9d70b8ddc"
+checksum = "adddb0e648752aaac5da9c3c3c6a68e1e87cab55e3b757b18a9441ef8c3ac614"
 dependencies = [
 "anyhow",
 "cargo_toml",
@@ -7226,16 +7272,16 @@ dependencies = [

 [[package]]
 name = "tauri-codegen"
-version = "2.7.3"
+version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a6585c5b536c00f039d12ce70a9755172d5423bbcfd3969863baa70314c3e02f"
+checksum = "fb37631cf71dab5e8ab55e1bdd701e18a52653d90b78e71d0e5598b1e0a61316"
 dependencies = [
 "base64 0.23.1",
 "brotli",
 "ico",
 "json-patch",
 "plist",
- "png 0.18.1",
+ "png",
 "proc-macro2",
 "quote",
 "semver 1.0.28",
@@ -7253,9 +7299,9 @@ dependencies = [

 [[package]]
 name = "tauri-macros"
-version = "2.7.3"
+version = "2.7.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2e83a0cfa1bae376e8fbbdc0b1692707aed50cd6072ce85cae4789af5d6c19f"
+checksum = "0cc38db58854c10fb5f91a887ed8bf82d3239bb92b5d8db86eda09e96d9963d1"
 dependencies = [
 "heck 0.5.0",
 "proc-macro2",
@@ -7301,7 +7347,7 @@ version = "0.1.0"
 dependencies = [
 "deelevate",
 "libc",
- "parking_lot",
+ "parking_lot 0.13.0",
 "serde",
 "specta",
 "sysinfo",
@@ -7326,9 +7372,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-deep-link"
-version = "2.6.2"
+version = "2.6.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1b3c64e24ebcbc63aaa2d88a9c51e2507084b46620baf39ecb0baa0738a08bb4"
+checksum = "ab551d9bec27bb79d1c7fe5ed38c5cfd1cebb86efa745acc65f5853f345f6e56"
 dependencies = [
 "dunce",
 "plist",
@@ -7347,9 +7393,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-devtools"
-version = "2.2.2"
+version = "2.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1acb4d1b8490ee79166b72c3f8c989e066650a11aa94dfd0d71fb05c61cdbed0"
+checksum = "299a62101a16c14b914ebfaf529b4b64ad9ca534a0ece1c21fc9308d1e3ba9db"
 dependencies = [
 "async-stream",
 "bytes",
@@ -7374,9 +7420,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-dialog"
-version = "2.8.3"
+version = "2.8.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b7461aaacf1901915ea7b9f5cd74f8224a351ed96af0a62c07fce934003cb34b"
+checksum = "ce0fb9c2b6d34a9720627ed930ebc8af26f61e648695aecaeb03d5c33c5896f5"
 dependencies = [
 "log",
 "raw-window-handle",
@@ -7480,13 +7526,13 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-notification"
-version = "2.7.0"
+version = "2.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b939d7b19c8af1381a72ef8474b3aba2b56c1ddac2c23f0c8e96abbcf86b198b"
+checksum = "5bc6c194a95a535abdfbe3bc1af9a43935b8b9b29c216b8e71af8b59132703cf"
 dependencies = [
 "log",
 "notify-rust",
- "rand 0.9.5",
+ "rand 0.10.2",
 "serde",
 "serde_json",
 "serde_repr",
@@ -7520,21 +7566,11 @@ dependencies = [
 "zbus",
 ]

-[[package]]
-name = "tauri-plugin-process"
-version = "2.4.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "74ae3d8549ae564c0397377373e262f340908eb23a5b9fbe03f2a00007dc0038"
-dependencies = [
- "tauri",
- "tauri-plugin",
-]
-
 [[package]]
 name = "tauri-plugin-shell"
-version = "2.5.0"
+version = "2.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8567d42b2c7264355daa1df415ec77f52aa42e885924c86a969be2e920e05521"
+checksum = "7375b25f72f70f6168f27f1ba3a413e30eaa0a2098cff53a4046ebfe9e2f142d"
 dependencies = [
 "encoding_rs",
 "libc",
@@ -7589,9 +7625,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-wdio-webdriver"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4f76676d510d271d80abcf8b0552987b5b4f0eae5e3f906e9b5660d43c97c62e"
+checksum = "5a775b0b59f6f12b38d1f28667311a89cd07f532f540e27d65c6eadfba1156d8"
 dependencies = [
 "async-trait",
 "axum",
@@ -7662,9 +7698,9 @@ dependencies = [

 [[package]]
 name = "tauri-runtime-wry"
-version = "2.12.2"
+version = "2.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8d61892587aea2a85245bcaec98c6fe46268874c0a0deae5535fb71ca7b93eae"
+checksum = "e1aa9d8b7a120f879f44fdc1053f7b7dbf416bf0bbc6a72b714dec46b782b52f"
 dependencies = [
 "gtk",
 "http",
@@ -7672,7 +7708,6 @@ dependencies = [
 "log",
 "objc2",
 "objc2-app-kit",
- "once_cell",
 "percent-encoding",
 "raw-window-handle",
 "softbuffer",
@@ -7689,11 +7724,12 @@ dependencies = [

 [[package]]
 name = "tauri-specta"
-version = "2.0.0-rc.25"
+version = "2.0.0-rc.26"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ee080f36d2ac17ce2f3a82fb53f02d664e8345457de51b56dad3c394dacc41a2"
+checksum = "fe71fc209fa4c49f959644f1ae2d70f72d5675bcb3d3ad8518122fa7b330994e"
 dependencies = [
 "heck 0.5.0",
+ "paste",
 "serde",
 "serde_json",
 "specta",
@@ -7707,15 +7743,15 @@ dependencies = [

 [[package]]
 name = "tauri-specta-macros"
-version = "2.0.0-rc.25"
+version = "2.0.0-rc.26"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6a59dfdce06c98d8d211619bea5fdb39486d8a8c558e12b2d2ce255972320012"
+checksum = "dbf5689a1dbf2611e2351b79ba042ca089d0a3ce45274695e79084cd732a5aec"
 dependencies = [
- "darling",
+ "darling 0.24.1",
 "heck 0.5.0",
 "proc-macro2",
 "quote",
- "syn 2.0.119",
+ "syn 3.0.5",
 ]

 [[package]]
@@ -7785,10 +7821,10 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32497e9a4c7b38532efcdebeef879707aa9f794296a4f0244f6f69e9bc8574bd"
 dependencies = [
 "fastrand",
- "getrandom 0.3.4",
+ "getrandom 0.4.3",
 "once_cell",
 "rustix 1.1.4",
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -8041,9 +8077,9 @@ checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"

 [[package]]
 name = "tokio"
-version = "1.53.3"
+version = "1.54.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce3335fa71841cda333a58d7615b03901380ecf09d59b3296d21f8bbac0dde4e"
+checksum = "b52fd3255258d26fac7264ab5a76b53c13367136dc011d3d6ad4f8ed070396a3"
 dependencies = [
 "bytes",
 "libc",
@@ -8399,7 +8435,7 @@ dependencies = [
 "flexi_logger",
 "log",
 "nu-ansi-term",
- "parking_lot",
+ "parking_lot 0.12.5",
 "tokio",
 "tracing",
 "tracing-log",
@@ -8451,10 +8487,10 @@ dependencies = [
 "objc2-core-graphics",
 "objc2-foundation",
 "once_cell",
- "png 0.18.1",
+ "png",
 "serde",
 "thiserror 2.0.20",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -8563,7 +8599,7 @@ checksum = "f2f6fb2847f6742cd76af783a2a2c49e9375d0a111c7bef6f71cd9e738c72d6e"
 dependencies = [
 "memoffset",
 "tempfile",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -9009,9 +9045,9 @@ dependencies = [

 [[package]]
 name = "webpki-roots"
-version = "1.0.9"
+version = "1.0.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7dcd9d09a39985f5344844e66b0c530a33843579125f23e21e9f0f220850f22a"
+checksum = "f5f280bbb2b287bc8e7de7e3852945a0ff50d1bbcb5ed42b6c7a568c546df171"
 dependencies = [
 "rustls-pki-types",
 ]
@@ -9105,7 +9141,7 @@ version = "0.1.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c2a7b1c03c876122aa43f3020e6c3c3ee5c05081c9a00739faf7503aeba10d22"
 dependencies = [
- "windows-sys 0.52.0",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -9126,7 +9162,7 @@ dependencies = [
 "objc2-foundation",
 "objc2-quartz-core",
 "raw-window-handle",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 "windows-version",
 ]

@@ -9701,7 +9737,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7d6f32a0ff4a9f6f01231eb2059cc85479330739333e0e58cadf03b6af2cca10"
 dependencies = [
 "cfg-if",
- "windows-sys 0.60.2",
+ "windows-sys 0.61.2",
 ]

 [[package]]
@@ -10033,9 +10069,9 @@ dependencies = [

 [[package]]
 name = "zip"
-version = "9.1.3"
+version = "9.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1156b39d142a34b999c2310a50455e0cb3760bf7efad0122f796d813bee26ccb"
+checksum = "eaeb7f16d2605b49aef586996ded29e65642fab7259a3077e537351df6d80426"
 dependencies = [
 "aes",
 "bzip2",
@@ -10046,6 +10082,7 @@ dependencies = [
 "getrandom 0.4.3",
 "hmac",
 "indexmap 2.14.0",
+ "libc",
 "lzma-rust2",
 "memchr",
 "nix",
@@ -61,21 +61,20 @@ tracing-estuary = { git = "https://github.com/Tunglies/tracing-estuary.git", bra
 tauri-plugin-clash-verge-sysinfo = { path = "crates/tauri-plugin-clash-verge-sysinfo" }
 tracing = "0.1.44"

-tauri = { version = "2.12.4" }
+tauri = { version = "2.12.5" }
 tauri-plugin-clipboard-manager = "2.5.0"
-parking_lot = { version = "0.12.5", features = ["hardware-lock-elision"] }
+parking_lot = "0.13.0"
 anyhow = "1.0.104"
 chrono = "0.4.45"
 criterion = { version = "0.8.2", features = ["async_tokio"] }
-tokio = { version = "1.53.3", features = [
+tokio = { version = "1.54.1", features = [
  "rt-multi-thread",
  "macros",
  "time",
  "sync",
 ] }
 flexi_logger = "0.31.10"
-log = "0.4.34"
-regex = "1.13.1"
+log = "0.4.35"
 reqwest = { version = "0.13.5", features = [
  "json",
  "cookies",
@@ -90,7 +89,6 @@ smartstring = { version = "1.0.1" }
 serde = { version = "1.0.229" }
 serde_json = { version = "1.0.154" }
 serde_yaml_ng = { version = "0.10.0" }
-bitflags = { version = "2.13.2" }
 socket2 = "0.6.5"

 # *** For Windows platform only ***
@@ -25,6 +25,13 @@
 <summary><strong> 🐞 修复问题 </strong></summary>

 - 修复检测更新后又发布新版时，应用内更新失败
+- 修复全局模式默认停在 `DIRECT` 或 `REJECT` 导致流量未经代理，现自动切换到第一个策略组
+- 修复订阅中未加引号的 REALITY `short-id`（如 `1234e123`）被误读为数字，导致订阅无法启用
+
+**🍎 macOS**
+
+- 修复 macOS TUN 模式下原有 DNS 被清除、关闭后 DNS 未恢复及联网后设置未生效
+- 修复 macOS 断网时误报代理已回退直连，恢复联网后自动重试系统代理

 </details>

@@ -37,5 +44,10 @@
 <details>
 <summary><strong> 🚀 优化改进 </strong></summary>

+- 优化全局模式代理列表：仅显示 `GLOBAL` 节点，选中其中的策略组时才显示该组
+
+**🍎 macOS**
+
+- 优化 macOS TUN 模式的系统 DNS，增加阿里和 Cloudflare 地址

 </details>
@@ -102,10 +102,6 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md) for more details.

 To run the development server, execute the following commands after all prerequisites for **Tauri** are installed:

-`pnpm dev` also requires a matching `clash-verge-service-ipc` source checkout at
-`../clash-verge-service-ipc`; `pnpm prebuild` downloads binaries but does not
-provide this checkout. See [CONTRIBUTING.md](./CONTRIBUTING.md) for setup details.
-
 ```shell
 pnpm i
 pnpm run prebuild
@@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2024"

 [dependencies]
-specta = { version = "=2.0.0-rc.25", features = ["derive", "function"] }
+specta = { version = "=2.0.0-rc.26", features = ["derive", "function"] }
 clash-verge-logging = { workspace = true }
 chrono = { workspace = true }
 log = { workspace = true }
@@ -5,14 +5,14 @@ edition = "2024"
 rust-version = "1.91"

 [dependencies]
-specta = { version = "=2.0.0-rc.25", features = ["derive", "function"] }
+specta = { version = "=2.0.0-rc.26", features = ["derive", "function"] }
 tauri = { workspace = true }
 tauri-plugin-clipboard-manager = { workspace = true }
 parking_lot = { workspace = true }
 serde = { workspace = true, features = ["derive"] }
 # sysinfo 0.38.2 conflicts with dark-light
 # see https://github.com/GuillaumeGomez/sysinfo/issues/1623
-sysinfo = { version = "0.39.6", features = ["network", "system"] }
+sysinfo = { version = "0.40.1", default-features = false, features = ["network", "system"] }

 [target.'cfg(not(windows))'.dependencies]
 libc = "0.2.191"
@@ -27,9 +27,9 @@ pub struct SysInfo {
 impl Default for SysInfo {
    #[inline]
    fn default() -> Self {
-        let system_name = System::name().unwrap_or_else(|| "Null".into());
-        let system_version = System::long_os_version().unwrap_or_else(|| "Null".into());
-        let system_kernel_version = System::kernel_version().unwrap_or_else(|| "Null".into());
+        let system_name = System::name().unwrap_or_else(|_| "Null".into());
+        let system_version = System::long_os_version().unwrap_or_else(|_| "Null".into());
+        let system_kernel_version = System::kernel_version().unwrap_or_else(|_| "Null".into());
        let system_arch = System::cpu_arch();
        Self {
            system_name,
@@ -130,9 +130,14 @@ pub fn current_gid() -> u32 {

 #[inline]
 pub fn list_network_interfaces() -> Vec<String> {
-    let mut networks = Networks::new();
+    let Ok(mut networks) = Networks::new() else {
+        return Vec::new();
+    };
    networks.refresh(false);
-    networks.keys().map(|name| name.to_owned()).collect()
+    networks
+        .keys()
+        .map(|name| name.to_string_lossy().into_owned())
+        .collect()
 }

 #[inline]
@@ -56,7 +56,7 @@
    "@tanstack/react-virtual": "^3.14.13",
    "@tauri-apps/api": "2.12.4",
    "@tauri-apps/plugin-clipboard-manager": "2.5.0",
-    "@tauri-apps/plugin-dialog": "2.8.3",
+    "@tauri-apps/plugin-dialog": "2.8.4",
    "@tauri-apps/plugin-fs": "2.7.1",
    "@tauri-apps/plugin-http": "2.8.3",
    "@tauri-apps/plugin-opener": "2.7.2",
@@ -94,7 +94,7 @@
    "@biomejs/biome": "^2.5.14",
    "@eslint-react/eslint-plugin": "^5.20.5",
    "@eslint/js": "^10.0.1",
-    "@tauri-apps/cli": "2.12.3",
+    "@tauri-apps/cli": "2.12.4",
    "@types/lodash-es": "^4.17.12",
    "@types/node": "^26.0.0",
    "@types/react": "19.3.0",
@@ -102,7 +102,7 @@
    "@types/validator": "^13.15.10",
    "@vitejs/plugin-legacy": "^8.2.3",
    "@vitejs/plugin-react": "^6.1.1",
-    "@wdio/tauri-service": "1.5.0",
+    "@wdio/tauri-service": "1.5.1",
    "adm-zip": "^0.6.1",
    "axios": "^1.20.0",
    "cli-color": "^2.0.4",
@@ -117,7 +117,6 @@
    "eslint-plugin-react-refresh": "^0.5.7",
    "eslint-plugin-sukka": "^10.2.0",
    "eslint-plugin-unused-imports": "^4.4.1",
-    "glob": "^14.0.0",
    "globals": "^17.12.0",
    "https-proxy-agent": "^9.1.0",
    "husky": "^9.1.7",
@@ -146,5 +145,5 @@
    ]
  },
  "type": "module",
-  "packageManager": "pnpm@12.16.1"
+  "packageManager": "pnpm@12.18.0"
 }
@@ -7,153 +7,153 @@ importers:
    configDependencies: {}
    packageManagerDependencies:
      pnpm:
-        specifier: 12.16.1
-        version: 12.16.1
+        specifier: 12.18.0
+        version: 12.18.0

 packages:

-  '@pnpm/exe.android-arm64@12.16.1':
-    resolution: {integrity: sha512-PKf78Ew+i0CBYf0Xc+eMcqQiqyBT+u8XCVg1F5roc98/6wWfdYlWhrUMmEBiKWaJ3JqHxrtt8l1NwZ7qfJt2/Q==}
+  '@pnpm/exe.android-arm64@12.18.0':
+    resolution: {integrity: sha512-fOF6IwgvnUKEmVedGqiAsNPfN2Ry8GvaqzSQOiF3RJFbpBfPKO/6YT54s1GjToyYinRxw9preHHPe4y2N3SzhA==}
    cpu: [arm64]
    os: [android]

-  '@pnpm/exe.android-x64@12.16.1':
-    resolution: {integrity: sha512-xdu7gMbB98pdvhwMeA6612Of515FDlRUtfA/1f7nWPZfPLnEdSRBO2u+1N0XBtQ/ennhPH/lrxB1gC6gnR/cdg==}
+  '@pnpm/exe.android-x64@12.18.0':
+    resolution: {integrity: sha512-6OiolnaCsB3/GcJ9XNrenbUH3zFHRJ+5QynrMUUEyThbgnnCzWxa199hpQlOmxN4rAXuYQ0IYgWFNUZxyzg31Q==}
    cpu: [x64]
    os: [android]

-  '@pnpm/exe.darwin-arm64@12.16.1':
-    resolution: {integrity: sha512-pVbmIIbhixiLvADLu1WA3TaW8FZy/D72R1De27WbbFx8/2mxvnsTyFVm4fO9kjpjMY7RzJd48CiQ96p8fO3ebQ==}
+  '@pnpm/exe.darwin-arm64@12.18.0':
+    resolution: {integrity: sha512-zkq+4YzVIX39ETYLyC3W7LY7MpHEU/J3nRhHl4i2yPld2Cf2+rEKRh3ejJ4AmaQ77HHJLCktY4Z3jq0fpcxFXg==}
    cpu: [arm64]
    os: [darwin]

-  '@pnpm/exe.darwin-x64@12.16.1':
-    resolution: {integrity: sha512-xZvQBFqcZjO7vFKTK3XsJpqY6lnBL9EWSLCzVUPq3kZ94+D96gwJCa76xxGNK8Cj32f4eeM91Qg+yNRR4sRpDw==}
+  '@pnpm/exe.darwin-x64@12.18.0':
+    resolution: {integrity: sha512-qMsL9qx92unOTa6hgkfiTJv8ceZaTx0IQg7InhYDVX2ZrTECujaVEEVypnJK5m3eGUsP1KD7Y4qIgleCwfRsYw==}
    cpu: [x64]
    os: [darwin]

-  '@pnpm/exe.freebsd-x64@12.16.1':
-    resolution: {integrity: sha512-zTtunfi9mBhRXiXEJYfwiJj0tk7MgTSfqDSRh+Az9FZ9THazVIiQiVNS8jpcsftDOqu7LKNffQdjmgwHDThfUg==}
+  '@pnpm/exe.freebsd-x64@12.18.0':
+    resolution: {integrity: sha512-/9vy/4ms52cU4MjZ5NhHd6N2d9L9W0kARf5/ff2tweAHu0VeUzs/0qp/7ZHFuddm2Wa/m0AKQoPum9AVUCqKsw==}
    cpu: [x64]
    os: [freebsd]

-  '@pnpm/exe.linux-arm64-musl@12.16.1':
-    resolution: {integrity: sha512-BJ3mOmcmQgcUo92Ee/WfEOt1pRiv3y2MMAkhEiYHd85UiPpHTfFhv+SpCbALmfExzXk3UlaRtMYwHlkQymc4VA==}
+  '@pnpm/exe.linux-arm64-musl@12.18.0':
+    resolution: {integrity: sha512-Vp+TIMPPyackVCXkOdEKH/RmAn/r07EcIyrgZYQK7VrkksqZOie0GnWIx+85mPqeFEYCRtXIZAFJ9L4ceTndDg==}
    cpu: [arm64]
    os: [linux]
    libc: [musl]

-  '@pnpm/exe.linux-arm64@12.16.1':
-    resolution: {integrity: sha512-JaRd5gNxwdNGBBkrZFt8bknrK4YmHVJBW0JMhUQ0fJ0dEYp6C2GT9ExaCqOO8EwYEyqM+jpKgJIK+8WFaJy3ew==}
+  '@pnpm/exe.linux-arm64@12.18.0':
+    resolution: {integrity: sha512-2dpyVBCHT+FfpuQh9i+7MXAqNWYLCvD5vYr5p6Eimxoga8USLnjbUgyj72AOrO0hjc5ri3TEFP3jiyBHjkSZpQ==}
    cpu: [arm64]
    os: [linux]
    libc: [glibc]

-  '@pnpm/exe.linux-ppc64@12.16.1':
-    resolution: {integrity: sha512-FnSV0Jv40S1cMv7vFNWwvu0X567Lec4L4HCRead3CFcD6zQDNbGw81s8N5bcKPahtPD9ApVuhsbmFCx4rw6RMw==}
+  '@pnpm/exe.linux-ppc64@12.18.0':
+    resolution: {integrity: sha512-BBOOOfNJ2QwIIya3eKqOjiN4WNTszfRz7HCvw9XggcT7+ftMjNP8XJ/GfW+ltCBeUFR9d8WBVsr2m/NLjX2CZQ==}
    cpu: [ppc64]
    os: [linux]
    libc: [glibc]

-  '@pnpm/exe.linux-riscv64@12.16.1':
-    resolution: {integrity: sha512-C1Sww4FN5IttD4atRRhAKmQtSGWVp04ZAKNxO8pfu2bkRPwOW+7v+2DH1Xs1W+kZYYpO86BYDvUcadefF+AgaQ==}
+  '@pnpm/exe.linux-riscv64@12.18.0':
+    resolution: {integrity: sha512-7kMN77xSOYJX8GPSH5RbNAc5oM61LMmcSUukDDUwllnZPXm8GRPskCNsTWy8SCw01Kr1FB+5SwGNMiTdiziLNQ==}
    cpu: [riscv64]
    os: [linux]
    libc: [glibc]

-  '@pnpm/exe.linux-s390x@12.16.1':
-    resolution: {integrity: sha512-kn2fautsTcxIMODoovQVqZyfpDRdNgGkoeVqNdrKqbeBBvrEl+fXLkmZiq5xDht1LMr4sYiCNcsMfNMT6JPFmg==}
+  '@pnpm/exe.linux-s390x@12.18.0':
+    resolution: {integrity: sha512-htuSCpEcmDzhKoJqXbPkvfr176dBHU0QIF5mWcRiqxRXAB/1JoYiMYotfjWpk+ztgpB9qlx4XnWlLFAf7gzc6g==}
    cpu: [s390x]
    os: [linux]
    libc: [glibc]

-  '@pnpm/exe.linux-x64-musl@12.16.1':
-    resolution: {integrity: sha512-PM6ccHCOe/O9SsTflTJTYWfwogJZa6EmUvpnwZgiPguJBddh20wDQKgxUPXf48rDsPm9vMsIij0uHswwwbXL8g==}
+  '@pnpm/exe.linux-x64-musl@12.18.0':
+    resolution: {integrity: sha512-Uj+vzfIQ62kDP10x36yHZIXVs5ohdNtiPYwn5FhCLlNScHPo0OAI+ShGDtLofiBXKE7umu71Jmjm7N8a8zVcDw==}
    cpu: [x64]
    os: [linux]
    libc: [musl]

-  '@pnpm/exe.linux-x64@12.16.1':
-    resolution: {integrity: sha512-RK//8ZLcXGW8A2k8bQOXZDBN1Qu92zN4dYnG1bzj1zoQ1fkZ6jNzZ1AvXtsfGVma795CJtvoaF5bLXf4l/FIUw==}
+  '@pnpm/exe.linux-x64@12.18.0':
+    resolution: {integrity: sha512-OJ+X2wcraldCwj75pCIerWARQSRpdfj0eBTs/2ODyhfeW46ylOnjTIE/GKra6Mn6E72/gBmXS8igrUioa+F9fQ==}
    cpu: [x64]
    os: [linux]
    libc: [glibc]

-  '@pnpm/exe.win32-arm64@12.16.1':
-    resolution: {integrity: sha512-Ox3kNNVxtGw6pK7SVejmeOUgHhUTZgAM7NQQ6cU7frPw3ix9+j7d2MGbRg3fyEFAaKWq8ZAZLTQGcDyLnAu+qA==}
+  '@pnpm/exe.win32-arm64@12.18.0':
+    resolution: {integrity: sha512-wEY6jiACGcbhhi5yD59doHqNTndS7AaujaPmtWAu1DKkHru2hy5fJ9yUGecW72Ypaw2/I3BEprfMOopap2NQtw==}
    cpu: [arm64]
    os: [win32]

-  '@pnpm/exe.win32-x64@12.16.1':
-    resolution: {integrity: sha512-k+FhRJ0ttphFoFIVB1Sk4v76YJAulafmA/Ly57cysesUhhIzVlApeOShUz0jXubKx317TThlEfpQrukldnqORA==}
+  '@pnpm/exe.win32-x64@12.18.0':
+    resolution: {integrity: sha512-5FJkghO7RLRkQpWxeVEygW9XsmnNuxzPfXbgwFWCHsFyFhpDn/vOdL88ToQEM0Kt5igdW5s6U0/IDH8Dvkt3pg==}
    cpu: [x64]
    os: [win32]

-  pnpm@12.16.1:
-    resolution: {integrity: sha512-CR0d7nknV1Zhsl2rPCrjHK/BxU1rce1qZgDPDByxBDSkR+rhQBXxsj4ua+3u1535SpMuIWTSgyKA3OP7MvZW0Q==}
+  pnpm@12.18.0:
+    resolution: {integrity: sha512-nXiC1dyCFH7PxOBiqjSDTgrQKWcQoYN6ERWuASEn02txCeMhrBWYod0KZVl2gbHpmRfhLtDXSerpEYeUM2O+sw==}
    engines: {node: '>=18'}
    hasBin: true

 snapshots:

-  '@pnpm/exe.android-arm64@12.16.1':
+  '@pnpm/exe.android-arm64@12.18.0':
    optional: true

-  '@pnpm/exe.android-x64@12.16.1':
+  '@pnpm/exe.android-x64@12.18.0':
    optional: true

-  '@pnpm/exe.darwin-arm64@12.16.1':
+  '@pnpm/exe.darwin-arm64@12.18.0':
    optional: true

-  '@pnpm/exe.darwin-x64@12.16.1':
+  '@pnpm/exe.darwin-x64@12.18.0':
    optional: true

-  '@pnpm/exe.freebsd-x64@12.16.1':
+  '@pnpm/exe.freebsd-x64@12.18.0':
    optional: true

-  '@pnpm/exe.linux-arm64-musl@12.16.1':
+  '@pnpm/exe.linux-arm64-musl@12.18.0':
    optional: true

-  '@pnpm/exe.linux-arm64@12.16.1':
+  '@pnpm/exe.linux-arm64@12.18.0':
    optional: true

-  '@pnpm/exe.linux-ppc64@12.16.1':
+  '@pnpm/exe.linux-ppc64@12.18.0':
    optional: true

-  '@pnpm/exe.linux-riscv64@12.16.1':
+  '@pnpm/exe.linux-riscv64@12.18.0':
    optional: true

-  '@pnpm/exe.linux-s390x@12.16.1':
+  '@pnpm/exe.linux-s390x@12.18.0':
    optional: true

-  '@pnpm/exe.linux-x64-musl@12.16.1':
+  '@pnpm/exe.linux-x64-musl@12.18.0':
    optional: true

-  '@pnpm/exe.linux-x64@12.16.1':
+  '@pnpm/exe.linux-x64@12.18.0':
    optional: true

-  '@pnpm/exe.win32-arm64@12.16.1':
+  '@pnpm/exe.win32-arm64@12.18.0':
    optional: true

-  '@pnpm/exe.win32-x64@12.16.1':
+  '@pnpm/exe.win32-x64@12.18.0':
    optional: true

-  pnpm@12.16.1:
+  pnpm@12.18.0:
    optionalDependencies:
-      '@pnpm/exe.android-arm64': 12.16.1
-      '@pnpm/exe.android-x64': 12.16.1
-      '@pnpm/exe.darwin-arm64': 12.16.1
-      '@pnpm/exe.darwin-x64': 12.16.1
-      '@pnpm/exe.freebsd-x64': 12.16.1
-      '@pnpm/exe.linux-arm64': 12.16.1
-      '@pnpm/exe.linux-arm64-musl': 12.16.1
-      '@pnpm/exe.linux-ppc64': 12.16.1
-      '@pnpm/exe.linux-riscv64': 12.16.1
-      '@pnpm/exe.linux-s390x': 12.16.1
-      '@pnpm/exe.linux-x64': 12.16.1
-      '@pnpm/exe.linux-x64-musl': 12.16.1
-      '@pnpm/exe.win32-arm64': 12.16.1
-      '@pnpm/exe.win32-x64': 12.16.1
+      '@pnpm/exe.android-arm64': 12.18.0
+      '@pnpm/exe.android-x64': 12.18.0
+      '@pnpm/exe.darwin-arm64': 12.18.0
+      '@pnpm/exe.darwin-x64': 12.18.0
+      '@pnpm/exe.freebsd-x64': 12.18.0
+      '@pnpm/exe.linux-arm64': 12.18.0
+      '@pnpm/exe.linux-arm64-musl': 12.18.0
+      '@pnpm/exe.linux-ppc64': 12.18.0
+      '@pnpm/exe.linux-riscv64': 12.18.0
+      '@pnpm/exe.linux-s390x': 12.18.0
+      '@pnpm/exe.linux-x64': 12.18.0
+      '@pnpm/exe.linux-x64-musl': 12.18.0
+      '@pnpm/exe.win32-arm64': 12.18.0
+      '@pnpm/exe.win32-x64': 12.18.0

 ---
 lockfileVersion: '9.0'
@@ -206,8 +206,8 @@ importers:
        specifier: 2.5.0
        version: 2.5.0
      '@tauri-apps/plugin-dialog':
-        specifier: 2.8.3
-        version: 2.8.3
+        specifier: 2.8.4
+        version: 2.8.4
      '@tauri-apps/plugin-fs':
        specifier: 2.7.1
        version: 2.7.1
@@ -315,8 +315,8 @@ importers:
        specifier: ^10.0.1
        version: 10.0.1(eslint@10.11.0(jiti@2.7.0)(supports-color@7.2.0))
      '@tauri-apps/cli':
-        specifier: 2.12.3
-        version: 2.12.3
+        specifier: 2.12.4
+        version: 2.12.4
      '@types/lodash-es':
        specifier: ^4.17.12
        version: 4.17.12
@@ -339,8 +339,8 @@ importers:
        specifier: ^6.1.1
        version: 6.1.1(vite@8.3.3(@types/node@26.6.5)(esbuild@0.28.2)(jiti@2.7.0)(sass@1.104.1)(terser@5.51.2)(yaml@2.9.1))
      '@wdio/tauri-service':
-        specifier: 1.5.0
-        version: 1.5.0(expect-webdriverio@6.1.0)(supports-color@7.2.0)(webdriverio@10.1.0(supports-color@7.2.0)(yauzl@2.10.0))
+        specifier: 1.5.1
+        version: 1.5.1(expect-webdriverio@6.1.0)(supports-color@7.2.0)(webdriverio@10.1.0(supports-color@7.2.0)(yauzl@2.10.0))
      adm-zip:
        specifier: ^0.6.1
        version: 0.6.1
@@ -383,9 +383,6 @@ importers:
      eslint-plugin-unused-imports:
        specifier: ^4.4.1
        version: 4.4.1(@typescript-eslint/eslint-plugin@8.70.0(@typescript-eslint/parser@8.70.0(eslint@10.11.0(jiti@2.7.0)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@10.11.0(jiti@2.7.0)(supports-color@7.2.0))(supports-color@7.2.0)(typescript@6.0.3))(eslint@10.11.0(jiti@2.7.0)(supports-color@7.2.0))
-      glob:
-        specifier: ^14.0.0
-        version: 14.0.3
      globals:
        specifier: ^17.12.0
        version: 17.12.0
@@ -1384,9 +1381,6 @@ packages:
    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
    engines: {node: '>=18.0.0'}

-  '@isaacs/nonrecursive-glob-match@1.0.2':
-    resolution: {integrity: sha512-GJPHIgPPtFl+nLhFHyF0zZoFcOFLsZWbHFFzo+Zr+PWDXJbl9hHxb2w+9SiF2fHmLgKaXIpUzQo3SbBBZ9WObw==}
-
  '@jest/diff-sequences@30.5.0':
    resolution: {integrity: sha512-OsqBjHXCn8cadasoAZBP6nWYvMsRhpMzGXTpxJ5aO04NlbdhIz+FVe3q49l0AwVhsz/cEmIpBes6gAFl1/dWQg==}
    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
@@ -2127,87 +2121,87 @@ packages:
  '@tauri-apps/api@2.12.4':
    resolution: {integrity: sha512-pVmfis+4zT8H0Qhp3xPZx9Ju7kpzvA6rr/PSJPyuwfvucTQ8sVt61NYU9KMkK703UFlYadFmjKA4HhybOtN0gg==}

-  '@tauri-apps/cli-darwin-arm64@2.12.3':
-    resolution: {integrity: sha512-xmVNoJOOKzKLj7GLHXmXLimRby9M42aBIJa0sB80N7o24eKV5JiVmToKTRLVH9yhL05GZ/B6rSSOmbzNFJwBAA==}
+  '@tauri-apps/cli-darwin-arm64@2.12.4':
+    resolution: {integrity: sha512-OxqKSckIkoJ6vX2AjifIJpTasFC0Hbdoo7gEiCmAjauABO3U8m2MRsLWe+QTiBwDx1mIrvgA+rvI7tvDnbnHVg==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [darwin]

-  '@tauri-apps/cli-darwin-x64@2.12.3':
-    resolution: {integrity: sha512-URd+0usfmUQQyb5kNPiKt2OT8gp7oGU7QR+qOppB6e35mpVBFFVNhWc9oWb3p0u71fDJ09DpF4T6m9xYxoIB8g==}
+  '@tauri-apps/cli-darwin-x64@2.12.4':
+    resolution: {integrity: sha512-fz76/77wMMJOaaUN6n3CybRG0P/MTEjjqYk81mGPyhi9m6Ue5T+LWBnJP/AkPooNatBPI2vtulGqomyMJ44lCQ==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [darwin]

-  '@tauri-apps/cli-linux-arm-gnueabihf@2.12.3':
-    resolution: {integrity: sha512-0kwUVx2LbmOoTRlwF1oDww7th4/NSluv4ZBQ6KRZsFKg4g0TlTcIiJ0VehqkQYUeC9xIT1Mk6XtF52mI155VSQ==}
+  '@tauri-apps/cli-linux-arm-gnueabihf@2.12.4':
+    resolution: {integrity: sha512-K0w8Bof6Lt8QKLAYhRy0yy36ZH5iA/35VuSOvnxyjvCUZ+A3JKsUTlALviH/sVgAlisaPzzmeJSH8XOn4Q2HBA==}
    engines: {node: '>= 10'}
    cpu: [arm]
    os: [linux]

-  '@tauri-apps/cli-linux-arm64-gnu@2.12.3':
-    resolution: {integrity: sha512-gKSGDx6fx+HBLQmG6guChFdisbrCSdx9Yli+j5teOa64gm1CeM+C6NLru5Pj3ZkkEep05BmCFjxvX+cjqAycZQ==}
+  '@tauri-apps/cli-linux-arm64-gnu@2.12.4':
+    resolution: {integrity: sha512-j5rOnjmRUwWrm1oosf0zBYl4D+fqydgUROFCk0hvKZxvbTT8SOERes0QB7rBV/XWNy+kM6pCKzb3oSm2sRglzg==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
    libc: [glibc]

-  '@tauri-apps/cli-linux-arm64-musl@2.12.3':
-    resolution: {integrity: sha512-Yr59qMy/gcvAfBuFdCGlAmGiLsYWMFDbsP4bAI6iNBzcJTGrYWZGeiQhGDo29MQwfF/NUBqyM2qljXu5tZ6wjQ==}
+  '@tauri-apps/cli-linux-arm64-musl@2.12.4':
+    resolution: {integrity: sha512-aOue3Fy6Jb7+oWcfAVUsVHfeTybSCt2CZoU06aO4jv4d2Ks/KnaTPwMAK3CLEduGOvBLY1lbBBrIyomqLLH5Sg==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
    libc: [musl]

-  '@tauri-apps/cli-linux-riscv64-gnu@2.12.3':
-    resolution: {integrity: sha512-jKr0/REBMnLKC0OwPQZkyge0mKDaNZ0b/AbfGwVyCgFfwS730EVLfVDo3nt7MUu6jJaytRq08+xSj5qfy+U1+Q==}
+  '@tauri-apps/cli-linux-riscv64-gnu@2.12.4':
+    resolution: {integrity: sha512-Fx6GShY/RvST+t6LMlTHAwd66+1tEaAAGrnU7cysVfaiRP1BKng5Vl6rVmO6rSLOA1Sp1dRzNYM4f0OWQGb7qA==}
    engines: {node: '>= 10'}
    cpu: [riscv64]
    os: [linux]
    libc: [glibc]

-  '@tauri-apps/cli-linux-x64-gnu@2.12.3':
-    resolution: {integrity: sha512-gTkEqJAGCMROGanxHnzaJzQ+/rXl39HWVg0/hDODS1wDWBGqoceqGC6Qm1+mQbyT11xnsB8mKu/gyVID/YpFIw==}
+  '@tauri-apps/cli-linux-x64-gnu@2.12.4':
+    resolution: {integrity: sha512-tNzZSa79Z1nRpHxEpQ38lsAFpKlFlYvoXzjTV+lRRn/zSf3wrdUC3wnLcq2XEadchPu4ttK0zivhYzr+XGD19Q==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
    libc: [glibc]

-  '@tauri-apps/cli-linux-x64-musl@2.12.3':
-    resolution: {integrity: sha512-T2dTxL1svRym71fZtaW4pZYXbthbfFsEJr1NeOUg/p7laWXZbUt/8DMSZf8recu9f7+1F/Lv00HtzsEu6vDO9w==}
+  '@tauri-apps/cli-linux-x64-musl@2.12.4':
+    resolution: {integrity: sha512-jmZ1pr0xEqUhuEusWtt9Yt+GF6lCnGHUmIL+KIknpbjK/XQ2qkhDBhaxK/JMHM2A8dAacVXCxXJk2EXpwhQUfA==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
    libc: [musl]

-  '@tauri-apps/cli-win32-arm64-msvc@2.12.3':
-    resolution: {integrity: sha512-eoiQwpEZWbpsVHcM9BAzqqe4TCHszvr3rsM7pUQ4ofLK0lF1i1d/jX0Qo5DYMqcrUtwQuDdDuOCbcT0Izf1VwQ==}
+  '@tauri-apps/cli-win32-arm64-msvc@2.12.4':
+    resolution: {integrity: sha512-fGo8pgEHZxdSYgZ/J98m1usJ7NHKmKbq7k6uT0x1rpOq6Bg2YVzzpaAblWk710f5LHYBJIL5QIFS5IrD+4gmTg==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [win32]

-  '@tauri-apps/cli-win32-ia32-msvc@2.12.3':
-    resolution: {integrity: sha512-kE+KUg6Dbbkgvcw0m99wJVIToFQzJqpMBAXah74WqxaLzssNwSTUccrHp6+QVzMhjQP330tvekFmnQF+0NbE6Q==}
+  '@tauri-apps/cli-win32-ia32-msvc@2.12.4':
+    resolution: {integrity: sha512-ezl8sQIcjYsye3TUnTH5VcWmWzccZASlQm7hlZt0dYyj1XD0qpVW47u2xYVrIKui0F8uQv/7QGZixdWiClBsbg==}
    engines: {node: '>= 10'}
    cpu: [ia32]
    os: [win32]

-  '@tauri-apps/cli-win32-x64-msvc@2.12.3':
-    resolution: {integrity: sha512-L7wndWAgX2mLW7alswpL3d1R0P9FN2WYBgHaQkAYEBxHHGkY4vFX9CjcRQ1LAxDAMIJxrY7/aDziFJeChS84NQ==}
+  '@tauri-apps/cli-win32-x64-msvc@2.12.4':
+    resolution: {integrity: sha512-DJhDeCqjLDNMWYFy7ZS8cfeAHX2RK0RbQMLiA3bMVVkXRDJ4NBYiHriGqsUhsr9iG41aTb+dJGkFPmPw1gWwVw==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [win32]

-  '@tauri-apps/cli@2.12.3':
-    resolution: {integrity: sha512-f7/LsY74SVb1ChmOPw1ajOpxii0GSzDAgmWHRci8JUYuuai04rXsSbFobpmB0sP2DdlvMD/B5ZotEn8GOGMRUg==}
+  '@tauri-apps/cli@2.12.4':
+    resolution: {integrity: sha512-JI9bHfudSRJikGOrjbXEm6RjzzvmKuLc+JixB1NE8hNzQkNlCCIC3pTES3uypkR9lxHrsbxzcnSwhI2IxBQphw==}
    engines: {node: '>= 10'}
    hasBin: true

  '@tauri-apps/plugin-clipboard-manager@2.5.0':
    resolution: {integrity: sha512-dibUy1nKURYDXRMvjNk4deAbTZ5jPQ8wCE4nolt5xniryWgXQ4sK2GkFXoXlHbRdPzfZptZj95BRLfalA7m/2Q==}

-  '@tauri-apps/plugin-dialog@2.8.3':
-    resolution: {integrity: sha512-Hd/yBfk2R5v2MFrz/0VArSXeh8xKLLXGunqSiTtcHKn1zNZwaKujuA0VSwUvNfwC4hDoF1PveS+gBDNe3nHspw==}
+  '@tauri-apps/plugin-dialog@2.8.4':
+    resolution: {integrity: sha512-+6ZOiXenOaxXwb8qCbBPdT2jX2cFPaVVHGIskrpmJLpmWj+qKRTD6X/z9x7hTdSQn7NedcoXCkWGej4a7dC4lw==}

  '@tauri-apps/plugin-fs@2.7.1':
    resolution: {integrity: sha512-4TBVjpi/q8PuNzjpkAc2iBGXMTLjOrAyfTiiOL8ORaJCZJRG3tjzmQ4sqs2CMG75FvLyRkOkERfP7AyY4iBNwQ==}
@@ -2623,20 +2617,20 @@ packages:
    resolution: {integrity: sha512-0ZAEIo6PNyMIJPlOGkIgyOJUjcd0pC8/QHlVAAe1c91/IcjZ1X+k0yidXHaboJdN7dq1XPUacmhRdtua0U5EZg==}
    engines: {node: '>=18.20.0'}

-  '@wdio/native-core@1.3.0':
-    resolution: {integrity: sha512-wUwc0QTdvhD0LwH4YcRaN9JWLX/yac8sovddUR5/4sqHMNJr3yaN11bpIfYoD/bEk+1nTLjWuDCFpe5l5wUgLQ==}
+  '@wdio/native-core@1.3.1':
+    resolution: {integrity: sha512-fdGk2lEr2vS+bClJXuZEnsG30cLzQv+B9W+dAt/Yte/fE33s/vDBn7hHwFx8aZLTOS0pPExErUxYiZEMXX+04g==}
    engines: {node: '>=18.20.0'}

-  '@wdio/native-spy@1.4.0':
-    resolution: {integrity: sha512-unsC2Vgu5T9atD478Zj/p2N+rVSK4i/NibIaaEw4rZF/T5u5bmAHChFntEiBEfyMzd62VwbhKhzwwOSKjzrfJA==}
+  '@wdio/native-spy@1.4.1':
+    resolution: {integrity: sha512-KGOmgaicHqDkqj+s2bxXsRsb27IzW6carlyTu1xcrJI34yUbC0v14F8mbhuZcewW+mt2xhmC17yITwAbNa8PKw==}
    engines: {node: '>=18.20.0'}

-  '@wdio/native-types@2.6.0':
-    resolution: {integrity: sha512-MVMVpZTH+UY6nUtLClCzY4BQSIs/nCCHo81i4ClLR+b2NehyBvwccttXDAGPgf0icyHUhd+PgIPXaLgRcm4M9A==}
+  '@wdio/native-types@2.6.1':
+    resolution: {integrity: sha512-Rm5chX+MrRhVgJYcYdcX/yyTZaLjxvi0w/fnSgPaDT16gMIntXlk22K2x3hwEdaUonOKepZyhh4jr9ZgRz7UaQ==}
    engines: {node: '>=18.20.0'}

-  '@wdio/native-utils@2.8.0':
-    resolution: {integrity: sha512-TmIkPAd19FkJ747AdFVEtawbakVV3HHCh8zk3Kl/FLc6B2bbea7hn90jtLxqBZgCVqUuJIBcMNFg/nV/hgBFOw==}
+  '@wdio/native-utils@2.8.1':
+    resolution: {integrity: sha512-QbmZjGkLUC2bmUJSzyqsHM11HND1D7tkxHFssUV1Kmx43+oPAeHHVR0NSZu2hMzSNrDZMBAmNYycR+3X8rqWcA==}
    engines: {node: '>=18.20.0'}
    peerDependencies:
      tsx: ^4.22.4
@@ -2660,8 +2654,8 @@ packages:
    resolution: {integrity: sha512-lNLLPUk4y1Yp5pWwBFF+tjZIy7bOv0TPTk4HDWV4LnnHnkc24abI0nN+kb2y5/JV8ZgwLCCVKUFRdRUxfKsAaQ==}
    engines: {node: '>=18.20.0'}

-  '@wdio/tauri-service@1.5.0':
-    resolution: {integrity: sha512-S3fs8T+jgNOFi4x/X2z69unS/1K3ZB28+owBouhHtVnrMKeBWAKP46IHnp8c8AZXppn6fiPNC4M1jfRZbLKeKw==}
+  '@wdio/tauri-service@1.5.1':
+    resolution: {integrity: sha512-nfzJU2x7bxvIXtYo+yvrX4Xwuba8h5hXOlJ0IyHanGg0ELavY/2UfyxygJDTcSGO+pCQMdC9JJEyMvaS50AtZQ==}
    engines: {node: '>=18.20.0'}
    peerDependencies:
      webdriverio: ^9.0.0
@@ -3508,8 +3502,8 @@ packages:
    resolution: {integrity: sha512-dUnV6Uok578HuGYTC/EM0LqeXewXBCHsh/kmLkdcqN1zgSy7K3gCIrshPBS5JwW20XSaRv4Vnz7z8lMjOV8jWw==}
    engines: {node: '>=18.0.0'}

-  follow-redirects@1.16.0:
-    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+  follow-redirects@1.16.2:
+    resolution: {integrity: sha512-/kVP2U8z596Ia0gwFrwyIeo74ta5aVmSeU1FfAUMAmcEP5EP7zydmag3SLiN64NaRKef3lxsq7i/g7ltJQDGow==}
    engines: {node: '>=4.0'}
    peerDependencies:
      debug: '*'
@@ -3590,10 +3584,6 @@ packages:
    resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
    engines: {node: 18 || 20 || >=22}

-  glob@14.0.3:
-    resolution: {integrity: sha512-A1vjIwC3qpdCso45Iw127gnp7sPhqgY8lUQhDrArIs+GbmfaaVPFuoyy7WyLT9EPZCRZ7j7aLdwUhQmHWesEow==}
-    engines: {node: 18 || 20 || >=22}
-
  globals@17.12.0:
    resolution: {integrity: sha512-cezEd/DTyyht9cvSSURyygXPfy04GtWO/5e6ZPvH7fCtjKz9PYOmuawphw1Ctd1f6C+5JypXfGD7ahNMXvevBA==}
    engines: {node: '>=18'}
@@ -4131,10 +4121,6 @@ packages:
    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
    engines: {node: 18 || 20 || >=22}

-  minimatch@11.0.2:
-    resolution: {integrity: sha512-pWTgz5CN3tjqyZNSK2tePlSmu9IwM41q8yn8Usdqqwe9TIHh+9dEpLLjF4uApsfPEAZY71qtSiA2B2APEr+1Yw==}
-    engines: {node: 18 || 20 || >=22}
-
  minipass@7.1.3:
    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
    engines: {node: '>=16 || 14 >=14.17'}
@@ -4296,10 +4282,6 @@ packages:
    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
    engines: {node: 18 || 20 || >=22}

-  path-scurry@3.0.0:
-    resolution: {integrity: sha512-1pTbQqH1wIwMi/eleQ5leFTTCkzFsPcgXNjwOA8YGGW/W4/kHT3dssE7Z6NH+zuqNLOzOB0uaD61yl7cAcVhgg==}
-    engines: {node: 18 || 20 || >=22}
-
  path-type@4.0.0:
    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
    engines: {node: '>=8'}
@@ -4602,8 +4584,8 @@ packages:
  snake-case@3.0.4:
    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}

-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+  source-map-js@1.2.2:
+    resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
    engines: {node: '>=0.10.0'}

  source-map-support@0.5.21:
@@ -4825,16 +4807,16 @@ packages:
  undici-types@8.9.0:
    resolution: {integrity: sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==}

-  undici@6.28.1:
-    resolution: {integrity: sha512-zWpdTVD54H48CIybL0rWQ3ukpb9d23wM7eH5RtfdmeP70cWHNjtfo7P4vZX+5CoDcO53J4Pu5uXp7lNfjc6DRA==}
+  undici@6.29.1:
+    resolution: {integrity: sha512-EvRlUt/QqAEvXdQeRMYUfwOQsfzpDztykrG2owGEE/rBOBoYv9uF39ZzsNDh4lTFHhTr2XOZjKkYgueD12ZmGA==}
    engines: {node: '>=18.17'}

-  undici@7.29.1:
-    resolution: {integrity: sha512-RYONW2MeafgYlkVOKYKkA/Ag7BmXqgIWCa8t1m0JcxrQg9pI9lEqRhAOruOBCbAohOa/gkCF+iPi9hrgvTzu6Q==}
+  undici@7.30.1:
+    resolution: {integrity: sha512-03KrMbjIFDWQR5RNPrSw3bd1r12JpyFQl9/yxjUbJtqkjmllqC5lFjZh6ujeuJCKr8EOQvRW872Oy/az+nLYxg==}
    engines: {node: '>=20.18.1'}

-  undici@8.11.2:
-    resolution: {integrity: sha512-u4UB2/IrKdU6lFxumHmmo1a3fCQO5tzQllRorfoRS63txhrB7xTpSn1PftwC4qEHkOaqP95fCWW4lJzwErwzhQ==}
+  undici@8.12.3:
+    resolution: {integrity: sha512-+fdndUTwBP86cVjihTp21hZHo7d6oj1c/47XPA3lL8mM0XHs+C4EkcjmgRsFnFk2f/UONGDy9ItBItmXsLOQHw==}
    engines: {node: '>=22.19.0'}

  unicode-canonical-property-names-ecmascript@2.0.1:
@@ -5156,12 +5138,12 @@ snapshots:
      '@octokit/plugin-rest-endpoint-methods': 17.0.0(@octokit/core@7.0.8)
      '@octokit/request': 10.0.16
      '@octokit/request-error': 7.1.2
-      undici: 6.28.1
+      undici: 6.29.1

  '@actions/http-client@3.0.2':
    dependencies:
      tunnel: 0.0.6
-      undici: 6.28.1
+      undici: 6.29.1

  '@babel/code-frame@7.29.7':
    dependencies:
@@ -6260,8 +6242,6 @@ snapshots:
    dependencies:
      minipass: 7.1.3

-  '@isaacs/nonrecursive-glob-match@1.0.2': {}
-
  '@jest/diff-sequences@30.5.0': {}

  '@jest/expect-utils@30.5.2':
@@ -6824,58 +6804,58 @@ snapshots:

  '@tauri-apps/api@2.12.4': {}

-  '@tauri-apps/cli-darwin-arm64@2.12.3':
+  '@tauri-apps/cli-darwin-arm64@2.12.4':
    optional: true

-  '@tauri-apps/cli-darwin-x64@2.12.3':
+  '@tauri-apps/cli-darwin-x64@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-arm-gnueabihf@2.12.3':
+  '@tauri-apps/cli-linux-arm-gnueabihf@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-arm64-gnu@2.12.3':
+  '@tauri-apps/cli-linux-arm64-gnu@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-arm64-musl@2.12.3':
+  '@tauri-apps/cli-linux-arm64-musl@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-riscv64-gnu@2.12.3':
+  '@tauri-apps/cli-linux-riscv64-gnu@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-x64-gnu@2.12.3':
+  '@tauri-apps/cli-linux-x64-gnu@2.12.4':
    optional: true

-  '@tauri-apps/cli-linux-x64-musl@2.12.3':
+  '@tauri-apps/cli-linux-x64-musl@2.12.4':
    optional: true

-  '@tauri-apps/cli-win32-arm64-msvc@2.12.3':
+  '@tauri-apps/cli-win32-arm64-msvc@2.12.4':
    optional: true

-  '@tauri-apps/cli-win32-ia32-msvc@2.12.3':
+  '@tauri-apps/cli-win32-ia32-msvc@2.12.4':
    optional: true

-  '@tauri-apps/cli-win32-x64-msvc@2.12.3':
+  '@tauri-apps/cli-win32-x64-msvc@2.12.4':
    optional: true

-  '@tauri-apps/cli@2.12.3':
+  '@tauri-apps/cli@2.12.4':
    optionalDependencies:
-      '@tauri-apps/cli-darwin-arm64': 2.12.3
-      '@tauri-apps/cli-darwin-x64': 2.12.3
-      '@tauri-apps/cli-linux-arm-gnueabihf': 2.12.3
-      '@tauri-apps/cli-linux-arm64-gnu': 2.12.3
-      '@tauri-apps/cli-linux-arm64-musl': 2.12.3
-      '@tauri-apps/cli-linux-riscv64-gnu': 2.12.3
-      '@tauri-apps/cli-linux-x64-gnu': 2.12.3
-      '@tauri-apps/cli-linux-x64-musl': 2.12.3
-      '@tauri-apps/cli-win32-arm64-msvc': 2.12.3
-      '@tauri-apps/cli-win32-ia32-msvc': 2.12.3
-      '@tauri-apps/cli-win32-x64-msvc': 2.12.3
+      '@tauri-apps/cli-darwin-arm64': 2.12.4
+      '@tauri-apps/cli-darwin-x64': 2.12.4
+      '@tauri-apps/cli-linux-arm-gnueabihf': 2.12.4
+      '@tauri-apps/cli-linux-arm64-gnu': 2.12.4
+      '@tauri-apps/cli-linux-arm64-musl': 2.12.4
+      '@tauri-apps/cli-linux-riscv64-gnu': 2.12.4
+      '@tauri-apps/cli-linux-x64-gnu': 2.12.4
+      '@tauri-apps/cli-linux-x64-musl': 2.12.4
+      '@tauri-apps/cli-win32-arm64-msvc': 2.12.4
+      '@tauri-apps/cli-win32-ia32-msvc': 2.12.4
+      '@tauri-apps/cli-win32-x64-msvc': 2.12.4

  '@tauri-apps/plugin-clipboard-manager@2.5.0':
    dependencies:
      '@tauri-apps/api': 2.12.4

-  '@tauri-apps/plugin-dialog@2.8.3':
+  '@tauri-apps/plugin-dialog@2.8.4':
    dependencies:
      '@tauri-apps/api': 2.12.4

@@ -7275,11 +7255,11 @@ snapshots:
      safe-regex2: 5.1.1
      strip-ansi: 7.2.0

-  '@wdio/native-core@1.3.0(supports-color@7.2.0)':
+  '@wdio/native-core@1.3.1(supports-color@7.2.0)':
    dependencies:
      '@wdio/logger': 9.29.1
-      '@wdio/native-types': 2.6.0
-      '@wdio/native-utils': 2.8.0(supports-color@7.2.0)
+      '@wdio/native-types': 2.6.1
+      '@wdio/native-utils': 2.8.1(supports-color@7.2.0)
      debug: 4.4.3(supports-color@7.2.0)
      get-port: 7.2.0
      tslib: 2.8.1
@@ -7287,11 +7267,11 @@ snapshots:
      - supports-color
      - tsx

-  '@wdio/native-spy@1.4.0': {}
+  '@wdio/native-spy@1.4.1': {}

-  '@wdio/native-types@2.6.0': {}
+  '@wdio/native-types@2.6.1': {}

-  '@wdio/native-utils@2.8.0(supports-color@7.2.0)':
+  '@wdio/native-utils@2.8.1(supports-color@7.2.0)':
    dependencies:
      '@wdio/logger': 9.29.1
      debug: 4.4.3(supports-color@7.2.0)
@@ -7325,14 +7305,14 @@ snapshots:
      easy-table: 1.2.0
      pretty-ms: 9.3.1

-  '@wdio/tauri-service@1.5.0(expect-webdriverio@6.1.0)(supports-color@7.2.0)(webdriverio@10.1.0(supports-color@7.2.0)(yauzl@2.10.0))':
+  '@wdio/tauri-service@1.5.1(expect-webdriverio@6.1.0)(supports-color@7.2.0)(webdriverio@10.1.0(supports-color@7.2.0)(yauzl@2.10.0))':
    dependencies:
      '@wdio/globals': 9.31.3(expect-webdriverio@6.1.0)(webdriverio@10.1.0(supports-color@7.2.0)(yauzl@2.10.0))
      '@wdio/logger': 9.29.1
-      '@wdio/native-core': 1.3.0(supports-color@7.2.0)
-      '@wdio/native-spy': 1.4.0
-      '@wdio/native-types': 2.6.0
-      '@wdio/native-utils': 2.8.0(supports-color@7.2.0)
+      '@wdio/native-core': 1.3.1(supports-color@7.2.0)
+      '@wdio/native-spy': 1.4.1
+      '@wdio/native-types': 2.6.1
+      '@wdio/native-utils': 2.8.1(supports-color@7.2.0)
      '@wdio/spec-reporter': 9.31.2
      '@wdio/types': 9.31.2
      debug: 4.4.3(supports-color@7.2.0)
@@ -7458,7 +7438,7 @@ snapshots:

  axios@1.20.0(debug@4.4.3(supports-color@7.2.0))(supports-color@7.2.0):
    dependencies:
-      follow-redirects: 1.16.0(debug@4.4.3(supports-color@7.2.0))
+      follow-redirects: 1.16.2(debug@4.4.3(supports-color@7.2.0))
      form-data: 4.0.6
      https-proxy-agent: 5.0.1(supports-color@7.2.0)
      proxy-from-env: 2.1.0
@@ -7628,7 +7608,7 @@ snapshots:
      parse5: 7.3.0
      parse5-htmlparser2-tree-adapter: 7.1.0
      parse5-parser-stream: 7.1.2
-      undici: 7.29.1
+      undici: 7.30.1
      whatwg-mimetype: 4.0.0

  chokidar@5.0.0:
@@ -7850,7 +7830,7 @@ snapshots:
      '@wdio/logger': 10.1.0
      '@zip.js/zip.js': 2.24.0
      decamelize: 6.0.1
-      undici: 8.11.2
+      undici: 8.12.3

  electron-to-chromium@1.5.444: {}

@@ -8309,7 +8289,7 @@ snapshots:

  fnv1a52@1.0.0: {}

-  follow-redirects@1.16.0(debug@4.4.3(supports-color@7.2.0)):
+  follow-redirects@1.16.2(debug@4.4.3(supports-color@7.2.0)):
    optionalDependencies:
      debug: 4.4.3(supports-color@7.2.0)

@@ -8351,7 +8331,7 @@ snapshots:
      '@zip.js/zip.js': 2.24.0
      decamelize: 6.0.1
      modern-tar: 0.8.5
-      undici: 8.11.2
+      undici: 8.12.3

  gensync@1.0.0-beta.2: {}

@@ -8393,12 +8373,6 @@ snapshots:
      minipass: 7.1.3
      path-scurry: 2.0.2

-  glob@14.0.3:
-    dependencies:
-      minimatch: 11.0.2
-      minipass: 7.1.3
-      path-scurry: 3.0.0
-
  globals@17.12.0: {}

  gopd@1.2.0: {}
@@ -9089,11 +9063,6 @@ snapshots:
    dependencies:
      brace-expansion: 5.0.12

-  minimatch@11.0.2:
-    dependencies:
-      '@isaacs/nonrecursive-glob-match': 1.0.2
-      brace-expansion: 5.0.12
-
  minipass@7.1.3: {}

  minizlib@3.1.0:
@@ -9294,11 +9263,6 @@ snapshots:
      lru-cache: 11.5.3
      minipass: 7.1.3

-  path-scurry@3.0.0:
-    dependencies:
-      lru-cache: 11.5.3
-      minipass: 7.1.3
-
  path-type@4.0.0: {}

  pathe@2.0.3: {}
@@ -9314,7 +9278,7 @@ snapshots:
    dependencies:
      nanoid: 3.3.19
      picocolors: 1.1.1
-      source-map-js: 1.2.1
+      source-map-js: 1.2.2

  prelude-ls@1.2.1: {}

@@ -9561,7 +9525,7 @@ snapshots:
    dependencies:
      chokidar: 5.0.0
      immutable: 5.1.9
-      source-map-js: 1.2.1
+      source-map-js: 1.2.2
    optionalDependencies:
      '@parcel/watcher': 2.6.0

@@ -9599,7 +9563,7 @@ snapshots:
      dot-case: 3.0.4
      tslib: 2.8.1

-  source-map-js@1.2.1: {}
+  source-map-js@1.2.2: {}

  source-map-support@0.5.21:
    dependencies:
@@ -9817,11 +9781,11 @@ snapshots:

  undici-types@8.9.0: {}

-  undici@6.28.1: {}
+  undici@6.29.1: {}

-  undici@7.29.1: {}
+  undici@7.30.1: {}

-  undici@8.11.2: {}
+  undici@8.12.3: {}

  unicode-canonical-property-names-ecmascript@2.0.1: {}

@@ -10022,7 +9986,7 @@ snapshots:
      '@wdio/utils': 10.1.0(supports-color@7.2.0)(yauzl@2.10.0)
      deepmerge-ts: 8.0.2
      https-proxy-agent: 9.1.0(supports-color@7.2.0)
-      undici: 8.11.2
+      undici: 8.12.3
      ws: 8.22.1
    transitivePeerDependencies:
      - bufferutil
@@ -113,6 +113,27 @@
        "ghcr.io/devcontainers/features/rust"
      ],
      "groupName": "Rust toolchain"
+    },
+    {
+      "description": "Update the Specta contract toolchain together",
+      "matchManagers": ["cargo"],
+      "matchPackageNames": ["specta", "tauri-specta", "specta-typescript"],
+      "groupName": "specta",
+      "groupSlug": "specta",
+      "prCreation": "immediate",
+      "automerge": false
+    },
+    {
+      "description": "Keep Specta aligned with the supported tauri-specta release",
+      "matchManagers": ["cargo"],
+      "matchPackageNames": ["specta", "tauri-specta"],
+      "allowedVersions": "/^2\\.0\\.0-rc\\.26$/"
+    },
+    {
+      "description": "Keep the TypeScript exporter compatible with Specta rc.26",
+      "matchManagers": ["cargo"],
+      "matchPackageNames": ["specta-typescript"],
+      "allowedVersions": "/^0\\.0\\.13$/"
    }
  ],
  "customManagers": [
@@ -6,7 +6,6 @@ import path from 'node:path'
 import zlib from 'node:zlib'

 import AdmZip from 'adm-zip'
-import { glob } from 'glob'
 import { HttpsProxyAgent } from 'https-proxy-agent'
 import { extract } from 'tar'

@@ -519,7 +518,7 @@ const resolveServicePermission = async () => {
  let hasChanges = false

  for (const f of serviceExecutables) {
-    const files = glob.sync(path.join(SERVICE_DIR, f))
+    const files = fs.globSync(path.join(SERVICE_DIR, f))
    for (const filePath of files) {
      if (fs.existsSync(filePath)) {
        const currentHash = await calculateFileHash(filePath)
@@ -32,7 +32,9 @@ function is_valid_ip() {

 # Prints one value of a SystemConfiguration dictionary, or nothing when the key is absent.
 function sc_value() {
-    printf 'show %s\nquit\n' "$1" | scutil | sed -n "s/^ *$2 : //p"
+    local dictionary
+    dictionary=$(printf 'show %s\nquit\n' "$1" | scutil) || return 1
+    sed -n "s/^ *$2 : //p" <<<"$dictionary"
 }

 # Prints the service's DNS servers, or "empty" when none is set; fails on any other answer.
@@ -50,31 +52,62 @@ function dns_of() {
    echo "$dns"
 }

-[ $# -lt 1 ] && echo "Usage: $0 <IP address>" && exit 1
-! is_valid_ip "$1" && echo "$1 is not a valid IP address." && exit 1
+[ $# -lt 1 ] && echo "Usage: $0 <newline-separated DNS servers> [legacy state directory]" >&2 && exit 1
+dns_servers=()
+while read -r server; do
+    ! is_valid_ip "$server" && echo "$server is not a valid IP address." >&2 && exit 1
+    dns_servers+=("$server")
+done <<<"$1"

 # Backups are keyed by service ID, which survives renaming the service and renumbering its interface.
-service_id=$(sc_value State:/Network/Global/IPv4 PrimaryService)
-hardware_port=$(sc_value "Setup:/Network/Service/$service_id" UserDefinedName)
-[ -z "$hardware_port" ] && echo "No primary network service." && exit 1
+service_id=$(sc_value State:/Network/Global/IPv4 PrimaryService) || exit 1
+hardware_port=$(sc_value "Setup:/Network/Service/$service_id" UserDefinedName) || exit 1
+[ -z "$hardware_port" ] && echo "No primary network service; waiting for the network." >&2 && exit 75

 original_dns=$(dns_of "$hardware_port") || { echo "Cannot read DNS servers of $hardware_port." >&2; exit 1; }

 backup=".original_dns/$service_id"
 mkdir -p .original_dns || exit 1
-# Older releases kept a single backup for whichever service was primary.
-if [ -f .original_dns.txt ]; then
-    if [ -f "$backup" ]; then
-        rm -f .original_dns.txt || exit 1
-    else
-        mv .original_dns.txt "$backup" || exit 1
+# Key old single-slot backups before import so a later network switch cannot reassign them.
+for state_dir in "$PWD" "${2:-$PWD}"; do
+    if [ -f "$state_dir/.original_dns.txt" ]; then
+        mkdir -p "$state_dir/.original_dns" || exit 1
+        if [ -f "$state_dir/.original_dns/$service_id" ]; then
+            rm -f "$state_dir/.original_dns.txt" || exit 1
+        else
+            mv "$state_dir/.original_dns.txt" "$state_dir/.original_dns/$service_id" || exit 1
+        fi
    fi
+done
+if [ ! -f "$backup" ] && [ -n "$2" ] && [ -f "$2/$backup" ]; then
+    cp "$2/$backup" ".original_dns/.$service_id" || exit 1
+    mv ".original_dns/.$service_id" "$backup" || exit 1
+fi
+backup_header='# clash-verge-dns-managed'
+function save_backup() {
+    printf '%s\n%s\n' "$backup_header" "$1" >".original_dns/.$service_id" &&
+        mv ".original_dns/.$service_id" "$backup"
+}
+
+saved_dns=
+legacy_backup=false
+if [ -f "$backup" ]; then
+    saved_dns=$(cat "$backup") || exit 1
+    case "$saved_dns" in
+        "$backup_header"$'\n'*) saved_dns=${saved_dns#*$'\n'} ;;
+        *) legacy_backup=true ;;
+    esac
 fi
-# The placeholder is ours, not the user's: keep the backup taken before it was applied.
 if [ "$original_dns" != "$1" ]; then
-    echo "$original_dns" >"$backup" || exit 1
-    networksetup -setdnsservers "$hardware_port" "$1"
+    # Only an unmarked historical backup owns the old single-address placeholder.
+    if [ "$original_dns" != "114.114.114.114" ] || [ "$legacy_backup" != true ]; then
+        save_backup "$original_dns" || exit 1
+        legacy_backup=false
+    fi
+    networksetup -setdnsservers "$hardware_port" "${dns_servers[@]}"
    [ "$(dns_of "$hardware_port")" = "$1" ] || { echo "Failed to set DNS for $hardware_port." >&2; exit 1; }
-elif [ ! -f "$backup" ]; then
-    echo "empty" >"$backup" || exit 1
+fi
+# Keep legacy ownership until the new list is verified, including a retry after a failed marker write.
+if [ "$legacy_backup" = true ]; then
+    save_backup "$saved_dns" || exit 1
 fi
@@ -1,9 +1,11 @@
 #!/bin/bash
-[ $# -lt 1 ] && echo "Usage: $0 <placeholder IP address>" && exit 1
+[ $# -lt 1 ] && echo "Usage: $0 <newline-separated DNS servers> [legacy state directory]" >&2 && exit 1

 # Prints one value of a SystemConfiguration dictionary, or nothing when the key is absent.
 function sc_value() {
-    printf 'show %s\nquit\n' "$1" | scutil | sed -n "s/^ *$2 : //p"
+    local dictionary
+    dictionary=$(printf 'show %s\nquit\n' "$1" | scutil) || return 1
+    sed -n "s/^ *$2 : //p" <<<"$dictionary"
 }

 # Prints the service's DNS servers, or "empty" when none is set; fails on any other answer.
@@ -21,42 +23,69 @@ function dns_of() {
    echo "$dns"
 }

-result=0
-# Older releases kept a single backup for whichever service was primary.
-if [ -f .original_dns.txt ]; then
-    service_id=$(sc_value State:/Network/Global/IPv4 PrimaryService)
-    if [ -z "$service_id" ] || ! mkdir -p .original_dns; then
-        result=1
-    elif [ -f ".original_dns/$service_id" ]; then
-        rm -f .original_dns.txt || result=1
-    elif ! mv .original_dns.txt ".original_dns/$service_id"; then
-        result=1
-    fi
-fi
+backup_header='# clash-verge-dns-managed'
+completed_backups=()

-for backup in .original_dns/*; do
-    [ -f "$backup" ] || continue
-    hardware_port=$(sc_value "Setup:/Network/Service/${backup##*/}" UserDefinedName)
-    # Kept for a service that is gone: there is nothing to write it back to.
-    [ -n "$hardware_port" ] || continue
-    if ! current_dns=$(dns_of "$hardware_port"); then
-        echo "Cannot read DNS servers of $hardware_port." >&2
-        result=1
-        continue
+function restore_dns() {
+    local result=0
+    # Older releases kept a single backup for whichever service was primary.
+    if [ -f .original_dns.txt ]; then
+        service_id=$(sc_value State:/Network/Global/IPv4 PrimaryService)
+        if [ -z "$service_id" ] || ! mkdir -p .original_dns; then
+            result=1
+        elif [ -f ".original_dns/$service_id" ]; then
+            rm -f .original_dns.txt || result=1
+        elif ! mv .original_dns.txt ".original_dns/$service_id"; then
+            result=1
+        fi
    fi
-    # A service no longer on the placeholder was changed by someone else, and that change stands.
-    if [ "$current_dns" = "$1" ]; then
-        original_dns=$(cat "$backup") || { result=1; continue; }
-        # Older releases could back up the placeholder itself.
-        [ "$original_dns" = "$1" ] && original_dns=empty
-        networksetup -setdnsservers "$hardware_port" $original_dns
-        if [ "$(dns_of "$hardware_port")" != "$original_dns" ]; then
-            echo "Failed to restore DNS for $hardware_port." >&2
+
+    for backup in .original_dns/*; do
+        [ -f "$backup" ] || continue
+        # Current backups take precedence even after their DNS has already been restored.
+        if [ "$PWD" != "$state_dir" ] && [ -f "$state_dir/$backup" ]; then
+            completed_backups+=("$PWD/$backup")
+            continue
+        fi
+        hardware_port=$(sc_value "Setup:/Network/Service/${backup##*/}" UserDefinedName) || { result=1; continue; }
+        # Kept for a service that is gone: there is nothing to write it back to.
+        [ -n "$hardware_port" ] || continue
+        if ! current_dns=$(dns_of "$hardware_port"); then
+            echo "Cannot read DNS servers of $hardware_port." >&2
            result=1
            continue
        fi
-    fi
-    rm -f "$backup" || result=1
-done
-rmdir .original_dns 2>/dev/null
+        original_dns=$(cat "$backup") || { result=1; continue; }
+        legacy_backup=false
+        case "$original_dns" in
+            "$backup_header"$'\n'*) original_dns=${original_dns#*$'\n'} ;;
+            *) legacy_backup=true ;;
+        esac
+        # A service no longer on its recorded placeholder was changed by someone else.
+        if [ "$current_dns" = "$1" ] || { [ "$legacy_backup" = true ] && [ "$current_dns" = "114.114.114.114" ]; }; then
+            networksetup -setdnsservers "$hardware_port" $original_dns
+            if [ "$(dns_of "$hardware_port")" != "$original_dns" ]; then
+                echo "Failed to restore DNS for $hardware_port." >&2
+                result=1
+                continue
+            fi
+        fi
+        completed_backups+=("$PWD/$backup")
+    done
+    return $result
+}
+
+result=0
+state_dir=$PWD
+restore_dns "$1" || result=1
+if [ -n "$2" ] && [ "$2" != "$PWD" ]; then
+    { cd "$2" && restore_dns "$1"; } || result=1
+fi
+# Remove superseded legacy backups first; a cleanup failure must leave current authority intact.
+if [ "$result" -eq 0 ]; then
+    for ((index=${#completed_backups[@]}-1; index>=0; index--)); do
+        rm -f "${completed_backups[index]}" || { result=1; break; }
+    done
+fi
+rmdir "$state_dir/.original_dns" "${2:-$state_dir}/.original_dns" 2>/dev/null
 exit $result
@@ -29,7 +29,7 @@ perf-harness = ["dep:tauri-plugin-wdio-webdriver"]
 identifier = "io.github.clash-verge-rev.clash-verge-rev"

 [build-dependencies]
-tauri-build = { version = "2.7.3", features = [] }
+tauri-build = { version = "2.7.4", features = [] }

 [dependencies]
 clash-verge-draft = { workspace = true }
@@ -55,11 +55,10 @@ serde = { workspace = true, features = ["derive"] }
 serde_json = { workspace = true }
 serde_yaml_ng = { workspace = true }
 smartstring = { workspace = true, features = ["serde"] }
-bitflags = { workspace = true }
 socket2 = { workspace = true }
 warp = { version = "0.4.3", features = ["server"] }
-open = "5.4.4"
-rfd = { version = "0.16.0", default-features = false, features = ["common-controls-v6"] }
+open = "5.4.5"
+rfd = { version = "0.17.2", default-features = false, features = ["common-controls-v6"] }
 dirs = "7.0.0"
 dunce = "1.0.5"
 nanoid = "0.5"
@@ -67,19 +66,17 @@ chrono = { workspace = true }
 boa_engine = "0.22.0"
 percent-encoding = "2.3.2"
 reqwest = { workspace = true }
-regex = { workspace = true }
 sysproxy = { git = "https://github.com/clash-verge-rev/sysproxy-rs.git", branch = "main", features = [
  "guard",
 ] }
 network-interface = { version = "2.0.5", features = ["serde"] }
-tauri-plugin-shell = "2.5.0"
+tauri-plugin-shell = "2.6.0"
 tauri-plugin-opener = "2.7.2"
-tauri-plugin-dialog = "2.8.3"
+tauri-plugin-dialog = "2.8.4"
 tauri-plugin-fs = "2.7.1"
-tauri-plugin-process = "2.4.0"
-tauri-plugin-deep-link = "2.6.2"
+tauri-plugin-deep-link = "2.6.3"
 tauri-plugin-window-state = "2.5.0"
-zip = "9.1.3"
+zip = "9.3.0"
 flate2 = "1.1.10"
 reqwest_dav = "0.3.3"
 aes-gcm = { version = "0.11.1" }
@@ -89,27 +86,26 @@ getrandom = "0.4.3"
 futures = "0.3.34"
 gethostname = "1.1.0"
 scopeguard = "1.2.0"
-tauri-plugin-notification = "2.7.0"
-tokio-stream = "0.1.19"
+tauri-plugin-notification = "2.8.0"
 backon = { version = "1.6.0", features = ["tokio-sleep"] }
 tauri-plugin-http = "2.8.3"
 tracing = { workspace = true }
-tauri-plugin-devtools = { version = "2.2.2", optional = true }
+tauri-plugin-devtools = { version = "2.2.3", optional = true }
 tauri-plugin-mihomo = { git = "https://github.com/clash-verge-rev/tauri-plugin-mihomo", rev = "7a03d16f4d39b1bb885b7babe66b9e153e34b615" }
 async-trait = "0.1.92"
 clash_verge_service_ipc = { git = "https://github.com/clash-verge-rev/clash-verge-service-ipc.git", tag = "v2.7.7", version = "2.7.7", features = [
  "client",
 ] }
-arc-swap = "1.9.2"
+arc-swap = "1.9.3"
 tokio-rustls = "0.26.6"
 rustls = { version = "0.23.46", features = ["ring"] }
-webpki-roots = "1.0.9"
+webpki-roots = "1.0.11"
 dark-light = "3.0.0"
 bytes = "1.12.1"
 tokio-util = { version = "0.7.20", features = ["time"] }
-specta = { version = "=2.0.0-rc.25", features = ["derive", "function", "serde_json"] }
-tauri-specta = { version = "=2.0.0-rc.25", features = ["derive", "typescript"] }
-specta-typescript = "=0.0.12"
+specta = { version = "=2.0.0-rc.26", features = ["derive", "function", "serde_json"] }
+tauri-specta = { version = "=2.0.0-rc.26", features = ["derive", "typescript"] }
+specta-typescript = "=0.0.13"

 [target.'cfg(unix)'.dependencies]
 libc = "0.2.191"
@@ -119,7 +115,7 @@ libc = "0.2.191"
 clash-verge-signal = { workspace = true }

 [target.'cfg(target_os = "macos")'.dependencies]
-tauri-plugin-wdio-webdriver = { version = "=1.5.0", optional = true }
+tauri-plugin-wdio-webdriver = { version = "=1.5.1", optional = true }
 objc2 = "0.6.5"
 objc2-foundation = { version = "0.3.2", features = [
  "NSString",
@@ -156,7 +152,6 @@ tauri-plugin-global-shortcut = "2.4.1"
 tauri-plugin-updater = "2.14.1"

 [dev-dependencies]
-criterion = { workspace = true }
 tokio = { workspace = true, features = ["test-util"] }
 warp = { version = "0.4.3", features = ["test"] }

@@ -73,7 +73,6 @@
    "global-shortcut:allow-register-all",
    "global-shortcut:allow-unregister",
    "global-shortcut:allow-unregister-all",
-    "process:allow-exit",
    "clipboard-manager:allow-read-text",
    "clipboard-manager:allow-write-text",
    "dialog:default"
@@ -614,6 +614,53 @@ async fn select_node_with_timeout(group_name: &String, node: &String) -> Result<
    .with_context(|| format!("failed to select node [{node}] for group [{group_name}]"))
 }

+// mihomo lists these first in GLOBAL, so an unpicked GLOBAL starts on DIRECT.
+const GLOBAL_BUILTINS: [&str; 2] = ["DIRECT", "REJECT"];
+
+/// GLOBAL's first visible group, else its first node, while GLOBAL is still on a built-in.
+fn global_exit_target(proxies: &Proxies) -> Option<&str> {
+    let global = proxies.proxies.get("GLOBAL")?;
+    if !global.now.as_deref().is_some_and(|now| GLOBAL_BUILTINS.contains(&now)) {
+        return None;
+    }
+    let members = global.all.as_deref()?;
+    let is_visible_group = |name: &str| {
+        proxies.proxies.get(name).is_some_and(|proxy| {
+            proxy.hidden != Some(true)
+                && matches!(
+                    proxy.proxy_type,
+                    ProxyType::Selector | ProxyType::URLTest | ProxyType::Fallback | ProxyType::LoadBalance
+                )
+        })
+    };
+    members
+        .iter()
+        .find(|name| is_visible_group(name))
+        .or_else(|| members.iter().find(|name| !GLOBAL_BUILTINS.contains(&name.as_str())))
+        .map(|name| name.as_str())
+}
+
+/// Moves GLOBAL off a built-in unless the profile records any GLOBAL choice.
+pub(crate) async fn leave_default_global_exit() -> Result<()> {
+    let profiles = Config::profiles().await.data_arc();
+    let has_record = profiles
+        .current
+        .as_ref()
+        .and_then(|current| profiles.get_item(current).ok())
+        .and_then(|item| item.selected.as_deref())
+        .is_some_and(|selected| selected.iter().any(|item| item.name.as_deref() == Some("GLOBAL")));
+    if has_record {
+        return Ok(());
+    }
+    let snapshot = fetch_proxies_with_timeout().await?;
+    let Some(target) = global_exit_target(&snapshot) else {
+        return Ok(());
+    };
+    select_node_with_timeout(&String::from("GLOBAL"), &String::from(target)).await?;
+    logging!(info, Type::Config, "moved GLOBAL off its built-in default to {target}");
+    Ok(())
+}
+
 fn remaining_activations(
    activations: &[(String, String)],
    completed: &HashMap<String, String>,
@@ -1019,6 +1066,12 @@ fn activate_selected_nodes_with(repair: SelectionRepair) -> tokio::sync::oneshot
                .clone()
                .unwrap_or_default();

+            if Config::clash().await.latest_arc().get_mode().as_deref() == Some("global")
+                && let Err(err) = leave_default_global_exit().await
+            {
+                logging!(warn, Type::Config, "failed to move GLOBAL off its default: {err:#}");
+            }
+
            if selected.is_empty() {
                if is_activation_current(generation) {
                    announce(Refresh::Clash);
@@ -559,12 +559,13 @@ impl CoreManager {
        })?;
        #[cfg(target_os = "macos")]
        crate::utils::resolve::dns::sync_public_dns().await;
-        // At login the app usually beats the network. Leave the write to the network watcher
-        // rather than fail — only if the watcher is actually live; a user toggling while
-        // offline still fails fast.
+        // Only automatic restores can wait for the watcher; explicit requests must report failure.
        #[cfg(target_os = "macos")]
-        if crate::core::network_watch::is_armed()
-            && !crate::utils::resolve::is_resolve_done()
+        let defer_until_network = crate::core::network_watch::is_armed()
+            && crate::core::notification::what_was_asked()
+                == crate::core::notification::FailedOperation::SystemProxyRestore;
+        #[cfg(target_os = "macos")]
+        if defer_until_network
            && Config::verge()
                .await
                .latest_arc()
@@ -579,7 +580,20 @@ impl CoreManager {
            );
            return Ok(());
        }
+        #[cfg(not(target_os = "macos"))]
        proxy_control::apply().await?;
+        #[cfg(target_os = "macos")]
+        if let Err(error) = proxy_control::apply().await {
+            if defer_until_network && proxy_control::is_missing_network_service_failure(&error) {
+                logging!(
+                    debug,
+                    Type::Core,
+                    "network service disappeared; the system proxy waits for its return"
+                );
+                return Ok(());
+            }
+            return Err(error);
+        }
        if !expectation.is_valid(
            self.get_running_mode().as_ref(),
            self.current_core_readiness_generation(),
@@ -49,6 +49,7 @@ async fn reapply() {
        .enable_system_proxy
        .unwrap_or_default()
    {
+        crate::utils::resolve::dns::sync_public_dns().await;
        return;
    }
    if !proxy_control::has_network_service().await {
@@ -180,6 +180,14 @@ pub const fn is_missing_network_service(_error: &sysproxy::Error) -> bool {
    false
 }

+pub fn is_missing_network_service_failure(error: &anyhow::Error) -> bool {
+    !SystemProxyStateUnknown::is_in(error)
+        && SysproxyFailure::from_chain(error).is_none()
+        && error
+            .downcast_ref::<sysproxy::Error>()
+            .is_some_and(is_missing_network_service)
+}
+
 /// Distinguish a misplaced sidecar from a missing privileged service.
 async fn classify_local_apply_failure(error: anyhow::Error) -> anyhow::Error {
    if SysproxyFailure::from_chain(&error).is_some() || !was_refused_locally(&error) {
@@ -359,6 +367,13 @@ fn service_apply_result(requested: &MacosProxyConfig, outcome: ProxyApplyOutcome
        ProxyApplyOutcome::Applied | ProxyApplyOutcome::NotRequested => Ok(()),
        // Direct fallback satisfies a disable request.
        ProxyApplyOutcome::DirectFallback { .. } if matches!(requested, MacosProxyConfig::Disabled) => Ok(()),
+        // Older helpers encode a failed service lookup as fallback even when no OS write occurred.
+        #[cfg(target_os = "macos")]
+        ProxyApplyOutcome::DirectFallback { message }
+            if message == sysproxy::Error::NoActiveNetworkService.to_string() =>
+        {
+            Err(sysproxy::Error::NoActiveNetworkService.into())
+        }
        ProxyApplyOutcome::DirectFallback { message } => {
            Err(SysproxyFailure::DirectFallback { detail: message }.into())
        }
@@ -609,6 +624,10 @@ pub async fn refresh_guard() -> Result<()> {
                    logging!(debug, Type::Core, "proxy guard superseded (generation {generation})");
                    break;
                }
+                Err(error) if is_missing_network_service_failure(&error) => {
+                    consecutive_failures = 0;
+                    logging!(debug, Type::Core, "system proxy guard waits for a network service");
+                }
                Err(error) => {
                    consecutive_failures += 1;
                    logging!(
@@ -1110,10 +1129,11 @@ mod tests {
        .err()
        .unwrap_or_else(|| anyhow::anyhow!("an enable that never reached the OS must fail"));

-        assert_eq!(
-            SysproxyFailure::from_chain(&error).map(SysproxyFailure::code),
-            Some("SYSPROXY_DIRECT_FALLBACK")
-        );
+        assert!(super::is_missing_network_service_failure(&error));
+        assert!(SysproxyFailure::from_chain(&error).is_none());
+        assert!(!super::is_missing_network_service_failure(
+            &error.context(SystemProxyStateUnknown)
+        ));
    }

    #[cfg(target_os = "macos")]
@@ -1970,7 +1970,7 @@ impl ServiceManager {

    async fn run_operation(&self, operation: impl Future<Output = Result<()>>) -> Result<()> {
        run_operation_and_then(&RUN_STATE, operation, || async {
-            if let Err(error) = Tray::global().update_menu().await {
+            if let Err(error) = Tray::global().update_part().await {
                logging!(
                    warn,
                    Type::Service,
@@ -7,6 +7,7 @@ use crate::{
 };
 use anyhow::Result;
 use clash_verge_logging::{Type, logging, logging_error};
+use futures::StreamExt as _;
 use parking_lot::{Mutex, RwLock};
 use smartstring::alias::String;
 use std::{
@@ -21,7 +22,6 @@ use tokio::{
    sync::mpsc,
    time::{sleep, timeout},
 };
-use tokio_stream::StreamExt as _;
 use tokio_util::time::{DelayQueue, delay_queue::Key};

 enum TimerCommand {
@@ -501,6 +501,7 @@ impl Timer {
 mod tests {
    use super::{TaskSchedule, Timer, run_timer_profile_update_transition};
    use crate::config::{PrfItem, PrfOption};
+    use futures::StreamExt as _;
    use parking_lot::Mutex;
    use smartstring::alias::String;
    use std::collections::HashMap;
@@ -513,7 +514,6 @@ mod tests {
        time::Duration,
    };
    use tokio::sync::Barrier;
-    use tokio_stream::StreamExt as _;
    use tokio_util::time::DelayQueue;

    struct CancellationProbe {
@@ -1,10 +1,13 @@
 use anyhow::Result;
+use nanoid::nanoid;
 use scopeguard::defer;
 use serde::Serialize;
 use smartstring::alias::String;
 use std::{
+    borrow::Cow,
    fmt,
    hash::{DefaultHasher, Hash as _, Hasher as _},
+    path::Path,
    sync::LazyLock,
    sync::atomic::{AtomicBool, Ordering},
 };
@@ -329,7 +332,7 @@ impl CoreConfigValidator {
            Ok(result) => result,
            Err(err) => {
                logging!(warn, Type::Validate, "无法确定文件类型: {}, 错误: {}", config_path, err);
-                return Self::validate_config_internal_outcome(config_path).await;
+                return Self::validate_profile_yaml_outcome(config_path).await;
            }
        };

@@ -344,7 +347,33 @@ impl CoreConfigValidator {
        }

        logging!(info, Type::Validate, "使用Clash内核验证配置文件: {}", config_path);
-        Self::validate_config_internal_outcome(config_path).await
+        Self::validate_profile_yaml_outcome(config_path).await
+    }
+
+    /// The user file is saved as written, so the core checks a copy carrying the tolerated short-ids.
+    async fn validate_profile_yaml_outcome(config_path: &str) -> Result<ValidationOutcome> {
+        let Some(tolerant) = Self::short_id_tolerant_text(config_path).await else {
+            return Self::validate_config_internal_outcome(config_path).await;
+        };
+        let Ok(app_dir) = dirs::app_home_dir() else {
+            return Self::validate_config_internal_outcome(config_path).await;
+        };
+        let check_path = app_dir.join(format!("short-id-check-{}.yaml", nanoid!()));
+        defer! {
+            let _ = std::fs::remove_file(&check_path);
+        }
+        if help::save_yaml_str(&check_path, &tolerant).await.is_err() {
+            return Self::validate_config_internal_outcome(config_path).await;
+        }
+        Self::validate_config_internal_outcome(dirs::path_to_str(&check_path)?).await
+    }
+
+    async fn short_id_tolerant_text(config_path: &str) -> Option<std::string::String> {
+        let yaml = fs::read_to_string(config_path).await.ok()?;
+        match help::short_id_tolerant(&yaml, Path::new(config_path)) {
+            Ok((Cow::Owned(tolerant), _)) => Some(tolerant),
+            _ => None,
+        }
    }

    async fn validate_config_internal_outcome(config_path: &str) -> Result<ValidationOutcome> {
@@ -3,8 +3,10 @@ use crate::{
    config::PrfItem,
    utils::{dirs, help},
 };
+use clash_verge_logging::{Type, logging};
 use serde_yaml_ng::Mapping;
 use smartstring::alias::String;
+use std::{borrow::Cow, path::Path};
 use tokio::fs;

 #[derive(Debug, Clone)]
@@ -48,7 +50,8 @@ impl AsyncChainItemFrom for Option<ChainItem> {
                data: ChainType::Merge(help::read_mapping(&path).await.ok()?),
            }),
            "rules" | "proxies" | "groups" => {
-                let seq_map = help::read_yaml::<SeqMap>(&path).await.ok()?;
+                let yaml = fs::read_to_string(&path).await.ok()?;
+                let seq_map = parse_seq_map(&yaml, &path)?;
                let data = match itype {
                    "rules" => ChainType::Rules(seq_map),
                    "proxies" => ChainType::Proxies(seq_map),
@@ -60,3 +63,51 @@ impl AsyncChainItemFrom for Option<ChainItem> {
        }
    }
 }
+
+/// Typed parsing reads `delete: [1234]` as strings where a `Value` round trip would reject it.
+fn parse_seq_map(yaml: &str, path: &Path) -> Option<SeqMap> {
+    let original = serde_yaml_ng::from_str::<SeqMap>(yaml).ok()?;
+    let Ok((Cow::Owned(tolerant), _)) = help::short_id_tolerant(yaml, path) else {
+        return Some(original);
+    };
+    match serde_yaml_ng::from_str::<SeqMap>(&tolerant) {
+        Ok(seq_map) => Some(seq_map),
+        Err(_) => {
+            logging!(
+                warn,
+                Type::Config,
+                "kept numeric short-id in {}: quoted text does not load",
+                path.display()
+            );
+            Some(original)
+        }
+    }
+}
+
+#[cfg(test)]
+#[allow(clippy::expect_used, reason = "tests assert by panicking")]
+mod tests {
+    use super::parse_seq_map;
+    use serde_yaml_ng::Value;
+    use std::path::Path;
+
+    #[test]
+    fn seq_short_id_keeps_typed_parse() {
+        for (input, delete) in [
+            ("prepend: []\nappend: []\ndelete: [1234]\n", "1234"),
+            ("prepend: []\nappend: []\ndelete: [true]\n", "true"),
+        ] {
+            let seq_map = parse_seq_map(input, Path::new("b8.yaml")).expect("seq file should load");
+            assert_eq!(seq_map.delete, [delete]);
+        }
+
+        let input = "prepend:\n  - name: r\n    reality-opts:\n      short-id: 1234e123\nappend: []\ndelete: []\n";
+        let seq_map = parse_seq_map(input, Path::new("seq.yaml")).expect("seq file should load");
+        let short_id = seq_map
+            .prepend
+            .first()
+            .and_then(|proxy| proxy.get("reality-opts"))
+            .and_then(|opts| opts.get("short-id"));
+        assert_eq!(short_id, Some(&Value::String("1234e123".into())));
+    }
+}
@@ -66,6 +66,12 @@ pub async fn change_clash_mode(mode: String) -> Result<(), String> {
        return Err(err.to_string().into());
    }

+    if mode.as_str() == "global"
+        && let Err(err) = crate::config::profiles::leave_default_global_exit().await
+    {
+        logging!(warn, Type::Core, "failed to move GLOBAL off its default: {err:#}");
+    }
+
    let clash = Config::clash().await;
    let save_result = {
        let _config_write = Config::lock_config_write().await;
@@ -54,7 +54,6 @@ mod app_init {
                    .build(),
            )
            .plugin(tauri_plugin_clipboard_manager::init())
-            .plugin(tauri_plugin_process::init())
            .plugin(tauri_plugin_global_shortcut::Builder::new().build())
            .plugin(tauri_plugin_fs::init())
            .plugin(tauri_plugin_dialog::init())
@@ -7,6 +7,8 @@ use scopeguard::{ScopeGuard, guard};
 use serde::{Serialize, de::DeserializeOwned};
 use serde_yaml_ng::{Mapping, Value};
 use std::{
+    borrow::Cow,
+    ops::Range,
    path::{Path, PathBuf},
    str::FromStr,
 };
@@ -45,8 +47,8 @@ pub async fn read_mapping(path: &Path) -> Result<Mapping> {
 }

 fn parse_mapping(yaml_str: String, path: PathBuf) -> Result<Mapping> {
-    match serde_yaml_ng::from_str::<serde_yaml_ng::Value>(&yaml_str) {
-        Ok(mut val) => {
+    match short_id_tolerant(&yaml_str, &path) {
+        Ok((_, mut val)) => {
            val.apply_merge()
                .with_context(|| format!("failed to apply merge \"{}\"", path.display()))?;

@@ -66,6 +68,150 @@ fn parse_mapping(yaml_str: String, path: PathBuf) -> Result<Mapping> {
    }
 }

+const SHORT_ID_KEY: &str = "short-id:";
+
+/// A float like `1234e123` loses its hex text, so quote short-ids before parsing and keep that only if nothing else changed.
+pub(crate) fn short_id_tolerant<'a>(yaml: &'a str, path: &Path) -> serde_yaml_ng::Result<(Cow<'a, str>, Value)> {
+    let original = serde_yaml_ng::from_str::<Value>(yaml)?;
+    if !has_numeric_short_id(&original) {
+        return Ok((Cow::Borrowed(yaml), original));
+    }
+    let quoted = quote_plain_short_ids(yaml);
+    if matches!(quoted, Cow::Borrowed(_)) {
+        return Ok((quoted, original));
+    }
+
+    match serde_yaml_ng::from_str::<Value>(&quoted) {
+        Ok(tolerant) if same_except_short_id_text(&original, &tolerant) => Ok((quoted, tolerant)),
+        _ => {
+            logging!(
+                warn,
+                Type::Config,
+                "kept numeric short-id in {}: quoting it would change other values",
+                path.display()
+            );
+            Ok((Cow::Borrowed(yaml), original))
+        }
+    }
+}
+
+fn has_numeric_short_id(value: &Value) -> bool {
+    match value {
+        Value::Mapping(map) => map
+            .iter()
+            .any(|(key, value)| (is_short_id_key(key) && value.is_number()) || has_numeric_short_id(value)),
+        Value::Sequence(seq) => seq.iter().any(has_numeric_short_id),
+        Value::Tagged(tagged) => has_numeric_short_id(&tagged.value),
+        _ => false,
+    }
+}
+
+fn same_except_short_id_text(original: &Value, tolerant: &Value) -> bool {
+    match (original, tolerant) {
+        (Value::Mapping(original), Value::Mapping(tolerant)) => {
+            original.len() == tolerant.len()
+                && original
+                    .iter()
+                    .zip(tolerant.iter())
+                    .all(|((key, old), (new_key, new))| {
+                        key == new_key && (same_except_short_id_text(old, new) || is_short_id_text(key, old, new))
+                    })
+        }
+        (Value::Sequence(original), Value::Sequence(tolerant)) => {
+            original.len() == tolerant.len()
+                && original
+                    .iter()
+                    .zip(tolerant.iter())
+                    .all(|(old, new)| same_except_short_id_text(old, new))
+        }
+        (Value::Tagged(original), Value::Tagged(tolerant)) => {
+            original.tag == tolerant.tag && same_except_short_id_text(&original.value, &tolerant.value)
+        }
+        _ => original == tolerant,
+    }
+}
+
+fn is_short_id_text(key: &Value, old: &Value, new: &Value) -> bool {
+    is_short_id_key(key)
+        && old.is_number()
+        && matches!(new, Value::String(text) if serde_yaml_ng::from_str::<Value>(text).ok().as_ref() == Some(old))
+}
+
+fn is_short_id_key(key: &Value) -> bool {
+    key.as_str() == Some("short-id")
+}
+
+fn quote_plain_short_ids(yaml: &str) -> Cow<'_, str> {
+    let mut quoted = String::new();
+    let mut copied = 0;
+    for (key, _) in yaml.match_indices(SHORT_ID_KEY) {
+        let Some(value) = plain_short_id_at(yaml, key) else {
+            continue;
+        };
+        let (Some(head), Some(id)) = (yaml.get(copied..value.start), yaml.get(value.clone())) else {
+            continue;
+        };
+        quoted.push_str(head);
+        quoted.push('"');
+        quoted.push_str(id);
+        quoted.push('"');
+        copied = value.end;
+    }
+
+    if copied == 0 {
+        return Cow::Borrowed(yaml);
+    }
+    quoted.push_str(yaml.get(copied..).unwrap_or_default());
+    Cow::Owned(quoted)
+}
+
+fn plain_short_id_at(yaml: &str, key: usize) -> Option<Range<usize>> {
+    let bytes = yaml.as_bytes();
+    let before = bytes.get(..key)?;
+    let flow = matches!(
+        before.iter().rev().find(|byte| !byte.is_ascii_whitespace()),
+        Some(b'{' | b',')
+    );
+    let line_start = before
+        .iter()
+        .rev()
+        .take_while(|&&byte| byte != b'\n')
+        .all(|&byte| is_blank(byte));
+    if !flow && !line_start {
+        return None;
+    }
+
+    let start = key + SHORT_ID_KEY.len();
+    let gap = bytes.get(start..)?.iter().take_while(|&&byte| is_blank(byte)).count();
+    if gap == 0 {
+        return None;
+    }
+    let start = start + gap;
+    let len = bytes
+        .get(start..)?
+        .iter()
+        .take_while(|byte| byte.is_ascii_hexdigit())
+        .count();
+    if len == 0 || !ends_plain_short_id(bytes.get(start + len..)?, flow) {
+        return None;
+    }
+    Some(start..start + len)
+}
+
+fn ends_plain_short_id(rest: &[u8], flow: bool) -> bool {
+    let blanks = rest.iter().take_while(|&&byte| is_blank(byte)).count();
+    match rest.get(blanks..) {
+        Some([] | [b'\n', ..] | [b'\r', b'\n', ..]) => true,
+        Some([b'#', ..]) => blanks > 0,
+        Some([b',' | b'}', ..]) => flow,
+        _ => false,
+    }
+}
+
+const fn is_blank(byte: u8) -> bool {
+    matches!(byte, b' ' | b'\t')
+}
+
 pub async fn save_yaml<T: Serialize + Sync>(path: &Path, data: &T, prefix: Option<&str>) -> Result<()> {
    let data_str = with_encryption(|| async { serde_yaml_ng::to_string(data) }).await?;

@@ -319,3 +465,140 @@ pub fn snapshot_path(original_path: &Path) -> Result<PathBuf> {

    Ok(temp_path)
 }
+
+#[cfg(test)]
+#[allow(clippy::expect_used, reason = "tests assert by panicking")]
+mod tests {
+    use super::{has_numeric_short_id, parse_mapping, quote_plain_short_ids, short_id_tolerant};
+    use serde_yaml_ng::Value;
+    use std::{
+        borrow::Cow,
+        path::{Path, PathBuf},
+    };
+
+    #[test]
+    fn quotes_plain_short_ids() {
+        let cases = [
+            ("short-id: 1234e123", "short-id: \"1234e123\""),
+            ("short-id: 0e5", "short-id: \"0e5\""),
+            ("short-id: 12345678", "short-id: \"12345678\""),
+            ("short-id: 6ba85179", "short-id: \"6ba85179\""),
+            ("short-id: \"1234e123\"", "short-id: \"1234e123\""),
+            ("short-id: '1234e123'", "short-id: '1234e123'"),
+            ("short-id: \"\"", "short-id: \"\""),
+            ("short-id:\npublic-key: k", "short-id:\npublic-key: k"),
+            ("short-id: null", "short-id: null"),
+            ("short-id: ~", "short-id: ~"),
+            ("short-id: 1234e123 # note", "short-id: \"1234e123\" # note"),
+            ("# short-id: 1234e123", "# short-id: 1234e123"),
+            (
+                "reality-opts: {public-key: k, short-id: 1234e123}",
+                "reality-opts: {public-key: k, short-id: \"1234e123\"}",
+            ),
+            (
+                "reality-opts: {short-id: 1234e123, public-key: k}",
+                "reality-opts: {short-id: \"1234e123\", public-key: k}",
+            ),
+            (
+                "{\n  public-key: k,\n  short-id: 1234e123\n}",
+                "{\n  public-key: k,\n  short-id: \"1234e123\"\n}",
+            ),
+            ("short-id: &sid 1234e123", "short-id: &sid 1234e123"),
+            ("short-id: !!str 1234e123", "short-id: !!str 1234e123"),
+            ("short-id: abc,def", "short-id: abc,def"),
+            ("short-id: 1234e123\r\n", "short-id: \"1234e123\"\r\n"),
+            ("my-short-id: 1234e123", "my-short-id: 1234e123"),
+            ("xshort-id: 1", "xshort-id: 1"),
+            ("short-id:1234e123", "short-id:1234e123"),
+            ("short-id: 1.5e3", "short-id: 1.5e3"),
+        ];
+
+        for (input, expected) in cases {
+            let output = quote_plain_short_ids(input);
+            assert_eq!(output, expected, "input: {input:?}");
+            assert_eq!(
+                matches!(output, Cow::Borrowed(_)),
+                input == expected,
+                "input: {input:?}"
+            );
+            assert_eq!(quote_plain_short_ids(&output), expected, "rerun: {input:?}");
+        }
+    }
+
+    #[test]
+    fn plain_short_id_survives_profile_parse() {
+        let profile = "\
+proxies:
+  - name: r
+    type: vless
+    reality-opts:
+      public-key: SFv3pZQdZ1fpnNg9yI2RwXKqAOz4mZHRbT2Wq4kz8Ws
+      short-id: 1234e123
+";
+        let mapping = parse_mapping(profile.into(), PathBuf::from("profile.yaml")).expect("profile should parse");
+        let short_id = mapping
+            .get("proxies")
+            .and_then(|proxies| proxies.get(0))
+            .and_then(|proxy| proxy.get("reality-opts"))
+            .and_then(|opts| opts.get("short-id"));
+        assert_eq!(short_id, Some(&Value::String("1234e123".into())));
+
+        let output = serde_yaml_ng::to_string(&mapping).expect("mapping should serialize");
+        assert!(output.contains("short-id: '1234e123'"), "{output}");
+    }
+
+    #[test]
+    fn short_id_rewrite_falls_back_to_original_parse() {
+        // (case, input, has a numeric short-id today)
+        let cases = [
+            ("B2", "proxies:\n  - name: \"node, short-id: 1234e123}\"\n", false),
+            (
+                "B3",
+                "proxies:\n  - name: \"node, short-id: 1234e123}\"\n  - name: r\n    reality-opts:\n      short-id: 1234e123\n",
+                true,
+            ),
+            (
+                "B4",
+                "payload: |\n  short-id: 1234e123\nreality-opts:\n  short-id: 1234e123\n",
+                true,
+            ),
+            ("B5", "reality-opts:\n  short-id: 1234e123\n    more\n", false),
+            ("B6", "reality-opts: {public-key: k, # c\n  short-id: 1234e123}\n", true),
+        ];
+
+        for (case, input, numeric) in cases {
+            let today = serde_yaml_ng::from_str::<Value>(input).expect("input should parse");
+            assert_eq!(has_numeric_short_id(&today), numeric, "{case}");
+            let (text, value) = short_id_tolerant(input, Path::new("b.yaml")).expect("input should parse");
+            assert!(matches!(text, Cow::Borrowed(_)), "{case}");
+            assert_eq!(value, today, "{case}");
+        }
+    }
+
+    #[test]
+    fn short_id_rewrite_keeps_every_numeric_short_id() {
+        let input = "\
+proxies:
+  - name: a
+    reality-opts:
+      short-id: 1234e123
+  - {name: b, reality-opts: {short-id: 0e5}}
+";
+        let (text, value) = short_id_tolerant(input, Path::new("b7.yaml")).expect("input should parse");
+        assert!(matches!(text, Cow::Owned(_)));
+        let short_ids: Vec<_> = value
+            .get("proxies")
+            .and_then(Value::as_sequence)
+            .expect("proxies should be a sequence")
+            .iter()
+            .map(|proxy| proxy.get("reality-opts").and_then(|opts| opts.get("short-id")).cloned())
+            .collect();
+        assert_eq!(
+            short_ids,
+            [
+                Some(Value::String("1234e123".into())),
+                Some(Value::String("0e5".into()))
+            ]
+        );
+    }
+}
@@ -4,16 +4,14 @@ use serde_yaml_ng::{Mapping, Value};
 use std::{
    io::Read as _,
    os::unix::process::CommandExt as _,
-    path::{Path, PathBuf},
+    path::PathBuf,
    process::{Command, Stdio},
    time::{Duration, Instant},
 };
 use tokio::sync::Mutex;

-const DNS_STATE_FILE: &str = ".original_dns.txt";
-const DNS_BACKUP_DIR: &str = ".original_dns";
 // Any address routed into TUN works, since dns-hijack answers it; the value only matters if left behind.
-const PLACEHOLDER_DNS: &str = "114.114.114.114";
+const PLACEHOLDER_DNS: &str = "114.114.114.114\n223.5.5.5\n1.1.1.1";
 // Scripts run under lifecycle_lock, and networksetup waits for other preference writers without a limit.
 pub(crate) const DNS_SCRIPT_TIMEOUT: Duration = Duration::from_secs(5);

@@ -26,14 +24,6 @@ fn dns_state_dir() -> anyhow::Result<PathBuf> {
    Ok(dir)
 }

-fn restore_dns_state_dir(resource_dir: &Path, state_dir: PathBuf) -> PathBuf {
-    if resource_dir.join(DNS_STATE_FILE).exists() || resource_dir.join(DNS_BACKUP_DIR).exists() {
-        resource_dir.to_path_buf()
-    } else {
-        state_dir
-    }
-}
-
 // Without the placeholder, a LAN resolver is reached outside TUN and fake-ip is bypassed.
 fn needs_public_dns(config: &Mapping) -> bool {
    let section = |name: &str| config.get(name).and_then(Value::as_mapping);
@@ -79,25 +69,19 @@ pub async fn restore_public_dns() -> anyhow::Result<()> {

 async fn set_public_dns() {
    logging!(debug, Type::Config, "try to set system dns");
-    let result = async {
-        let script = crate::utils::dirs::app_resources_dir()?.join("set_dns.sh");
-        run_dns_script(&script, dns_state_dir()?).await
-    }
-    .await;
+    let result = run_dns_script("set_dns.sh", true).await;
    match result {
-        Ok(()) => logging!(info, Type::Config, "set system dns successfully"),
+        Ok(DnsScriptOutcome::Complete) => logging!(info, Type::Config, "set system dns successfully"),
+        Ok(DnsScriptOutcome::Deferred) => {
+            logging!(debug, Type::Config, "system DNS waits for a primary network service")
+        }
        Err(err) => logging!(error, Type::Config, "set system dns failed: {err:#}"),
    }
 }

 async fn unset_public_dns() -> anyhow::Result<()> {
    logging!(debug, Type::Config, "try to unset system dns");
-    let result = async {
-        let resource_dir = crate::utils::dirs::app_resources_dir()?;
-        let state_dir = restore_dns_state_dir(&resource_dir, dns_state_dir()?);
-        run_dns_script(&resource_dir.join("unset_dns.sh"), state_dir).await
-    }
-    .await;
+    let result = run_dns_script("unset_dns.sh", false).await.map(|_| ());
    match &result {
        Ok(()) => logging!(info, Type::Config, "unset system dns successfully"),
        Err(err) => logging!(error, Type::Config, "unset system dns failed: {err:#}"),
@@ -105,12 +89,21 @@ async fn unset_public_dns() -> anyhow::Result<()> {
    result
 }

+enum DnsScriptOutcome {
+    Complete,
+    Deferred,
+}
+
 /// On timeout the script's whole process group is killed, so no networksetup it started writes late.
-async fn run_dns_script(script: &Path, dir: PathBuf) -> anyhow::Result<()> {
+async fn run_dns_script(script_name: &str, allow_deferred: bool) -> anyhow::Result<DnsScriptOutcome> {
+    let resource_dir = crate::utils::dirs::app_resources_dir()?;
+    let script = resource_dir.join(script_name);
+    let dir = dns_state_dir()?;
    ensure!(script.exists(), "DNS script not found: {}", script.display());
    let mut child = Command::new("bash")
-        .arg(script)
+        .arg(&script)
        .arg(PLACEHOLDER_DNS)
+        .arg(resource_dir)
        .current_dir(dir)
        .stdout(Stdio::null())
        .stderr(Stdio::piped())
@@ -134,41 +127,18 @@ async fn run_dns_script(script: &Path, dir: PathBuf) -> anyhow::Result<()> {
        if let Some(mut pipe) = child.stderr.take() {
            pipe.read_to_string(&mut stderr)?;
        }
+        // EX_TEMPFAIL is reserved by set_dns.sh for a network service that is not ready.
+        if allow_deferred && status.code() == Some(75) {
+            return Ok(DnsScriptOutcome::Deferred);
+        }
        ensure!(
            status.success(),
            "exit code {}: {}",
            status.code().unwrap_or(-1),
            stderr.trim()
        );
-        Ok(())
+        Ok(DnsScriptOutcome::Complete)
    })
    .await
    .context("DNS script task failed")?
 }
-
-#[cfg(test)]
-mod tests {
-
-    #[test]
-    #[allow(clippy::expect_used)]
-    fn restore_dns_state_dir_defaults_to_app_data_but_honors_legacy_file() {
-        use super::restore_dns_state_dir;
-
-        let root = std::env::temp_dir().join(format!("clash-verge-dns-{}", nanoid::nanoid!()));
-        let resource_dir = root.join("resources");
-        let state_dir = root.join("app-data");
-        std::fs::create_dir_all(&resource_dir).expect("create test resource directory");
-
-        assert_eq!(restore_dns_state_dir(&resource_dir, state_dir.clone()), state_dir);
-
-        std::fs::write(resource_dir.join(".original_dns.txt"), "empty").expect("create legacy DNS state");
-        assert_eq!(restore_dns_state_dir(&resource_dir, state_dir.clone()), resource_dir);
-
-        // A migrated legacy backup whose restore failed must still be retried there.
-        std::fs::remove_file(resource_dir.join(".original_dns.txt")).expect("remove legacy DNS state");
-        std::fs::create_dir(resource_dir.join(".original_dns")).expect("create migrated DNS state");
-        assert_eq!(restore_dns_state_dir(&resource_dir, state_dir), resource_dir);
-
-        std::fs::remove_dir_all(root).expect("remove test directory");
-    }
-}
@@ -33,9 +33,9 @@
    "updater": {
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEQyOEMyRjBCQkVGOUJEREYKUldUZnZmbStDeStNMHU5Mmo1N24xQXZwSVRYbXA2NUpzZE5oVzlqeS9Bc0t6RVV4MmtwVjBZaHgK",
      "endpoints": [
+        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update.json",
        "https://update.hwdns.net/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-proxy.json",
-        "https://gh-proxy.org/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-proxy.json",
-        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update.json"
+        "https://gh-proxy.org/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-proxy.json"
      ],
      "windows": {
        "installMode": "passive"
@@ -26,8 +26,9 @@
      "active": true,
      "dialog": false,
      "endpoints": [
+        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json",
        "https://update.hwdns.net/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json",
-        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json"
+        "https://gh-proxy.org/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json"
      ],
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEQyOEMyRjBCQkVGOUJEREYKUldUZnZmbStDeStNMHU5Mmo1N24xQXZwSVRYbXA2NUpzZE5oVzlqeS9Bc0t6RVV4MmtwVjBZaHgK"
    }
@@ -26,8 +26,9 @@
      "active": true,
      "dialog": false,
      "endpoints": [
+        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json",
        "https://update.hwdns.net/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json",
-        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json"
+        "https://gh-proxy.org/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json"
      ],
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEQyOEMyRjBCQkVGOUJEREYKUldUZnZmbStDeStNMHU5Mmo1N24xQXZwSVRYbXA2NUpzZE5oVzlqeS9Bc0t6RVV4MmtwVjBZaHgK"
    }
@@ -26,8 +26,9 @@
      "active": true,
      "dialog": false,
      "endpoints": [
+        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json",
        "https://update.hwdns.net/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json",
-        "https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2.json"
+        "https://gh-proxy.org/https://github.com/clash-verge-rev/clash-verge-rev/releases/download/updater/update-fixed-webview2-proxy.json"
      ],
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEQyOEMyRjBCQkVGOUJEREYKUldUZnZmbStDeStNMHU5Mmo1N24xQXZwSVRYbXA2NUpzZE5oVzlqeS9Bc0t6RVV4MmtwVjBZaHgK"
    }
@@ -464,21 +464,6 @@ export const ConnectionTable = (props: Props) => {
    ]
  }, [t])

-  useEffect(() => {
-    setColumnOrder((prevValue) => {
-      const baseFields = baseColumns.map((col) => col.field)
-      const prev = Array.isArray(prevValue) ? prevValue : []
-      const reconciled = reconcileColumnOrder(prev, baseFields)
-      if (
-        reconciled.length === prev.length &&
-        reconciled.every((field, i) => field === prev[i])
-      ) {
-        return prevValue
-      }
-      return reconciled
-    })
-  }, [baseColumns, setColumnOrder])
-
  const orderedColumns = useMemo(() => {
    const baseFields = baseColumns.map((column) => column.field)
    const reconciledOrder = reconcileColumnOrder(columnOrder, baseFields)
@@ -1,6 +1,7 @@
-import { DeveloperBoardOutlined } from '@mui/icons-material'
-import { Divider, Stack, Typography } from '@mui/material'
-import { useMemo } from 'react'
+import { DeveloperBoardOutlined, RestartAltRounded } from '@mui/icons-material'
+import { Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material'
+import { useLockFn } from 'ahooks'
+import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { useClash } from '@/hooks/use-clash'
@@ -11,6 +12,8 @@ import {
  useRulesData,
  useSystemData,
 } from '@/providers/app-data-context'
+import { restartCore } from '@/services/cmds'
+import { mutate } from '@/services/mutate'

 import { EnhancedCard } from './enhanced-card'

@@ -30,6 +33,23 @@ export const ClashInfoCard = () => {
  const { rules } = useRulesData()
  const uptime = useAppUptime()
  const { systemProxyAddress } = useSystemData()
+  const [restarting, setRestarting] = useState(false)
+
+  const onRestart = useLockFn(async () => {
+    setRestarting(true)
+    try {
+      await mutate(() => restartCore(), {
+        id: 'restart-core',
+        successNotice: t(
+          'settings.feedback.notifications.clash.restartSuccess',
+        ),
+      })
+    } catch {
+      // the funnel already notified
+    } finally {
+      setRestarting(false)
+    }
+  })

  // 使用useMemo缓存格式化后的uptime，避免频繁计算
  const formattedUptime = useMemo(() => formatUptime(uptime), [uptime])
@@ -101,7 +121,20 @@ export const ClashInfoCard = () => {
      title={t('home.components.clashInfo.title')}
      icon={<DeveloperBoardOutlined />}
      iconColor="warning"
-      action={null}
+      action={
+        <Tooltip title={t('shared.actions.restart')}>
+          <span>
+            <IconButton
+              size="small"
+              aria-label={t('shared.actions.restart')}
+              loading={restarting}
+              onClick={onRestart}
+            >
+              <RestartAltRounded />
+            </IconButton>
+          </span>
+        </Tooltip>
+      }
    >
      {cardContent}
    </EnhancedCard>
@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/set-state-in-effect */
 import {
  AccessTimeRounded,
  ArrowDropDown,
@@ -31,7 +30,15 @@ import {
  useTheme,
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'
+import {
+  useCallback,
+  useEffect,
+  useEffectEvent,
+  useId,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router'

@@ -570,20 +577,22 @@ export const CurrentProxyCard = () => {
        return profileValue
      }

-      if (profileKey !== baseKey) {
-        const legacyValue = localStorage.getItem(baseKey)
-        if (legacyValue != null) {
-          localStorage.removeItem(baseKey)
-          localStorage.setItem(profileKey, legacyValue)
-          return legacyValue
-        }
-      }
-
-      return null
+      return profileKey !== baseKey ? localStorage.getItem(baseKey) : null
    },
    [getProfileStorageKey],
  )

+  // Hand the pre-profile-scoping group key to the first profile that shows the card.
+  useEffect(() => {
+    const profileKey = getProfileStorageKey(STORAGE_KEY_GROUP)
+    if (profileKey === STORAGE_KEY_GROUP) return
+    if (localStorage.getItem(profileKey) != null) return
+    const legacyValue = localStorage.getItem(STORAGE_KEY_GROUP)
+    if (legacyValue == null) return
+    localStorage.removeItem(STORAGE_KEY_GROUP)
+    localStorage.setItem(profileKey, legacyValue)
+  }, [getProfileStorageKey])
+
  const writeProfileScopedItem = useCallback(
    (baseKey: string, value: string) => {
      if (typeof window === 'undefined') return
@@ -615,25 +624,17 @@ export const CurrentProxyCard = () => {
    return savedSortType ? (Number(savedSortType) as ProxySortType) : 0
  })

-  const [selectedGroupName, setSelectedGroupName] = useState('')
+  const [lastGroupName, setLastGroupName] = useState('')
  const [openSelect, setOpenSelect] = useState<OpenSelect>(null)
-
-  useEffect(() => {
+  const [openSelectMode, setOpenSelectMode] = useState(mode)
+  if (openSelectMode !== mode) {
+    setOpenSelectMode(mode)
    setOpenSelect(null)
-  }, [mode])
+  }

  const delayButtonRef = useRef<HTMLButtonElement>(null)
-  const delays = useGroupDelays(selectedGroupName || null)

  const autoCheckInProgressRef = useRef(false)
-  const latestTimeoutRef = useRef<number>(
-    verge?.default_latency_timeout || 10000,
-  )
-  const latestProxyMemberRef = useRef<ResolvedProxyMember | null>(null)
-
-  useEffect(() => {
-    latestTimeoutRef.current = verge?.default_latency_timeout || 10000
-  }, [verge?.default_latency_timeout])

  const selectableGroups = useMemo(() => {
    if (!proxyView) return []
@@ -644,6 +645,39 @@ export const CurrentProxyCard = () => {
    )
  }, [proxyView])

+  const selectedGroupName = useMemo(() => {
+    if (isDirectMode) return 'DIRECT'
+    if (!proxyView) return lastGroupName
+    if (isGlobalMode) return proxyView.global?.name ?? 'GLOBAL'
+
+    const hasGroup = (name: string | null) =>
+      !!name && selectableGroups.some((group) => group.name === name)
+    if (hasGroup(lastGroupName)) return lastGroupName
+    const savedGroup = readProfileScopedItem(STORAGE_KEY_GROUP)
+    if (hasGroup(savedGroup)) return savedGroup!
+
+    const primaryKeywords = ['auto', 'select', 'proxy', '节点选择', '自动选择']
+    const primaryGroup =
+      selectableGroups.find((group) =>
+        primaryKeywords.some((keyword) =>
+          group.name.toLowerCase().includes(keyword.toLowerCase()),
+        ),
+      ) ?? selectableGroups[0]
+    return primaryGroup?.name ?? ''
+  }, [
+    isDirectMode,
+    isGlobalMode,
+    lastGroupName,
+    proxyView,
+    readProfileScopedItem,
+    selectableGroups,
+  ])
+  // Keep the shown group, auto picks included, until it leaves the profile.
+  if (proxyView && lastGroupName !== selectedGroupName) {
+    setLastGroupName(selectedGroupName)
+  }
+  const delays = useGroupDelays(selectedGroupName || null)
+
  const selectedGroup = useMemo<ProxyGroupView | null>(() => {
    if (!proxyView || isDirectMode) return null
    if (isGlobalMode) return proxyView.global
@@ -680,46 +714,6 @@ export const CurrentProxyCard = () => {
    [optionsForGroup, selectedGroup],
  )

-  useEffect(() => {
-    if (!proxyView) return
-    if (isDirectMode) {
-      setSelectedGroupName('DIRECT')
-      return
-    }
-    if (isGlobalMode) {
-      setSelectedGroupName(proxyView.global?.name ?? 'GLOBAL')
-      return
-    }
-
-    const savedGroup = readProfileScopedItem(STORAGE_KEY_GROUP)
-    const primaryKeywords = ['auto', 'select', 'proxy', '节点选择', '自动选择']
-    const primaryGroup =
-      selectableGroups.find((group) =>
-        primaryKeywords.some((keyword) =>
-          group.name.toLowerCase().includes(keyword.toLowerCase()),
-        ),
-      ) ?? selectableGroups[0]
-    const nextGroup = selectableGroups.some(
-      ({ name }) => name === selectedGroupName,
-    )
-      ? selectedGroupName
-      : selectableGroups.some(({ name }) => name === savedGroup)
-        ? savedGroup!
-        : (primaryGroup?.name ?? '')
-    if (nextGroup !== selectedGroupName) {
-      setSelectedGroupName(nextGroup)
-      if (nextGroup) writeProfileScopedItem(STORAGE_KEY_GROUP, nextGroup)
-    }
-  }, [
-    isDirectMode,
-    isGlobalMode,
-    proxyView,
-    readProfileScopedItem,
-    selectableGroups,
-    selectedGroupName,
-    writeProfileScopedItem,
-  ])
-
  const currentOption = useMemo(() => {
    if (!proxyView) return undefined
    if (isDirectMode) {
@@ -743,12 +737,10 @@ export const CurrentProxyCard = () => {
      : undefined
  }, [isDirectMode, proxyView, selectedGroup])

-  latestProxyMemberRef.current = currentOption?.member ?? null
-
  const handleGroupChange = useCallback(
    (newGroupName: string) => {
      if (isGlobalMode || isDirectMode) return
-      setSelectedGroupName(newGroupName)
+      setLastGroupName(newGroupName)
      writeProfileScopedItem(STORAGE_KEY_GROUP, newGroupName)
    },
    [isDirectMode, isGlobalMode, writeProfileScopedItem],
@@ -793,7 +785,7 @@ export const CurrentProxyCard = () => {
          color: 'text.secondary',
        }

-  const checkCurrentProxyDelay = useCallback(async () => {
+  const checkCurrentProxyDelay = useEffectEvent(async () => {
    if (autoCheckInProgressRef.current) return
    if (isDirectMode) return

@@ -802,7 +794,7 @@ export const CurrentProxyCard = () => {

    if (!groupName || !proxyName) return

-    const proxyMember = latestProxyMemberRef.current
+    const proxyMember = currentOption?.member
    if (!proxyMember || !isInteractableMember(proxyMember)) {
      debugLog(
        `[CurrentProxyCard] 自动延迟检测跳过，组: ${groupName}, 节点: ${proxyName} 未找到`,
@@ -812,7 +804,7 @@ export const CurrentProxyCard = () => {

    autoCheckInProgressRef.current = true

-    const timeout = latestTimeoutRef.current || 10000
+    const timeout = verge?.default_latency_timeout || 10000

    try {
      debugLog(
@@ -828,7 +820,7 @@ export const CurrentProxyCard = () => {
      autoCheckInProgressRef.current = false
      refreshProxy()
    }
-  }, [isDirectMode, refreshProxy, selectedGroupName, selectedProxyName])
+  })

  useEffect(() => {
    if (isDirectMode) return
@@ -858,7 +850,6 @@ export const CurrentProxyCard = () => {
      if (intervalTimer) clearTimeout(intervalTimer)
    }
  }, [
-    checkCurrentProxyDelay,
    autoDelayIntervalMs,
    isDirectMode,
    selectedGroupName,
@@ -4,6 +4,7 @@ import {
  memo,
  useCallback,
  useEffect,
+  useEffectEvent,
  useImperativeHandle,
  useMemo,
  useReducer,
@@ -120,7 +121,6 @@ export const EnhancedCanvasTrafficGraph = memo(
    const drawFrameRef = useRef<number | undefined>(undefined)
    const hoverFrameRef = useRef<number | undefined>(undefined)
    const mouseMoveFrameRef = useRef<number | undefined>(undefined)
-    const scheduleDrawGraphRef = useRef<() => void>(() => {})
    const pendingMousePositionRef = useRef<{
      clientX: number
      clientY: number
@@ -189,11 +189,11 @@ export const EnhancedCanvasTrafficGraph = memo(
      }
    }, [displayData])

-    const handleFocusStateChange = useCallback((focused: boolean) => {
+    const handleFocusStateChange = useEffectEvent((focused: boolean) => {
      isWindowFocusedRef.current = focused

-      scheduleDrawGraphRef.current()
-    }, [])
+      scheduleDrawGraph()
+    })

    useEffect(() => {
      if (typeof window === 'undefined' || typeof document === 'undefined') {
@@ -217,7 +217,7 @@ export const EnhancedCanvasTrafficGraph = memo(
        window.removeEventListener('blur', handleBlur)
        document.removeEventListener('visibilitychange', handleVisibilityChange)
      }
-    }, [handleFocusStateChange])
+    }, [])

    const calculateY = useCallback(
      (
@@ -906,25 +906,21 @@ export const EnhancedCanvasTrafficGraph = memo(
      scheduleDrawGraph()
    }, [scheduleDrawGraph])

-    useEffect(() => {
-      scheduleDrawGraphRef.current = scheduleDrawGraph
-    }, [scheduleDrawGraph])
+    const redrawGraph = useEffectEvent(() => scheduleDrawGraph())

    useEffect(() => {
      const canvas = canvasRef.current
      if (!canvas || typeof window === 'undefined') return

      if (typeof ResizeObserver === 'undefined') {
-        const handleResize = () => scheduleDrawGraphRef.current()
+        const handleResize = () => redrawGraph()
        window.addEventListener('resize', handleResize)
        return () => {
          window.removeEventListener('resize', handleResize)
        }
      }

-      const resizeObserver = new ResizeObserver(() =>
-        scheduleDrawGraphRef.current(),
-      )
+      const resizeObserver = new ResizeObserver(() => redrawGraph())
      resizeObserver.observe(canvas)

      return () => {
@@ -8,7 +8,7 @@ import {
 } from '@mui/icons-material'
 import { Typography, Stack, Divider, Chip, IconButton } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router'

@@ -22,10 +22,23 @@ import {
 import { useVerge } from '@/hooks/use-verge'
 import { getSystemInfo } from '@/services/cmds'
 import { showNotice } from '@/services/notice-service'
+import { useQuery } from '@/services/query-client'
 import { version as appVersion } from '@root/package.json'

 import { EnhancedCard } from './enhanced-card'

+const getOsInfo = async () => {
+  const info = await getSystemInfo()
+  const sysName = info.system_name
+  let sysVersion = info.system_version
+
+  if (sysName && sysVersion.toLowerCase().startsWith(sysName.toLowerCase())) {
+    sysVersion = sysVersion.substring(sysName.length).trim()
+  }
+
+  return `${sysName} ${sysVersion}`
+}
+
 export const SystemInfoCard = () => {
  const { t } = useTranslation()
  const { verge, patchVerge } = useVerge()
@@ -36,31 +49,16 @@ export const SystemInfoCard = () => {

  const { checkUpdate: triggerCheckUpdate, lastCheckUpdate } = useUpdate(true)

-  const [osInfo, setOsInfo] = useState('')
+  const { data: osInfo = '' } = useQuery({
+    queryKey: ['getSystemInfo'],
+    queryFn: getOsInfo,
+  })

  const lastCheckUpdateText = useMemo(
    () => (lastCheckUpdate ? new Date(lastCheckUpdate).toLocaleString() : '-'),
    [lastCheckUpdate],
  )

-  useEffect(() => {
-    getSystemInfo()
-      .then((info) => {
-        const sysName = info.system_name
-        let sysVersion = info.system_version
-
-        if (
-          sysName &&
-          sysVersion.toLowerCase().startsWith(sysName.toLowerCase())
-        ) {
-          sysVersion = sysVersion.substring(sysName.length).trim()
-        }
-
-        setOsInfo(`${sysName} ${sysVersion}`)
-      })
-      .catch(console.error)
-  }, [])
-
  useEffect(() => {
    if (!verge?.auto_check_update) return
    if (readLastCheckTime() !== null) return
@@ -21,6 +21,7 @@ import {
  memo,
  useCallback,
  useEffect,
+  useEffectEvent,
  useReducer,
  useRef,
  useState,
@@ -113,7 +114,6 @@ const ProfileItemBase = (props: ProfileItemProps) => {
  const setProfileLoading = useSetProfileLoading()

  const [showNextUpdate, setShowNextUpdate] = useState(false)
-  const showNextUpdateRef = useRef(false)
  const [nextUpdateTime, setNextUpdateTime] = useState('')
  const refreshTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
    undefined,
@@ -203,10 +203,6 @@ const ProfileItemBase = (props: ProfileItemProps) => {
    setShowNextUpdate(!showNextUpdate)
  }

-  useEffect(() => {
-    showNextUpdateRef.current = showNextUpdate
-  }, [showNextUpdate])
-
  useEffect(() => {
    if (showNextUpdate) {
      fetchNextUpdateTime()
@@ -218,8 +214,10 @@ const ProfileItemBase = (props: ProfileItemProps) => {
    updated,
  ])

+  const isNextUpdateShown = useEffectEvent(() => showNextUpdate)
+
  useEffect(() => {
-    if (timerUpdateRevision === 0 || !showNextUpdateRef.current) return
+    if (timerUpdateRevision === 0 || !isNextUpdateShown()) return

    if (refreshTimeoutRef.current !== undefined) {
      clearTimeout(refreshTimeoutRef.current)
@@ -236,7 +234,7 @@ const ProfileItemBase = (props: ProfileItemProps) => {
  }, [fetchNextUpdateTime, timerUpdateRevision])

  useEffect(() => {
-    if (completedUpdateRevision === 0 || !showNextUpdateRef.current) return
+    if (completedUpdateRevision === 0 || !isNextUpdateShown()) return
    fetchNextUpdateTime()
  }, [completedUpdateRevision, fetchNextUpdateTime])

@@ -10,7 +10,7 @@ import {
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
 import type { Ref } from 'react'
-import { useEffect, useImperativeHandle, useRef, useState } from 'react'
+import { useImperativeHandle, useRef, useState } from 'react'
 import { Controller, useForm } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'

@@ -77,17 +77,6 @@ export function ProfileViewer({ onChange, ref }: ProfileViewerProps) {
    },
  }))

-  const selfProxy = watch('option.self_proxy')
-  const withProxy = watch('option.with_proxy')
-
-  useEffect(() => {
-    if (selfProxy) setValue('option.with_proxy', false)
-  }, [selfProxy, setValue])
-
-  useEffect(() => {
-    if (withProxy) setValue('option.self_proxy', false)
-  }, [setValue, withProxy])
-
  const handleOk = useLockFn(
    handleSubmit(async (form) => {
      setLoading(true)
@@ -419,7 +408,15 @@ export function ProfileViewer({ onChange, ref }: ProfileViewerProps) {
                <InputLabel>
                  {t('profiles.modals.profileForm.fields.useSystemProxy')}
                </InputLabel>
-                <Switch checked={field.value!} {...field} color="primary" />
+                <Switch
+                  checked={field.value!}
+                  {...field}
+                  onChange={(_, checked) => {
+                    field.onChange(checked)
+                    if (checked) setValue('option.self_proxy', false)
+                  }}
+                  color="primary"
+                />
              </StyledBox>
            )}
          />
@@ -432,7 +429,15 @@ export function ProfileViewer({ onChange, ref }: ProfileViewerProps) {
                <InputLabel>
                  {t('profiles.modals.profileForm.fields.useClashProxy')}
                </InputLabel>
-                <Switch checked={field.value!} {...field} color="primary" />
+                <Switch
+                  checked={field.value!}
+                  {...field}
+                  onChange={(_, checked) => {
+                    field.onChange(checked)
+                    if (checked) setValue('option.with_proxy', false)
+                  }}
+                  color="primary"
+                />
              </StyledBox>
            )}
          />
@@ -1,3 +1,5 @@
+import * as yaml from 'js-yaml'
+
 import {
  getRecord,
  rebindNode,
@@ -34,3 +36,31 @@ export const rebindProxyChainItems = (
      delay: record?.history.at(-1)?.delay,
    }
  })
+
+interface ParsedChainConfig {
+  proxies?: Array<{
+    name: string
+    type: string
+    [key: string]: any
+  }>
+}
+
+export const parseChainConfigItems = (configData: string): ProxyChainItem[] => {
+  try {
+    // JSON is valid YAML, so one parser covers both persisted formats.
+    const parsedConfig = yaml.load(configData) as ParsedChainConfig | null
+    const timestamp = Date.now()
+
+    return (
+      parsedConfig?.proxies?.map((proxy, index) => ({
+        id: `${proxy.name}_${timestamp}_${index}`,
+        name: proxy.name,
+        type: proxy.type,
+        delay: undefined,
+      })) || []
+    )
+  } catch (error) {
+    console.error('Failed to process chain config data:', error)
+    return []
+  }
+}
@@ -25,7 +25,6 @@ import {
  keyframes,
  useTheme,
 } from '@mui/material'
-import * as yaml from 'js-yaml'
 import {
  type Ref,
  useCallback,
@@ -60,18 +59,9 @@ const chainPointerSensor = PointerSensor.configure({

 type RuntimeConfigWithProxySequence = IConfigData & { proxies?: unknown }

-interface ParsedChainConfig {
-  proxies?: Array<{
-    name: string
-    type: string
-    [key: string]: any
-  }>
-}
-
 interface ProxyChainProps {
  proxyChain: ProxyChainItem[]
  onUpdateChain: (chain: ProxyChainItem[]) => void
-  chainConfigData?: string | null
  onMarkUnsavedChanges?: () => void
  mode?: string
  selectedGroup?: string | null
@@ -98,21 +88,6 @@ const arrowFadeIn = keyframes`
  }
 `

-const toChainItems = (
-  parsedConfig: ParsedChainConfig | null | undefined,
-): ProxyChainItem[] => {
-  const timestamp = Date.now()
-
-  return (
-    parsedConfig?.proxies?.map((proxy, index) => ({
-      id: `${proxy.name}_${timestamp}_${index}`,
-      name: proxy.name,
-      type: proxy.type,
-      delay: undefined,
-    })) || []
-  )
-}
-
 interface ChainCardProps {
  proxy: ProxyChainItem
  index: number
@@ -328,7 +303,6 @@ const SortableProxyChainItem = ({
 export const ProxyChain = ({
  proxyChain,
  onUpdateChain,
-  chainConfigData,
  onMarkUnsavedChanges,
  mode,
  selectedGroup,
@@ -580,23 +554,6 @@ export const ProxyChain = ({
    recordSelection,
  ])

-  // 处理链式代理配置数据
-  useEffect(() => {
-    if (chainConfigData) {
-      try {
-        // JSON is valid YAML, so one parser covers both persisted formats.
-        const parsedConfig = yaml.load(chainConfigData) as ParsedChainConfig
-        const chainItems = toChainItems(parsedConfig)
-
-        if (chainItems.length > 0) {
-          onUpdateChain(chainItems)
-        }
-      } catch (error) {
-        console.error('Failed to process chain config data:', error)
-      }
-    }
-  }, [chainConfigData, onUpdateChain])
-
  return (
    <Paper
      elevation={1}
@@ -76,7 +76,7 @@ interface GroupSelectMenuProps {

 interface ProxyGroupsChainProps {
  mode: string
-  chainConfigData?: string | null
+  chainConfigItems?: ProxyChainItem[] | null
  onExitChainMode: () => void
  availableGroups: any[]
  activeSelectedGroup: string | null
@@ -305,7 +305,7 @@ export function ProxyGroupsChain(props: ProxyGroupsChainProps) {
  const { t } = useTranslation()
  const {
    mode,
-    chainConfigData,
+    chainConfigItems,
    onExitChainMode,
    availableGroups,
    activeSelectedGroup,
@@ -338,6 +338,16 @@ export function ProxyGroupsChain(props: ProxyGroupsChainProps) {
    return []
  })

+  // Each fetched runtime chain replaces the stored one once.
+  const configItems = chainConfigItems ?? null
+  const [appliedConfigItems, setAppliedConfigItems] = useState<
+    ProxyChainItem[] | null
+  >(null)
+  if (configItems !== appliedConfigItems) {
+    setAppliedConfigItems(configItems)
+    if (configItems?.length) setProxyChain(configItems)
+  }
+
  const candidateNodes = useMemo(
    () =>
      renderList.flatMap((item) => {
@@ -520,7 +530,6 @@ export function ProxyGroupsChain(props: ProxyGroupsChainProps) {
          <ProxyChain
            proxyChain={currentProxyChain}
            onUpdateChain={setProxyChain}
-            chainConfigData={chainConfigData}
            mode={mode}
            selectedGroup={activeSelectedGroup}
            onExitChainMode={onExitChainMode}
@@ -32,6 +32,7 @@ import {
 } from '@/types/proxy-view'
 import { debugLog } from '@/utils/debug'

+import type { ProxyChainItem } from './proxy-chain-model'
 import { ProxyEmptyState } from './proxy-empty-state'
 import {
  resolveEmptyListReason,
@@ -68,7 +69,7 @@ function useStableCallback<T extends (...args: any[]) => any>(fn: T): T {
 interface Props {
  mode: string
  isChainMode?: boolean
-  chainConfigData?: string | null
+  chainConfigItems?: ProxyChainItem[] | null
  onExitChainMode: () => void
 }

@@ -183,6 +184,7 @@ function useProxyRenderState(
    renderList,
    onProxies,
    onHeadState,
+    setHeadState: setListHeadState,
    handleCheckAll,
    saveScrollPosition,
    getScrollPosition,
@@ -191,10 +193,10 @@ function useProxyRenderState(

 function ChainProxyGroups(props: {
  mode: string
-  chainConfigData?: string | null
+  chainConfigItems?: ProxyChainItem[] | null
  onExitChainMode: () => void
 }) {
-  const { mode, chainConfigData, onExitChainMode } = props
+  const { mode, chainConfigItems, onExitChainMode } = props
  const { proxyView } = useProxiesData()
  const [selectedGroup, setSelectedGroup] = useState<string | null>(null)

@@ -348,7 +350,7 @@ function ChainProxyGroups(props: {
    <Suspense fallback={<BaseLoading />}>
      <ProxyGroupsChain
        mode={mode}
-        chainConfigData={chainConfigData}
+        chainConfigItems={chainConfigItems}
        onExitChainMode={onExitChainMode}
        availableGroups={availableGroups}
        activeSelectedGroup={activeSelectedGroup}
@@ -377,12 +379,17 @@ function NormalProxyGroups(props: { mode: string }) {
    renderList,
    onProxies,
    onHeadState,
+    setHeadState,
    handleCheckAll,
    getScrollPosition,
    saveScrollPosition,
  } = useProxyRenderState(mode, false, null)
  const emptyList = useEmptyRenderList()
  const { onDragEnd: onHeaderDragEnd } = useProxyGroupHeaderLayout()
+  const { proxyView } = useProxiesData()
+  const globalGroupName = proxyView?.global?.name
+  // The revealed group sits below GLOBAL's rows, so a click must bring it into view.
+  const pendingRevealRef = useRef<string | null>(null)
  const renderFirstRef = useRef(true)
  // Do not persist intermediate positions produced while restoring virtual scroll.
  const isRestoringRef = useRef(false)
@@ -477,9 +484,17 @@ function NormalProxyGroups(props: { mode: string }) {
      if (!['Selector', 'URLTest', 'Fallback'].includes(group.type)) return
      if (!isInteractableMember(member)) return

+      if (group.name === globalGroupName) {
+        pendingRevealRef.current =
+          member.kind === 'group' ? member.ref.name : null
+        // The selection refetches the view, so skip onHeadState's refetch.
+        if (member.kind === 'group') {
+          setHeadState(member.ref.name, { open: true })
+        }
+      }
      select(group.name, member.ref.name, group.now!, group.fixed!)
    },
-    [select],
+    [globalGroupName, select, setHeadState],
  )

  const handleLocation = useStableCallback((group: ProxyGroupView) => {
@@ -525,6 +540,17 @@ function NormalProxyGroups(props: { mode: string }) {
    return Array.from(new Set(names))
  }, [renderList])

+  useEffect(() => {
+    if (mode !== 'global') {
+      pendingRevealRef.current = null
+      return
+    }
+    const groupName = pendingRevealRef.current
+    if (!groupName || !proxyGroupNames.includes(groupName)) return
+    pendingRevealRef.current = null
+    handleGroupLocationByName(groupName)
+  }, [handleGroupLocationByName, mode, proxyGroupNames])
+
  const handleGroupToggle = useCallback(
    async (group: ProxyGroupView) => {
      const index = renderList.findIndex(
@@ -608,7 +634,7 @@ function NormalProxyGroups(props: { mode: string }) {
        />
      </DragDropProvider>

-      {(mode === 'rule' || mode === 'global') && (
+      {mode === 'rule' && (
        <ProxyGroupNavigator
          proxyGroupNames={proxyGroupNames}
          onGroupLocation={handleGroupLocationByName}
@@ -621,7 +647,7 @@ function NormalProxyGroups(props: { mode: string }) {
 }

 export const ProxyGroups = (props: Props) => {
-  const { mode, isChainMode = false, chainConfigData, onExitChainMode } = props
+  const { mode, isChainMode = false, chainConfigItems, onExitChainMode } = props
  const { profiles, isLoading: isProfilesLoading } = useProfiles()
  const { isProxyViewPending } = useProxiesData()
  const { isRunningModePending } = useSystemData()
@@ -645,7 +671,7 @@ export const ProxyGroups = (props: Props) => {
      return isChainMode ? (
        <ChainProxyGroups
          mode={mode}
-          chainConfigData={chainConfigData}
+          chainConfigItems={chainConfigItems}
          onExitChainMode={onExitChainMode}
        />
      ) : (
@@ -6,6 +6,7 @@ import { useVerge } from '@/hooks/use-verge'
 import { useAppRefreshers, useProxiesData } from '@/providers/app-data-context'
 import delayManager, { type DelaySnapshot } from '@/services/delay'
 import {
+  findCurrentGroupMember,
  isInteractableMember,
  resolveMember,
  selectGlobalChainNodes,
@@ -209,8 +210,10 @@ export const useRenderList = (
  const renderGroups = useMemo(() => {
    if (!proxyView) return []
    if (mode === 'rule') return proxyView.groups
-    const global = proxyView.global ? [proxyView.global] : []
-    return mode === 'global' ? [...global, ...proxyView.groups] : global
+    const { global } = proxyView
+    if (!global) return []
+    const current = findCurrentGroupMember(proxyView, global)?.member
+    return current?.kind === 'group' ? [global, current.group] : [global]
  }, [mode, proxyView])

  // Every group this list draws, so a test settling in any of them re-sorts that group.
@@ -260,10 +263,10 @@ export const useRenderList = (
      }))
    }

-    const useRule = mode === 'rule' || mode === 'global'
    const cache = groupCacheRef.current

    const retList = renderGroups.flatMap((group) => {
+      const isFlat = group === proxyView.global
      const headState = headStates[group.name] || DEFAULT_STATE
      const cached = cache.get(group.name)
      if (
@@ -279,17 +282,19 @@ export const useRenderList = (
      }

      const ret: IRenderItem[] = [
-        {
-          type: 0,
-          key: group.name,
-          group,
-          headState,
-          icon: group.icon!,
-          testUrl: group.testUrl!,
-        },
+        isFlat
+          ? { type: 1, key: `head-${group.name}`, group, headState }
+          : {
+              type: 0,
+              key: group.name,
+              group,
+              headState,
+              icon: group.icon!,
+              testUrl: group.testUrl!,
+            },
      ]

-      if (headState.open || !useRule) {
+      if (headState.open || isFlat) {
        const occurrences = filterSort(
          resolveOccurrences(proxyView, group),
          group.name,
@@ -302,9 +307,6 @@ export const useRenderList = (
            useRegularExpression: headState.filterUseRegularExpression,
          },
        )
-        if (!useRule) {
-          ret.push({ type: 1, key: `head-${group.name}`, group, headState })
-        }
        if (occurrences.length === 0) {
          ret.push({ type: 3, key: `empty-${group.name}`, group, headState })
        } else if (col > 1) {
@@ -343,9 +345,8 @@ export const useRenderList = (
      return ret
    })

-    const filtered = !useRule
-      ? retList.slice(1)
-      : retList.filter((item) => !item.group.hidden)
+    const filtered =
+      mode === 'rule' ? retList.filter((item) => !item.group.hidden) : retList
    if (
      prevListRef.current.length === filtered.length &&
      filtered.every((item, index) => item === prevListRef.current[index])
@@ -133,7 +133,11 @@ export function AutoBackupSettings() {

  return (
    <Fragment>
-      <ListItem divider disableGutters>
+      <ListItem
+        data-setting-target="settings.modals.backup.auto.scheduleLabel"
+        divider
+        disableGutters
+      >
        <Stack
          direction="row"
          spacing={1}
@@ -152,7 +156,11 @@ export function AutoBackupSettings() {
        </Stack>
      </ListItem>

-      <ListItem divider disableGutters>
+      <ListItem
+        data-setting-target="settings.modals.backup.auto.intervalLabel"
+        divider
+        disableGutters
+      >
        <Stack
          direction="row"
          spacing={2}
@@ -194,7 +202,11 @@ export function AutoBackupSettings() {
        </Stack>
      </ListItem>

-      <ListItem divider disableGutters>
+      <ListItem
+        data-setting-target="settings.modals.backup.auto.changeLabel"
+        divider
+        disableGutters
+      >
        <Stack
          direction="row"
          spacing={1}
@@ -173,6 +173,7 @@ export const BackupConfigViewer = memo(
            <Grid container spacing={2}>
              <Grid size={{ xs: 12 }}>
                <TextField
+                  data-setting-target="settings.modals.backup.fields.webdavUrl"
                  fullWidth
                  label={t('settings.modals.backup.fields.webdavUrl')}
                  variant="outlined"
@@ -187,6 +188,7 @@ export const BackupConfigViewer = memo(
              </Grid>
              <Grid size={{ xs: 6 }}>
                <TextField
+                  data-setting-target="settings.modals.backup.fields.username"
                  label={t('settings.modals.backup.fields.username')}
                  variant="outlined"
                  size="small"
@@ -199,6 +201,7 @@ export const BackupConfigViewer = memo(
              </Grid>
              <Grid size={{ xs: 6 }}>
                <TextField
+                  data-setting-target="webdav-password"
                  label={t('shared.labels.password')}
                  type="password"
                  variant="outlined"
@@ -230,6 +233,7 @@ export const BackupConfigViewer = memo(
                  color={'primary'}
                  sx={{ height: '100%' }}
                  type="button"
+                  data-setting-target="webdav-save"
                  onClick={handleSubmit(save)}
                >
                  {t('shared.actions.save')}
@@ -239,6 +243,7 @@ export const BackupConfigViewer = memo(
                  <Button
                    variant="contained"
                    color="success"
+                    data-setting-target="webdav-backup"
                    onClick={handleBackup}
                    type="button"
                    size="large"
@@ -247,6 +252,7 @@ export const BackupConfigViewer = memo(
                  </Button>
                  <Button
                    variant="outlined"
+                    data-setting-target="webdav-refresh"
                    onClick={onRefresh}
                    type="button"
                    size="large"
@@ -146,7 +146,12 @@ export const BackupHistoryViewer = ({
        setRows([])
        return
      }
-      if (!isLocal && webdavStatus === 'failed' && !options?.force) {
+      // Read the status here: as a dependency, the write below re-runs the fetch.
+      if (
+        !isLocal &&
+        getWebdavStatus(webdavSignature) === 'failed' &&
+        !options?.force
+      ) {
        setRows([])
        return
      }
@@ -180,7 +185,7 @@ export const BackupHistoryViewer = ({
        setLoading(false)
      }
    },
-    [buildRow, isLocal, open, shouldSkipWebDav, webdavSignature, webdavStatus],
+    [buildRow, isLocal, open, shouldSkipWebDav, webdavSignature],
  )

  useEffect(() => {
@@ -322,7 +327,13 @@ export const BackupHistoryViewer = ({
      onCancel={onClose}
      onClose={onClose}
    >
-      <Box sx={{ position: 'relative', minHeight: 320 }}>
+      <Box
+        data-settings-dialog="backup-history"
+        data-search-ready={!loading}
+        data-setting-target="backup-history"
+        tabIndex={-1}
+        sx={{ position: 'relative', minHeight: 320 }}
+      >
        <BaseLoadingOverlay isLoading={isBusy} />
        <Stack spacing={2}>
          <Stack
@@ -407,6 +418,7 @@ export const BackupHistoryViewer = ({
                            <IconButton
                              size="small"
                              disabled={isBusy}
+                              data-setting-target="backup-history-export"
                              onClick={() => handleExport(row.filename)}
                            >
                              <DownloadRounded fontSize="small" />
@@ -415,6 +427,7 @@ export const BackupHistoryViewer = ({
                          <IconButton
                            size="small"
                            disabled={isBusy}
+                            data-setting-target="backup-history-delete"
                            onClick={() => handleDelete(row.filename)}
                          >
                            <DeleteOutlined fontSize="small" />
@@ -422,6 +435,7 @@ export const BackupHistoryViewer = ({
                          <IconButton
                            size="small"
                            disabled={isBusy}
+                            data-setting-target="backup-history-restore"
                            onClick={() => handleRestore(row.filename)}
                          >
                            <RestoreRounded fontSize="small" />
@@ -9,7 +9,7 @@ import {
 import { open as openDialog } from '@tauri-apps/plugin-dialog'
 import { useLockFn } from 'ahooks'
 import type { ReactNode, Ref } from 'react'
-import { useCallback, useImperativeHandle, useState } from 'react'
+import { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef } from '@/components/base'
@@ -23,6 +23,8 @@ import { mutate } from '@/services/mutate'
 import { errorDetail, showNotice } from '@/services/notice-service'
 import { buildWebdavSignature, setWebdavStatus } from '@/services/webdav-status'

+import { useSettingDialog } from '../settings-search-context'
+
 import { AutoBackupSettings } from './auto-backup-settings'
 import { BackupHistoryViewer } from './backup-history-viewer'
 import { BackupWebdavDialog } from './backup-webdav-dialog'
@@ -39,9 +41,18 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const [historySource, setHistorySource] = useState<BackupSource>('local')
  const [historyPage, setHistoryPage] = useState(0)
  const [webdavDialogOpen, setWebdavDialogOpen] = useState(false)
+  const searchParentRef = useRef<'webdav' | 'history' | null>(null)
+  const closeSearchDetail = (detail: 'webdav' | 'history') => {
+    if (detail === 'webdav') setWebdavDialogOpen(false)
+    else setHistoryOpen(false)
+    if (searchParentRef.current === detail) {
+      searchParentRef.current = null
+      setOpen(false)
+    }
+  }
  const webdavSignature = buildWebdavSignature(verge)

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'backup-viewer', open, () => ({
    open: () => setOpen(true),
    close: () => setOpen(false),
  }))
@@ -52,6 +63,23 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
    setHistoryOpen(true)
  }

+  useSettingDialog(undefined, 'backup-webdav', webdavDialogOpen, () => ({
+    open: () => {
+      if (!open) searchParentRef.current = 'webdav'
+      setOpen(true)
+      setWebdavDialogOpen(true)
+    },
+    close: () => setWebdavDialogOpen(false),
+  }))
+  useSettingDialog(undefined, 'backup-history', historyOpen, () => ({
+    open: () => {
+      if (!open) searchParentRef.current = 'history'
+      setOpen(true)
+      openHistory('local')
+    },
+    close: () => setHistoryOpen(false),
+  }))
+
  const handleBackup = useLockFn(async (target: BackupSource) => {
    try {
      setBusyAction(target)
@@ -129,6 +157,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onClose={() => setOpen(false)}
    >
+      <span data-settings-dialog="backup-viewer" />
      <Stack spacing={2}>
        <Stack
          spacing={1}
@@ -166,6 +195,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
                  description: t('settings.modals.backup.manual.local'),
                  actions: [
                    <Button
+                      data-setting-target="settings.modals.backup.actions.backup"
                      key="backup"
                      variant="contained"
                      size="small"
@@ -176,6 +206,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
                      {t('settings.modals.backup.actions.backup')}
                    </Button>,
                    <Button
+                      data-setting-target="settings.modals.backup.actions.viewHistory"
                      key="history"
                      variant="outlined"
                      size="small"
@@ -185,6 +216,7 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
                      {t('settings.modals.backup.actions.viewHistory')}
                    </Button>,
                    <Button
+                      data-setting-target="settings.modals.backup.actions.importBackup"
                      key="import"
                      variant="text"
                      size="small"
@@ -263,11 +295,11 @@ export function BackupViewer({ ref }: { ref?: Ref<DialogRef> }) {
        page={historyPage}
        onSourceChange={setHistorySource}
        onPageChange={setHistoryPage}
-        onClose={() => setHistoryOpen(false)}
+        onClose={() => closeSearchDetail('history')}
      />
      <BackupWebdavDialog
        open={webdavDialogOpen}
-        onClose={() => setWebdavDialogOpen(false)}
+        onClose={() => closeSearchDetail('webdav')}
        onBackupSuccess={() => openHistory('webdav')}
        setBusy={setWebdavBusy}
      />
@@ -76,7 +76,13 @@ export const BackupWebdavDialog = ({
      onCancel={onClose}
      onClose={onClose}
    >
-      <Box sx={{ position: 'relative' }}>
+      <Box
+        data-settings-dialog="backup-webdav"
+        data-search-ready={!loading}
+        data-setting-target="webdav-state"
+        tabIndex={-1}
+        sx={{ position: 'relative' }}
+      >
        <BaseLoadingOverlay isLoading={loading} />
        <BackupConfigViewer
          setLoading={handleLoading}
@@ -13,7 +13,7 @@ import {
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
 import type { Ref } from 'react'
-import { useImperativeHandle, useState } from 'react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { closeAllConnections } from 'tauri-plugin-mihomo-api'

@@ -24,6 +24,8 @@ import { changeClashCore, restartCore, upgradeClashCore } from '@/services/cmds'
 import { mutate } from '@/services/mutate'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 const VALID_CORE = [
  {
    name: 'Mihomo',
@@ -49,7 +51,7 @@ export function ClashCoreViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const [restarting, setRestarting] = useState(false)
  const [changingCore, setChangingCore] = useState<string | null>(null)

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'clash-core-viewer', open, () => ({
    open: () => setOpen(true),
    close: () => setOpen(false),
  }))
@@ -139,6 +141,7 @@ export function ClashCoreViewer({ ref }: { ref?: Ref<DialogRef> }) {
              loading={upgrading}
              disabled={restarting || changingCore !== null}
              sx={{ marginRight: '8px' }}
+              data-setting-target="core-upgrade"
              onClick={onUpgrade}
            >
              {t('shared.actions.upgrade')}
@@ -150,6 +153,7 @@ export function ClashCoreViewer({ ref }: { ref?: Ref<DialogRef> }) {
              loadingPosition="start"
              loading={restarting}
              disabled={upgrading}
+              data-setting-target="core-restart"
              onClick={onRestart}
            >
              {t('shared.actions.restart')}
@@ -170,7 +174,12 @@ export function ClashCoreViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onClose={() => setOpen(false)}
      onCancel={() => setOpen(false)}
    >
-      <List component="nav">
+      <List
+        component="nav"
+        data-settings-dialog="clash-core-viewer"
+        data-setting-target="core-variants"
+        tabIndex={-1}
+      >
        {VALID_CORE.map((each) => (
          <ListItemButton
            key={each.core}
@@ -9,7 +9,7 @@ import {
  TextField,
 } from '@mui/material'
 import { useLockFn, useRequest } from 'ahooks'
-import { forwardRef, useImperativeHandle, useState } from 'react'
+import { forwardRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, Switch } from '@/components/base'
@@ -22,6 +22,8 @@ import { showNotice } from '@/services/notice-service'
 import type { TranslationKey } from '@/types/generated/i18n-keys'
 import getSystem from '@/utils/get-system'

+import { useSettingDialog } from '../settings-search-context'
+
 const OS = getSystem()

 interface ClashPortViewerRef {
@@ -87,6 +89,7 @@ const readPortSettings = (
 })

 interface PortRowProps {
+  searchTarget: string
  label: string
  secondary?: string
  port: number
@@ -97,6 +100,7 @@ interface PortRowProps {
 }

 const PortRow = ({
+  searchTarget,
  label,
  secondary,
  port,
@@ -107,7 +111,10 @@ const PortRow = ({
  const { t } = useTranslation()

  return (
-    <ListItem sx={{ padding: '4px 0', minHeight: 36 }}>
+    <ListItem
+      data-setting-target={searchTarget}
+      sx={{ padding: '4px 0', minHeight: 36 }}
+    >
      <ListItemText
        primary={label}
        secondary={secondary}
@@ -129,6 +136,7 @@ const PortRow = ({
        />
        <IconButton
          size="small"
+          data-setting-target="port-random"
          onClick={() => onPortChange(generateRandomPort())}
          title={t('settings.modals.clashPort.actions.random')}
          disabled={!enabled}
@@ -192,7 +200,7 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
    },
  )

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'clash-port-viewer', open, () => ({
    open: () => {
      setPorts(readPortSettings(verge, configuredMixedPort))
      setOpen(true)
@@ -245,9 +253,11 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="clash-port-viewer" />
      <List sx={{ width: '100%' }}>
        <PortRow
          label={t('settings.modals.clashPort.fields.mixed')}
+          searchTarget="settings.modals.clashPort.fields.mixed"
          secondary={
            displayedMixedPort !== configuredMixedPort
              ? t('settings.modals.clashPort.messages.runningPort', {
@@ -265,6 +275,7 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
          <PortRow
            key={key}
            label={t(label)}
+            searchTarget={label}
            port={ports[key].port}
            enabled={ports[key].enabled}
            onPortChange={(port) => updateListener(key, { port })}
@@ -12,7 +12,7 @@ import {
  Tooltip,
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { useImperativeHandle, useState, type Ref } from 'react'
+import { useState, type Ref } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef, Switch } from '@/components/base'
@@ -20,6 +20,8 @@ import { useClashInfo } from '@/hooks/use-clash'
 import { useVerge } from '@/hooks/use-verge'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 export function ControllerViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const { t } = useTranslation()
  const [open, setOpen] = useState(false)
@@ -35,7 +37,7 @@ export function ControllerViewer({ ref }: { ref?: Ref<DialogRef> }) {
  )

  // 对话框打开时初始化配置
-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'controller-viewer', open, () => ({
    open: async () => {
      setOpen(true)
      setController(clashInfo?.server || '')
@@ -124,8 +126,10 @@ export function ControllerViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="controller-viewer" />
      <List>
        <ListItem
+          data-setting-target="settings.sections.externalController.fields.enable"
          sx={{
            padding: '5px 2px',
            display: 'flex',
@@ -144,6 +148,7 @@ export function ControllerViewer({ ref }: { ref?: Ref<DialogRef> }) {
        </ListItem>

        <ListItem
+          data-setting-target="settings.sections.externalController.fields.address"
          sx={{
            padding: '5px 2px',
            display: 'flex',
@@ -184,6 +189,7 @@ export function ControllerViewer({ ref }: { ref?: Ref<DialogRef> }) {
        </ListItem>

        <ListItem
+          data-setting-target="settings.sections.externalController.fields.secret"
          sx={{
            padding: '5px 2px',
            display: 'flex',
@@ -16,14 +16,7 @@ import {
 import { useLockFn } from 'ahooks'
 import * as yaml from 'js-yaml'
 import type { Ref } from 'react'
-import {
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useReducer,
-  useRef,
-  useState,
-} from 'react'
+import { useCallback, useEffect, useReducer, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import {
@@ -47,6 +40,8 @@ import { useThemeMode } from '@/services/states'
 import type { MonacoEditorInstance } from '@/types/monaco'
 import { MONACO_FONT_FAMILY } from '@/utils/font-family'

+import { useSettingDialog } from '../settings-search-context'
+
 const Item = styled(ListItem)(() => ({
  padding: '5px 2px',
  '& textarea': {
@@ -190,6 +185,110 @@ const DEFAULT_DNS_CONFIG = {
  },
 }

+type DnsFormValues = {
+  enable: boolean
+  listen: string
+  enhancedMode: 'fake-ip' | 'redir-host'
+  fakeIpRange: string
+  fakeIpRange6: string
+  fakeIpFilterMode: 'blacklist' | 'whitelist'
+  preferH3: boolean
+  respectRules: boolean
+  useHosts: boolean
+  useSystemHosts: boolean
+  ipv6: boolean
+  fakeIpFilter: string
+  nameserver: string
+  fallback: string
+  defaultNameserver: string
+  proxyServerNameserver: string
+  directNameserver: string
+  directNameserverFollowPolicy: boolean
+  fallbackGeoip: boolean
+  fallbackGeoipCode: string
+  fallbackIpcidr: string
+  fallbackDomain: string
+  nameserverPolicy: string
+  hosts: string // hosts设置，独立于dns
+}
+
+const DEFAULT_FORM_VALUES: DnsFormValues = {
+  enable: DEFAULT_DNS_CONFIG.enable,
+  listen: DEFAULT_DNS_CONFIG.listen,
+  enhancedMode: DEFAULT_DNS_CONFIG['enhanced-mode'],
+  fakeIpRange: DEFAULT_DNS_CONFIG['fake-ip-range'],
+  fakeIpRange6: DEFAULT_DNS_CONFIG['fake-ip-range6'],
+  fakeIpFilterMode: DEFAULT_DNS_CONFIG['fake-ip-filter-mode'],
+  preferH3: DEFAULT_DNS_CONFIG['prefer-h3'],
+  respectRules: DEFAULT_DNS_CONFIG['respect-rules'],
+  useHosts: DEFAULT_DNS_CONFIG['use-hosts'],
+  useSystemHosts: DEFAULT_DNS_CONFIG['use-system-hosts'],
+  ipv6: DEFAULT_DNS_CONFIG.ipv6,
+  fakeIpFilter: DEFAULT_DNS_CONFIG['fake-ip-filter'].join(', '),
+  defaultNameserver: DEFAULT_DNS_CONFIG['default-nameserver'].join(', '),
+  nameserver: DEFAULT_DNS_CONFIG.nameserver.join(', '),
+  fallback: DEFAULT_DNS_CONFIG.fallback.join(', '),
+  proxyServerNameserver:
+    DEFAULT_DNS_CONFIG['proxy-server-nameserver']?.join(', ') || '',
+  directNameserver: DEFAULT_DNS_CONFIG['direct-nameserver']?.join(', ') || '',
+  directNameserverFollowPolicy:
+    DEFAULT_DNS_CONFIG['direct-nameserver-follow-policy'] || false,
+  fallbackGeoip: DEFAULT_DNS_CONFIG['fallback-filter'].geoip,
+  fallbackGeoipCode: DEFAULT_DNS_CONFIG['fallback-filter']['geoip-code'],
+  fallbackIpcidr:
+    DEFAULT_DNS_CONFIG['fallback-filter'].ipcidr?.join(', ') || '',
+  fallbackDomain:
+    DEFAULT_DNS_CONFIG['fallback-filter'].domain?.join(', ') || '',
+  nameserverPolicy: '',
+  hosts: '',
+}
+
+function buildDnsConfig(values: DnsFormValues) {
+  const dnsConfig: any = {
+    enable: values.enable,
+    listen: values.listen,
+    'enhanced-mode': values.enhancedMode,
+    'fake-ip-range': values.fakeIpRange,
+    'fake-ip-range6': values.fakeIpRange6,
+    'fake-ip-filter-mode': values.fakeIpFilterMode,
+    'prefer-h3': values.preferH3,
+    'respect-rules': values.respectRules,
+    'use-hosts': values.useHosts,
+    'use-system-hosts': values.useSystemHosts,
+    ipv6: values.ipv6,
+    'fake-ip-filter': parseList(values.fakeIpFilter),
+    'default-nameserver': parseList(values.defaultNameserver),
+    nameserver: parseList(values.nameserver),
+    'nameserver-policy': parseNameserverPolicy(values.nameserverPolicy),
+    'direct-nameserver-follow-policy': values.directNameserverFollowPolicy,
+    'fallback-filter': {
+      geoip: values.fallbackGeoip,
+      'geoip-code': values.fallbackGeoipCode,
+      ipcidr: parseList(values.fallbackIpcidr),
+      domain: parseList(values.fallbackDomain),
+    },
+
+    fallback: parseList(values.fallback),
+    'proxy-server-nameserver': parseList(values.proxyServerNameserver),
+    'direct-nameserver': parseList(values.directNameserver),
+  }
+
+  return dnsConfig
+}
+
+function buildDnsYaml(values: DnsFormValues) {
+  const config: Record<string, any> = {}
+
+  const dnsConfig = buildDnsConfig(values)
+  if (Object.keys(dnsConfig).length > 0) {
+    config.dns = dnsConfig
+  }
+
+  config.hosts = parseHosts(values.hosts)
+
+  return yaml.dump(config, { forceQuotes: true })
+}
+
 export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const { t } = useTranslation()
  const { mutateClash } = useClash()
@@ -203,64 +302,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const themeMode = useThemeMode()

  const [open, setOpen] = useState(false)
+  const [initializing, setInitializing] = useState(false)
  const [visualization, setVisualization] = useState(true)
-  const skipYamlSyncRef = useRef(false)
  const editorRef = useRef<MonacoEditorInstance | null>(null)
-  const [values, setValues] = useState<{
-    enable: boolean
-    listen: string
-    enhancedMode: 'fake-ip' | 'redir-host'
-    fakeIpRange: string
-    fakeIpRange6: string
-    fakeIpFilterMode: 'blacklist' | 'whitelist'
-    preferH3: boolean
-    respectRules: boolean
-    useHosts: boolean
-    useSystemHosts: boolean
-    ipv6: boolean
-    fakeIpFilter: string
-    nameserver: string
-    fallback: string
-    defaultNameserver: string
-    proxyServerNameserver: string
-    directNameserver: string
-    directNameserverFollowPolicy: boolean
-    fallbackGeoip: boolean
-    fallbackGeoipCode: string
-    fallbackIpcidr: string
-    fallbackDomain: string
-    nameserverPolicy: string
-    hosts: string // hosts设置，独立于dns
-  }>({
-    enable: DEFAULT_DNS_CONFIG.enable,
-    listen: DEFAULT_DNS_CONFIG.listen,
-    enhancedMode: DEFAULT_DNS_CONFIG['enhanced-mode'],
-    fakeIpRange: DEFAULT_DNS_CONFIG['fake-ip-range'],
-    fakeIpRange6: DEFAULT_DNS_CONFIG['fake-ip-range6'],
-    fakeIpFilterMode: DEFAULT_DNS_CONFIG['fake-ip-filter-mode'],
-    preferH3: DEFAULT_DNS_CONFIG['prefer-h3'],
-    respectRules: DEFAULT_DNS_CONFIG['respect-rules'],
-    useHosts: DEFAULT_DNS_CONFIG['use-hosts'],
-    useSystemHosts: DEFAULT_DNS_CONFIG['use-system-hosts'],
-    ipv6: DEFAULT_DNS_CONFIG.ipv6,
-    fakeIpFilter: DEFAULT_DNS_CONFIG['fake-ip-filter'].join(', '),
-    defaultNameserver: DEFAULT_DNS_CONFIG['default-nameserver'].join(', '),
-    nameserver: DEFAULT_DNS_CONFIG.nameserver.join(', '),
-    fallback: DEFAULT_DNS_CONFIG.fallback.join(', '),
-    proxyServerNameserver:
-      DEFAULT_DNS_CONFIG['proxy-server-nameserver']?.join(', ') || '',
-    directNameserver: DEFAULT_DNS_CONFIG['direct-nameserver']?.join(', ') || '',
-    directNameserverFollowPolicy:
-      DEFAULT_DNS_CONFIG['direct-nameserver-follow-policy'] || false,
-    fallbackGeoip: DEFAULT_DNS_CONFIG['fallback-filter'].geoip,
-    fallbackGeoipCode: DEFAULT_DNS_CONFIG['fallback-filter']['geoip-code'],
-    fallbackIpcidr:
-      DEFAULT_DNS_CONFIG['fallback-filter'].ipcidr?.join(', ') || '',
-    fallbackDomain:
-      DEFAULT_DNS_CONFIG['fallback-filter'].domain?.join(', ') || '',
-    nameserverPolicy: '',
-    hosts: '',
-  })
+  const [values, setValues] = useState<DnsFormValues>(DEFAULT_FORM_VALUES)

  // Prevent YAML-to-form sync before configuration loads.
  const [yamlContent, setYamlContent] = useReducer(
@@ -269,7 +314,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
  )

  const updateValuesFromConfig = useCallback((config: any) => {
-    if (!config) return
+    if (!config) return undefined

    const dnsConfig = config.dns || {}
    const hostsConfig = config.hosts || {}
@@ -289,7 +334,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
        ? fakeIpFilterMode
        : DEFAULT_DNS_CONFIG['fake-ip-filter-mode']

-    setValues({
+    const next: DnsFormValues = {
      enable: dnsConfig.enable ?? DEFAULT_DNS_CONFIG.enable,
      listen: dnsConfig.listen ?? DEFAULT_DNS_CONFIG.listen,
      enhancedMode: validEnhancedMode,
@@ -341,127 +386,27 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
      nameserverPolicy:
        formatNameserverPolicy(dnsConfig['nameserver-policy']) || '',
      hosts: formatHosts(hostsConfig) || '',
-    })
+    }
+    setValues(next)
+    return next
  }, [])

-  const generateDnsConfig = useCallback(() => {
-    const dnsConfig: any = {
-      enable: values.enable,
-      listen: values.listen,
-      'enhanced-mode': values.enhancedMode,
-      'fake-ip-range': values.fakeIpRange,
-      'fake-ip-range6': values.fakeIpRange6,
-      'fake-ip-filter-mode': values.fakeIpFilterMode,
-      'prefer-h3': values.preferH3,
-      'respect-rules': values.respectRules,
-      'use-hosts': values.useHosts,
-      'use-system-hosts': values.useSystemHosts,
-      ipv6: values.ipv6,
-      'fake-ip-filter': parseList(values.fakeIpFilter),
-      'default-nameserver': parseList(values.defaultNameserver),
-      nameserver: parseList(values.nameserver),
-      'nameserver-policy': parseNameserverPolicy(values.nameserverPolicy),
-      'direct-nameserver-follow-policy': values.directNameserverFollowPolicy,
-      'fallback-filter': {
-        geoip: values.fallbackGeoip,
-        'geoip-code': values.fallbackGeoipCode,
-        ipcidr: parseList(values.fallbackIpcidr),
-        domain: parseList(values.fallbackDomain),
-      },
-
-      fallback: parseList(values.fallback),
-      'proxy-server-nameserver': parseList(values.proxyServerNameserver),
-      'direct-nameserver': parseList(values.directNameserver),
-    }
-
-    return dnsConfig
-  }, [values])
-
-  const updateYamlFromValues = useCallback(() => {
-    const config: Record<string, any> = {}
-
-    const dnsConfig = generateDnsConfig()
-    if (Object.keys(dnsConfig).length > 0) {
-      config.dns = dnsConfig
-    }
-
-    config.hosts = parseHosts(values.hosts)
-
-    setYamlContent(yaml.dump(config, { forceQuotes: true }))
-  }, [generateDnsConfig, values.hosts])
-
  const resetToDefaults = useCallback(() => {
-    setValues({
-      enable: DEFAULT_DNS_CONFIG.enable,
-      listen: DEFAULT_DNS_CONFIG.listen,
-      enhancedMode: DEFAULT_DNS_CONFIG['enhanced-mode'],
-      fakeIpRange: DEFAULT_DNS_CONFIG['fake-ip-range'],
-      fakeIpRange6: DEFAULT_DNS_CONFIG['fake-ip-range6'],
-      fakeIpFilterMode: DEFAULT_DNS_CONFIG['fake-ip-filter-mode'],
-      preferH3: DEFAULT_DNS_CONFIG['prefer-h3'],
-      respectRules: DEFAULT_DNS_CONFIG['respect-rules'],
-      useHosts: DEFAULT_DNS_CONFIG['use-hosts'],
-      useSystemHosts: DEFAULT_DNS_CONFIG['use-system-hosts'],
-      ipv6: DEFAULT_DNS_CONFIG.ipv6,
-      fakeIpFilter: DEFAULT_DNS_CONFIG['fake-ip-filter'].join(', '),
-      defaultNameserver: DEFAULT_DNS_CONFIG['default-nameserver'].join(', '),
-      nameserver: DEFAULT_DNS_CONFIG.nameserver.join(', '),
-      fallback: DEFAULT_DNS_CONFIG.fallback.join(', '),
-      proxyServerNameserver:
-        DEFAULT_DNS_CONFIG['proxy-server-nameserver']?.join(', ') || '',
-      directNameserver:
-        DEFAULT_DNS_CONFIG['direct-nameserver']?.join(', ') || '',
-      directNameserverFollowPolicy:
-        DEFAULT_DNS_CONFIG['direct-nameserver-follow-policy'] || false,
-      fallbackGeoip: DEFAULT_DNS_CONFIG['fallback-filter'].geoip,
-      fallbackGeoipCode: DEFAULT_DNS_CONFIG['fallback-filter']['geoip-code'],
-      fallbackIpcidr:
-        DEFAULT_DNS_CONFIG['fallback-filter'].ipcidr?.join(', ') || '',
-      fallbackDomain:
-        DEFAULT_DNS_CONFIG['fallback-filter'].domain?.join(', ') || '',
-      nameserverPolicy: '',
-      hosts: '',
-    })
-
-    updateYamlFromValues()
-  }, [updateYamlFromValues])
+    setValues(DEFAULT_FORM_VALUES)
+    setYamlContent(buildDnsYaml(DEFAULT_FORM_VALUES))
+  }, [])

  const updateValuesFromYaml = useCallback(() => {
    try {
      const parsedYaml = yaml.load(yamlContent) as any
      if (!parsedYaml || parsedYaml.isInitValue) return

-      skipYamlSyncRef.current = true
      updateValuesFromConfig(parsedYaml)
    } catch {
      showNotice.error('settings.modals.dns.errors.invalidYaml')
    }
  }, [yamlContent, updateValuesFromConfig])

-  useEffect(() => {
-    if (skipYamlSyncRef.current) {
-      skipYamlSyncRef.current = false
-      return
-    }
-    updateYamlFromValues()
-  }, [updateYamlFromValues])
-
-  const latestUpdateValuesFromYamlRef = useRef(updateValuesFromYaml)
-  const latestUpdateYamlFromValuesRef = useRef(updateYamlFromValues)
-
-  useEffect(() => {
-    latestUpdateValuesFromYamlRef.current = updateValuesFromYaml
-    latestUpdateYamlFromValuesRef.current = updateYamlFromValues
-  }, [updateValuesFromYaml, updateYamlFromValues])
-
-  useEffect(() => {
-    if (visualization) {
-      latestUpdateValuesFromYamlRef.current()
-    } else {
-      latestUpdateYamlFromValuesRef.current()
-    }
-  }, [visualization])
-
  useEffect(() => {
    return () => {
      editorRef.current?.dispose()
@@ -470,34 +415,33 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
  }, [])

  const initDnsConfig = useCallback(async () => {
+    setInitializing(true)
    try {
      const dnsConfig = await getDnsConfigContent()

      if (dnsConfig !== null) {
        const config = yaml.load(dnsConfig) as any

-        updateValuesFromConfig(config)
-        setYamlContent(dnsConfig)
+        const loaded = updateValuesFromConfig(config)
+        setYamlContent(loaded ? buildDnsYaml(loaded) : dnsConfig)
      } else {
        resetToDefaults()
      }
    } catch (err) {
      console.error('Failed to initialize DNS config', err)
      resetToDefaults()
+    } finally {
+      setInitializing(false)
    }
  }, [resetToDefaults, updateValuesFromConfig])

-  useImperativeHandle(
-    ref,
-    () => ({
-      open: () => {
-        setOpen(true)
-        void initDnsConfig()
-      },
-      close: () => setOpen(false),
-    }),
-    [initDnsConfig],
-  )
+  useSettingDialog(ref, 'dns-viewer', open, () => ({
+    open: () => {
+      setOpen(true)
+      void initDnsConfig()
+    },
+    close: () => setOpen(false),
+  }))

  const onSave = useLockFn(async () => {
    try {
@@ -506,7 +450,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
      if (visualization) {
        config = {}

-        const dnsConfig = generateDnsConfig()
+        const dnsConfig = buildDnsConfig(values)
        if (Object.keys(dnsConfig).length > 0) {
          config.dns = dnsConfig
        }
@@ -607,6 +551,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
          {t('settings.modals.dns.dialog.title')}
          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
            <Button
+              data-setting-target="dns-viewer-reset"
              variant="outlined"
              size="small"
              color="warning"
@@ -618,8 +563,14 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            <Button
              variant="contained"
              size="small"
+              data-setting-target="dns-mode"
              onClick={() => {
-                setVisualization((prev) => !prev)
+                if (visualization) {
+                  setYamlContent(buildDnsYaml(values))
+                } else {
+                  updateValuesFromYaml()
+                }
+                setVisualization(!visualization)
              }}
            >
              {visualization
@@ -642,6 +593,15 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span
+        data-settings-dialog="dns-viewer"
+        data-search-ready={!initializing}
+      />
+      {initializing && (
+        <Typography role="status" data-settings-loading tabIndex={-1}>
+          {t('shared.statuses.loading')}
+        </Typography>
+      )}
      <Alert severity="info" sx={{ mb: 2 }}>
        {t('settings.modals.dns.dialog.profileScope')}
      </Alert>
@@ -662,7 +622,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            {t('settings.modals.dns.sections.general')}
          </Typography>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.enable">
            <ListItemText primary={t('settings.modals.dns.fields.enable')} />
            <Switch
              edge="end"
@@ -671,7 +631,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.listen">
            <ListItemText primary={t('settings.modals.dns.fields.listen')} />
            <TextField
              size="small"
@@ -684,7 +644,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.enhancedMode">
            <ListItemText
              primary={t('settings.modals.dns.fields.enhancedMode')}
            />
@@ -699,7 +659,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            </FormControl>
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.fakeIpRange">
            <ListItemText
              primary={t('settings.modals.dns.fields.fakeIpRange')}
            />
@@ -714,7 +674,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.fakeIpRange6">
            <ListItemText
              primary={t('settings.modals.dns.fields.fakeIpRange6')}
            />
@@ -729,7 +689,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.fakeIpFilterMode">
            <ListItemText
              primary={t('settings.modals.dns.fields.fakeIpFilterMode')}
            />
@@ -744,7 +704,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            </FormControl>
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.ipv6.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.ipv6.label')}
              secondary={t('settings.modals.dns.fields.ipv6.description')}
@@ -756,7 +716,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.preferH3.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.preferH3.label')}
              secondary={t('settings.modals.dns.fields.preferH3.description')}
@@ -768,7 +728,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.respectRules.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.respectRules.label')}
              secondary={t(
@@ -782,7 +742,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.useHosts.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.useHosts.label')}
              secondary={t('settings.modals.dns.fields.useHosts.description')}
@@ -794,7 +754,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.useSystemHosts.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.useSystemHosts.label')}
              secondary={t(
@@ -808,7 +768,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.directPolicy.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.directPolicy.label')}
              secondary={t(
@@ -822,7 +782,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.defaultNameserver.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.defaultNameserver.label')}
              secondary={t(
@@ -842,7 +805,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.nameserver.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.nameserver.label')}
              secondary={t('settings.modals.dns.fields.nameserver.description')}
@@ -860,7 +826,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.fallback.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.fallback.label')}
              secondary={t('settings.modals.dns.fields.fallback.description')}
@@ -878,7 +847,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.proxy.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.proxy.label')}
              secondary={t('settings.modals.dns.fields.proxy.description')}
@@ -896,7 +868,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.directNameserver.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.directNameserver.label')}
              secondary={t(
@@ -916,7 +891,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.fakeIpFilter.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.fakeIpFilter.label')}
              secondary={t(
@@ -936,7 +914,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.nameserverPolicy.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.nameserverPolicy.label')}
              secondary={t(
@@ -963,7 +944,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            {t('settings.modals.dns.sections.fallbackFilter')}
          </Typography>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.geoipFiltering.label">
            <ListItemText
              primary={t('settings.modals.dns.fields.geoipFiltering.label')}
              secondary={t(
@@ -977,7 +958,7 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item>
+          <Item data-setting-target="settings.modals.dns.fields.geoipCode">
            <ListItemText primary={t('settings.modals.dns.fields.geoipCode')} />
            <TextField
              size="small"
@@ -990,7 +971,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.fallbackIpCidr.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.fallbackIpCidr.label')}
              secondary={t(
@@ -1010,7 +994,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            />
          </Item>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.fallbackDomain.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.fallbackDomain.label')}
              secondary={t(
@@ -1037,7 +1024,10 @@ export function DnsViewer({ ref }: { ref?: Ref<DialogRef> }) {
            {t('settings.modals.dns.sections.hosts')}
          </Typography>

-          <Item sx={{ flexDirection: 'column', alignItems: 'flex-start' }}>
+          <Item
+            data-setting-target="settings.modals.dns.fields.hosts.label"
+            sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+          >
            <ListItemText
              primary={t('settings.modals.dns.fields.hosts.label')}
              secondary={t('settings.modals.dns.fields.hosts.description')}
@@ -1,7 +1,7 @@
 import { Delete as DeleteIcon } from '@mui/icons-material'
 import { Box, Button, Divider, List, ListItem, TextField } from '@mui/material'
 import { useLockFn, useRequest } from 'ahooks'
-import { forwardRef, useImperativeHandle, useRef, useState } from 'react'
+import { forwardRef, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, Switch } from '@/components/base'
@@ -10,6 +10,8 @@ import { restartCore } from '@/services/cmds'
 import { mutate } from '@/services/mutate'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 // Development origins must never be persisted into production configuration.
 const DEV_URLS = [
  'tauri://localhost',
@@ -154,7 +156,7 @@ export const HeaderConfiguration = forwardRef<ClashHeaderConfigingRef>(
      },
    )

-    useImperativeHandle(ref, () => ({
+    useSettingDialog(ref, 'external-controller-cors', open, () => ({
      open: () => {
        const cors = clash?.['external-controller-cors']
        const origins = cors?.['allow-origins'] ?? []
@@ -186,8 +188,12 @@ export const HeaderConfiguration = forwardRef<ClashHeaderConfigingRef>(
        onCancel={() => setOpen(false)}
        onOk={handleSave}
      >
+        <span data-settings-dialog="external-controller-cors" />
        <List sx={{ width: '90%', padding: 2 }}>
-          <ListItem sx={{ padding: '8px 0' }}>
+          <ListItem
+            data-setting-target="settings.sections.externalCors.fields.allowPrivateNetwork"
+            sx={{ padding: '8px 0' }}
+          >
            <Box
              sx={{
                display: 'flex',
@@ -214,7 +220,10 @@ export const HeaderConfiguration = forwardRef<ClashHeaderConfigingRef>(

          <Divider sx={{ my: 2 }} />

-          <ListItem sx={{ padding: '8px 0' }}>
+          <ListItem
+            data-setting-target="settings.sections.externalCors.fields.allowedOrigins"
+            sx={{ padding: '8px 0' }}
+          >
            <div style={{ width: '100%' }}>
              <div style={{ marginBottom: 8, fontWeight: 'bold' }}>
                {t('settings.sections.externalCors.fields.allowedOrigins')}
@@ -252,6 +261,7 @@ export const HeaderConfiguration = forwardRef<ClashHeaderConfigingRef>(
                </div>
              ))}
              <Button
+                data-setting-target="settings.sections.externalCors.actions.add"
                variant="contained"
                size="small"
                onClick={handleAddOrigin}
@@ -1,12 +1,14 @@
 import { styled, Typography } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { forwardRef, useImperativeHandle, useState } from 'react'
+import { forwardRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef, Switch } from '@/components/base'
 import { useVerge } from '@/hooks/use-verge'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 import { HotkeyInput } from './hotkey-input'

 const ItemWrapper = styled('div')`
@@ -51,7 +53,7 @@ export const HotkeyViewer = forwardRef<DialogRef>((props, ref) => {
    verge?.enable_global_hotkey ?? true,
  )

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'hotkey-viewer', open, () => ({
    open: () => {
      setOpen(true)

@@ -111,7 +113,11 @@ export const HotkeyViewer = forwardRef<DialogRef>((props, ref) => {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
-      <ItemWrapper style={{ marginBottom: 16 }}>
+      <span data-settings-dialog="hotkey-viewer" />
+      <ItemWrapper
+        data-setting-target="settings.modals.hotkey.toggles.enableGlobal"
+        style={{ marginBottom: 16 }}
+      >
        <Typography>
          {t('settings.modals.hotkey.toggles.enableGlobal')}
        </Typography>
@@ -123,7 +129,7 @@ export const HotkeyViewer = forwardRef<DialogRef>((props, ref) => {
      </ItemWrapper>

      {HOTKEY_FUNC.map((func) => (
-        <ItemWrapper key={func}>
+        <ItemWrapper key={func} data-setting-target={HOTKEY_FUNC_LABELS[func]}>
          <Typography>{t(HOTKEY_FUNC_LABELS[func])}</Typography>
          <HotkeyInput
            value={hotkeyMap[func] ?? []}
@@ -14,7 +14,7 @@ import { convertFileSrc } from '@tauri-apps/api/core'
 import { join } from '@tauri-apps/api/path'
 import { open as openDialog } from '@tauri-apps/plugin-dialog'
 import { exists } from '@tauri-apps/plugin-fs'
-import { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
+import { forwardRef, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef, Switch, TooltipIcon } from '@/components/base'
@@ -26,6 +26,8 @@ import { mutate } from '@/services/mutate'
 import { showNotice } from '@/services/notice-service'
 import getSystem from '@/utils/get-system'

+import { useSettingDialog } from '../settings-search-context'
+
 import { GuardState } from './guard-state'

 const OS = getSystem()
@@ -97,7 +99,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
    }
  }

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'layout-viewer', open, () => ({
    open: () => setOpen(true),
    close: () => setOpen(false),
  }))
@@ -120,8 +122,9 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
      onClose={() => setOpen(false)}
      onCancel={() => setOpen(false)}
    >
+      <span data-settings-dialog="layout-viewer" />
      <List>
-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.preferSystemTitlebar">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.preferSystemTitlebar',
@@ -140,7 +143,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.trafficGraph">
          <ListItemText
            primary={t('settings.components.verge.layout.fields.trafficGraph')}
          />
@@ -156,7 +159,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.memoryUsage">
          <ListItemText
            primary={t('settings.components.verge.layout.fields.memoryUsage')}
          />
@@ -172,7 +175,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.proxyGroupIcon">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.proxyGroupIcon',
@@ -190,7 +193,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.pauseRenderTrafficStatsOnBlur">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.pauseRenderTrafficStatsOnBlur',
@@ -212,7 +215,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.toastPosition">
          <ListItemText
            primary={t('settings.components.verge.layout.fields.toastPosition')}
          />
@@ -248,7 +251,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.hoverNavigator">
          <ListItemText
            primary={
              <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
@@ -276,7 +279,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.hoverNavigatorDelay">
          <ListItemText
            primary={
              <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
@@ -335,7 +338,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.navIcon">
          <ListItemText
            primary={t('settings.components.verge.layout.fields.navIcon')}
          />
@@ -360,7 +363,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.collapseNavBar">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.collapseNavBar',
@@ -379,7 +382,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
        </Item>

        {OS === 'macos' && (
-          <Item>
+          <Item data-setting-target="settings.components.verge.layout.fields.trayIcon">
            <ListItemText
              primary={t('settings.components.verge.layout.fields.trayIcon')}
            />
@@ -407,7 +410,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </Item>
        )}
        {OS === 'macos' && (
-          <Item>
+          <Item data-setting-target="settings.components.verge.layout.fields.enableTraySpeed">
            <ListItemText
              primary={t(
                'settings.components.verge.layout.fields.enableTraySpeed',
@@ -445,7 +448,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
            </GuardState>
          </Item>
        )} */}
-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.proxyGroupsDisplayMode">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.proxyGroupsDisplayMode',
@@ -481,7 +484,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
            </Select>
          </GuardState>
        </Item>
-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.showOutboundModesInline">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.showOutboundModesInline',
@@ -499,7 +502,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.commonTrayIcon">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.commonTrayIcon',
@@ -512,6 +515,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
            onGuard={(e) => patchVerge({ common_tray_icon: e })}
          >
            <Button
+              data-setting-target="settings.components.verge.basic.actions.browse"
              variant="outlined"
              size="small"
              startIcon={
@@ -554,7 +558,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.systemProxyTrayIcon">
          <ListItemText
            primary={t(
              'settings.components.verge.layout.fields.systemProxyTrayIcon',
@@ -609,7 +613,7 @@ export const LayoutViewer = forwardRef<DialogRef>((_, ref) => {
          </GuardState>
        </Item>

-        <Item>
+        <Item data-setting-target="settings.components.verge.layout.fields.tunTrayIcon">
          <ListItemText
            primary={t('settings.components.verge.layout.fields.tunTrayIcon')}
          />
@@ -8,7 +8,7 @@ import {
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
 import type { Ref } from 'react'
-import { useImperativeHandle, useState } from 'react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef, Switch, TooltipIcon } from '@/components/base'
@@ -17,6 +17,8 @@ import { entry_lightweight_mode } from '@/services/cmds'
 import { mutate } from '@/services/mutate'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 export function LiteModeViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const { t } = useTranslation()
  const { verge, patchVerge } = useVerge()
@@ -27,7 +29,7 @@ export function LiteModeViewer({ ref }: { ref?: Ref<DialogRef> }) {
    autoEnterLiteModeDelay: 10, // 默认10分钟
  })

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'lite-mode-viewer', open, () => ({
    open: () => {
      setOpen(true)
      setValues({
@@ -61,8 +63,12 @@ export function LiteModeViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="lite-mode-viewer" />
      <List>
-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.liteMode.actions.enterNow"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.liteMode.actions.enterNow')}
          />
@@ -84,7 +90,10 @@ export function LiteModeViewer({ ref }: { ref?: Ref<DialogRef> }) {
          </Typography>
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.liteMode.toggles.autoEnter"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.liteMode.toggles.autoEnter')}
            sx={{ maxWidth: 'fit-content' }}
@@ -105,7 +114,10 @@ export function LiteModeViewer({ ref }: { ref?: Ref<DialogRef> }) {

        {values.autoEnterLiteMode && (
          <>
-            <ListItem sx={{ padding: '5px 2px' }}>
+            <ListItem
+              data-setting-target="settings.modals.liteMode.fields.delay"
+              sx={{ padding: '5px 2px' }}
+            >
              <ListItemText
                primary={t('settings.modals.liteMode.fields.delay')}
              />
@@ -8,13 +8,15 @@ import {
  TextField,
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { forwardRef, useImperativeHandle, useState } from 'react'
+import { forwardRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef, Switch, TooltipIcon } from '@/components/base'
 import { useVerge } from '@/hooks/use-verge'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 const buildInitialValues = (verge?: IVergeConfig | null) => ({
  appLogLevel: verge?.app_log_level ?? 'warn',
  appLogMaxSize: verge?.app_log_max_size ?? 128,
@@ -38,7 +40,7 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
  const [open, setOpen] = useState(false)
  const [values, setValues] = useState(() => buildInitialValues(null))

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'misc-viewer', open, () => ({
    open: () => {
      setOpen(true)
      setValues(buildInitialValues(verge))
@@ -80,8 +82,12 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="misc-viewer" />
      <List>
-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.appLogLevel"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.appLogLevel')}
          />
@@ -104,7 +110,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          </Select>
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.appLogMaxSize"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.appLogMaxSize')}
            sx={{ maxWidth: 'fit-content' }}
@@ -136,7 +145,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.appLogMaxCount"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.appLogMaxCount')}
            sx={{ maxWidth: 'fit-content' }}
@@ -168,7 +180,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.autoCloseConnections"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.autoCloseConnections')}
            sx={{ maxWidth: 'fit-content' }}
@@ -187,7 +202,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.autoCheckUpdate"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.autoCheckUpdate')}
          />
@@ -200,7 +218,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.enableBuiltinEnhanced"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.enableBuiltinEnhanced')}
            sx={{ maxWidth: 'fit-content' }}
@@ -219,7 +240,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.proxyLayoutColumns"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.proxyLayoutColumns')}
          />
@@ -245,7 +269,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          </Select>
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.autoLogClean"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.autoLogClean')}
          />
@@ -298,7 +325,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          </Select>
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.autoDelayDetection"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.autoDelayDetection')}
            sx={{ maxWidth: 'fit-content' }}
@@ -317,7 +347,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.autoDelayDetectionInterval"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t(
              'settings.modals.misc.fields.autoDelayDetectionInterval',
@@ -355,7 +388,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.defaultLatencyTest"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.defaultLatencyTest')}
            sx={{ maxWidth: 'fit-content' }}
@@ -379,7 +415,10 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.misc.fields.defaultLatencyTimeout"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.misc.fields.defaultLatencyTimeout')}
          />
@@ -2,19 +2,21 @@ import { ContentCopyRounded } from '@mui/icons-material'
 import { alpha, Box, Button, CircularProgress, IconButton } from '@mui/material'
 import { writeText } from '@tauri-apps/plugin-clipboard-manager'
 import type { Ref } from 'react'
-import { useImperativeHandle, useState } from 'react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, BaseEmpty, DialogRef } from '@/components/base'
 import { useNetworkInterfaces } from '@/hooks/use-network'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const { t } = useTranslation()
  const [open, setOpen] = useState(false)
  const [isV4, setIsV4] = useState(true)

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'network-interface-viewer', open, () => ({
    open: () => {
      setOpen(true)
    },
@@ -51,41 +53,49 @@ export function NetworkInterfaceViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onClose={() => setOpen(false)}
      onCancel={() => setOpen(false)}
    >
-      {loading && isEmpty ? (
-        <Box sx={{ display: 'flex', justifyContent: 'center', py: 4 }}>
-          <CircularProgress size={24} />
-        </Box>
-      ) : isEmpty ? (
-        <Box sx={{ minHeight: 160 }}>
-          <BaseEmpty />
-        </Box>
-      ) : (
-        networkInterfaces.map((item) => (
-          <Box key={item.name}>
-            <h4>{item.name}</h4>
-            <Box>
-              {item.addr.map((address) => {
-                const ip = getAddressIp(address)
-                return (
-                  ip && (
-                    <AddressDisplay
-                      key={ip}
-                      label={t(
-                        'settings.modals.networkInterface.fields.ipAddress',
-                      )}
-                      content={ip}
-                    />
-                  )
-                )
-              })}
-              <AddressDisplay
-                label={t('settings.modals.networkInterface.fields.macAddress')}
-                content={item.mac_addr ?? ''}
-              />
-            </Box>
+      <div
+        data-settings-dialog="network-interface-viewer"
+        data-setting-target="network-interface-viewer"
+        tabIndex={-1}
+      >
+        {loading && isEmpty ? (
+          <Box sx={{ display: 'flex', justifyContent: 'center', py: 4 }}>
+            <CircularProgress size={24} />
          </Box>
-        ))
-      )}
+        ) : isEmpty ? (
+          <Box sx={{ minHeight: 160 }}>
+            <BaseEmpty />
+          </Box>
+        ) : (
+          networkInterfaces.map((item) => (
+            <Box key={item.name}>
+              <h4>{item.name}</h4>
+              <Box>
+                {item.addr.map((address) => {
+                  const ip = getAddressIp(address)
+                  return (
+                    ip && (
+                      <AddressDisplay
+                        key={ip}
+                        label={t(
+                          'settings.modals.networkInterface.fields.ipAddress',
+                        )}
+                        content={ip}
+                      />
+                    )
+                  )
+                })}
+                <AddressDisplay
+                  label={t(
+                    'settings.modals.networkInterface.fields.macAddress',
+                  )}
+                  content={item.mac_addr ?? ''}
+                />
+              </Box>
+            </Box>
+          ))
+        )}
+      </div>
    </BaseDialog>
  )
 }
@@ -13,6 +13,7 @@ import React, { ReactNode, useState } from 'react'
 import isAsyncFunction from '@/utils/is-async-function'

 interface ItemProps {
+  'data-setting-target'?: string
  label: ReactNode
  extra?: ReactNode
  children?: ReactNode
@@ -21,6 +22,7 @@ interface ItemProps {
 }

 export const SettingItem: React.FC<ItemProps> = ({
+  'data-setting-target': searchTarget,
  label,
  extra,
  children,
@@ -49,7 +51,7 @@ export const SettingItem: React.FC<ItemProps> = ({
  }

  return clickable ? (
-    <ListItem disablePadding>
+    <ListItem data-setting-target={searchTarget} disablePadding>
      <ListItemButton onClick={handleClick} disabled={isLoading}>
        <ListItemText primary={primary} secondary={secondary} />
        {isLoading ? (
@@ -60,7 +62,7 @@ export const SettingItem: React.FC<ItemProps> = ({
      </ListItemButton>
    </ListItem>
  ) : (
-    <ListItem sx={{ pt: '5px', pb: '5px' }}>
+    <ListItem data-setting-target={searchTarget} sx={{ pt: '5px', pb: '5px' }}>
      <ListItemText primary={primary} secondary={secondary} />
      {children}
    </ListItem>
@@ -13,13 +13,7 @@ import {
  Typography,
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react'
+import { forwardRef, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import {
@@ -41,9 +35,12 @@ import {
  getSystemHostname,
 } from '@/services/cmds'
 import { showNotice } from '@/services/notice-service'
+import { useQuery } from '@/services/query-client'
 import { debugLog } from '@/utils/debug'
 import getSystem from '@/utils/get-system'

+import { useSettingDialog } from '../settings-search-context'
+
 const DEFAULT_PAC = `function FindProxyForURL(url, host) {
  return "PROXY %proxy_host%:%mixed-port%; SOCKS5 %proxy_host%:%mixed-port%; DIRECT;";
 }`
@@ -128,13 +125,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
  } = verge ?? {}

  const [value, setValue] = useState(() => buildInitialValues(null))
-  const [embeddedServerPort, setEmbeddedServerPort] = useState<number | null>(
-    null,
-  )
-
-  useEffect(() => {
-    getEmbeddedServerPort().then(setEmbeddedServerPort).catch(console.error)
-  }, [])
+  const { data: embeddedServerPort } = useQuery({
+    queryKey: ['getEmbeddedServerPort'],
+    queryFn: getEmbeddedServerPort,
+  })

  const separator = useMemo(() => (isWindows ? ';' : ','), [isWindows])

@@ -191,7 +185,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
    setPacEditorSavedValue(nextPac)
  })

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'sysproxy-viewer', open, () => ({
    open: () => {
      setOpen(true)
      setValue(buildInitialValues(verge))
@@ -363,41 +357,49 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
      loading={saving}
      disableOk={saving}
    >
+      <span data-settings-dialog="sysproxy-viewer" />
      <List>
-        <BaseFieldset
-          label={t('settings.modals.sysproxy.fieldsets.currentStatus')}
-          padding="15px 10px"
-        >
-          <FlexBox>
-            <Typography className="label">
-              {t('settings.modals.sysproxy.fields.enableStatus')}
-            </Typography>
-            <Typography className="value">
-              {isProxyReallyEnabled
-                ? t('shared.statuses.enabled')
-                : t('shared.statuses.disabled')}
-            </Typography>
-          </FlexBox>
-          {!value.pac && (
+        <Box data-setting-target="sysproxy-status" tabIndex={-1}>
+          <BaseFieldset
+            label={t('settings.modals.sysproxy.fieldsets.currentStatus')}
+            padding="15px 10px"
+          >
            <FlexBox>
              <Typography className="label">
-                {t('settings.modals.sysproxy.fields.serverAddr')}
-              </Typography>
-              <Typography className="value">{getSystemProxyAddress}</Typography>
-            </FlexBox>
-          )}
-          {value.pac && (
-            <FlexBox>
-              <Typography className="label">
-                {t('settings.modals.sysproxy.fields.pacUrl')}
+                {t('settings.modals.sysproxy.fields.enableStatus')}
              </Typography>
              <Typography className="value">
-                {getCurrentPacUrl || '-'}
+                {isProxyReallyEnabled
+                  ? t('shared.statuses.enabled')
+                  : t('shared.statuses.disabled')}
              </Typography>
            </FlexBox>
-          )}
-        </BaseFieldset>
-        <ListItem sx={{ padding: '5px 2px' }}>
+            {!value.pac && (
+              <FlexBox>
+                <Typography className="label">
+                  {t('settings.modals.sysproxy.fields.serverAddr')}
+                </Typography>
+                <Typography className="value">
+                  {getSystemProxyAddress}
+                </Typography>
+              </FlexBox>
+            )}
+            {value.pac && (
+              <FlexBox>
+                <Typography className="label">
+                  {t('settings.modals.sysproxy.fields.pacUrl')}
+                </Typography>
+                <Typography className="value">
+                  {getCurrentPacUrl || '-'}
+                </Typography>
+              </FlexBox>
+            )}
+          </BaseFieldset>
+        </Box>
+        <ListItem
+          data-setting-target="settings.modals.sysproxy.fields.proxyHost"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.sysproxy.fields.proxyHost')}
          />
@@ -424,7 +426,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
            }}
          />
        </ListItem>
-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.sysproxy.fields.usePacMode"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.sysproxy.fields.usePacMode')}
          />
@@ -436,7 +441,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.sysproxy.fields.proxyGuard"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.sysproxy.fields.proxyGuard')}
            sx={{ maxWidth: 'fit-content' }}
@@ -454,7 +462,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.sysproxy.fields.guardDuration"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.sysproxy.fields.guardDuration')}
          />
@@ -477,7 +488,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
          />
        </ListItem>
        {!value.pac && (
-          <ListItem sx={{ padding: '5px 2px' }}>
+          <ListItem
+            data-setting-target="settings.modals.sysproxy.fields.alwaysUseDefaultBypass"
+            sx={{ padding: '5px 2px' }}
+          >
            <ListItemText
              primary={t(
                'settings.modals.sysproxy.fields.alwaysUseDefaultBypass',
@@ -504,7 +518,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
        )}

        {!value.pac && (
-          <ListItem sx={{ padding: '5px 2px' }}>
+          <ListItem
+            data-setting-target="settings.modals.sysproxy.fields.enableBypassCheck"
+            sx={{ padding: '5px 2px' }}
+          >
            <ListItemText
              primary={t('settings.modals.sysproxy.fields.enableBypassCheck')}
            />
@@ -536,7 +553,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
              setValue((v) => ({ ...v, bypass: nextValue }))
            }}
            renderHeader={(modeToggle) => (
-              <ListItem sx={{ padding: '5px 2px' }}>
+              <ListItem
+                data-setting-target="settings.modals.sysproxy.fields.proxyBypass"
+                sx={{ padding: '5px 2px' }}
+              >
                <ListItemText
                  primary={t('settings.modals.sysproxy.fields.proxyBypass')}
                />
@@ -564,12 +584,16 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
        )}

        {value.pac && (
-          <ListItem sx={{ padding: '5px 2px', alignItems: 'start' }}>
+          <ListItem
+            data-setting-target="settings.modals.sysproxy.fields.pacScriptContent"
+            sx={{ padding: '5px 2px', alignItems: 'start' }}
+          >
            <ListItemText
              primary={t('settings.modals.sysproxy.fields.pacScriptContent')}
              sx={{ padding: '3px 0' }}
            />
            <Button
+              data-setting-target="settings.modals.sysproxy.actions.editPac"
              startIcon={<EditRounded />}
              variant="outlined"
              onClick={openPacEditor}
@@ -9,13 +9,7 @@ import {
  useTheme,
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, DialogRef } from '@/components/base'
@@ -24,6 +18,8 @@ import { useVerge } from '@/hooks/use-verge'
 import { defaultDarkTheme, defaultTheme } from '@/pages/_theme'
 import { showNotice } from '@/services/notice-service'

+import { useSettingDialog } from '../settings-search-context'
+
 export function ThemeViewer(props: { ref?: React.Ref<DialogRef> }) {
  const { ref } = props
  const { t } = useTranslation()
@@ -41,7 +37,7 @@ export function ThemeViewer(props: { ref?: React.Ref<DialogRef> }) {
    themeRef.current = theme
  }, [theme])

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'theme-viewer', open, () => ({
    open: () => {
      setOpen(true)
      setTheme({ ...theme_setting })
@@ -128,7 +124,7 @@ export function ThemeViewer(props: { ref?: React.Ref<DialogRef> }) {
  const renderItem = (labelKey: string, key: ThemeKey) => {
    const label = t(labelKey)
    return (
-      <Item key={key}>
+      <Item key={key} data-setting-target={labelKey}>
        <ListItemText primary={label} />
        <Round sx={{ background: theme[key] || dt[key] }} />
        <TextField
@@ -153,10 +149,11 @@ export function ThemeViewer(props: { ref?: React.Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="theme-viewer" />
      <List sx={{ pt: 0 }}>
        {fieldDefinitions.map((field) => renderItem(field.labelKey, field.key))}

-        <Item>
+        <Item data-setting-target="settings.components.verge.theme.fields.fontFamily">
          <ListItemText
            primary={t('settings.components.verge.theme.fields.fontFamily')}
          />
@@ -167,11 +164,12 @@ export function ThemeViewer(props: { ref?: React.Ref<DialogRef> }) {
            onKeyDown={(e) => e.key === 'Enter' && onSave()}
          />
        </Item>
-        <Item>
+        <Item data-setting-target="settings.components.verge.theme.fields.cssInjection">
          <ListItemText
            primary={t('settings.components.verge.theme.fields.cssInjection')}
          />
          <Button
+            data-setting-target="settings.components.verge.theme.actions.editCss"
            startIcon={<EditRounded />}
            variant="outlined"
            onClick={openCssEditor}
@@ -9,7 +9,7 @@ import {
 } from '@mui/material'
 import { useLockFn } from 'ahooks'
 import type { Ref } from 'react'
-import { useImperativeHandle, useState } from 'react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import {
@@ -26,6 +26,8 @@ import { showNotice } from '@/services/notice-service'
 import getSystem from '@/utils/get-system'
 import { areValidIpCidrs } from '@/utils/network'

+import { useSettingDialog } from '../settings-search-context'
+
 import { DnsModeSwitch } from './dns-mode-switch'
 import { StackModeSwitch } from './stack-mode-switch'

@@ -67,7 +69,7 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
    ? t('settings.modals.tun.messages.invalidRouteExcludeAddress')
    : t('settings.modals.tun.messages.routeExcludeAddressHint')

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'tun-viewer', open, () => ({
    open: () => {
      setOpen(true)
      const nextAutoRoute = clash?.tun['auto-route'] ?? true
@@ -152,6 +154,7 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
        <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 1 }}>
          <Typography variant="h6">{t('settings.modals.tun.title')}</Typography>
          <Button
+            data-setting-target="tun-viewer-reset"
            variant="outlined"
            size="small"
            onClick={async () => {
@@ -204,8 +207,12 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onCancel={() => setOpen(false)}
      onOk={onSave}
    >
+      <span data-settings-dialog="tun-viewer" />
      <List>
-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.stack"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.stack')} />
          <StackModeSwitch
            value={values.stack}
@@ -218,7 +225,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.dnsMode"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.tun.fields.dnsMode')}
            sx={{ maxWidth: 'fit-content' }}
@@ -237,7 +247,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          </Box>
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.device"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.device')} />
          <TextField
            autoComplete="new-password"
@@ -254,7 +267,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.autoRoute"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.autoRoute')} />
          <Switch
            edge="end"
@@ -270,7 +286,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
        </ListItem>

        {OS === 'linux' && (
-          <ListItem sx={{ padding: '5px 2px' }}>
+          <ListItem
+            data-setting-target="settings.modals.tun.fields.autoRedirect"
+            sx={{ padding: '5px 2px' }}
+          >
            <ListItemText
              primary={t('settings.modals.tun.fields.autoRedirect')}
              sx={{ maxWidth: 'fit-content' }}
@@ -294,7 +313,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          </ListItem>
        )}

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.strictRoute"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.strictRoute')} />
          <Switch
            edge="end"
@@ -303,7 +325,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.autoDetectInterface"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText
            primary={t('settings.modals.tun.fields.autoDetectInterface')}
          />
@@ -316,7 +341,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.dnsHijack"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.dnsHijack')} />
          <TextField
            autoComplete="new-password"
@@ -333,7 +361,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
          />
        </ListItem>

-        <ListItem sx={{ padding: '5px 2px' }}>
+        <ListItem
+          data-setting-target="settings.modals.tun.fields.mtu"
+          sx={{ padding: '5px 2px' }}
+        >
          <ListItemText primary={t('settings.modals.tun.fields.mtu')} />
          <TextField
            autoComplete="new-password"
@@ -365,7 +396,10 @@ export function TunViewer({ ref }: { ref?: Ref<DialogRef> }) {
            setValues((v) => ({ ...v, routeExcludeAddress: nextValue }))
          }
          renderHeader={(modeToggle) => (
-            <ListItem sx={{ padding: '5px 2px' }}>
+            <ListItem
+              data-setting-target="settings.modals.tun.fields.routeExcludeAddress"
+              sx={{ padding: '5px 2px' }}
+            >
              <ListItemText
                primary={t('settings.modals.tun.fields.routeExcludeAddress')}
              />
@@ -1,4 +1,3 @@
-/* eslint-disable @eslint-react/set-state-in-effect */
 import { Delete, ExpandLess, ExpandMore } from '@mui/icons-material'
 import {
  Button,
@@ -12,14 +11,7 @@ import {
  Select,
  MenuItem,
 } from '@mui/material'
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
+import { forwardRef, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog } from '@/components/base'
@@ -42,6 +34,8 @@ import {
  normalizeListenHost,
 } from '@/utils/network'

+import { useSettingDialog } from '../settings-search-context'
+
 interface TunnelsViewerRef {
  open: () => void
  close: () => void
@@ -95,7 +89,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
  const [values, setValues] = useState<TunnelFormValues>(buildInitialValues)
  const [draftTunnels, setDraftTunnels] = useState<TunnelEntry[]>([])

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'tunnels-viewer', open, () => ({
    open: () => {
      setValues(buildInitialValues())
      setDraftTunnels(() => clash?.tunnels ?? [])
@@ -157,29 +151,20 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
  const selectedProxyToken = selectedProxyOption
    ? proxyOptionToken(selectedProxyOption)
    : ''
-  const selectedGroupExists =
-    !values.group || proxyGroups.some(({ name }) => name === values.group)
+  // A group or member missing from the proxy view reads as the default.
+  const effectiveGroup = proxyGroups.some(({ name }) => name === values.group)
+    ? values.group
+    : ''
+  const effectiveProxy = selectedProxyOption ? values.proxy : null
  const latestProxyStateRef = useRef({
-    binding: values.proxy,
+    binding: effectiveProxy,
    options: proxyOptions,
  })
  latestProxyStateRef.current = {
-    binding: values.proxy,
+    binding: effectiveProxy,
    options: proxyOptions,
  }

-  useEffect(() => {
-    if (selectedGroupExists && (!values.proxy || selectedProxyOption)) return
-    setValues((current) => {
-      if (current.group !== values.group || current.proxy !== values.proxy) {
-        return current
-      }
-      return selectedGroupExists
-        ? { ...current, proxy: null }
-        : { ...current, group: '', proxy: null }
-    })
-  }, [selectedGroupExists, selectedProxyOption, values.group, values.proxy])
-
  const handleSave = async () => {
    try {
      await patchClash({ tunnels: draftTunnels })
@@ -312,10 +297,14 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
      }}
      onOk={handleSave}
    >
+      <span data-settings-dialog="tunnels-viewer" />
      <List>
        {draftTunnels.length > 0 && (
          <>
-            <ListItem sx={{ padding: '4px 0', opacity: 0.6 }}>
+            <ListItem
+              data-setting-target="settings.sections.clash.form.fields.tunnels.existing"
+              sx={{ padding: '4px 0', opacity: 0.6 }}
+            >
              <ListItemText
                primary={t(
                  'settings.sections.clash.form.fields.tunnels.existing',
@@ -325,6 +314,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
            <List component="nav">
              {tunnelEntries.map((item) => (
                <ListItem
+                  data-setting-target="settings.sections.clash.form.fields.tunnels.default"
                  key={`${item.key}`}
                  sx={{ padding: '4px 0' }}
                  secondaryAction={
@@ -353,6 +343,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
        )}
        <ListItemButton
          sx={{ padding: '4px 0', opacity: 0.8 }}
+          data-setting-target="tunnels-expand"
          onClick={() => setExpanded((v) => !v)}
        >
          <ListItemText
@@ -363,7 +354,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
          {expanded ? <ExpandLess /> : <ExpandMore />}
        </ListItemButton>
        {expanded && (
-          <ListItem sx={{ padding: '8px 0' }}>
+          <ListItem
+            data-setting-target="settings.sections.clash.form.fields.tunnels.protocols"
+            sx={{ padding: '8px 0' }}
+          >
            <div style={{ width: '100%' }}>
              {/* 输入框区域 */}
              {/* 协议 */}
@@ -391,7 +385,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 本地监听地址 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.localAddr"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={t(
                    'settings.sections.clash.form.fields.tunnels.localAddr',
@@ -410,7 +407,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 本地监听端口 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.localPort"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={t(
                    'settings.sections.clash.form.fields.tunnels.localPort',
@@ -430,7 +430,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 目标服务器地址 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.targetAddr"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={t(
                    'settings.sections.clash.form.fields.tunnels.targetAddr',
@@ -449,7 +452,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 目标服务器端口 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.targetPort"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={t(
                    'settings.sections.clash.form.fields.tunnels.targetPort',
@@ -469,7 +475,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 代理组 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.proxyGroup"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={
                    <>
@@ -490,7 +499,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
                <Select
                  size="small"
                  sx={{ width: 200, '> div': { py: '7.5px' } }}
-                  value={values.group}
+                  value={effectiveGroup}
                  displayEmpty
                  onChange={(e) => {
                    const nextGroup = e.target.value as string
@@ -531,7 +540,10 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
              </ListItem>

              {/* 代理节点 */}
-              <ListItem sx={{ padding: '6px 2px' }}>
+              <ListItem
+                data-setting-target="settings.sections.clash.form.fields.tunnels.proxyNode"
+                sx={{ padding: '6px 2px' }}
+              >
                <ListItemText
                  primary={
                    <>
@@ -569,7 +581,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {
                        : null,
                    }))
                  }}
-                  disabled={!values.group} // 没选组就禁用
+                  disabled={!effectiveGroup} // 没选组就禁用
                >
                  <MenuItem value="">
                    {t('settings.sections.clash.form.fields.tunnels.default')}
@@ -592,6 +604,7 @@ export const TunnelsViewer = forwardRef<TunnelsViewerRef>((_, ref) => {

              {/* 添加按钮 */}
              <Button
+                data-setting-target="settings.sections.clash.form.fields.tunnels.actions.add"
                variant="contained"
                size="small"
                sx={{
@@ -131,6 +131,7 @@ export const WebUIItem = (props: Props) => {
        </Typography>
        <IconButton
          size="small"
+          data-setting-target="web-ui-open"
          title={t('settings.modals.webUI.actions.openUrl')}
          color="inherit"
          onClick={() => onOpenUrl?.(value)}
@@ -139,6 +140,7 @@ export const WebUIItem = (props: Props) => {
        </IconButton>
        <IconButton
          size="small"
+          data-setting-target="web-ui-edit"
          title={t('shared.actions.edit')}
          color="inherit"
          onClick={() => {
@@ -150,6 +152,7 @@ export const WebUIItem = (props: Props) => {
        </IconButton>
        <IconButton
          size="small"
+          data-setting-target="web-ui-delete"
          title={t('shared.actions.delete')}
          color="inherit"
          onClick={onDelete}
@@ -1,7 +1,7 @@
 import { Box, Button, Typography } from '@mui/material'
 import { useLockFn } from 'ahooks'
 import type { Ref } from 'react'
-import { useImperativeHandle, useMemo, useState } from 'react'
+import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, BaseEmpty, DialogRef } from '@/components/base'
@@ -10,6 +10,8 @@ import { useVerge } from '@/hooks/use-verge'
 import { showNotice } from '@/services/notice-service'
 import { openExternalUrl } from '@/utils/open-external-url'

+import { useSettingDialog } from '../settings-search-context'
+
 import { WebUIItem } from './web-ui-item'

 const DEFAULT_WEB_UI_LIST = [
@@ -27,7 +29,7 @@ export function WebUIViewer({ ref }: { ref?: Ref<DialogRef> }) {
  const [open, setOpen] = useState(false)
  const [editing, setEditing] = useState(false)

-  useImperativeHandle(ref, () => ({
+  useSettingDialog(ref, 'web-ui-viewer', open, () => ({
    open: () => setOpen(true),
    close: () => setOpen(false),
  }))
@@ -114,6 +116,7 @@ export function WebUIViewer({ ref }: { ref?: Ref<DialogRef> }) {
            variant="contained"
            size="small"
            disabled={editing}
+            data-setting-target="web-ui-new"
            onClick={() => setEditing(true)}
          >
            {t('shared.actions.new')}
@@ -132,36 +135,42 @@ export function WebUIViewer({ ref }: { ref?: Ref<DialogRef> }) {
      onClose={() => setOpen(false)}
      onCancel={() => setOpen(false)}
    >
-      {!editing && webUIList.length === 0 && (
-        <BaseEmpty
-          extra={
-            <Typography sx={{ mt: 2, fontSize: '12px' }}>
-              {t('settings.modals.webUI.messages.placeholderInstruction')}
-            </Typography>
-          }
-        />
-      )}
+      <div
+        data-settings-dialog="web-ui-viewer"
+        data-setting-target="web-ui-viewer"
+        tabIndex={-1}
+      >
+        {!editing && webUIList.length === 0 && (
+          <BaseEmpty
+            extra={
+              <Typography sx={{ mt: 2, fontSize: '12px' }}>
+                {t('settings.modals.webUI.messages.placeholderInstruction')}
+              </Typography>
+            }
+          />
+        )}

-      {webUIEntries.map(({ item, index, key }) => (
-        <WebUIItem
-          key={key}
-          value={item}
-          onChange={(v) => handleChange(index, v)}
-          onDelete={() => handleDelete(index)}
-          onOpenUrl={handleOpenUrl}
-        />
-      ))}
-      {editing && (
-        <WebUIItem
-          value=""
-          onlyEdit
-          onChange={(v) => {
-            setEditing(false)
-            handleAdd(v || '')
-          }}
-          onCancel={() => setEditing(false)}
-        />
-      )}
+        {webUIEntries.map(({ item, index, key }) => (
+          <WebUIItem
+            key={key}
+            value={item}
+            onChange={(v) => handleChange(index, v)}
+            onDelete={() => handleDelete(index)}
+            onOpenUrl={handleOpenUrl}
+          />
+        ))}
+        {editing && (
+          <WebUIItem
+            value=""
+            onlyEdit
+            onChange={(v) => {
+              setEditing(false)
+              handleAdd(v || '')
+            }}
+            onCancel={() => setEditing(false)}
+          />
+        )}
+      </div>
    </BaseDialog>
  )
 }
@@ -156,6 +156,7 @@ const SettingClash = ({ onError }: Props) => {
      <HeaderConfiguration ref={corsRef} />
      <TunnelsViewer ref={tunnelRef} />
      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.allowLan"
        label={t('settings.sections.clash.form.fields.allowLan')}
        extra={
          <TooltipIcon
@@ -181,6 +182,7 @@ const SettingClash = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.dnsOverwrite"
        label={t('settings.sections.clash.form.fields.dnsOverwrite')}
        extra={
          <>
@@ -203,7 +205,10 @@ const SettingClash = ({ onError }: Props) => {
        />
      </SettingItem>

-      <SettingItem label={t('settings.sections.clash.form.fields.ipv6')}>
+      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.ipv6"
+        label={t('settings.sections.clash.form.fields.ipv6')}
+      >
        <GuardState
          value={ipv6 ?? false}
          valueProps="checked"
@@ -217,6 +222,7 @@ const SettingClash = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.unifiedDelay"
        label={t('settings.sections.clash.form.fields.unifiedDelay')}
        extra={
          <TooltipIcon
@@ -238,6 +244,7 @@ const SettingClash = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.logLevel"
        label={t('settings.sections.clash.form.fields.logLevel')}
        extra={
          <TooltipIcon
@@ -279,7 +286,10 @@ const SettingClash = ({ onError }: Props) => {
        </GuardState>
      </SettingItem>

-      <SettingItem label={t('settings.sections.clash.form.fields.portConfig')}>
+      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.portConfig"
+        label={t('settings.sections.clash.form.fields.portConfig')}
+      >
        <TextField
          autoComplete="new-password"
          disabled={false}
@@ -294,6 +304,7 @@ const SettingClash = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.external"
        label={t('settings.sections.clash.form.fields.external')}
        extra={
          <TooltipIcon
@@ -311,11 +322,13 @@ const SettingClash = ({ onError }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.webUI"
        onClick={() => webRef.current?.open()}
        label={t('settings.sections.clash.form.fields.webUI')}
      />

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.clashCore"
        label={t('settings.sections.clash.form.fields.clashCore')}
        extra={
          <TooltipIcon
@@ -329,6 +342,7 @@ const SettingClash = ({ onError }: Props) => {

      {isWIN && (
        <SettingItem
+          data-setting-target="settings.sections.clash.form.fields.openUwpTool"
          onClick={invoke_uwp_tool}
          label={t('settings.sections.clash.form.fields.openUwpTool')}
          extra={
@@ -341,11 +355,13 @@ const SettingClash = ({ onError }: Props) => {
      )}

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.updateGeoData"
        onClick={onUpdateGeo}
        label={t('settings.sections.clash.form.fields.updateGeoData')}
      />

      <SettingItem
+        data-setting-target="settings.sections.clash.form.fields.tunnels.title"
        label={t('settings.sections.clash.form.fields.tunnels.title')}
        onClick={() => tunnelRef.current?.open()}
      />
@@ -1,3 +1,4 @@
+import { Box } from '@mui/material'
 import React from 'react'
 import { useTranslation } from 'react-i18next'

@@ -29,17 +30,24 @@ const SettingSystem = ({ onError }: Props) => {

  return (
    <SettingList title={t('settings.sections.system.title')}>
-      <ProxyControlSwitches
-        label={t('settings.sections.system.toggles.tunMode')}
-        onError={onError}
-      />
+      <Box data-setting-target="settings.sections.system.toggles.tunMode">
+        <ProxyControlSwitches
+          label={t('settings.sections.system.toggles.tunMode')}
+          onError={onError}
+        />
+      </Box>

-      <ProxyControlSwitches
-        label={t('settings.sections.system.toggles.systemProxy')}
-        onError={onError}
-      />
+      <Box data-setting-target="settings.sections.system.toggles.systemProxy">
+        <ProxyControlSwitches
+          label={t('settings.sections.system.toggles.systemProxy')}
+          onError={onError}
+        />
+      </Box>

-      <SettingItem label={t('settings.sections.system.fields.autoLaunch')}>
+      <SettingItem
+        data-setting-target="settings.sections.system.fields.autoLaunch"
+        label={t('settings.sections.system.fields.autoLaunch')}
+      >
        <GuardState
          value={enable_auto_launch ?? false}
          valueProps="checked"
@@ -64,6 +72,7 @@ const SettingSystem = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.sections.system.fields.silentStart"
        label={t('settings.sections.system.fields.silentStart')}
        extra={
          <TooltipIcon
@@ -90,6 +90,7 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      <LiteModeViewer ref={liteModeRef} />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.backupSetting"
        onClick={() => backupRef.current?.open()}
        label={t('settings.components.verge.advanced.fields.backupSetting')}
        extra={
@@ -101,11 +102,13 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.runtimeConfig"
        onClick={() => configRef.current?.open()}
        label={t('settings.components.verge.advanced.fields.runtimeConfig')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.openConfDir"
        onClick={openAppDir}
        label={t('settings.components.verge.advanced.fields.openConfDir')}
        extra={
@@ -117,21 +120,25 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.openCoreDir"
        onClick={openCoreDir}
        label={t('settings.components.verge.advanced.fields.openCoreDir')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.openLogsDir"
        onClick={openLogsDir}
        label={t('settings.components.verge.advanced.fields.openLogsDir')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.checkUpdates"
        onClick={onCheckUpdate}
        label={t('settings.components.verge.advanced.fields.checkUpdates')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.openDevTools"
        onClick={() => {
          void mutate(() => openDevTools(), {
            id: 'open-devtools',
@@ -142,6 +149,7 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.liteModeSettings"
        label={t('settings.components.verge.advanced.fields.liteModeSettings')}
        extra={
          <TooltipIcon
@@ -153,6 +161,7 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.exit"
        onClick={() => {
          void mutate(() => exitApp(), {
            id: 'exit-app',
@@ -163,6 +172,7 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      />

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.exportDiagnostics"
        label={t('settings.components.verge.advanced.fields.exportDiagnostics')}
        extra={
          <TooltipIcon
@@ -173,6 +183,7 @@ const SettingVergeAdvanced = ({ onError: _ }: Props) => {
      ></SettingItem>

      <SettingItem
+        data-setting-target="settings.components.verge.advanced.fields.vergeVersion"
        label={t('settings.components.verge.advanced.fields.vergeVersion')}
        extra={
          <TooltipIcon
@@ -100,7 +100,10 @@ const SettingVergeBasic = ({ onError }: Props) => {
      <UpdateViewer ref={updateRef} />
      <BackupViewer ref={backupRef} />

-      <SettingItem label={t('settings.components.verge.basic.fields.language')}>
+      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.language"
+        label={t('settings.components.verge.basic.fields.language')}
+      >
        <GuardState
          value={language ?? 'en'}
          onCatch={onError}
@@ -119,6 +122,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.themeMode"
        label={t('settings.components.verge.basic.fields.themeMode')}
      >
        <GuardState
@@ -133,6 +137,7 @@ const SettingVergeBasic = ({ onError }: Props) => {

      {OS !== 'linux' && (
        <SettingItem
+          data-setting-target="settings.components.verge.basic.fields.trayClickEvent"
          label={t('settings.components.verge.basic.fields.trayClickEvent')}
        >
          <GuardState
@@ -166,6 +171,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
      )}

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.copyEnvType"
        label={t('settings.components.verge.basic.fields.copyEnvType')}
        extra={
          <TooltipIcon icon={ContentCopyRounded} onClick={onCopyClashEnv} />
@@ -189,6 +195,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.startPage"
        label={t('settings.components.verge.basic.fields.startPage')}
      >
        <GuardState
@@ -211,6 +218,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.startupScript"
        label={t('settings.components.verge.basic.fields.startupScript')}
      >
        <GuardState
@@ -228,6 +236,7 @@ const SettingVergeBasic = ({ onError }: Props) => {
            endAdornment={
              <>
                <Button
+                  data-setting-target="settings.components.verge.basic.actions.browse"
                  onClick={async () => {
                    const selected = await open({
                      directory: false,
@@ -264,21 +273,25 @@ const SettingVergeBasic = ({ onError }: Props) => {
      </SettingItem>

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.themeSetting"
        onClick={() => themeRef.current?.open()}
        label={t('settings.components.verge.basic.fields.themeSetting')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.layoutSetting"
        onClick={() => layoutRef.current?.open()}
        label={t('settings.components.verge.basic.fields.layoutSetting')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.misc"
        onClick={() => miscRef.current?.open()}
        label={t('settings.components.verge.basic.fields.misc')}
      />

      <SettingItem
+        data-setting-target="settings.components.verge.basic.fields.hotkeySetting"
        onClick={() => hotkeyRef.current?.open()}
        label={t('settings.components.verge.basic.fields.hotkeySetting')}
      />
@@ -0,0 +1,645 @@
+import type { TranslationKey } from '@/types/generated/i18n-keys'
+
+export interface SettingEntry {
+  id: string
+  name: TranslationKey
+  aliases: string
+  section: TranslationKey
+  path: TranslationKey
+  prerequisite?: string
+  target?: string
+  fallback?: string
+  dialog?: string
+  platforms?: readonly string[]
+}
+
+type GroupDefaults = Pick<SettingEntry, 'section' | 'path'> &
+  Partial<
+    Pick<SettingEntry, 'dialog' | 'fallback' | 'prerequisite' | 'aliases'>
+  >
+type EntryOptions = Partial<Omit<SettingEntry, 'name'>>
+type GroupEntries = Partial<Record<TranslationKey, string | EntryOptions>>
+
+function group(defaults: GroupDefaults, entries: GroupEntries): SettingEntry[] {
+  return (
+    Object.entries(entries) as [TranslationKey, string | EntryOptions][]
+  ).map(([name, value]) => {
+    const options = typeof value === 'string' ? { aliases: value } : value
+    return {
+      ...defaults,
+      ...options,
+      id: options.id ?? name,
+      name,
+      aliases: [options.aliases, defaults.aliases].filter(Boolean).join(' '),
+    }
+  })
+}
+
+const system = {
+  section: 'settings.sections.system.title',
+  path: 'settings.sections.system.title',
+} satisfies GroupDefaults
+
+const tun = {
+  section: 'settings.sections.system.title',
+  path: 'settings.modals.tun.title',
+  dialog: 'tun-viewer',
+} satisfies GroupDefaults
+
+const sysproxy = {
+  section: 'settings.sections.system.title',
+  path: 'settings.modals.sysproxy.title',
+  dialog: 'sysproxy-viewer',
+  fallback: 'settings.modals.sysproxy.fields.usePacMode',
+  prerequisite: 'sysproxy-status',
+  aliases: '代理 PAC bypass 绕过',
+} satisfies GroupDefaults
+
+const clash = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.title',
+} satisfies GroupDefaults
+
+const networkInterface = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.title',
+  dialog: 'network-interface-viewer',
+  aliases: 'network interface viewer',
+} satisfies GroupDefaults
+
+const dns = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.modals.dns.dialog.title',
+  dialog: 'dns-viewer',
+  fallback: 'dns-mode',
+  aliases: 'DNS 域名解析 DNS 域名解析',
+} satisfies GroupDefaults
+
+const dnsReset = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.modals.dns.dialog.title',
+  dialog: 'dns-viewer',
+  aliases: 'dns viewer reset DNS 域名解析',
+} satisfies GroupDefaults
+
+const clashPort = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.modals.clashPort.title',
+  dialog: 'clash-port-viewer',
+} satisfies GroupDefaults
+
+const controller = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.externalController.title',
+  dialog: 'controller-viewer',
+} satisfies GroupDefaults
+
+const externalControllerCors = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.externalCors.title',
+  dialog: 'external-controller-cors',
+} satisfies GroupDefaults
+
+const webUi = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.title',
+  dialog: 'web-ui-viewer',
+  aliases: 'web ui viewer',
+} satisfies GroupDefaults
+
+const webUiActions = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.modals.webUI.title',
+  dialog: 'web-ui-viewer',
+  fallback: 'web-ui-viewer',
+} satisfies GroupDefaults
+
+const clashCore = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.form.fields.clashCore',
+  dialog: 'clash-core-viewer',
+  fallback: 'core-variants',
+} satisfies GroupDefaults
+
+const coreVariants = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.title',
+  dialog: 'clash-core-viewer',
+  aliases: 'core variants',
+} satisfies GroupDefaults
+
+const tunnels = {
+  section: 'settings.sections.clash.title',
+  path: 'settings.sections.clash.form.fields.tunnels.title',
+  dialog: 'tunnels-viewer',
+  fallback: 'tunnels-expand',
+} satisfies GroupDefaults
+
+const basic = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.components.verge.basic.title',
+} satisfies GroupDefaults
+
+const theme = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.components.verge.theme.title',
+  dialog: 'theme-viewer',
+} satisfies GroupDefaults
+
+const layout = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.components.verge.layout.title',
+  dialog: 'layout-viewer',
+  aliases: 'browse layout 布局 托盘',
+} satisfies GroupDefaults
+
+const layoutFields = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.components.verge.basic.fields.layoutSetting',
+  dialog: 'layout-viewer',
+  aliases: 'layout 布局 托盘',
+} satisfies GroupDefaults
+
+const misc = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.modals.misc.title',
+  dialog: 'misc-viewer',
+  aliases: 'misc 杂项',
+} satisfies GroupDefaults
+
+const hotkey = {
+  section: 'settings.components.verge.basic.title',
+  path: 'settings.modals.hotkey.title',
+  dialog: 'hotkey-viewer',
+} satisfies GroupDefaults
+
+const advanced = {
+  section: 'settings.components.verge.advanced.title',
+  path: 'settings.components.verge.advanced.title',
+} satisfies GroupDefaults
+
+const backup = {
+  section: 'settings.components.verge.advanced.title',
+  path: 'settings.modals.backup.title',
+  dialog: 'backup-viewer',
+  aliases: 'backup 备份',
+} satisfies GroupDefaults
+
+const backupHistory = {
+  section: 'settings.components.verge.advanced.title',
+  path: 'settings.modals.backup.title',
+  dialog: 'backup-history',
+  fallback: 'backup-history',
+} satisfies GroupDefaults
+
+const backupWebdav = {
+  section: 'settings.components.verge.advanced.title',
+  path: 'settings.modals.backup.webdav.title',
+  dialog: 'backup-webdav',
+  fallback: 'webdav-state',
+} satisfies GroupDefaults
+
+const liteMode = {
+  section: 'settings.components.verge.advanced.title',
+  path: 'settings.modals.liteMode.title',
+  dialog: 'lite-mode-viewer',
+} satisfies GroupDefaults
+
+const settingsCatalog: readonly SettingEntry[] = [
+  ...group(system, {
+    'settings.sections.system.toggles.tunMode': 'TUN 虚拟网卡 vpn',
+    'settings.sections.proxyControl.actions.uninstallService': {
+      id: 'service-uninstall',
+      fallback: 'settings.sections.system.toggles.tunMode',
+      aliases: 'service uninstall',
+    },
+  }),
+  ...group(tun, {
+    'settings.modals.tun.fields.stack': 'stack TUN 虚拟网卡',
+    'settings.modals.tun.fields.dnsMode': 'dns mode TUN 虚拟网卡',
+    'settings.modals.tun.fields.device': 'device TUN 虚拟网卡',
+    'settings.modals.tun.fields.autoRoute': 'auto route TUN 虚拟网卡',
+    'settings.modals.tun.fields.autoRedirect': {
+      aliases: 'auto redirect TUN 虚拟网卡',
+      prerequisite: 'settings.modals.tun.fields.autoRoute',
+      platforms: ['linux'],
+    },
+    'settings.modals.tun.fields.strictRoute': 'strict route TUN 虚拟网卡',
+    'settings.modals.tun.fields.autoDetectInterface':
+      'auto detect interface TUN 虚拟网卡',
+    'settings.modals.tun.fields.dnsHijack': 'dns hijack TUN 虚拟网卡',
+    'settings.modals.tun.fields.mtu': 'mtu TUN 虚拟网卡',
+    'settings.modals.tun.fields.routeExcludeAddress': {
+      aliases: 'route exclude address TUN 虚拟网卡',
+      prerequisite: 'settings.modals.tun.fields.autoRoute',
+    },
+    'shared.actions.resetToDefault': {
+      id: 'tun-viewer-reset',
+      aliases: 'tun viewer reset',
+    },
+  }),
+  ...group(system, {
+    'settings.sections.system.toggles.systemProxy': 'system proxy 系统代理',
+  }),
+  ...group(sysproxy, {
+    'settings.modals.sysproxy.fields.proxyHost': 'proxy host',
+    'settings.modals.sysproxy.fields.usePacMode': 'use pac mode',
+    'settings.modals.sysproxy.fields.proxyGuard': 'proxy guard',
+    'settings.modals.sysproxy.fields.guardDuration': 'guard duration',
+    'settings.modals.sysproxy.fields.alwaysUseDefaultBypass':
+      'always use default bypass',
+    'settings.modals.sysproxy.fields.enableBypassCheck': 'enable bypass check',
+    'settings.modals.sysproxy.fields.proxyBypass': 'proxy bypass',
+    'settings.modals.sysproxy.fields.pacScriptContent': 'pac script content',
+    'settings.modals.sysproxy.actions.editPac': 'edit pac',
+  }),
+  ...group(system, {
+    'settings.sections.system.fields.autoLaunch': 'auto launch ',
+    'settings.sections.system.fields.silentStart': 'silent start ',
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.allowLan': 'allow lan ',
+  }),
+  ...group(networkInterface, {
+    'settings.modals.networkInterface.title': {
+      id: 'network-interface-viewer',
+    },
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.dnsOverwrite': 'dns overwrite ',
+  }),
+  ...group(dns, {
+    'settings.modals.dns.fields.enable': 'enable',
+    'settings.modals.dns.fields.listen': 'listen',
+    'settings.modals.dns.fields.enhancedMode': 'enhancedMode',
+    'settings.modals.dns.fields.fakeIpRange': 'fakeIpRange',
+    'settings.modals.dns.fields.fakeIpRange6': 'fakeIpRange6',
+    'settings.modals.dns.fields.fakeIpFilterMode': 'fakeIpFilterMode',
+    'settings.modals.dns.fields.ipv6.label': 'label',
+    'settings.modals.dns.fields.preferH3.label': 'label',
+    'settings.modals.dns.fields.respectRules.label': 'label',
+    'settings.modals.dns.fields.useHosts.label': 'label',
+    'settings.modals.dns.fields.useSystemHosts.label': 'label',
+    'settings.modals.dns.fields.directPolicy.label': 'label',
+    'settings.modals.dns.fields.defaultNameserver.label': 'label',
+    'settings.modals.dns.fields.nameserver.label': 'label',
+    'settings.modals.dns.fields.fallback.label': 'label',
+    'settings.modals.dns.fields.proxy.label': 'label',
+    'settings.modals.dns.fields.directNameserver.label': 'label',
+    'settings.modals.dns.fields.fakeIpFilter.label': 'label',
+    'settings.modals.dns.fields.nameserverPolicy.label': 'label',
+    'settings.modals.dns.fields.geoipFiltering.label': 'label',
+    'settings.modals.dns.fields.geoipCode': 'geoipCode',
+    'settings.modals.dns.fields.fallbackIpCidr.label': 'label',
+    'settings.modals.dns.fields.fallbackDomain.label': 'label',
+    'settings.modals.dns.fields.hosts.label': 'label',
+  }),
+  ...group(dnsReset, {
+    'shared.actions.resetToDefault': {
+      id: 'dns-viewer-reset',
+    },
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.ipv6': 'ipv6 ',
+    'settings.sections.clash.form.fields.unifiedDelay': 'unified delay ',
+    'settings.sections.clash.form.fields.logLevel': 'log level ',
+    'settings.sections.clash.form.fields.portConfig': 'port config ',
+  }),
+  ...group(clashPort, {
+    'settings.modals.clashPort.fields.socks': 'clash port viewer',
+    'settings.modals.clashPort.fields.http': 'clash port viewer',
+    'settings.modals.clashPort.fields.redir': {
+      aliases: 'clash port viewer',
+      platforms: ['macos', 'linux'],
+    },
+    'settings.modals.clashPort.fields.tproxy': {
+      aliases: 'clash port viewer',
+      platforms: ['linux'],
+    },
+    'settings.modals.clashPort.fields.mixed': 'clash port viewer',
+    'settings.modals.clashPort.actions.random': {
+      id: 'port-random',
+      aliases: 'port random',
+    },
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.external': 'external ',
+  }),
+  ...group(controller, {
+    'settings.sections.externalController.fields.enable': 'enable ',
+    'settings.sections.externalController.fields.address': {
+      aliases: 'address ',
+      prerequisite: 'settings.sections.externalController.fields.enable',
+    },
+    'settings.sections.externalController.fields.secret': {
+      aliases: 'secret ',
+      prerequisite: 'settings.sections.externalController.fields.enable',
+    },
+  }),
+  ...group(externalControllerCors, {
+    'settings.sections.externalCors.fields.allowPrivateNetwork':
+      'allow private network ',
+    'settings.sections.externalCors.fields.allowedOrigins': 'allowed origins ',
+    'settings.sections.externalCors.actions.add': 'add ',
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.webUI': 'web ui ',
+  }),
+  ...group(webUi, {
+    'settings.modals.webUI.title': {
+      id: 'web-ui-viewer',
+    },
+  }),
+  ...group(webUiActions, {
+    'shared.actions.new': {
+      id: 'web-ui-new',
+      aliases: 'web ui new',
+    },
+    'shared.actions.edit': {
+      id: 'web-ui-edit',
+      aliases: 'web ui edit',
+    },
+    'shared.actions.delete': {
+      id: 'web-ui-delete',
+      aliases: 'web ui delete',
+    },
+    'settings.modals.webUI.actions.openUrl': {
+      id: 'web-ui-open',
+      aliases: 'web ui open',
+    },
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.clashCore': 'clash core ',
+  }),
+  ...group(clashCore, {
+    'shared.actions.upgrade': {
+      id: 'core-upgrade',
+      aliases: 'core upgrade',
+    },
+    'shared.actions.restart': {
+      id: 'core-restart',
+      aliases: 'core restart',
+    },
+  }),
+  ...group(coreVariants, {
+    'settings.sections.clash.form.fields.clashCore': {
+      id: 'core-variants',
+    },
+  }),
+  ...group(clash, {
+    'settings.sections.clash.form.fields.openUwpTool': {
+      aliases: 'open uwp tool ',
+      platforms: ['windows'],
+    },
+    'settings.sections.clash.form.fields.updateGeoData': 'update geo data ',
+    'settings.sections.clash.form.fields.tunnels.title': 'title ',
+  }),
+  ...group(tunnels, {
+    'settings.sections.clash.form.fields.tunnels.existing': 'existing ',
+    'settings.sections.clash.form.fields.tunnels.default': 'default ',
+    'settings.sections.clash.form.fields.tunnels.protocols': 'protocols ',
+    'settings.sections.clash.form.fields.tunnels.localAddr': 'local addr ',
+    'settings.sections.clash.form.fields.tunnels.localPort': 'local port ',
+    'settings.sections.clash.form.fields.tunnels.targetAddr': 'target addr ',
+    'settings.sections.clash.form.fields.tunnels.targetPort': 'target port ',
+    'settings.sections.clash.form.fields.tunnels.proxyGroup': 'proxy group ',
+    'settings.sections.clash.form.fields.tunnels.proxyNode': 'proxy node ',
+    'settings.sections.clash.form.fields.tunnels.actions.add': 'add ',
+  }),
+  ...group(basic, {
+    'settings.components.verge.basic.fields.language': 'language ',
+    'settings.components.verge.basic.fields.themeMode': 'theme mode ',
+    'settings.components.verge.basic.fields.trayClickEvent': {
+      aliases: 'tray click event ',
+      platforms: ['windows', 'macos'],
+    },
+    'settings.components.verge.basic.fields.copyEnvType': 'copy env type ',
+    'settings.components.verge.basic.fields.startPage': 'start page ',
+    'settings.components.verge.basic.fields.startupScript': 'startup script ',
+    'settings.components.verge.basic.fields.themeSetting': 'theme setting ',
+  }),
+  ...group(theme, {
+    'settings.components.verge.theme.actions.editCss':
+      'edit css theme 主题 外观',
+    'settings.components.verge.theme.fields.fontFamily':
+      'fontFamily theme 主题 外观',
+    'settings.components.verge.theme.fields.cssInjection':
+      'cssInjection theme 主题 外观',
+    'settings.components.verge.theme.fields.primaryColor': 'theme viewer',
+    'settings.components.verge.theme.fields.secondaryColor': 'theme viewer',
+    'settings.components.verge.theme.fields.primaryText': 'theme viewer',
+    'settings.components.verge.theme.fields.secondaryText': 'theme viewer',
+    'settings.components.verge.theme.fields.infoColor': 'theme viewer',
+    'settings.components.verge.theme.fields.warningColor': 'theme viewer',
+    'settings.components.verge.theme.fields.errorColor': 'theme viewer',
+    'settings.components.verge.theme.fields.successColor': 'theme viewer',
+  }),
+  ...group(basic, {
+    'settings.components.verge.basic.fields.layoutSetting': 'layout setting ',
+  }),
+  ...group(layout, {
+    'settings.components.verge.basic.actions.browse': '',
+  }),
+  ...group(layoutFields, {
+    'settings.components.verge.layout.fields.preferSystemTitlebar':
+      'preferSystemTitlebar',
+    'settings.components.verge.layout.fields.trafficGraph': 'trafficGraph',
+    'settings.components.verge.layout.fields.memoryUsage': 'memoryUsage',
+    'settings.components.verge.layout.fields.proxyGroupIcon': 'proxyGroupIcon',
+    'settings.components.verge.layout.fields.pauseRenderTrafficStatsOnBlur':
+      'pauseRenderTrafficStatsOnBlur',
+    'settings.components.verge.layout.fields.toastPosition': 'toastPosition',
+    'settings.components.verge.layout.fields.hoverNavigator': 'hoverNavigator',
+    'settings.components.verge.layout.fields.hoverNavigatorDelay':
+      'hoverNavigatorDelay',
+    'settings.components.verge.layout.fields.navIcon': 'navIcon',
+    'settings.components.verge.layout.fields.collapseNavBar': 'collapseNavBar',
+    'settings.components.verge.layout.fields.trayIcon': {
+      aliases: 'trayIcon',
+      platforms: ['macos'],
+    },
+    'settings.components.verge.layout.fields.enableTraySpeed': {
+      aliases: 'enableTraySpeed',
+      platforms: ['macos'],
+    },
+    'settings.components.verge.layout.fields.proxyGroupsDisplayMode':
+      'proxyGroupsDisplayMode',
+    'settings.components.verge.layout.fields.showOutboundModesInline':
+      'showOutboundModesInline',
+    'settings.components.verge.layout.fields.commonTrayIcon': 'commonTrayIcon',
+    'settings.components.verge.layout.fields.systemProxyTrayIcon':
+      'systemProxyTrayIcon',
+    'settings.components.verge.layout.fields.tunTrayIcon': 'tunTrayIcon',
+  }),
+  ...group(basic, {
+    'settings.components.verge.basic.fields.misc': 'misc ',
+  }),
+  ...group(misc, {
+    'settings.modals.misc.fields.appLogLevel': 'app log level',
+    'settings.modals.misc.fields.appLogMaxSize': 'app log max size',
+    'settings.modals.misc.fields.appLogMaxCount': 'app log max count',
+    'settings.modals.misc.fields.autoCloseConnections':
+      'auto close connections',
+    'settings.modals.misc.fields.autoCheckUpdate': 'auto check update',
+    'settings.modals.misc.fields.enableBuiltinEnhanced':
+      'enable builtin enhanced',
+    'settings.modals.misc.fields.proxyLayoutColumns': 'proxy layout columns',
+    'settings.modals.misc.fields.autoLogClean': 'auto log clean',
+    'settings.modals.misc.fields.autoDelayDetection': 'auto delay detection',
+    'settings.modals.misc.fields.autoDelayDetectionInterval': {
+      aliases: 'auto delay detection interval',
+      prerequisite: 'settings.modals.misc.fields.autoDelayDetection',
+    },
+    'settings.modals.misc.fields.defaultLatencyTest': 'default latency test',
+    'settings.modals.misc.fields.defaultLatencyTimeout':
+      'default latency timeout',
+  }),
+  ...group(basic, {
+    'settings.components.verge.basic.fields.hotkeySetting': 'hotkey setting ',
+  }),
+  ...group(hotkey, {
+    'settings.modals.hotkey.functions.openOrCloseDashboard': 'hotkey viewer',
+    'settings.modals.hotkey.functions.rule': 'hotkey viewer',
+    'settings.modals.hotkey.functions.global': 'hotkey viewer',
+    'settings.modals.hotkey.functions.direct': 'hotkey viewer',
+    'settings.modals.hotkey.functions.toggleSystemProxy': 'hotkey viewer',
+    'settings.modals.hotkey.functions.toggleTunMode': 'hotkey viewer',
+    'settings.modals.hotkey.functions.entryLightweightMode': 'hotkey viewer',
+    'settings.modals.hotkey.functions.reactivateProfiles': 'hotkey viewer',
+    'settings.modals.hotkey.toggles.enableGlobal':
+      'settings.modals.hotkey.toggles.enableGlobal',
+  }),
+  ...group(advanced, {
+    'settings.components.verge.advanced.fields.backupSetting':
+      'backup setting ',
+  }),
+  ...group(backup, {
+    'settings.modals.backup.actions.backup': 'backup',
+  }),
+  ...group(backupHistory, {
+    'settings.modals.backup.actions.viewHistory': {
+      aliases: 'view history backup 备份',
+      target: 'backup-history',
+    },
+  }),
+  ...group(backup, {
+    'settings.modals.backup.actions.importBackup': 'import backup',
+  }),
+  ...group(backupWebdav, {
+    'settings.modals.backup.fields.webdavUrl': 'webdavUrl WebDAV 云备份',
+    'settings.modals.backup.fields.username': 'username WebDAV 云备份',
+  }),
+  ...group(backup, {
+    'settings.modals.backup.auto.scheduleLabel': 'scheduleLabel',
+    'settings.modals.backup.auto.intervalLabel': {
+      aliases: 'intervalLabel',
+      prerequisite: 'settings.modals.backup.auto.scheduleLabel',
+    },
+    'settings.modals.backup.auto.changeLabel': 'changeLabel',
+  }),
+  ...group(backupHistory, {
+    'settings.modals.backup.history.title': {
+      aliases: '备份 历史 恢复 删除 restore delete history',
+      target: 'backup-history',
+    },
+  }),
+  ...group(backupWebdav, {
+    'shared.labels.password': {
+      id: 'webdav-password',
+      aliases: 'webdav password',
+    },
+    'shared.actions.save': {
+      id: 'webdav-save',
+      aliases: 'webdav save',
+    },
+    'settings.modals.backup.actions.backup': {
+      id: 'webdav-backup',
+      aliases: 'webdav backup',
+    },
+    'shared.actions.refresh': {
+      id: 'webdav-refresh',
+      aliases: 'webdav refresh',
+    },
+  }),
+  ...group(backupHistory, {
+    'settings.modals.backup.actions.deleteBackup': {
+      id: 'backup-history-delete',
+      aliases: 'backup history delete',
+      path: 'settings.modals.backup.history.title',
+    },
+    'settings.modals.backup.actions.restoreBackup': {
+      id: 'backup-history-restore',
+      aliases: 'backup history restore',
+      path: 'settings.modals.backup.history.title',
+    },
+    'settings.modals.backup.actions.exportBackup': {
+      id: 'backup-history-export',
+      aliases: 'backup history export',
+      path: 'settings.modals.backup.history.title',
+    },
+  }),
+  ...group(advanced, {
+    'settings.components.verge.advanced.fields.runtimeConfig':
+      'runtime config ',
+    'settings.components.verge.advanced.fields.openConfDir': 'open conf dir ',
+    'settings.components.verge.advanced.fields.openCoreDir': 'open core dir ',
+    'settings.components.verge.advanced.fields.openLogsDir': 'open logs dir ',
+    'settings.components.verge.advanced.fields.checkUpdates': 'check updates ',
+    'settings.components.verge.advanced.fields.openDevTools': 'open dev tools ',
+    'settings.components.verge.advanced.fields.liteModeSettings':
+      'lite mode settings ',
+  }),
+  ...group(liteMode, {
+    'settings.modals.liteMode.actions.enterNow': 'enter now ',
+    'settings.modals.liteMode.toggles.autoEnter': 'auto enter ',
+    'settings.modals.liteMode.fields.delay': {
+      fallback: 'settings.modals.liteMode.toggles.autoEnter',
+      aliases: 'delay ',
+    },
+  }),
+  ...group(advanced, {
+    'settings.components.verge.advanced.fields.exit': 'exit ',
+    'settings.components.verge.advanced.fields.exportDiagnostics':
+      'export diagnostics ',
+    'settings.components.verge.advanced.fields.vergeVersion': 'verge version ',
+  }),
+]
+
+export function searchSettings(
+  query: string,
+  platform: string,
+  translate: (key: TranslationKey) => string,
+  english: (key: TranslationKey) => string,
+) {
+  const words = query.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean)
+  if (!words.length) return []
+  return settingsCatalog
+    .filter((e) => !e.platforms || e.platforms.includes(platform))
+    .map((entry, order) => {
+      const names = (
+        translate(entry.name) +
+        ' ' +
+        english(entry.name)
+      ).toLocaleLowerCase()
+      const other = (
+        translate(entry.section) +
+        ' ' +
+        english(entry.section) +
+        ' ' +
+        entry.aliases +
+        ' ' +
+        translate(entry.path) +
+        ' ' +
+        english(entry.path)
+      ).toLocaleLowerCase()
+      const score = words.every(
+        (word) => names.includes(word) || other.includes(word),
+      )
+        ? words.reduce((sum, word) => sum + (names.includes(word) ? 1 : 0), 0)
+        : -1
+      return { entry, order, score }
+    })
+    .filter((e) => e.score >= 0)
+    .sort((a, b) => b.score - a.score || a.order - b.order)
+    .map((e) => e.entry)
+}
@@ -0,0 +1,42 @@
+import {
+  createContext,
+  use,
+  useEffect,
+  useImperativeHandle,
+  type Ref,
+} from 'react'
+
+import type { DialogRef } from '@/components/base'
+
+export interface SearchDialog {
+  id: string
+  open: () => void
+  isOpen: boolean
+}
+export const SettingsSearchContext = createContext<Set<SearchDialog> | null>(
+  null,
+)
+
+export function useSettingDialog(
+  ref: Ref<DialogRef> | undefined,
+  id: string,
+  open: boolean,
+  create: () => DialogRef,
+) {
+  useImperativeHandle(ref, create)
+  const registry = use(SettingsSearchContext)
+  useEffect(() => {
+    if (!registry) return
+    const handle = {
+      id,
+      isOpen: open,
+      open: () => {
+        if (!open) create().open()
+      },
+    }
+    registry.add(handle)
+    return () => {
+      registry.delete(handle)
+    }
+  })
+}
@@ -0,0 +1,317 @@
+import { CloseRounded } from '@mui/icons-material'
+import {
+  GlobalStyles,
+  Box,
+  Button,
+  IconButton,
+  List,
+  ListItemButton,
+  ListItemText,
+  TextField,
+  Typography,
+} from '@mui/material'
+import { useEffect, useRef, useState, type ReactNode } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import getSystem from '@/utils/get-system'
+
+import { searchSettings, type SettingEntry } from './settings-catalog'
+import {
+  SettingsSearchContext,
+  type SearchDialog,
+} from './settings-search-context'
+
+export function SettingsSearch({
+  children,
+}: {
+  children: (
+    header: ReactNode,
+    results: ReactNode,
+    hidden: boolean,
+  ) => ReactNode
+}) {
+  const { t } = useTranslation()
+  const [registry] = useState(() => new Set<SearchDialog>())
+  const [query, setQuery] = useState('')
+  const [selected, setSelected] = useState(0)
+  const [showPage, setShowPage] = useState(false)
+  const rootRef = useRef<HTMLDivElement>(null)
+  const inputRef = useRef<HTMLInputElement>(null)
+  const originalScrollRef = useRef(0)
+  const resultScrollRef = useRef(0)
+  const cancelLocateRef = useRef<() => void>(() => {})
+  const results = searchSettings(
+    query,
+    getSystem(),
+    (key) => t(key),
+    (key) => t(key, { lng: 'en' }),
+  )
+  const searching = !!query.trim()
+  const scroller = () =>
+    rootRef.current?.querySelector('.base-container > section')
+  const restoreResults = () => {
+    cancelLocateRef.current()
+    setShowPage(false)
+    requestAnimationFrame(() => {
+      scroller()?.scrollTo({ top: resultScrollRef.current })
+      inputRef.current?.focus()
+    })
+  }
+  const changeQuery = (value: string) => {
+    cancelLocateRef.current()
+    if (!searching && value.trim())
+      originalScrollRef.current = scroller()?.scrollTop ?? 0
+    setQuery(value)
+    setSelected(0)
+    setShowPage(false)
+    resultScrollRef.current = 0
+    requestAnimationFrame(() =>
+      scroller()?.scrollTo({
+        top: value.trim() ? 0 : originalScrollRef.current,
+      }),
+    )
+  }
+  const locate = (entry: SettingEntry) => {
+    cancelLocateRef.current()
+    if (!showPage) resultScrollRef.current = scroller()?.scrollTop ?? 0
+    if (entry.dialog) {
+      const handles = [...registry].filter(
+        (handle) => handle.id === entry.dialog,
+      )
+      ;(handles.find((handle) => handle.isOpen) ?? handles[0])?.open()
+    } else setShowPage(true)
+    let highlighted: HTMLElement | null = null
+    let stopped = false
+    let sawScope = false
+    let temporaryTabIndex = false
+    const cleanup = () => {
+      stopped = true
+      observer.disconnect()
+      clearTimeout(timeout)
+      highlighted?.removeAttribute('data-search-highlight')
+      if (temporaryTabIndex) highlighted?.removeAttribute('tabindex')
+    }
+    const find = (timedOut = false) => {
+      if (stopped) return
+      const marker = entry.dialog
+        ? [
+            ...document.querySelectorAll(
+              `[data-settings-dialog="${entry.dialog}"]`,
+            ),
+          ].find(
+            (marker) =>
+              marker.closest('[role="dialog"]')?.getClientRects().length,
+          )
+        : rootRef.current
+      const scope = entry.dialog ? marker?.closest('[role="dialog"]') : marker
+      if (!scope) {
+        if (sawScope) {
+          cleanup()
+          inputRef.current?.focus()
+        }
+        return
+      }
+      if (highlighted) return
+      sawScope = true
+      const pending = marker?.getAttribute('data-search-ready') === 'false'
+      if (pending && !timedOut) return
+      let target = pending
+        ? (scope.querySelector<HTMLElement>('[data-settings-loading]') ??
+          (marker instanceof HTMLElement ? marker : null))
+        : scope.querySelector<HTMLElement>(
+            `[data-setting-target="${entry.target ?? entry.id}"]`,
+          )
+      const fields = target
+        ? [
+            ...target.querySelectorAll<HTMLElement>(
+              'input,textarea,select,[role="combobox"]',
+            ),
+          ]
+        : []
+      const disabled =
+        target?.matches(':disabled,[aria-disabled="true"]') ||
+        (fields.length > 0 &&
+          fields.every((field) =>
+            field.matches(':disabled,[aria-disabled="true"]'),
+          ))
+      let fallback = pending
+      if (!target || !target.getClientRects().length || disabled) {
+        const fallbackId = disabled
+          ? (entry.prerequisite ?? entry.fallback)
+          : entry.fallback
+        if (fallbackId) {
+          target = scope.querySelector<HTMLElement>(
+            `[data-setting-target="${fallbackId}"]`,
+          )
+          fallback = !disabled || !entry.prerequisite
+        }
+      }
+      if (!target || !target.getClientRects().length) return
+      highlighted = target
+      target.setAttribute('data-search-highlight', 'true')
+      target.scrollIntoView({ block: 'center' })
+      const targetFocusable = target.matches(
+        'button,input,textarea,select,a[href],[tabindex]',
+      )
+      const control =
+        !fallback && !targetFocusable
+          ? [
+              ...target.querySelectorAll<HTMLElement>(
+                'input:not(:disabled),textarea:not(:disabled),button:not(:disabled),[role="combobox"],a[href]',
+              ),
+            ].find(
+              (element) =>
+                element.getClientRects().length &&
+                element.getAttribute('aria-disabled') !== 'true',
+            )
+          : null
+      temporaryTabIndex = !control && !targetFocusable
+      if (temporaryTabIndex) target.tabIndex = -1
+      ;(control ?? target).focus({ preventScroll: true })
+    }
+    const observer = new MutationObserver(() => find())
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ['style', 'class', 'data-search-ready', 'disabled'],
+    })
+    const timeout = setTimeout(() => {
+      if (!highlighted) {
+        find(true)
+        if (!highlighted) cleanup()
+      }
+    }, 5000)
+    cancelLocateRef.current = cleanup
+    requestAnimationFrame(() => find())
+  }
+  useEffect(() => () => cancelLocateRef.current(), [])
+  const moveSelection = (
+    from: number,
+    direction: number,
+    focusResult = false,
+  ) => {
+    const next = (from + direction + results.length) % results.length
+    setSelected(next)
+    const target = rootRef.current?.querySelector<HTMLElement>(
+      `[data-search-result="${next}"]`,
+    )
+    if (focusResult) target?.focus()
+    target?.scrollIntoView({ block: 'nearest' })
+  }
+  const header = (
+    <Box
+      sx={{ display: 'flex', gap: 1, alignItems: 'center', flexWrap: 'wrap' }}
+    >
+      <TextField
+        inputRef={inputRef}
+        size="small"
+        label={t('settings.search.placeholder')}
+        value={query}
+        onChange={(e) => changeQuery(e.target.value)}
+        onKeyDown={(e) => {
+          if (e.key === 'Escape') {
+            e.preventDefault()
+            if (showPage) restoreResults()
+            else changeQuery('')
+          }
+          if (e.key === 'Enter' && results[selected]) {
+            e.preventDefault()
+            locate(results[selected])
+          }
+          if (
+            (e.key === 'ArrowDown' || e.key === 'ArrowUp') &&
+            results.length
+          ) {
+            e.preventDefault()
+            moveSelection(selected, e.key === 'ArrowDown' ? 1 : -1)
+          }
+        }}
+      />
+      {searching && (
+        <IconButton
+          aria-label={t('settings.search.clear')}
+          onClick={() => changeQuery('')}
+        >
+          <CloseRounded />
+        </IconButton>
+      )}
+      {showPage && (
+        <Button onClick={restoreResults}>{t('settings.search.back')}</Button>
+      )}
+    </Box>
+  )
+  const resultView =
+    searching && !showPage ? (
+      <List aria-label={t('settings.search.results')}>
+        {results.length ? (
+          results.map((entry, index) => (
+            <ListItemButton
+              key={entry.id}
+              data-search-result={index}
+              selected={selected === index}
+              onFocus={() => setSelected(index)}
+              onClick={() => {
+                setSelected(index)
+                locate(entry)
+              }}
+              onKeyDown={(e) => {
+                if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+                  e.preventDefault()
+                  moveSelection(index, e.key === 'ArrowDown' ? 1 : -1, true)
+                }
+                if (e.key === 'Escape') {
+                  e.preventDefault()
+                  inputRef.current?.focus()
+                }
+              }}
+            >
+              <ListItemText
+                primary={t(entry.name)}
+                secondary={`${t(entry.section)} / ${t(entry.path)}`}
+              />
+            </ListItemButton>
+          ))
+        ) : (
+          <Typography sx={{ p: 2 }}>{t('settings.search.empty')}</Typography>
+        )}
+      </List>
+    ) : null
+  return (
+    <SettingsSearchContext value={registry}>
+      <GlobalStyles
+        styles={{
+          '[data-search-highlight]': {
+            outline: '2px solid #6b70e8',
+            outlineOffset: -2,
+          },
+        }}
+      />
+      <Box
+        ref={rootRef}
+        onKeyDown={(e) => {
+          if (
+            e.key === 'Escape' &&
+            showPage &&
+            !(e.target as HTMLElement).closest('[role="dialog"]')
+          ) {
+            e.stopPropagation()
+            restoreResults()
+          }
+        }}
+        sx={{
+          height: '100%',
+          '& .base-page > header': {
+            flex: '0 0 auto',
+            minHeight: 58,
+            flexWrap: 'wrap',
+            gap: 1,
+            py: 1,
+          },
+        }}
+      >
+        {children(header, resultView, searching && !showPage)}
+      </Box>
+    </SettingsSearchContext>
+  )
+}
@@ -220,6 +220,7 @@ const ProxyControlSwitches = ({
                  )}
                  icon={DeleteForeverRounded}
                  color="secondary"
+                  data-setting-target="service-uninstall"
                  onClick={onUninstallService}
                  sx={{ ml: 1 }}
                />
@@ -7,6 +7,10 @@ import { useTranslation } from 'react-i18next'

 import { BaseDialog } from '@/components/base'
 import { useVerge } from '@/hooks/use-verge'
+import type {
+  IVergeTestItem_Deserialize,
+  IVergeTestItem_Serialize,
+} from '@/services/bindings'
 import { showNotice } from '@/services/notice-service'

 interface Props {
@@ -27,7 +31,7 @@ export const TestViewer = forwardRef<TestViewerRef, Props>(
    const [loading, setLoading] = useState(false)
    const { verge, patchVerge } = useVerge()
    const testList = verge?.test_list ?? []
-    const { control, ...formIns } = useForm<IVergeTestItem>({
+    const { control, ...formIns } = useForm<IVergeTestItem_Deserialize>({
      defaultValues: {
        name: '',
        icon: '',
@@ -37,11 +41,16 @@ export const TestViewer = forwardRef<TestViewerRef, Props>(

    const patchTestList = async (
      uid: string,
-      patch: Partial<IVergeTestItem>,
+      patch: Partial<IVergeTestItem_Deserialize>,
    ) => {
      const newList = testList.map((x) => {
        if (x.uid === uid) {
-          return { ...x, ...patch }
+          return {
+            uid: x.uid,
+            name: patch.name === undefined ? x.name : patch.name,
+            icon: patch.icon === undefined ? x.icon : patch.icon,
+            url: patch.url === undefined ? x.url : patch.url,
+          }
        }
        return x
      })
@@ -77,7 +86,12 @@ export const TestViewer = forwardRef<TestViewerRef, Props>(

          if (openType === 'new') {
            const uid = nanoid()
-            const item = { ...form, uid }
+            const item: IVergeTestItem_Serialize = {
+              uid,
+              name: form.name ?? null,
+              icon: form.icon ?? null,
+              url: form.url ?? null,
+            }
            const newList = [...testList, item]
            await patchVerge({ test_list: newList })
            onChange(uid)
@@ -714,5 +714,12 @@
      "installing": "جاري تثبيت الخدمة...",
      "uninstalling": "Uninstalling Service..."
    }
+  },
+  "search": {
+    "placeholder": "البحث في الإعدادات",
+    "clear": "مسح البحث",
+    "back": "العودة إلى النتائج",
+    "results": "نتائج البحث",
+    "empty": "لم يتم العثور على إعدادات"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Service wird installiert...",
      "uninstalling": "Service wird deinstalliert..."
    }
+  },
+  "search": {
+    "placeholder": "Einstellungen suchen",
+    "clear": "Suche löschen",
+    "back": "Zurück zu Ergebnissen",
+    "results": "Suchergebnisse",
+    "empty": "Keine Einstellungen gefunden"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Installing Service...",
      "uninstalling": "Uninstalling Service..."
    }
+  },
+  "search": {
+    "placeholder": "Search settings",
+    "clear": "Clear search",
+    "back": "Back to results",
+    "results": "Search results",
+    "empty": "No settings found"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Instalando servicio...",
      "uninstalling": "Desinstalando servicio..."
    }
+  },
+  "search": {
+    "placeholder": "Buscar ajustes",
+    "clear": "Borrar búsqueda",
+    "back": "Volver a resultados",
+    "results": "Resultados de búsqueda",
+    "empty": "No se encontraron ajustes"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "در حال نصب سرویس...",
      "uninstalling": "در حال حذف سرویس..."
    }
+  },
+  "search": {
+    "placeholder": "جستجوی تنظیمات",
+    "clear": "پاک کردن جستجو",
+    "back": "بازگشت به نتایج",
+    "results": "نتایج جستجو",
+    "empty": "تنظیماتی یافت نشد"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Memasang Layanan...",
      "uninstalling": "Uninstalling Service..."
    }
+  },
+  "search": {
+    "placeholder": "Cari pengaturan",
+    "clear": "Hapus pencarian",
+    "back": "Kembali ke hasil",
+    "results": "Hasil pencarian",
+    "empty": "Pengaturan tidak ditemukan"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "サービスをインストール中...",
      "uninstalling": "サービスをアンインストール中..."
    }
+  },
+  "search": {
+    "placeholder": "設定を検索",
+    "clear": "検索をクリア",
+    "back": "結果に戻る",
+    "results": "検索結果",
+    "empty": "設定が見つかりません"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "서비스 설치 중...",
      "uninstalling": "서비스 제거 중..."
    }
+  },
+  "search": {
+    "placeholder": "설정 검색",
+    "clear": "검색 지우기",
+    "back": "결과로 돌아가기",
+    "results": "검색 결과",
+    "empty": "설정을 찾을 수 없습니다"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Instalando o Serviço...",
      "uninstalling": "Desinstalando o Serviço..."
    }
+  },
+  "search": {
+    "placeholder": "Pesquisar configurações",
+    "clear": "Limpar pesquisa",
+    "back": "Voltar aos resultados",
+    "results": "Resultados da pesquisa",
+    "empty": "Nenhuma configuração encontrada"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Установка службы...",
      "uninstalling": "Удаление службы..."
    }
+  },
+  "search": {
+    "placeholder": "Поиск настроек",
+    "clear": "Очистить поиск",
+    "back": "Вернуться к результатам",
+    "results": "Результаты поиска",
+    "empty": "Настройки не найдены"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Hizmet Kuruluyor...",
      "uninstalling": "Hizmet Kaldırılıyor..."
    }
+  },
+  "search": {
+    "placeholder": "Ayarları ara",
+    "clear": "Aramayı temizle",
+    "back": "Sonuçlara dön",
+    "results": "Arama sonuçları",
+    "empty": "Ayar bulunamadı"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "Хезмәт урнаштырыла...",
      "uninstalling": "Uninstalling Service..."
    }
+  },
+  "search": {
+    "placeholder": "Көйләүләрне эзләү",
+    "clear": "Эзләүне чистарту",
+    "back": "Нәтиҗәләргә кайту",
+    "results": "Эзләү нәтиҗәләре",
+    "empty": "Көйләүләр табылмады"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "安装服务中...",
      "uninstalling": "卸载服务中..."
    }
+  },
+  "search": {
+    "placeholder": "搜索设置",
+    "clear": "清空搜索",
+    "back": "返回结果",
+    "results": "搜索结果",
+    "empty": "未找到设置"
  }
 }
@@ -714,5 +714,12 @@
      "installing": "安裝服務中...",
      "uninstalling": "服務解除安裝中..."
    }
+  },
+  "search": {
+    "placeholder": "搜尋設定",
+    "clear": "清除搜尋",
+    "back": "返回結果",
+    "results": "搜尋結果",
+    "empty": "找不到設定"
  }
 }
@@ -1,7 +1,7 @@
 import { arrayMove } from '@dnd-kit/helpers'
 import type { DragEndEvent } from '@dnd-kit/react'
 import { isSortable } from '@dnd-kit/react/sortable'
-import { useCallback, useEffect, useMemo, useReducer } from 'react'
+import { useCallback, useMemo, useReducer, useState } from 'react'

 type MenuOrderAction = { type: 'sync'; payload: string[] }

@@ -79,9 +79,11 @@ export const useNavMenuOrder = <T extends { path: string }>({
    configMenuOrder,
  )

-  useEffect(() => {
+  const [syncedConfigOrder, setSyncedConfigOrder] = useState(configMenuOrder)
+  if (!areOrdersEqual(syncedConfigOrder, configMenuOrder)) {
+    setSyncedConfigOrder(configMenuOrder)
    dispatchMenuOrder({ type: 'sync', payload: configMenuOrder })
-  }, [configMenuOrder])
+  }

  const isDefaultOrder = useMemo(
    () => areOrdersEqual(menuOrder, defaultOrder),
@@ -1,11 +1,15 @@
 import { LanOutlined, LanRounded, WarningRounded } from '@mui/icons-material'
 import { Box, Button, ButtonGroup, Typography } from '@mui/material'
 import { useLockFn } from 'ahooks'
-import { useCallback, useEffect, useReducer, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

 import { BaseDialog, BasePage, TooltipIcon } from '@/components/base'
 import { ProviderButton } from '@/components/proxy/provider-button'
+import {
+  parseChainConfigItems,
+  type ProxyChainItem,
+} from '@/components/proxy/proxy-chain-model'
 import { ProxyGroups } from '@/components/proxy/proxy-groups'
 import {
  useAppRefreshers,
@@ -40,18 +44,13 @@ const ProxyPage = () => {
  })
  const [chainConfirmOpen, setChainConfirmOpen] = useState(false)

-  const [chainConfigData, dispatchChainConfigData] = useReducer(
-    (_: string | null, action: string | null) => action,
-    null as string | null,
-  )
+  const [chainConfigItems, setChainConfigItems] = useState<
+    ProxyChainItem[] | null
+  >(null)

  const { clashConfig } = useClashConfigData()
  const { refreshClashConfig } = useAppRefreshers()

-  const updateChainConfigData = useCallback((value: string | null) => {
-    dispatchChainConfigData(value)
-  }, [])
-
  const normalizedMode = clashConfig?.mode?.toLowerCase()
  const curMode = isMode(normalizedMode) ? normalizedMode : undefined
  const chainWarning = t('proxies.page.chain.warning')
@@ -71,6 +70,7 @@ const ProxyPage = () => {

  const applyChainMode = (enabled: boolean) => {
    setIsChainMode(enabled)
+    if (!enabled) setChainConfigItems(null)
    localStorage.setItem('proxy-chain-mode-enabled', enabled.toString())
  }

@@ -99,10 +99,7 @@ const ProxyPage = () => {

  // 当开启链式代理模式时，获取配置数据
  useEffect(() => {
-    if (!isChainMode) {
-      updateChainConfigData(null)
-      return
-    }
+    if (!isChainMode) return

    let cancelled = false

@@ -113,19 +110,21 @@ const ProxyPage = () => {
        if (!exitNode) {
          console.error('No proxy chain exit node found in localStorage')
          if (!cancelled) {
-            updateChainConfigData('')
+            setChainConfigItems([])
          }
          return
        }

        const configData = await getRuntimeProxyChainConfig(exitNode)
        if (!cancelled) {
-          updateChainConfigData(configData || '')
+          setChainConfigItems(
+            configData ? parseChainConfigItems(configData) : [],
+          )
        }
      } catch (error) {
        console.error('Failed to get runtime proxy chain config:', error)
        if (!cancelled) {
-          updateChainConfigData('')
+          setChainConfigItems([])
        }
      }
    }
@@ -135,7 +134,7 @@ const ProxyPage = () => {
    return () => {
      cancelled = true
    }
-  }, [isChainMode, updateChainConfigData])
+  }, [isChainMode])

  useEffect(() => {
    if (normalizedMode && !isMode(normalizedMode)) {
@@ -204,7 +203,7 @@ const ProxyPage = () => {
      <ProxyGroups
        mode={curMode ?? 'rule'}
        isChainMode={isChainMode}
-        chainConfigData={chainConfigData}
+        chainConfigItems={chainConfigItems}
        onExitChainMode={onExitChainMode}
      />
      <BaseDialog
@@ -8,6 +8,7 @@ import SettingClash from '@/components/setting/setting-clash'
 import SettingSystem from '@/components/setting/setting-system'
 import SettingVergeAdvanced from '@/components/setting/setting-verge-advanced'
 import SettingVergeBasic from '@/components/setting/setting-verge-basic'
+import { SettingsSearch } from '@/components/setting/settings-search'
 import { showNotice } from '@/services/notice-service'
 import { useThemeMode } from '@/services/states'
 import { openExternalUrl } from '@/utils/open-external-url'
@@ -39,82 +40,102 @@ const SettingPage = () => {
  const isDark = mode === 'light' ? false : true

  return (
-    <BasePage
-      title={t('settings.page.title')}
-      header={
-        <ButtonGroup
-          variant="contained"
-          aria-label={t('settings.page.actionsGroupLabel')}
-        >
-          <IconButton
-            size="medium"
-            color="inherit"
-            title={t('settings.page.actions.manual')}
-            onClick={toGithubDoc}
-          >
-            <HelpOutlineRounded fontSize="inherit" />
-          </IconButton>
-          <IconButton
-            size="medium"
-            color="inherit"
-            title={t('settings.page.actions.telegram')}
-            onClick={toTelegramChannel}
-          >
-            <Telegram fontSize="inherit" />
-          </IconButton>
+    <SettingsSearch>
+      {(searchHeader, results, hidden) => (
+        <BasePage
+          title={t('settings.page.title')}
+          header={
+            <Box
+              sx={{
+                display: 'flex',
+                gap: 1,
+                flexWrap: 'wrap',
+                alignItems: 'center',
+              }}
+            >
+              {searchHeader}
+              <ButtonGroup
+                variant="contained"
+                aria-label={t('settings.page.actionsGroupLabel')}
+              >
+                <IconButton
+                  size="medium"
+                  color="inherit"
+                  title={t('settings.page.actions.manual')}
+                  onClick={toGithubDoc}
+                >
+                  <HelpOutlineRounded fontSize="inherit" />
+                </IconButton>
+                <IconButton
+                  size="medium"
+                  color="inherit"
+                  title={t('settings.page.actions.telegram')}
+                  onClick={toTelegramChannel}
+                >
+                  <Telegram fontSize="inherit" />
+                </IconButton>

-          <IconButton
-            size="medium"
-            color="inherit"
-            title={t('settings.page.actions.github')}
-            onClick={toGithubRepo}
+                <IconButton
+                  size="medium"
+                  color="inherit"
+                  title={t('settings.page.actions.github')}
+                  onClick={toGithubRepo}
+                >
+                  <GitHub fontSize="inherit" />
+                </IconButton>
+              </ButtonGroup>
+            </Box>
+          }
+        >
+          {results}
+          <Grid
+            container
+            spacing={1.5}
+            columns={{ xs: 6, sm: 6, md: 12 }}
+            sx={{ display: hidden ? 'none' : undefined }}
          >
-            <GitHub fontSize="inherit" />
-          </IconButton>
-        </ButtonGroup>
-      }
-    >
-      <Grid container spacing={1.5} columns={{ xs: 6, sm: 6, md: 12 }}>
-        <Grid size={6}>
-          <Box
-            sx={{
-              borderRadius: 2,
-              marginBottom: 1.5,
-              backgroundColor: isDark ? '#282a36' : '#ffffff',
-            }}
-          >
-            <SettingSystem onError={onError} />
-          </Box>
-          <Box
-            sx={{
-              borderRadius: 2,
-              backgroundColor: isDark ? '#282a36' : '#ffffff',
-            }}
-          >
-            <SettingClash onError={onError} />
-          </Box>
-        </Grid>
-        <Grid size={6}>
-          <Box
-            sx={{
-              borderRadius: 2,
-              marginBottom: 1.5,
-              backgroundColor: isDark ? '#282a36' : '#ffffff',
-            }}
-          >
-            <SettingVergeBasic onError={onError} />
-          </Box>
-          <Box
-            sx={{
-              borderRadius: 2,
-              backgroundColor: isDark ? '#282a36' : '#ffffff',
-            }}
-          >
-            <SettingVergeAdvanced onError={onError} />
-          </Box>
-        </Grid>
-      </Grid>
-    </BasePage>
+            <Grid size={6}>
+              <Box
+                sx={{
+                  borderRadius: 2,
+                  marginBottom: 1.5,
+                  backgroundColor: isDark ? '#282a36' : '#ffffff',
+                }}
+              >
+                <SettingSystem onError={onError} />
+              </Box>
+              <Box
+                sx={{
+                  borderRadius: 2,
+                  backgroundColor: isDark ? '#282a36' : '#ffffff',
+                }}
+              >
+                <SettingClash onError={onError} />
+              </Box>
+            </Grid>
+            <Grid size={6}>
+              <Box
+                sx={{
+                  borderRadius: 2,
+                  marginBottom: 1.5,
+                  backgroundColor: isDark ? '#282a36' : '#ffffff',
+                }}
+              >
+                <SettingVergeBasic onError={onError} />
+              </Box>
+              <Box
+                sx={{
+                  borderRadius: 2,
+                  backgroundColor: isDark ? '#282a36' : '#ffffff',
+                }}
+              >
+                <SettingVergeAdvanced onError={onError} />
+              </Box>
+            </Grid>
+          </Grid>
+        </BasePage>
+      )}
+    </SettingsSearch>
  )
 }

@@ -23,7 +23,10 @@ export const commands = {
    __TAURI_INVOKE<string[]>('get_network_interfaces'),
  getSystemHostname: () => __TAURI_INVOKE<string>('get_system_hostname'),
  restartApp: () => __TAURI_INVOKE<null>('restart_app'),
-  installUpdate: (version: string, onEvent: Channel<DownloadEvent>) =>
+  installUpdate: (
+    version: string,
+    onEvent: Channel<DownloadEvent_Deserialize>,
+  ) =>
    __TAURI_INVOKE<InstallUpdateOutcome>('install_update', {
      version,
      onEvent,
@@ -34,11 +37,12 @@ export const commands = {
  upgradeClashCore: (force: boolean) =>
    __TAURI_INVOKE<CoreUpgradeReport>('upgrade_clash_core', { force }),
  /**  Returns one coherent core/service snapshot instead of independently refreshed state. */
-  getRuntimeState: () => __TAURI_INVOKE<RunStateView>('get_runtime_state'),
+  getRuntimeState: () =>
+    __TAURI_INVOKE<RunStateView_Serialize>('get_runtime_state'),
  getPendingFailures: () =>
    __TAURI_INVOKE<PendingFailure[]>('get_pending_failures'),
  getSidecarFailure: () =>
-    __TAURI_INVOKE<SidecarFailureSnapshot>('get_sidecar_failure'),
+    __TAURI_INVOKE<SidecarFailureSnapshot_Serialize>('get_sidecar_failure'),
  entryLightweightMode: () => __TAURI_INVOKE<null>('entry_lightweight_mode'),
  installService: () =>
    __TAURI_INVOKE<ServiceInstallOutcome>('install_service'),
@@ -48,7 +52,7 @@ export const commands = {
  repairService: () => __TAURI_INVOKE<ServiceInstallOutcome>('repair_service'),
  continueWithSidecar: () => __TAURI_INVOKE<null>('continue_with_sidecar'),
  syncRuntimeProviders: () => __TAURI_INVOKE<void>('sync_runtime_providers'),
-  getClashInfo: () => __TAURI_INVOKE<ClashInfo>('get_clash_info'),
+  getClashInfo: () => __TAURI_INVOKE<ClashInfo_Serialize>('get_clash_info'),
  patchClashConfig: (payload: YamlMapping) =>
    __TAURI_INVOKE<null>('patch_clash_config', { payload }),
  patchClashMode: (payload: string) =>
@@ -56,16 +60,11 @@ export const commands = {
  /**  Reads the saved mode without depending on strict mihomo `/configs` deserialization. */
  getClashMode: () => __TAURI_INVOKE<string | null>('get_clash_mode'),
  changeClashCore: (clashCore: string) =>
-    __TAURI_INVOKE<{
-      /**  Stable frontend identifier, when classified. */
-      code?: string | null
-      /**  Human-readable diagnostic detail. */
-      detail: string
-      /**  Requested operation when known by the command. */
-      operation?: FailedOperation | null
-    } | null>('change_clash_core', { clashCore }),
+    __TAURI_INVOKE<CommandFailure_Serialize | null>('change_clash_core', {
+      clashCore,
+    }),
  getRuntimeConfig: () =>
-    __TAURI_INVOKE<{ [key in string]: JsonValue } | null>('get_runtime_config'),
+    __TAURI_INVOKE<YamlMapping | null>('get_runtime_config'),
  getProxyView: () => __TAURI_INVOKE<ProxyViewV1_Serialize>('get_proxy_view'),
  getRuntimeYaml: () => __TAURI_INVOKE<string>('get_runtime_yaml'),
  getRuntimeLogs: () => __TAURI_INVOKE<RuntimeLogs>('get_runtime_logs'),
@@ -73,7 +72,7 @@ export const commands = {
    __TAURI_INVOKE<string>('get_runtime_proxy_chain_config', {
      proxyChainExitNode,
    }),
-  updateProxyChainConfigInRuntime: (proxyChainConfig: JsonValue | null) =>
+  updateProxyChainConfigInRuntime: (proxyChainConfig: YamlValue | null) =>
    __TAURI_INVOKE<ValidationOutcome>('update_proxy_chain_config_in_runtime', {
      proxyChainConfig,
    }),
@@ -103,18 +102,11 @@ export const commands = {
  takeDnsOverrideNotice: () =>
    __TAURI_INVOKE<boolean>('take_dns_override_notice'),
  takeServiceFallbackNotice: () =>
-    __TAURI_INVOKE<
-      | { kind: 'unavailable' }
-      | { kind: 'coreRejected'; reason: string }
-      | { kind: 'notAutoStarted' }
-      | null
-    >('take_service_fallback_notice'),
+    __TAURI_INVOKE<ServiceFallbackNotice | null>(
+      'take_service_fallback_notice',
+    ),
  getCoreStartupError: () =>
-    __TAURI_INVOKE<
-      | { kind: 'startFailed'; detail: string }
-      | { kind: 'serviceCoreStopped'; detail: string }
-      | null
-    >('get_core_startup_error'),
+    __TAURI_INVOKE<CoreFailure | null>('get_core_startup_error'),
  takeServiceRepairNotice: () =>
    __TAURI_INVOKE<boolean>('take_service_repair_notice'),
  takeServiceOwnerNotice: () =>
@@ -140,10 +132,12 @@ export const commands = {
  openDevtools: () => __TAURI_INVOKE<void>('open_devtools'),
  exitApp: () => __TAURI_INVOKE<void>('exit_app'),
  getNetworkInterfacesInfo: () =>
-    __TAURI_INVOKE<NetworkInterfaceView[]>('get_network_interfaces_info'),
+    __TAURI_INVOKE<NetworkInterfaceView_Serialize[]>(
+      'get_network_interfaces_info',
+    ),
  getProfiles: () => __TAURI_INVOKE<IProfiles_Serialize>('get_profiles'),
  enhanceProfiles: () => __TAURI_INVOKE<ValidationOutcome>('enhance_profiles'),
-  patchProfilesConfig: (profiles: ProfileSelection) =>
+  patchProfilesConfig: (profiles: ProfileSelection_Deserialize) =>
    __TAURI_INVOKE<ValidationOutcome>('patch_profiles_config', { profiles }),
  viewProfile: (index: string) =>
    __TAURI_INVOKE<null>('view_profile', { index }),
@@ -151,52 +145,12 @@ export const commands = {
    __TAURI_INVOKE<null>('patch_profile', { index, profile }),
  createProfile: (item: ProfileCreate_Deserialize, fileData: string | null) =>
    __TAURI_INVOKE<null>('create_profile', { item, fileData }),
-  importProfile: (
-    url: string,
-    option: {
-      user_agent?: string | null
-      with_proxy?: boolean | null
-      self_proxy?: boolean | null
-      update_interval?: number | null
-      /**
-       *  HTTP request timeout in seconds
-       *  default is 60 seconds
-       */
-      timeout_seconds?: number | null
-      /**  default is `false` */
-      danger_accept_invalid_certs?: boolean | null
-      allow_auto_update?: boolean | null
-      merge?: string | null
-      script?: string | null
-      rules?: string | null
-      proxies?: string | null
-      groups?: string | null
-    } | null,
-  ) => __TAURI_INVOKE<null>('import_profile', { url, option }),
+  importProfile: (url: string, option: PrfOption_Deserialize | null) =>
+    __TAURI_INVOKE<null>('import_profile', { url, option }),
  reorderProfile: (activeId: string, overId: string) =>
    __TAURI_INVOKE<null>('reorder_profile', { activeId, overId }),
-  updateProfile: (
-    index: string,
-    option: {
-      user_agent?: string | null
-      with_proxy?: boolean | null
-      self_proxy?: boolean | null
-      update_interval?: number | null
-      /**
-       *  HTTP request timeout in seconds
-       *  default is 60 seconds
-       */
-      timeout_seconds?: number | null
-      /**  default is `false` */
-      danger_accept_invalid_certs?: boolean | null
-      allow_auto_update?: boolean | null
-      merge?: string | null
-      script?: string | null
-      rules?: string | null
-      proxies?: string | null
-      groups?: string | null
-    } | null,
-  ) => __TAURI_INVOKE<null>('update_profile', { index, option }),
+  updateProfile: (index: string, option: PrfOption_Deserialize | null) =>
+    __TAURI_INVOKE<null>('update_profile', { index, option }),
  deleteProfile: (index: string) =>
    __TAURI_INVOKE<null>('delete_profile', { index }),
  readProfileFile: (index: string) =>
@@ -224,11 +178,14 @@ export const commands = {
    __TAURI_INVOKE<null>('delete_webdav_backup', { filename }),
  restoreWebdavBackup: (filename: string) =>
    __TAURI_INVOKE<null>('restore_webdav_backup', { filename }),
-  getUnlockItems: () => __TAURI_INVOKE<UnlockItem[]>('get_unlock_items'),
-  checkMediaUnlock: (onComplete: Channel<UnlockItem>) =>
-    __TAURI_INVOKE<UnlockItem[]>('check_media_unlock', { onComplete }),
+  getUnlockItems: () =>
+    __TAURI_INVOKE<UnlockItem_Serialize[]>('get_unlock_items'),
+  checkMediaUnlock: (onComplete: Channel<UnlockItem_Deserialize>) =>
+    __TAURI_INVOKE<UnlockItem_Serialize[]>('check_media_unlock', {
+      onComplete,
+    }),
  checkMediaUnlockItem: (name: string) =>
-    __TAURI_INVOKE<UnlockItem>('check_media_unlock_item', { name }),
+    __TAURI_INVOKE<UnlockItem_Serialize>('check_media_unlock_item', { name }),
 }

 /* Types */
@@ -237,7 +194,20 @@ export type AutoProxy = {
  url: string
 }

-export type ClashInfo = {
+export type ClashInfo = ClashInfo_Serialize | ClashInfo_Deserialize
+
+export type ClashInfo_Deserialize = {
+  /**  clash core port */
+  mixed_port: number
+  socks_port: number
+  port: number
+  /**  same as `external-controller` */
+  server: string
+  /**  clash secret */
+  secret?: string | null
+}
+
+export type ClashInfo_Serialize = {
  /**  clash core port */
  mixed_port: number
  socks_port: number
@@ -255,16 +225,6 @@ export type CommandFailure =

 /**  Structured command failure returned to the frontend. */
 export type CommandFailure_Deserialize = {
-  /**  Stable frontend identifier, when classified. */
-  code: string | null
-  /**  Human-readable diagnostic detail. */
-  detail: string
-  /**  Requested operation when known by the command. */
-  operation: FailedOperation | null
-}
-
-/**  Structured command failure returned to the frontend. */
-export type CommandFailure_Serialize = {
  /**  Stable frontend identifier, when classified. */
  code?: string | null
  /**  Human-readable diagnostic detail. */
@@ -273,6 +233,16 @@ export type CommandFailure_Serialize = {
  operation?: FailedOperation | null
 }

+/**  Structured command failure returned to the frontend. */
+export type CommandFailure_Serialize = {
+  /**  Stable frontend identifier, when classified. */
+  code?: string
+  /**  Human-readable diagnostic detail. */
+  detail: string
+  /**  Requested operation when known by the command. */
+  operation?: FailedOperation
+}
+
 /**  Why the Core is not running, kept until a Core starts again. */
 export type CoreFailure =
  | { kind: 'startFailed'; detail: string }
@@ -293,7 +263,26 @@ export type DnsOverrideOutcome =
  | { status: 'confirmation_required'; source: string }

 /**  Same wire shape as the updater plugin's JS `DownloadEvent`. */
-export type DownloadEvent =
+export type DownloadEvent = DownloadEvent_Serialize | DownloadEvent_Deserialize
+
+/**  Same wire shape as the updater plugin's JS `DownloadEvent`. */
+export type DownloadEvent_Deserialize =
+  | {
+      event: 'Started'
+      data: {
+        contentLength?: number | null
+      }
+    }
+  | {
+      event: 'Progress'
+      data: {
+        chunkLength: number
+      }
+    }
+  | { event: 'Finished' }
+
+/**  Same wire shape as the updater plugin's JS `DownloadEvent`. */
+export type DownloadEvent_Serialize =
  | {
      event: 'Started'
      data: {
@@ -333,14 +322,27 @@ export type IProfiles_Serialize = {
 /**  ### `verge.yaml` schema */
 export type IVerge = IVerge_Serialize | IVerge_Deserialize

-export type IVergeTestItem = {
+export type IVergeTestItem =
+  | IVergeTestItem_Serialize
+  | IVergeTestItem_Deserialize
+
+export type IVergeTestItem_Deserialize = {
  uid?: string | null
  name?: string | null
  icon?: string | null
  url?: string | null
 }

-export type IVergeTheme = {
+export type IVergeTestItem_Serialize = {
+  uid: string | null
+  name: string | null
+  icon: string | null
+  url: string | null
+}
+
+export type IVergeTheme = IVergeTheme_Serialize | IVergeTheme_Deserialize
+
+export type IVergeTheme_Deserialize = {
  primary_color?: string | null
  secondary_color?: string | null
  primary_text?: string | null
@@ -353,6 +355,19 @@ export type IVergeTheme = {
  css_injection?: string | null
 }

+export type IVergeTheme_Serialize = {
+  primary_color: string | null
+  secondary_color: string | null
+  primary_text: string | null
+  secondary_text: string | null
+  info_color: string | null
+  error_color: string | null
+  warning_color: string | null
+  success_color: string | null
+  font_family: string | null
+  css_injection: string | null
+}
+
 /**  ### `verge.yaml` schema */
 export type IVerge_Deserialize = {
  /**  silent | error | warn | info | debug | trace */
@@ -395,7 +410,7 @@ export type IVerge_Deserialize = {
  proxy_auto_config?: boolean | null
  pac_file_content?: string | null
  proxy_host?: string | null
-  theme_setting?: IVergeTheme | null
+  theme_setting?: IVergeTheme_Deserialize | null
  web_ui_list?: string[] | null
  clash_core?: string | null
  /**  format: {func},{key} */
@@ -411,7 +426,7 @@ export type IVerge_Deserialize = {
  auto_delay_detection_interval_minutes?: number | null
  enable_builtin_enhanced?: boolean | null
  proxy_layout_column?: number | null
-  test_list?: IVergeTestItem[] | null
+  test_list?: IVergeTestItem_Deserialize[] | null
  /**  0: 不清理; 1: 1天；2: 7天; 3: 30天; 4: 90天 */
  auto_log_clean?: number | null
  enable_auto_backup_schedule?: boolean | null
@@ -460,13 +475,13 @@ export type IVerge_Serialize = {
  traffic_graph: boolean | null
  /**  show memory info (only for Mihomo) */
  enable_memory_usage: boolean | null
-  enable_group_icon?: boolean | null
+  enable_group_icon?: boolean
  pause_render_traffic_stats_on_blur: boolean | null
-  common_tray_icon?: boolean | null
-  menu_icon?: string | null
-  menu_order?: string[] | null
-  proxy_group_tools_position?: string | null
-  notice_position?: string | null
+  common_tray_icon?: boolean
+  menu_icon?: string
+  menu_order?: string[]
+  proxy_group_tools_position?: string
+  notice_position?: string
  collapse_navbar: boolean | null
  sysproxy_tray_icon: boolean | null
  tun_tray_icon: boolean | null
@@ -485,11 +500,11 @@ export type IVerge_Serialize = {
  proxy_auto_config: boolean | null
  pac_file_content: string | null
  proxy_host: string | null
-  theme_setting: IVergeTheme | null
+  theme_setting: IVergeTheme_Serialize | null
  web_ui_list: string[] | null
-  clash_core?: string | null
+  clash_core?: string
  /**  format: {func},{key} */
-  hotkeys?: string[] | null
+  hotkeys?: string[]
  enable_global_hotkey: boolean | null
  home_cards: JsonValue | null
  auto_close_connection: boolean | null
@@ -501,7 +516,7 @@ export type IVerge_Serialize = {
  auto_delay_detection_interval_minutes: number | null
  enable_builtin_enhanced: boolean | null
  proxy_layout_column: number | null
-  test_list: IVergeTestItem[] | null
+  test_list: IVergeTestItem_Serialize[] | null
  /**  0: 不清理; 1: 1天；2: 7天; 3: 30天; 4: 90天 */
  auto_log_clean: number | null
  enable_auto_backup_schedule: boolean | null
@@ -513,10 +528,10 @@ export type IVerge_Serialize = {
  verge_socks_enabled: boolean | null
  verge_port: number | null
  verge_http_enabled: boolean | null
-  webdav_url?: string | null
-  webdav_username?: string | null
-  webdav_password?: string | null
-  tray_proxy_groups_display_mode?: string | null
+  webdav_url?: string
+  webdav_username?: string
+  webdav_password?: string
+  tray_proxy_groups_display_mode?: string
  tray_inline_outbound_modes: boolean | null
  enable_auto_light_weight_mode: boolean | null
  /**  自动进入轻量模式的延迟（分钟） */
@@ -578,7 +593,17 @@ export type LocalBackupFile = {
  content_length: number
 }

-export type NetworkInterfaceView = {
+export type NetworkInterfaceView =
+  | NetworkInterfaceView_Serialize
+  | NetworkInterfaceView_Deserialize
+
+export type NetworkInterfaceView_Deserialize = {
+  name: string
+  addr: InterfaceAddress[]
+  mac_addr?: string | null
+}
+
+export type NetworkInterfaceView_Serialize = {
  name: string
  addr: InterfaceAddress[]
  mac_addr: string | null
@@ -637,7 +662,20 @@ export type PendingFailure = {
  sequence: number
 }

-export type PlatformVergeFields = {
+export type PlatformVergeFields =
+  | PlatformVergeFields_Serialize
+  | PlatformVergeFields_Deserialize
+
+export type PlatformVergeFields_Deserialize = {
+  tray_icon?: string | null
+  verge_redir_port?: number | null
+  verge_redir_enabled?: boolean | null
+  verge_tproxy_port?: number | null
+  verge_tproxy_enabled?: boolean | null
+  enable_tray_speed?: boolean | null
+}
+
+export type PlatformVergeFields_Serialize = {
  tray_icon?: string | null
  verge_redir_port?: number | null
  verge_redir_enabled?: boolean | null
@@ -663,7 +701,7 @@ export type PrfItem_Deserialize = {
  file?: string | null
  desc?: string | null
  url?: string | null
-  selected?: PrfSelected[] | null
+  selected?: PrfSelected_Deserialize[] | null
  extra?: PrfExtra | null
  updated?: number | null
  option?: PrfOption_Deserialize | null
@@ -676,13 +714,13 @@ export type PrfItem_Serialize = {
  type: string | null
  name: string | null
  file: string | null
-  desc?: string | null
-  url?: string | null
-  selected?: PrfSelected[] | null
-  extra?: PrfExtra | null
+  desc?: string
+  url?: string
+  selected?: PrfSelected_Serialize[]
+  extra?: PrfExtra
  updated: number | null
-  option?: PrfOption_Serialize | null
-  home?: string | null
+  option?: PrfOption_Serialize
+  home?: string
 }

 export type PrfOption = PrfOption_Serialize | PrfOption_Deserialize
@@ -708,18 +746,18 @@ export type PrfOption_Deserialize = {
 }

 export type PrfOption_Serialize = {
-  user_agent?: string | null
-  with_proxy?: boolean | null
-  self_proxy?: boolean | null
-  update_interval?: number | null
+  user_agent?: string
+  with_proxy?: boolean
+  self_proxy?: boolean
+  update_interval?: number
  /**
   *  HTTP request timeout in seconds
   *  default is 60 seconds
   */
-  timeout_seconds?: number | null
+  timeout_seconds?: number
  /**  default is `false` */
-  danger_accept_invalid_certs?: boolean | null
-  allow_auto_update?: boolean | null
+  danger_accept_invalid_certs?: boolean
+  allow_auto_update?: boolean
  merge: string | null
  script: string | null
  rules: string | null
@@ -727,11 +765,18 @@ export type PrfOption_Serialize = {
  groups: string | null
 }

-export type PrfSelected = {
+export type PrfSelected = PrfSelected_Serialize | PrfSelected_Deserialize
+
+export type PrfSelected_Deserialize = {
  name?: string | null
  now?: string | null
 }

+export type PrfSelected_Serialize = {
+  name: string | null
+  now: string | null
+}
+
 export type ProfileCreate = ProfileCreate_Serialize | ProfileCreate_Deserialize

 export type ProfileCreate_Deserialize = {
@@ -761,7 +806,7 @@ export type ProfileDnsSettings_Deserialize = {

 export type ProfileDnsSettings_Serialize = {
  enabled: boolean
-  confirmation?: string | null
+  confirmation?: string
 }

 export type ProfilePatch = ProfilePatch_Serialize | ProfilePatch_Deserialize
@@ -772,7 +817,7 @@ export type ProfilePatch_Deserialize = {
  desc?: string | null
  file?: string | null
  url?: string | null
-  selected?: PrfSelected[] | null
+  selected?: PrfSelected_Deserialize[] | null
  extra?: PrfExtra | null
  updated?: number | null
  option?: PrfOption_Deserialize | null
@@ -784,16 +829,24 @@ export type ProfilePatch_Serialize = {
  desc: string | null
  file: string | null
  url: string | null
-  selected: PrfSelected[] | null
+  selected: PrfSelected_Serialize[] | null
  extra: PrfExtra | null
  updated: number | null
  option: PrfOption_Serialize | null
 }

-export type ProfileSelection = {
+export type ProfileSelection =
+  | ProfileSelection_Serialize
+  | ProfileSelection_Deserialize
+
+export type ProfileSelection_Deserialize = {
  current?: string | null
 }

+export type ProfileSelection_Serialize = {
+  current: string | null
+}
+
 export type ProfileUpdatePayload = {
  uid: string
 }
@@ -813,11 +866,11 @@ export type ProxyGroupView =
 export type ProxyGroupView_Deserialize = {
  name: string
  type: string
-  now: string | null
-  fixed: string | null
-  hidden: boolean | null
-  icon: string | null
-  testUrl: string | null
+  now?: string | null
+  fixed?: string | null
+  hidden?: boolean | null
+  icon?: string | null
+  testUrl?: string | null
  history: DelayHistory[]
  members: ProxyMemberRef[]
 } & ProxyCapabilities
@@ -825,11 +878,11 @@ export type ProxyGroupView_Deserialize = {
 export type ProxyGroupView_Serialize = {
  name: string
  type: string
-  now?: string | null
-  fixed?: string | null
-  hidden?: boolean | null
-  icon?: string | null
-  testUrl?: string | null
+  now?: string
+  fixed?: string
+  hidden?: boolean
+  icon?: string
+  testUrl?: string
  history: DelayHistory[]
  members: ProxyMemberRef[]
 } & ProxyCapabilities
@@ -855,10 +908,10 @@ export type ProxyNodeView_Deserialize = {
  name: string
  type: string
  history: DelayHistory[]
-  id: string | null
-  hidden: boolean | null
-  icon: string | null
-  testUrl: string | null
+  id?: string | null
+  hidden?: boolean | null
+  icon?: string | null
+  testUrl?: string | null
  source: ProxyNodeSource
 } & ProxyCapabilities

@@ -867,10 +920,10 @@ export type ProxyNodeView_Serialize = {
  name: string
  type: string
  history: DelayHistory[]
-  id?: string | null
-  hidden?: boolean | null
-  icon?: string | null
-  testUrl?: string | null
+  id?: string
+  hidden?: boolean
+  icon?: string
+  testUrl?: string
  source: ProxyNodeSource
 } & ProxyCapabilities

@@ -891,16 +944,16 @@ export type ProxyProviderView =
 export type ProxyProviderView_Deserialize = {
  name: string
  vehicleType: ProxyProviderVehicleType
-  updatedAt: string | null
-  subscriptionInfo: ProxySubscriptionInfo | null
+  updatedAt?: string | null
+  subscriptionInfo?: ProxySubscriptionInfo | null
  proxyRecordIds: string[]
 }

 export type ProxyProviderView_Serialize = {
  name: string
  vehicleType: ProxyProviderVehicleType
-  updatedAt?: string | null
-  subscriptionInfo?: ProxySubscriptionInfo | null
+  updatedAt?: string
+  subscriptionInfo?: ProxySubscriptionInfo
  proxyRecordIds: string[]
 }

@@ -921,8 +974,8 @@ export type ProxyViewV1_Deserialize = {
  schemaVersion: number
  orderSource: ProxyViewOrderSource
  providerState: ProxyViewProviderState
-  global: ProxyGroupView_Deserialize | null
-  direct: string | null
+  global?: ProxyGroupView_Deserialize | null
+  direct?: string | null
  groups: ProxyGroupView_Deserialize[]
  records: { [key in string]: ProxyNodeView_Deserialize }
  standalone: string[]
@@ -941,7 +994,22 @@ export type ProxyViewV1_Serialize = {
  providers: ProxyProviderView_Serialize[]
 }

-export type RunStateView = {
+export type RunStateView = RunStateView_Serialize | RunStateView_Deserialize
+
+export type RunStateView_Deserialize = {
+  mode: RunningMode
+  service: ServiceHealthKind
+  serviceUnavailableReason?: string | null
+  pendingAction?: PendingAction | null
+  sidecarAllowed: boolean
+  isAdmin: boolean
+  opInFlight: boolean
+  serviceUsable: boolean
+  tunCapable: boolean
+  serviceNeedsAttention: boolean
+}
+
+export type RunStateView_Serialize = {
  mode: RunningMode
  service: ServiceHealthKind
  serviceUnavailableReason: string | null
@@ -980,7 +1048,18 @@ export type ServiceInstallOutcome =
  | { status: 'sidecar'; reason: string }

 /**  A removal has a revision too, so a delayed read cannot restore a resolved failure. */
-export type SidecarFailureSnapshot = {
+export type SidecarFailureSnapshot =
+  | SidecarFailureSnapshot_Serialize
+  | SidecarFailureSnapshot_Deserialize
+
+/**  A removal has a revision too, so a delayed read cannot restore a resolved failure. */
+export type SidecarFailureSnapshot_Deserialize = {
+  revision: number
+  detail?: string | null
+}
+
+/**  A removal has a revision too, so a delayed read cannot restore a resolved failure. */
+export type SidecarFailureSnapshot_Serialize = {
  revision: number
  detail: string | null
 }
@@ -1001,7 +1080,16 @@ export type ToggleableProxyPort = {
  port: number
 }

-export type UnlockItem = {
+export type UnlockItem = UnlockItem_Serialize | UnlockItem_Deserialize
+
+export type UnlockItem_Deserialize = {
+  name: string
+  status: string
+  region?: string | null
+  check_time?: string | null
+}
+
+export type UnlockItem_Serialize = {
  name: string
  status: string
  region: string | null
@@ -1027,7 +1115,11 @@ export type ValidationOutcome =

 export type ValidationSkipReason = 'exiting' | 'debounced'

-export type VergeEventPayloads = {
+export type VergeEventPayloads =
+  | VergeEventPayloads_Serialize
+  | VergeEventPayloads_Deserialize
+
+export type VergeEventPayloads_Deserialize = {
  'verge://refresh-clash-config': null
  'verge://refresh-verge-config': null
  'verge://refresh-profiles': null
@@ -1037,7 +1129,21 @@ export type VergeEventPayloads = {
  'verge://timer-updated': string
  'profile-update-started': ProfileUpdatePayload
  'profile-update-completed': ProfileUpdatePayload
-  'verge://run-state-changed': RunStateView
+  'verge://run-state-changed': RunStateView_Deserialize
+  'verge://pending-failures-changed': null
+}
+
+export type VergeEventPayloads_Serialize = {
+  'verge://refresh-clash-config': null
+  'verge://refresh-verge-config': null
+  'verge://refresh-profiles': null
+  'verge://refresh-proxy-config': null
+  'verge://notice-message': [NoticeStatus, string]
+  'profile-changed': string
+  'verge://timer-updated': string
+  'profile-update-started': ProfileUpdatePayload
+  'profile-update-completed': ProfileUpdatePayload
+  'verge://run-state-changed': RunStateView_Serialize
  'verge://pending-failures-changed': null
 }

@@ -19,7 +19,7 @@ import type {

 export type {
  RunningMode,
-  RunStateView as RunState,
+  RunStateView_Serialize as RunState,
  FailedOperation,
  PendingFailure,
  SidecarFailureSnapshot,
@@ -1 +1,4 @@
-export type { NoticeStatus, VergeEventPayloads } from './bindings'
+export type {
+  NoticeStatus,
+  VergeEventPayloads_Serialize as VergeEventPayloads,
+} from './bindings'
@@ -827,6 +827,11 @@ export const translationKeys = [
  'settings.statuses.clash.restarting',
  'settings.statuses.clashService.installing',
  'settings.statuses.clashService.uninstalling',
+  'settings.search.placeholder',
+  'settings.search.clear',
+  'settings.search.back',
+  'settings.search.results',
+  'settings.search.empty',
  'shared.actions.cancel',
  'shared.actions.close',
  'shared.actions.confirm',
@@ -939,6 +944,7 @@ export const translationKeys = [
  'tests.statuses.test.yes',
  'tests.statuses.test.no',
  'tests.statuses.test.failed',
+  'tests.statuses.test.risky',
  'tests.statuses.test.completed',
  'tests.statuses.test.disallowedIsp',
  'tests.statuses.test.originalsOnly',
@@ -1251,6 +1251,13 @@ export interface TranslationResources {
        actionsGroupLabel: string
        title: string
      }
+      search: {
+        back: string
+        clear: string
+        empty: string
+        placeholder: string
+        results: string
+      }
      sections: {
        appearance: {
          dark: string
@@ -1589,6 +1596,7 @@ export interface TranslationResources {
          noDisney: string
          originalsOnly: string
          pending: string
+          risky: string
          unsupportedRegion: string
          yes: string
        }
Author	SHA1	Message	Date
renovate[bot]	438fc20142	chore(deps): update dependency pnpm to v12.18.0	2026-11-07 00:53:11 +08:00
Tunglies	7fd537af08	feat(settings): add searchable settings navigation	2026-11-06 17:14:15 +08:00
Tunglies	38faf20f90	feat(home): add core restart action to Clash info card	2026-11-06 17:14:06 +08:00
wonfen	87d9f95990	fix(profile): keep unquoted REALITY short-id as a string Quote plain hex short-id values before YAML parsing, since a value like 1234e123 becomes a float that cannot be restored. Keep the rewrite only when nothing else changes, and let the editor save check a quoted copy.	2026-11-06 14:26:55 +08:00
renovate[bot]renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>Tunglies	b9ab3b2015	chore(deps): update rust crate zip to 9.3.0 (#8567 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Tunglies <77394545+Tunglies@users.noreply.github.com>	2026-11-04 22:56:57 +00:00
renovate[bot]andrenovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	a45c681389	chore(deps): update pnpm/action-setup action to v6.1.1 (#8566 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-11-04 22:51:08 +00:00
nrenvo	a15ff6b448	ci: drop markdown from the frontend check paths (#8492 )	2026-11-04 14:44:12 +00:00
nrenvo	dae542f772	ci: regenerate the i18n types and check them for drift (#8494 )	2026-11-04 14:43:16 +00:00
Tunglies	39ba1e64a6	chore(deps): remove unused dependencies (#8559 ) - Drop tauri-plugin-process: no frontend or Rust consumer; exit and restart already go through the exit_app/restart_app commands backed by AppHandle::exit/restart. Remove the registration and the unused process:allow-exit capability. - Replace the glob dev dependency with Node's built-in fs.globSync in prebuild's service permission step (Node baseline is 26.13.0). - Remove unused direct Cargo declarations: bitflags and regex (source and workspace entries), and src-tauri's criterion dev-dependency; clash-verge-draft keeps criterion for its bench. - Narrow sysinfo to the network/system features actually consumed. - Use futures::StreamExt for DelayQueue in the timer and drop the tokio-stream direct declaration (still transitively present via clash-verge-service-ipc).	2026-11-04 09:23:16 +00:00
dependabot[bot]anddependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	27da92b5ff	chore(deps): bump the npm_and_yarn group across 1 directory with 3 updates (#8558 ) Bumps the npm_and_yarn group with 3 updates in the / directory: [follow-redirects](https://github.com/follow-redirects/follow-redirects), [source-map-js](https://github.com/7rulnik/source-map-js) and [undici](https://github.com/nodejs/undici). Updates `follow-redirects` from 1.16.0 to 1.16.2 - [Release notes](https://github.com/follow-redirects/follow-redirects/releases) - [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.16.0...v1.16.2) Updates `source-map-js` from 1.2.1 to 1.2.2 - [Release notes](https://github.com/7rulnik/source-map-js/releases) - [Changelog](https://github.com/7rulnik/source-map-js/blob/main/CHANGELOG.md) - [Commits](https://github.com/7rulnik/source-map-js/compare/v1.2.1...v1.2.2) Updates `undici` from 6.28.1 to 6.29.1 - [Release notes](https://github.com/nodejs/undici/releases) - [Commits](https://github.com/nodejs/undici/compare/v6.28.1...v6.29.1) --- updated-dependencies: - dependency-name: follow-redirects dependency-version: 1.16.2 dependency-type: indirect dependency-group: npm_and_yarn - dependency-name: source-map-js dependency-version: 1.2.2 dependency-type: indirect dependency-group: npm_and_yarn - dependency-name: undici dependency-version: 6.29.1 dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2026-11-04 09:22:25 +00:00
Tunglies	f076d4cd5d	fix(macos): preserve DNS and proxy state across network changes	2026-11-04 11:19:16 +08:00
Tunglies	97dc1622ee	chore(updater): prefer GitHub before mirror endpoints Relate #8529	2026-11-04 11:19:16 +08:00
Tunglies	f65a7f1348	fix(tray): refresh icon after service operations Refresh the tray menu, icon, and tooltip after service operations so restored TUN capability is reflected without changing the saved TUN setting. Ref: `e60285b4ae`	2026-11-04 11:19:16 +08:00
wonfen	14abc4c4ee	refactor(react): replace avoidable effects with derived state and handlers Also drops a duplicate WebDAV history request on open and the per-keystroke DNS YAML dump.	2026-11-04 10:17:52 +08:00
wonfen	84bbe790e8	fix(proxies): move an unpicked GLOBAL off DIRECT to its first group Keep DIRECT and REJECT listed in global mode.	2026-11-04 10:17:52 +08:00
renovate[bot]Tungliesrenovate[bot] <29139614+renovate[bot]@users.noreply.github.com>copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>	e4d82a1b3f	chore(deps): update tauri (#8388 ) * chore(deps): update tauri * fix(deps): restore compatible Specta and dialog dependencies * fix(deps): align Specta release versions Co-authored-by: Tunglies <77394545+Tunglies@users.noreply.github.com> * fix(deps): regenerate Specta bindings and align consumers * fix(deps): use the dialog plugin GTK backend --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Tunglies <77394545+Tunglies@users.noreply.github.com>	2026-11-03 23:56:44 +08:00
renovate[bot]Tungliesrenovate[bot] <29139614+renovate[bot]@users.noreply.github.com>copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>	9fb46607b5	chore(deps): update cargo dependencies (#8384 ) * fix(webdav): allow clearing saved configuration Close #8495 * chore(deps): update cargo dependencies * fix(ci): resolve Rust dependency update failures * chore(deps): remove unrelated changelog entries --------- Co-authored-by: Tunglies <77394545+Tunglies@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>	2026-11-03 15:26:38 +00:00
wonfen	943e18e8ca	fix(proxies): list only GLOBAL members in global mode Reveal a group once GLOBAL selects it; hide DIRECT and REJECT unless selected.	2026-11-03 22:31:53 +08:00
Tunglies	8be05c178b	fix(renovate): create Specta pull requests before CI	2026-11-03 22:28:56 +08:00
Tunglies	01fbc5714f	style(renovate): format Specta package rules	2026-11-03 22:21:22 +08:00
Tunglies	5d41f99eb1	chore(renovate): group compatible Specta dependencies	2026-11-03 22:17:58 +08:00