diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index fa4b234a54..770a47d479 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -1,4 +1,5 @@
 import react from '@vitejs/plugin-react-swc'
+import { CodeInspectorPlugin } from 'code-inspector-plugin'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import { resolve } from 'path'
 import { visualizer } from 'rollup-plugin-visualizer'
@@ -59,6 +60,14 @@ export default defineConfig({
           ]
         ]
       }),
+      // 只在开发环境下启用 CodeInspectorPlugin
+      ...(process.env.NODE_ENV === 'development'
+        ? [
+            CodeInspectorPlugin({
+              bundler: 'vite'
+            })
+          ]
+        : []),
       ...visualizerPlugin('renderer')
     ],
     resolve: {
diff --git a/package.json b/package.json
index cdb076f78d..69bf4268c3 100644
--- a/package.json
+++ b/package.json
@@ -140,6 +140,7 @@
     "async-mutex": "^0.5.0",
     "axios": "^1.7.3",
     "browser-image-compression": "^2.0.2",
+    "code-inspector-plugin": "^0.20.14",
     "color": "^5.0.0",
     "country-flag-emoji-polyfill": "0.1.8",
     "dayjs": "^1.11.11",
diff --git a/yarn.lock b/yarn.lock
index 696fd06078..cc0fd6b62a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -403,6 +403,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.27.5":
+  version: 7.27.7
+  resolution: "@babel/parser@npm:7.27.7"
+  dependencies:
+    "@babel/types": "npm:^7.27.7"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10c0/f6202faeb873f0b3083022e50a5046fe07266d337c0a3bd80a491f8435ba6d9e383d49725e3dcd666b3b52c0dccb4e0f1f1004915762345f7eeed5ba54ea9fd2
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-arrow-functions@npm:^7.25.9":
   version: 7.25.9
   resolution: "@babel/plugin-transform-arrow-functions@npm:7.25.9"
@@ -476,6 +487,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.27.7":
+  version: 7.27.7
+  resolution: "@babel/types@npm:7.27.7"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.27.1"
+    "@babel/helper-validator-identifier": "npm:^7.27.1"
+  checksum: 10c0/1d1dcb5fa7cfba2b4034a3ab99ba17049bfc4af9e170935575246cdb1cee68b04329a0111506d9ae83fb917c47dbd4394a6db5e32fbd041b7834ffbb17ca086b
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^1.0.2":
   version: 1.0.2
   resolution: "@bcoe/v8-coverage@npm:1.0.2"
@@ -5530,6 +5551,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-core@npm:3.5.17":
+  version: 3.5.17
+  resolution: "@vue/compiler-core@npm:3.5.17"
+  dependencies:
+    "@babel/parser": "npm:^7.27.5"
+    "@vue/shared": "npm:3.5.17"
+    entities: "npm:^4.5.0"
+    estree-walker: "npm:^2.0.2"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10c0/d6b50f6f0a71a77a04452877c601cfd6ea13ec07aa68a061523166c1150e159f64230eee28e1042e6113e334a11c25c306bae5d463931a9e7f96261a29a0042d
+  languageName: node
+  linkType: hard
+
+"@vue/compiler-dom@npm:^3.5.13":
+  version: 3.5.17
+  resolution: "@vue/compiler-dom@npm:3.5.17"
+  dependencies:
+    "@vue/compiler-core": "npm:3.5.17"
+    "@vue/shared": "npm:3.5.17"
+  checksum: 10c0/27e4c201522abcb2755318fc502a4cf8a752fb90441bbd954c018990e80bb30e4075dadefa7f36671028779d9c21d34d76330f6b441921e317cf1c102a5411b6
+  languageName: node
+  linkType: hard
+
+"@vue/shared@npm:3.5.17":
+  version: 3.5.17
+  resolution: "@vue/shared@npm:3.5.17"
+  checksum: 10c0/915d8f80d863826531cf6ddefeb52455cbffcbca4d14717472b7765b3142d2ad9900dfce351e90a22e1fe9e2f8fca588421de6e751e1c816ab9e1fdefa3e8a0d
+  languageName: node
+  linkType: hard
+
 "@xmldom/xmldom@npm:0.9.8":
   version: 0.9.8
   resolution: "@xmldom/xmldom@npm:0.9.8"
@@ -5666,6 +5717,7 @@ __metadata:
     async-mutex: "npm:^0.5.0"
     axios: "npm:^1.7.3"
     browser-image-compression: "npm:^2.0.2"
+    code-inspector-plugin: "npm:^0.20.14"
     color: "npm:^5.0.0"
     country-flag-emoji-polyfill: "npm:0.1.8"
     dayjs: "npm:^1.11.11"
@@ -6292,7 +6344,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async@npm:^3.2.3, async@npm:^3.2.4":
+"async@npm:^3.2.3, async@npm:^3.2.4, async@npm:^3.2.6":
   version: 3.2.6
   resolution: "async@npm:3.2.6"
   checksum: 10c0/36484bb15ceddf07078688d95e27076379cc2f87b10c03b6dd8a83e89475a3c8df5848859dd06a4c95af1e4c16fc973de0171a77f18ea00be899aca2a4f85e70
@@ -6804,6 +6856,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chalk@npm:4.1.1":
+  version: 4.1.1
+  resolution: "chalk@npm:4.1.1"
+  dependencies:
+    ansi-styles: "npm:^4.1.0"
+    supports-color: "npm:^7.1.0"
+  checksum: 10c0/3866c8b96eca56b5ff4e1e9a243b65e4f77694a486a2cc49316d54af9dae463d2c52bd99b9f0b7a924b87faf3a16dd6ed12d3a7442ac385b608f285e54696c18
+  languageName: node
+  linkType: hard
+
 "chalk@npm:^3.0.0":
   version: 3.0.0
   resolution: "chalk@npm:3.0.0"
@@ -7056,6 +7118,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"code-inspector-core@npm:0.20.14":
+  version: 0.20.14
+  resolution: "code-inspector-core@npm:0.20.14"
+  dependencies:
+    "@vue/compiler-dom": "npm:^3.5.13"
+    chalk: "npm:^4.1.1"
+    dotenv: "npm:^16.1.4"
+    launch-ide: "npm:1.0.7"
+    portfinder: "npm:^1.0.28"
+  checksum: 10c0/6cc8f5ec8cf5db29819bd78c70690aebdc7df0ee2a9b263a9e192553b4e0711d1e2a5201a0e75e7e8194c450ea62e300c2dec5636b946b9eda9fff749dcbff9b
+  languageName: node
+  linkType: hard
+
+"code-inspector-plugin@npm:^0.20.14":
+  version: 0.20.14
+  resolution: "code-inspector-plugin@npm:0.20.14"
+  dependencies:
+    chalk: "npm:4.1.1"
+    code-inspector-core: "npm:0.20.14"
+    dotenv: "npm:^16.3.1"
+    esbuild-code-inspector-plugin: "npm:0.20.14"
+    vite-code-inspector-plugin: "npm:0.20.14"
+    webpack-code-inspector-plugin: "npm:0.20.14"
+  checksum: 10c0/25da486154445e5466af989ad6bb5a1b2362dc209dc713647bbb7393a93807df10196652033cd7c9dcd1b43b804c4be235e49680a33792d9759a290e478587f8
+  languageName: node
+  linkType: hard
+
 "code-point-at@npm:^1.0.0":
   version: 1.1.0
   resolution: "code-point-at@npm:1.1.0"
@@ -7963,6 +8052,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^4.3.6":
+  version: 4.4.1
+  resolution: "debug@npm:4.4.1"
+  dependencies:
+    ms: "npm:^2.1.3"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10c0/d2b44bc1afd912b49bb7ebb0d50a860dc93a4dd7d946e8de94abc957bb63726b7dd5aa48c18c2386c379ec024c46692e15ed3ed97d481729f929201e671fcd55
+  languageName: node
+  linkType: hard
+
 "decamelize@npm:1.2.0":
   version: 1.2.0
   resolution: "decamelize@npm:1.2.0"
@@ -8441,6 +8542,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dotenv@npm:^16.1.4, dotenv@npm:^16.3.1":
+  version: 16.6.1
+  resolution: "dotenv@npm:16.6.1"
+  checksum: 10c0/15ce56608326ea0d1d9414a5c8ee6dcf0fffc79d2c16422b4ac2268e7e2d76ff5a572d37ffe747c377de12005f14b3cc22361e79fc7f1061cce81f77d2c973dc
+  languageName: node
+  linkType: hard
+
 "dotenv@npm:^16.3.0, dotenv@npm:^16.4.5":
   version: 16.5.0
   resolution: "dotenv@npm:16.5.0"
@@ -8800,6 +8908,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-code-inspector-plugin@npm:0.20.14":
+  version: 0.20.14
+  resolution: "esbuild-code-inspector-plugin@npm:0.20.14"
+  dependencies:
+    code-inspector-core: "npm:0.20.14"
+  checksum: 10c0/9b355f6e012d06fa35a75ff146e8e3bb15cbeb923b958842413715fd25c455850db65dd3c4c4948a2043d55367f0dea065243b345bed07f91131700499fb20e5
+  languageName: node
+  linkType: hard
+
 "esbuild@npm:^0.25.0":
   version: 0.25.2
   resolution: "esbuild@npm:0.25.2"
@@ -9396,6 +9513,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-walker@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "estree-walker@npm:2.0.2"
+  checksum: 10c0/53a6c54e2019b8c914dc395890153ffdc2322781acf4bd7d1a32d7aedc1710807bdcd866ac133903d5629ec601fbb50abe8c2e5553c7f5a0afdd9b6af6c945af
+  languageName: node
+  linkType: hard
+
 "estree-walker@npm:^3.0.3":
   version: 3.0.3
   resolution: "estree-walker@npm:3.0.3"
@@ -11818,6 +11942,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"launch-ide@npm:1.0.7":
+  version: 1.0.7
+  resolution: "launch-ide@npm:1.0.7"
+  dependencies:
+    chalk: "npm:^4.1.1"
+    dotenv: "npm:^16.1.4"
+  checksum: 10c0/e8f61962d36e1c48f7457aa4f44079e3ca7c3bbfebd934f2a02da49b60e0b9beba9fc9d71ac8249a0a6c9f862c3e2123e6dcc7b3fc5cce1492c6b0775dbd86d3
+  languageName: node
+  linkType: hard
+
 "layerr@npm:^3.0.0":
   version: 3.0.0
   resolution: "layerr@npm:3.0.0"
@@ -14781,6 +14915,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"portfinder@npm:^1.0.28":
+  version: 1.0.37
+  resolution: "portfinder@npm:1.0.37"
+  dependencies:
+    async: "npm:^3.2.6"
+    debug: "npm:^4.3.6"
+  checksum: 10c0/eabd2764ced7bb0e6da7a1382bb77f9531309f7782fb6169021d05eecff0c0a17958bcf87573047a164dd0bb23f294d5d74b08ffe58c47005c28ed92eea9a6a7
+  languageName: node
+  linkType: hard
+
 "postcss-value-parser@npm:^4.0.2":
   version: 4.2.0
   resolution: "postcss-value-parser@npm:4.2.0"
@@ -18305,6 +18449,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-code-inspector-plugin@npm:0.20.14":
+  version: 0.20.14
+  resolution: "vite-code-inspector-plugin@npm:0.20.14"
+  dependencies:
+    code-inspector-core: "npm:0.20.14"
+  checksum: 10c0/a28b73c404de8b0a0dfa0625d66ead2cb50710dc7cc64802520d06a7f727f7ea73ad131e89a2b86c13fa71a9f35efeee15477c3b7b598302da6b8f27e3d8dee7
+  languageName: node
+  linkType: hard
+
 "vite-node@npm:3.1.4":
   version: 3.1.4
   resolution: "vite-node@npm:3.1.4"
@@ -18619,6 +18772,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack-code-inspector-plugin@npm:0.20.14":
+  version: 0.20.14
+  resolution: "webpack-code-inspector-plugin@npm:0.20.14"
+  dependencies:
+    code-inspector-core: "npm:0.20.14"
+  checksum: 10c0/d9319269ff6ecf37e05c8b99e9a53f9798d5e408ab78f62a0495542e56315692f0286b42228f6bc0e008d003bd52dd9029d4e01eec2012d18ecd81ffd0be782b
+  languageName: node
+  linkType: hard
+
 "whatwg-encoding@npm:^3.1.1":
   version: 3.1.1
   resolution: "whatwg-encoding@npm:3.1.1"