diff --git a/.eslintrc.js b/.eslintrc.js
index f5d68712..4d467813 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,56 +1,56 @@
-const path = require("path");
-
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-    "vue/setup-compiler-macros": true,
-  },
-  parserOptions: {
-    ecmaVersion: 12,
-    sourceType: "module",
-    project: [
-      path.join(__dirname, "packages/renderer/tsconfig.json"),
-      path.join(__dirname, "packages/main/tsconfig.json"),
-    ],
-  },
-  plugins: ["vue", "@typescript-eslint"],
-  extends: [
-    "eslint:recommended",
-    "plugin:vue/vue3-recommended",
-    "plugin:vue/vue3-essential",
-    "standard-with-typescript",
-    "@vue/eslint-config-typescript",
-  ],
-  rules: {
-    "vue/max-len": [
-      "error",
-      {
-        code: 120,
-        template: 120,
-      },
-    ],
-    "no-undef": "off", // 让ts检查undefined
-    "@typescript-eslint/no-floating-promises": "off",
-    "@typescript-eslint/strict-boolean-expressions": "off",
-    "vue/multi-word-component-names": "off",
-    "vue/max-attributes-per-line": [
-      "error",
-      {
-        singleline: {
-          max: 3,
-        },
-        multiline: {
-          max: 1,
-        },
-      },
-    ],
-    "@typescript-eslint/promise-function-async": "off",
-    "@typescript-eslint/naming-convention": "off",
-    "camelcase": "off",
-    "vue/prop-name-casing": "off",
-    "space-before-function-paren": "off",
-  },
-};
+const path = require('path')
+
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+    'vue/setup-compiler-macros': true,
+  },
+  parserOptions: {
+    ecmaVersion: 12,
+    sourceType: 'module',
+    project: [
+      path.join(__dirname, 'packages/renderer/tsconfig.json'),
+      path.join(__dirname, 'packages/main/tsconfig.json'),
+    ],
+  },
+  plugins: ['vue', '@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:vue/vue3-essential',
+    'standard-with-typescript',
+    '@vue/eslint-config-typescript',
+  ],
+  rules: {
+    'vue/max-len': [
+      'error',
+      {
+        code: 120,
+        template: 120,
+      },
+    ],
+    'no-undef': 'off', // 让ts检查undefined
+    '@typescript-eslint/no-floating-promises': 'off',
+    '@typescript-eslint/strict-boolean-expressions': 'off',
+    'vue/multi-word-component-names': 'off',
+    'vue/max-attributes-per-line': [
+      'error',
+      {
+        singleline: {
+          max: 3,
+        },
+        multiline: {
+          max: 1,
+        },
+      },
+    ],
+    '@typescript-eslint/promise-function-async': 'off',
+    '@typescript-eslint/naming-convention': 'off',
+    camelcase: 'off',
+    'vue/prop-name-casing': 'off',
+    'space-before-function-paren': 'off',
+  },
+}
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..065a8f3e
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,6 @@
+packages/common/ArknightsGameData/**
+*.md
+*.yml
+*.yaml
+*.json
+*.html
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..109326be
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,8 @@
+{
+  "trailingComma": "es5",
+  "semi": false,
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "vueIndentScriptAndStyle": false,
+  "printWidth": 80
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1037269d..65a17988 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,4 +9,8 @@
     "packages/renderer/src/i18n"
   ],
   "i18n-ally.keystyle": "nested",
+  "[javascript][typescript][vue][css][less]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
diff --git a/forge.config.js b/forge.config.js
index 8296c696..7561d4f8 100644
--- a/forge.config.js
+++ b/forge.config.js
@@ -1,24 +1,24 @@
-const info = require('./package.json');
+const info = require('./package.json')
 
 module.exports = {
   packagerConfig: {
     icon: 'packages/common/resources/icon',
     appBundleId: 'com.maa.maa-x',
     productName: 'MaaX',
-    ignore: (filepath) => {
+    ignore: filepath => {
       if (filepath.length === 0) {
-        return false;
+        return false
       }
       if (/^\/dist/.test(filepath)) {
-        return false;
+        return false
       }
       if (/^\/package.json/.test(filepath)) {
-        return false;
+        return false
       }
       if (/^\/node_modules/.test(filepath)) {
-        return false;
+        return false
       }
-      return true;
+      return true
     },
     // asar: true,
   },
@@ -64,9 +64,9 @@ module.exports = {
       config: {
         repository: {
           owner: 'MaaAssistantArknights',
-          name: 'MaaX'
+          name: 'MaaX',
         },
-      }
-    }
-  ]
-};
+      },
+    },
+  ],
+}
diff --git a/package.json b/package.json
index f8839e04..744406c8 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "make": "electron-forge make",
     "start": "electron-forge start",
     "package": "electron-forge package",
-    "publish": "electron-forge publish"
+    "publish": "electron-forge publish",
+    "format": "npx prettier -w ."
   },
   "engines": {
     "node": ">=18.12.0"
diff --git a/packages/@types/api/service.d.ts b/packages/@types/api/service.d.ts
index e9dc94e5..d06b0033 100644
--- a/packages/@types/api/service.d.ts
+++ b/packages/@types/api/service.d.ts
@@ -1,3 +1,6 @@
-interface ApiServiceProvider {
-  get: <T>(url: string, config?: import('axios').AxiosRequestConfig) => Promise<T | Error>
-}
+interface ApiServiceProvider {
+  get: <T>(
+    url: string,
+    config?: import('axios').AxiosRequestConfig
+  ) => Promise<T | Error>
+}
diff --git a/packages/@types/componentManager/index.d.ts b/packages/@types/componentManager/index.d.ts
index 24d72c7e..e9fe191c 100644
--- a/packages/@types/componentManager/index.d.ts
+++ b/packages/@types/componentManager/index.d.ts
@@ -1,7 +1,4 @@
-type ComponentType =
-  | 'Maa Core'
-  | 'Maa App'
-  | 'Android Platform Tools'
+type ComponentType = 'Maa Core' | 'Maa App' | 'Android Platform Tools'
 
 type ComponentStatus =
   | 'not-installed'
diff --git a/packages/@types/coreLoader/ipc.d.ts b/packages/@types/coreLoader/ipc.d.ts
index 08c7fa17..c5e38a26 100644
--- a/packages/@types/coreLoader/ipc.d.ts
+++ b/packages/@types/coreLoader/ipc.d.ts
@@ -1,7 +1,7 @@
 enum TouchMode {
   minitouch = 'minitouch',
   maatouch = 'maatouch',
-  adb = 'adb'
+  adb = 'adb',
 }
 
 interface InitCoreParam {
diff --git a/packages/@types/deviceDetector/adapterBase.d.ts b/packages/@types/deviceDetector/adapterBase.d.ts
index 52cbd491..9871aceb 100644
--- a/packages/@types/deviceDetector/adapterBase.d.ts
+++ b/packages/@types/deviceDetector/adapterBase.d.ts
@@ -7,9 +7,9 @@ interface EmulatorAdapter {
   getAdbDevices: () => Promise<Device[]>
 
   /**
-     * @description Get all emulators
-     * @returns {Promise<Emulator[]>}
-     */
+   * @description Get all emulators
+   * @returns {Promise<Emulator[]>}
+   */
   getEmulators: () => Promise<Emulator[]>
 }
 
diff --git a/packages/@types/global.d.ts b/packages/@types/global.d.ts
index 49468070..8f515f07 100644
--- a/packages/@types/global.d.ts
+++ b/packages/@types/global.d.ts
@@ -1,6 +1,6 @@
 import type { MessageApiInjection } from 'naive-ui/lib/message/src/MessageProvider'
 import type { DialogApiInjection } from 'naive-ui/lib/dialog/src/DialogProvider'
-export { }
+export {}
 
 declare global {
   interface Window {
diff --git a/packages/@types/i18n/boolean.d.ts b/packages/@types/i18n/boolean.d.ts
index 6a6634d6..c17cb743 100644
--- a/packages/@types/i18n/boolean.d.ts
+++ b/packages/@types/i18n/boolean.d.ts
@@ -1,3 +1 @@
-type BooleanDisplayOption =
-  | 'Right/Wrong'
-  | 'Yes/No'
+type BooleanDisplayOption = 'Right/Wrong' | 'Yes/No'
diff --git a/packages/@types/ipc/ipc-events.d.ts b/packages/@types/ipc/ipc-events.d.ts
index 4b3c886b..86b5f050 100644
--- a/packages/@types/ipc/ipc-events.d.ts
+++ b/packages/@types/ipc/ipc-events.d.ts
@@ -78,10 +78,16 @@ type IpcRendererHandleEvent =
 
 interface IpcMainEvent<T> {
   name: IpcMainHandleEvent
-  listener: (event: import('electron').IpcMainInvokeEvent, ...args: any[]) => Promise<T> | T | undefined
+  listener: (
+    event: import('electron').IpcMainInvokeEvent,
+    ...args: any[]
+  ) => Promise<T> | T | undefined
 }
 
 interface IpcRendererEvent<T> {
   name: IpcRendererHandleEvent
-  listener: (event: import('electron').IpcRendererEvent, ...args: any[]) => Promise<T> | T | undefined
+  listener: (
+    event: import('electron').IpcRendererEvent,
+    ...args: any[]
+  ) => Promise<T> | T | undefined
 }
diff --git a/packages/@types/module.d.ts b/packages/@types/module.d.ts
index e311ccd0..8799f6b5 100644
--- a/packages/@types/module.d.ts
+++ b/packages/@types/module.d.ts
@@ -1,4 +1,4 @@
-interface Module {
-  readonly version: string
-  readonly name: string
-}
+interface Module {
+  readonly version: string
+  readonly name: string
+}
diff --git a/packages/@types/store/store.device.d.ts b/packages/@types/store/store.device.d.ts
index 1aaa0147..577b762a 100644
--- a/packages/@types/store/store.device.d.ts
+++ b/packages/@types/store/store.device.d.ts
@@ -65,7 +65,7 @@ interface Device {
   /**
    * @props 模拟器命令行参数
    * @description 启动参数, 比如蓝叠启动指定实例的 "--instance" "114514"
-  */
+   */
   commandLine?: string
 }
 
diff --git a/packages/@types/store/store.task.d.ts b/packages/@types/store/store.task.d.ts
index f2a81fa9..477917c8 100644
--- a/packages/@types/store/store.task.d.ts
+++ b/packages/@types/store/store.task.d.ts
@@ -22,12 +22,12 @@ type TaskName =
   | 'copilot'
   | 'idle'
 
-  type CoreTaskName =
+type CoreTaskName =
   | 'Emulator'
   | 'StartUp'
   | 'Fight'
   | 'Recruit'
-  |'Infrast'
+  | 'Infrast'
   | 'Visit'
   | 'Mall'
   | 'Award'
@@ -110,7 +110,7 @@ interface TaskGroup {
   id: number
   /**
    * @props 任务组内的任务列表
-  */
+   */
   tasks: Task[]
 }
 
diff --git a/packages/common/enum/callback.ts b/packages/common/enum/callback.ts
index 02531333..571f9707 100644
--- a/packages/common/enum/callback.ts
+++ b/packages/common/enum/callback.ts
@@ -1,49 +1,49 @@
-export enum AsstMsg {
-  /* Global Info */
-  InternalError = 0, // 内部错误
-  InitFailed, // 初始化失败
-  ConnectionInfo, // 连接相关信息
-  AllTasksCompleted, // 全部任务完成
-  /* TaskChain Info */
-  TaskChainError = 10000, // 任务链执行/识别错误
-  TaskChainStart, // 任务链开始
-  TaskChainCompleted, // 任务链完成
-  TaskChainExtraInfo, // 任务链额外信息
-  /* SubTask Info */
-  SubTaskError = 20000, // 原子任务执行/识别错误
-  SubTaskStart, // 原子任务开始
-  SubTaskCompleted, // 原子任务完成
-  SubTaskExtraInfo, // 原子任务额外信息
-}
-
-export enum TaskChainMap {
-  Emulator = 'emulator',
-  StartUp = 'startup',
-  Fight = 'fight',
-  Mall = 'mall',
-  Recruit = 'recruit',
-  RecruitCalc = 'recruit_calc',
-  Infrast = 'infrast',
-  Visit = 'visit',
-  Roguelike = 'rogue',
-  Copilot = 'copilot',
-  Shutdown = 'shutdown',
-  Award = 'award',
-  Idle = 'idle',
-  Debug = 'debug',
-
-  emulator = 'Emulator',
-  startup = 'StartUp',
-  fight = 'Fight',
-  mall = 'Mall',
-  recruit = 'Recruit',
-  recruit_calc = 'RecruitCalc',
-  infrast = 'Infrast',
-  visit = 'Visit',
-  rogue = 'Roguelike',
-  copilot = 'Copilot',
-  shutdown = 'Shutdown',
-  award = 'Award',
-  idle = 'Idle',
-  debug = 'Debug',
-}
+export enum AsstMsg {
+  /* Global Info */
+  InternalError = 0, // 内部错误
+  InitFailed, // 初始化失败
+  ConnectionInfo, // 连接相关信息
+  AllTasksCompleted, // 全部任务完成
+  /* TaskChain Info */
+  TaskChainError = 10000, // 任务链执行/识别错误
+  TaskChainStart, // 任务链开始
+  TaskChainCompleted, // 任务链完成
+  TaskChainExtraInfo, // 任务链额外信息
+  /* SubTask Info */
+  SubTaskError = 20000, // 原子任务执行/识别错误
+  SubTaskStart, // 原子任务开始
+  SubTaskCompleted, // 原子任务完成
+  SubTaskExtraInfo, // 原子任务额外信息
+}
+
+export enum TaskChainMap {
+  Emulator = 'emulator',
+  StartUp = 'startup',
+  Fight = 'fight',
+  Mall = 'mall',
+  Recruit = 'recruit',
+  RecruitCalc = 'recruit_calc',
+  Infrast = 'infrast',
+  Visit = 'visit',
+  Roguelike = 'rogue',
+  Copilot = 'copilot',
+  Shutdown = 'shutdown',
+  Award = 'award',
+  Idle = 'idle',
+  Debug = 'debug',
+
+  emulator = 'Emulator',
+  startup = 'StartUp',
+  fight = 'Fight',
+  mall = 'Mall',
+  recruit = 'Recruit',
+  recruit_calc = 'RecruitCalc',
+  infrast = 'Infrast',
+  visit = 'Visit',
+  rogue = 'Roguelike',
+  copilot = 'Copilot',
+  shutdown = 'Shutdown',
+  award = 'Award',
+  idle = 'Idle',
+  debug = 'Debug',
+}
diff --git a/packages/common/enum/settings.ts b/packages/common/enum/settings.ts
index 2a9f0e9d..f9c90db6 100644
--- a/packages/common/enum/settings.ts
+++ b/packages/common/enum/settings.ts
@@ -1,5 +1,5 @@
 export enum TouchMode {
   minitouch = 'minitouch',
   maatouch = 'maatouch',
-  adb = 'adb'
+  adb = 'adb',
 }
diff --git a/packages/common/function/createMap.ts b/packages/common/function/createMap.ts
index 4ec171d7..8b25c56c 100644
--- a/packages/common/function/createMap.ts
+++ b/packages/common/function/createMap.ts
@@ -1,9 +1,11 @@
 type SupportedMapType = string | number
-export function createMap (
+export function createMap(
   obj: Record<SupportedMapType, SupportedMapType>
 ): Record<SupportedMapType, SupportedMapType> {
-  (function (obj) {
-    for (const [key, value] of Object.entries(obj)) { obj[obj[key] = value] = key }
+  ;(function (obj) {
+    for (const [key, value] of Object.entries(obj)) {
+      obj[(obj[key] = value)] = key
+    }
   })(obj || (obj = {}))
   return obj
 }
diff --git a/packages/common/function/singletonDecorator.ts b/packages/common/function/singletonDecorator.ts
index 1e121d15..c7836f78 100644
--- a/packages/common/function/singletonDecorator.ts
+++ b/packages/common/function/singletonDecorator.ts
@@ -7,7 +7,7 @@ type SingletonType<T extends new (...args: any[]) => any> = T & {
 export const Singleton = <T extends new (...args: any[]) => any>(type: T): T =>
   new Proxy(type, {
     // this will hijack the constructor
-    construct (target: SingletonType<T>, argsList, newTarget) {
+    construct(target: SingletonType<T>, argsList, newTarget) {
       // we should skip the proxy for children of our target class
       if (target.prototype !== newTarget.prototype) {
         return Reflect.construct(target, argsList, newTarget)
@@ -18,5 +18,5 @@ export const Singleton = <T extends new (...args: any[]) => any>(type: T): T =>
       }
       // return the instance we created!
       return target[SINGLETON_KEY]
-    }
+    },
   })
diff --git a/packages/common/function/uuid.ts b/packages/common/function/uuid.ts
index 8f618e84..89316235 100644
--- a/packages/common/function/uuid.ts
+++ b/packages/common/function/uuid.ts
@@ -1,6 +1,7 @@
 export const uuidV4 = function (): string {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    const r = Math.random() * 16 | 0; const v = c === 'x' ? r : (r & 0x3 | 0x8)
+    const r = (Math.random() * 16) | 0
+    const v = c === 'x' ? r : (r & 0x3) | 0x8
     return v.toString(16)
   })
 }
diff --git a/packages/main/componentManager/componentInstaller.ts b/packages/main/componentManager/componentInstaller.ts
index 8ac0d8a4..ab930ebe 100644
--- a/packages/main/componentManager/componentInstaller.ts
+++ b/packages/main/componentManager/componentInstaller.ts
@@ -20,13 +20,13 @@ interface UnzipHandle {
 }
 
 abstract class ComponentInstaller {
-  public abstract install (): Promise<void>
+  public abstract install(): Promise<void>
 
-  public abstract checkUpdate (): Promise<Update | false | undefined>
-  protected abstract onStart (): void
-  protected abstract onProgress (progress: number): void
-  protected abstract onCompleted (): void
-  protected abstract onException (): void
+  public abstract checkUpdate(): Promise<Update | false | undefined>
+  protected abstract onStart(): void
+  protected abstract onProgress(progress: number): void
+  protected abstract onCompleted(): void
+  protected abstract onException(): void
 
   protected readonly maxRetryTimes = 3
 
@@ -37,7 +37,8 @@ abstract class ComponentInstaller {
       compressedSize: number
       extractedSize: number
     }> = []
-    fs.createReadStream(src).pipe(unzipper.Extract({ path: dist }))
+    fs.createReadStream(src)
+      .pipe(unzipper.Extract({ path: dist }))
       .on('entry', (entry: Entry) => {
         const filename = path.join(dist, entry.path)
         const { type } = entry
@@ -46,21 +47,30 @@ abstract class ComponentInstaller {
             filename,
             uncompressedSize: entry.extra.uncompressedSize,
             compressedSize: entry.extra.compressedSize,
-            extractedSize: 0
+            extractedSize: 0,
           })
           const writeStream = fs.createWriteStream(filename)
           writeStream.on('ready', () => {
-            entry.on('data', (data: Uint8Array) => {
-              writeStream.write(data, () => {
-                const file = files.find(f => f.filename === filename)
-                if (file) {
-                  file.extractedSize += data.length
-                  const extractedSize = files.reduce((acc, cur) => acc + cur.extractedSize, 0)
-                  const totalSize = files.reduce((acc, cur) => acc + cur.uncompressedSize, 0)
-                  this.unzipHandle.handleUnzipUpdate(extractedSize / totalSize)
-                }
+            entry
+              .on('data', (data: Uint8Array) => {
+                writeStream.write(data, () => {
+                  const file = files.find(f => f.filename === filename)
+                  if (file) {
+                    file.extractedSize += data.length
+                    const extractedSize = files.reduce(
+                      (acc, cur) => acc + cur.extractedSize,
+                      0
+                    )
+                    const totalSize = files.reduce(
+                      (acc, cur) => acc + cur.uncompressedSize,
+                      0
+                    )
+                    this.unzipHandle.handleUnzipUpdate(
+                      extractedSize / totalSize
+                    )
+                  }
+                })
               })
-            })
               .on('end', () => {
                 writeStream.close()
               })
@@ -70,7 +80,9 @@ abstract class ComponentInstaller {
               })
           })
         } else if (type === 'Directory') {
-          if (!fs.existsSync(filename)) { fs.mkdirSync(filename) }
+          if (!fs.existsSync(filename)) {
+            fs.mkdirSync(filename)
+          }
         }
         entry.autodrain()
       })
@@ -84,15 +96,19 @@ abstract class ComponentInstaller {
   }
 
   protected getRelease = async () => {
-    if (this.releaseTemp && Date.now() - this.releaseTemp.updated < 5 * 60 * 1000) {
+    if (
+      this.releaseTemp &&
+      Date.now() - this.releaseTemp.updated < 5 * 60 * 1000
+    ) {
       return this.releaseTemp.data
     }
     const proxy = await this.getProxy()
-    const url = 'https://api.github.com/repos/MaaAssistantArknights/MaaRelease/releases'
+    const url =
+      'https://api.github.com/repos/MaaAssistantArknights/MaaRelease/releases'
 
     const releaseResponse = await axios.get(url, {
       adapter: require('axios/lib/adapters/http.js'),
-      proxy
+      proxy,
     })
     this.releaseTemp = { data: releaseResponse.data[0], updated: Date.now() }
     return this.releaseTemp.data
@@ -109,27 +125,38 @@ abstract class ComponentInstaller {
         protocol,
         auth: {
           username,
-          password
-        }
+          password,
+        },
       }
     }
     return proxy
   }
 
-  protected tryRequest = async (url: string, retryCount = this.maxRetryTimes) => {
+  protected tryRequest = async (
+    url: string,
+    retryCount = this.maxRetryTimes
+  ) => {
     const proxy = await this.getProxy()
     for (let i = 0; i < retryCount; i++) {
       try {
         const response = await axios.get(url, {
           adapter: require('axios/lib/adapters/http.js'),
-          proxy
+          proxy,
         })
         return response
       } catch (error) {
         // eslint-disable-next-line vue/max-len
-        const errorText = `${error.code as string} | ${(error.response?.status) as string|undefined ?? ''} ${(error.response?.statusText) as string|undefined ?? ''}`
+        const errorText = `${error.code as string} | ${
+          (error.response?.status as string | undefined) ?? ''
+        } ${(error.response?.statusText as string | undefined) ?? ''}`
         // eslint-disable-next-line vue/max-len
-        logger.error(`[Component Installer | ${this.componentType}] Error request on URL: ${url}, attempts: ${i + 1}/${retryCount},  Error: ${errorText}`)
+        logger.error(
+          `[Component Installer | ${
+            this.componentType
+          }] Error request on URL: ${url}, attempts: ${
+            i + 1
+          }/${retryCount},  Error: ${errorText}`
+        )
         if (i === retryCount - 1) {
           return null
         }
@@ -137,7 +164,7 @@ abstract class ComponentInstaller {
     }
   }
 
-  protected releaseTemp: {data: any, updated: number} | null = null
+  protected releaseTemp: { data: any; updated: number } | null = null
 
   public abstract readonly downloadHandle: DownloadHandle
   public abstract readonly unzipHandle: UnzipHandle
diff --git a/packages/main/componentManager/components/adb.ts b/packages/main/componentManager/components/adb.ts
index 2d39aa2b..d2726480 100644
--- a/packages/main/componentManager/components/adb.ts
+++ b/packages/main/componentManager/components/adb.ts
@@ -8,7 +8,7 @@ export const getComponentAdb = async (): Promise<Component> => {
   const componentAdb: Component = {
     type: 'Android Platform Tools',
     status: 'not-installed',
-    installer: new AdbInstaller()
+    installer: new AdbInstaller(),
   }
 
   const installed = fs.existsSync(path.join(getAppBaseDir(), 'platform-tools'))
diff --git a/packages/main/componentManager/components/core.ts b/packages/main/componentManager/components/core.ts
index f6301fd3..84645992 100644
--- a/packages/main/componentManager/components/core.ts
+++ b/packages/main/componentManager/components/core.ts
@@ -10,7 +10,7 @@ export const getComponentCore = async (): Promise<Component> => {
   const componentCore: Component = {
     type: 'Maa Core',
     status: 'not-installed',
-    installer: new CoreInstaller()
+    installer: new CoreInstaller(),
   }
 
   const installed = fs.existsSync(path.join(coreLoader.libPath, 'core_version'))
diff --git a/packages/main/componentManager/index.ts b/packages/main/componentManager/index.ts
index b3ffc8ee..94d3d28e 100644
--- a/packages/main/componentManager/index.ts
+++ b/packages/main/componentManager/index.ts
@@ -6,14 +6,17 @@ import CoreLoader from '@main/coreLoader'
 
 @Singleton
 class ComponentManager implements Module {
-  constructor () {
-    ipcMainHandle('main.ComponentManager:getStatus',
+  constructor() {
+    ipcMainHandle(
+      'main.ComponentManager:getStatus',
       async (event, componentName: ComponentType) => {
         this.components_[componentName] = await this.update[componentName]()
         return this.components_[componentName]?.status
-      })
+      }
+    )
 
-    ipcMainHandle('main.ComponentManager:install',
+    ipcMainHandle(
+      'main.ComponentManager:install',
       async (event, componentName: ComponentType) => {
         // 安装文件时，需要dispose core，否则无法写入
         // TODO core 卸载炸了
@@ -23,21 +26,22 @@ class ComponentManager implements Module {
         }
         this.components_[componentName] = await this.update[componentName]()
         this.components_[componentName]?.installer?.install()
-      })
+      }
+    )
   }
 
-  public get name (): string {
+  public get name(): string {
     return 'ComponentManager'
   }
 
-  public get version (): string {
+  public get version(): string {
     return '1.0.0'
   }
 
   private readonly update: Record<ComponentType, () => Promise<Component>> = {
     'Maa App': async () => ({ type: 'Maa App', status: 'installed' }),
     'Maa Core': getComponentCore,
-    'Android Platform Tools': getComponentAdb
+    'Android Platform Tools': getComponentAdb,
   }
 
   private readonly components_: Partial<Record<ComponentType, Component>> = {}
diff --git a/packages/main/componentManager/installers/adb.ts b/packages/main/componentManager/installers/adb.ts
index d464a4c0..aa263c74 100644
--- a/packages/main/componentManager/installers/adb.ts
+++ b/packages/main/componentManager/installers/adb.ts
@@ -10,11 +10,11 @@ import { getPlatform } from '@main/utils/os'
 
 @Singleton
 class AdbInstaller extends ComponentInstaller {
-  public constructor () {
+  public constructor() {
     super()
   }
 
-  public async install (): Promise<void> {
+  public async install(): Promise<void> {
     try {
       if (this.downloader_) {
         const update = await this.checkUpdate()
@@ -28,37 +28,35 @@ class AdbInstaller extends ComponentInstaller {
     }
   }
 
-  public get status (): InstallerStatus {
+  public get status(): InstallerStatus {
     return this.status_
   }
 
-  protected onStart (): void {
+  protected onStart(): void {}
 
-  }
-
-  protected onProgress (progress: number): void {
+  protected onProgress(progress: number): void {
     ipcMainSend('renderer.ComponentManager:updateStatus', {
       type: this.componentType,
       status: this.status_,
-      progress
+      progress,
     })
   }
 
-  protected onCompleted (): void {
+  protected onCompleted(): void {
     this.status_ = 'done'
     ipcMainSend('renderer.ComponentManager:installDone', {
       type: this.componentType,
       status: this.status_,
-      progress: 0 // 不显示进度条
+      progress: 0, // 不显示进度条
     })
   }
 
-  protected onException (): void {
+  protected onException(): void {
     this.status_ = 'exception'
     ipcMainSend('renderer.ComponentManager:installInterrupted', {
       type: this.componentType,
       status: this.status_,
-      progress: 0
+      progress: 0,
     })
   }
 
@@ -76,7 +74,7 @@ class AdbInstaller extends ComponentInstaller {
     handleDownloadInterrupted: () => {
       this.status_ = 'exception'
       this.onException()
-    }
+    },
   }
 
   public readonly unzipHandle = {
@@ -90,28 +88,28 @@ class AdbInstaller extends ComponentInstaller {
     handleUnzipInterrupted: () => {
       this.status_ = 'exception'
       this.onException()
-    }
+    },
   }
 
-  public async checkUpdate (): Promise<Update | false | undefined> {
+  public async checkUpdate(): Promise<Update | false | undefined> {
     const platform = getPlatform()
     if (platform === 'windows') {
       return {
         url: 'https://dl.google.com/android/repository/platform-tools-latest-windows.zip',
         version: 'latest',
-        releaseDate: ''
+        releaseDate: '',
       }
     } else if (platform === 'macos') {
       return {
         url: 'https://dl.google.com/android/repository/platform-tools-latest-darwin.zip',
         version: 'latest',
-        releaseDate: ''
+        releaseDate: '',
       }
     } else {
       return {
         url: 'https://dl.google.com/android/repository/platform-tools-latest-linux.zip',
         version: 'latest',
-        releaseDate: ''
+        releaseDate: '',
       }
     }
   }
diff --git a/packages/main/componentManager/installers/core.ts b/packages/main/componentManager/installers/core.ts
index ec0caaf1..1e712886 100644
--- a/packages/main/componentManager/installers/core.ts
+++ b/packages/main/componentManager/installers/core.ts
@@ -10,11 +10,11 @@ import { getDownloadUrlSuffix } from '@main/utils/os'
 
 @Singleton
 class CoreInstaller extends ComponentInstaller {
-  public constructor () {
+  public constructor() {
     super()
   }
 
-  public async install (): Promise<void> {
+  public async install(): Promise<void> {
     try {
       if (this.downloader_) {
         const update = await this.checkUpdate()
@@ -35,21 +35,21 @@ class CoreInstaller extends ComponentInstaller {
     }
   }
 
-  public get status (): InstallerStatus {
+  public get status(): InstallerStatus {
     return this.status_
   }
 
-  protected onStart (): void {}
+  protected onStart(): void {}
 
-  protected onProgress (progress: number): void {
+  protected onProgress(progress: number): void {
     ipcMainSend('renderer.ComponentManager:updateStatus', {
       type: this.componentType,
       status: this.status_,
-      progress
+      progress,
     })
   }
 
-  protected onCompleted (): void {
+  protected onCompleted(): void {
     this.status_ = 'done'
     if (fs.existsSync(this.versionFile)) {
       fs.rmSync(this.versionFile)
@@ -58,16 +58,16 @@ class CoreInstaller extends ComponentInstaller {
     ipcMainSend('renderer.ComponentManager:installDone', {
       type: this.componentType,
       status: this.status_,
-      progress: 0 // 不显示进度条
+      progress: 0, // 不显示进度条
     })
   }
 
-  protected onException (): void {
+  protected onException(): void {
     this.status_ = 'exception'
     ipcMainSend('renderer.ComponentManager:installInterrupted', {
       type: this.componentType,
       status: this.status_,
-      progress: 0
+      progress: 0,
     })
   }
 
@@ -86,8 +86,8 @@ class CoreInstaller extends ComponentInstaller {
     handleDownloadInterrupted: () => {
       this.status_ = 'exception'
       this.onException()
-    }
-  };
+    },
+  }
 
   public readonly unzipHandle = {
     handleUnzipUpdate: (percent: number) => {
@@ -100,28 +100,28 @@ class CoreInstaller extends ComponentInstaller {
     handleUnzipInterrupted: () => {
       this.status_ = 'exception'
       this.onException()
-    }
-  };
+    },
+  }
 
   public getRelease = async () => {
     const apiUrls = [
       'https://gh.cirno.xyz/api.github.com/repos/MaaAssistantArknights/MaaRelease/releases',
-      'https://api.github.com/repos/MaaAssistantArknights/MaaRelease/releases'
+      'https://api.github.com/repos/MaaAssistantArknights/MaaRelease/releases',
     ]
     for (const url of apiUrls) {
       const releaseResponse = await this.tryRequest(url)
       if (releaseResponse) {
         this.releaseTemp = {
           data: releaseResponse.data[0],
-          updated: Date.now()
+          updated: Date.now(),
         }
         break
       }
     }
     return this.releaseTemp?.data
-  };
+  }
 
-  public async checkUpdate (): Promise<Update | false | undefined> {
+  public async checkUpdate(): Promise<Update | false | undefined> {
     let release = null
     try {
       release = await this.getRelease()
@@ -175,24 +175,21 @@ class CoreInstaller extends ComponentInstaller {
     return {
       url: download.browser_download_url,
       version: tag_name,
-      releaseDate: published_at
+      releaseDate: published_at,
     }
   }
 
-  protected status_: InstallerStatus = 'pending';
-  public downloader_: DownloadManager | null = null;
+  protected status_: InstallerStatus = 'pending'
+  public downloader_: DownloadManager | null = null
 
-  private readonly versionFile = path.join(
-    getAppBaseDir(),
-    'core/core_version'
-  );
+  private readonly versionFile = path.join(getAppBaseDir(), 'core/core_version')
 
   private readonly upgradableFile = path.join(
     getAppBaseDir(),
     'core/core_upgradable'
-  );
+  )
 
-  protected readonly componentType: ComponentType = 'Maa Core';
+  protected readonly componentType: ComponentType = 'Maa Core'
 }
 
 export default CoreInstaller
diff --git a/packages/main/coreLoader/callback.ts b/packages/main/coreLoader/callback.ts
index 03c4881a..d50f4f63 100644
--- a/packages/main/coreLoader/callback.ts
+++ b/packages/main/coreLoader/callback.ts
@@ -12,7 +12,7 @@ const callbackHandle = ffi.Callback(
     logger.silly(data)
     ipcMainSend('renderer.CoreLoader:callback', {
       code,
-      data: JSON.parse(data)
+      data: JSON.parse(data),
       // customArgs
     })
   }
diff --git a/packages/main/coreLoader/index.ts b/packages/main/coreLoader/index.ts
index b532acc6..2eda9419 100644
--- a/packages/main/coreLoader/index.ts
+++ b/packages/main/coreLoader/index.ts
@@ -43,7 +43,7 @@ type AsstInstancePtr = ref.Pointer<void>
 
 // type CallBackFunc = (msg: number, detail: string, custom?: any) => any
 
-function createVoidPointer (): ref.Value<void> {
+function createVoidPointer(): ref.Value<void> {
   return ref.alloc(ref.types.void)
 }
 @Singleton
@@ -52,37 +52,35 @@ class CoreLoader {
     win32: [
       'opencv_world4_maa.dll',
       'onnxruntime_maa.dll',
-      'MaaDerpLearning.dll'
+      'MaaDerpLearning.dll',
     ],
-    linux: [
-      'libiomp5.so',
-      'libmklml_intel.so',
-      'libmkldnn.so'
-    ],
-    darwin: ['libpaddle_inference.dylib']
+    linux: ['libiomp5.so', 'libmklml_intel.so', 'libmkldnn.so'],
+    darwin: ['libpaddle_inference.dylib'],
   }
 
   private readonly libName: Record<string, string> = {
     win32: 'MaaCore.dll',
     darwin: 'MeoAssistant.dylib',
-    linux: 'libMeoAssistant.so'
+    linux: 'libMeoAssistant.so',
   }
 
-  private DLib!: ffi.DynamicLibrary;
+  private DLib!: ffi.DynamicLibrary
   private static libPath: string
-  private static readonly libPathKey = 'libPath';
-  private static readonly defaultLibPath = path.join(getAppBaseDir(), 'core');
+  private static readonly libPathKey = 'libPath'
+  private static readonly defaultLibPath = path.join(getAppBaseDir(), 'core')
   private static loadStatus: boolean // core加载状态
-  public MeoAsstLib!: any;
-  private readonly DepLibs: DynamicLibrary[] = [];
-  MeoAsstPtr: Record<string, AsstInstancePtr> = {};
+  public MeoAsstLib!: any
+  private readonly DepLibs: DynamicLibrary[] = []
+  MeoAsstPtr: Record<string, AsstInstancePtr> = {}
 
-  constructor () {
+  constructor() {
     // 在构造函数中创建core存储文件夹
     CoreLoader.loadStatus = false
     CoreLoader.libPath = storage.get(CoreLoader.libPathKey) as string
     if (!_.isString(CoreLoader.libPath) || !existsSync(CoreLoader.libPath)) {
-      logger.error(`Update resource folder: ${CoreLoader.libPath} --> ${CoreLoader.defaultLibPath}`)
+      logger.error(
+        `Update resource folder: ${CoreLoader.libPath} --> ${CoreLoader.defaultLibPath}`
+      )
       CoreLoader.libPath = CoreLoader.defaultLibPath
       if (!existsSync(CoreLoader.libPath)) mkdirSync(CoreLoader.libPath)
     }
@@ -95,32 +93,32 @@ class CoreLoader {
   /**
    * @description 返回组件名
    */
-  public get name (): string {
+  public get name(): string {
     return 'CoreLoader'
   }
 
   /**
    * @description 返回组件版本
    */
-  public get version (): string {
+  public get version(): string {
     return '1.0.0'
   }
 
-  public get loadStatus (): boolean {
+  public get loadStatus(): boolean {
     return CoreLoader.loadStatus
   }
 
   /**
    * @description 返回core所在目录
    */
-  public get libPath (): string {
+  public get libPath(): string {
     return CoreLoader.libPath
   }
 
   /**
    * @description 释放core
    */
-  public dispose (): void {
+  public dispose(): void {
     if (!CoreLoader.loadStatus) {
       logger.silly('core already disposed, ignore...')
       return
@@ -143,129 +141,175 @@ class CoreLoader {
   /**
    * 加载core
    */
-  public load (): void {
+  public load(): void {
     if (CoreLoader.loadStatus) {
       logger.silly('core already loaded, ignore..')
       return
     }
     try {
       CoreLoader.loadStatus = true
-      this.dependences[process.platform].forEach((lib) => {
+      this.dependences[process.platform].forEach(lib => {
         this.DepLibs.push(ffi.DynamicLibrary(path.join(this.libPath, lib)))
       })
-      this.DLib = ffi.DynamicLibrary(path.join(this.libPath, this.libName[process.platform]), ffi.RTLD_NOW)
-      this.MeoAsstLib =
-        {
-          AsstSetUserDir: ffi.ForeignFunction(this.DLib.get('AsstSetUserDir'),
-            BoolType,
-            [StringType],
-            ffi.FFI_STDCALL),
-
-          AsstLoadResource: ffi.ForeignFunction(this.DLib.get('AsstLoadResource'),
-            BoolType,
-            [StringType],
-            ffi.FFI_STDCALL),
-
-          AsstSetStaticOption: ffi.ForeignFunction(this.DLib.get('AsstSetStaticOption'),
-            BoolType,
-            [IntType, StringType],
-            ffi.FFI_STDCALL),
-
-          AsstCreate: ffi.ForeignFunction(this.DLib.get('AsstCreate'),
-            AsstPtrType,
-            [],
-            ffi.FFI_STDCALL),
-
-          AsstCreateEx: ffi.ForeignFunction(this.DLib.get('AsstCreateEx'),
-            AsstPtrType,
-            ['pointer', CustomArgsType],
-            ffi.FFI_STDCALL),
-
-          AsstDestroy: ffi.ForeignFunction(this.DLib.get('AsstDestroy'),
-            VoidType,
-            [AsstPtrType],
-            ffi.FFI_STDCALL),
-
-          AsstSetInstanceOption: ffi.ForeignFunction(this.DLib.get('AsstSetInstanceOption'),
-            BoolType,
-            [AsstPtrType, IntType, StringType],
-            ffi.FFI_STDCALL),
-
-          AsstConnect: ffi.ForeignFunction(this.DLib.get('AsstConnect'),
-            BoolType,
-            [AsstPtrType, StringType, StringType, StringType],
-            ffi.FFI_STDCALL),
-
-          AsstAppendTask: ffi.ForeignFunction(this.DLib.get('AsstAppendTask'),
-            IntType,
-            [AsstPtrType, StringType, StringType],
-            ffi.FFI_STDCALL),
-
-          AsstSetTaskParams: ffi.ForeignFunction(this.DLib.get('AsstSetTaskParams'),
-            BoolType,
-            [AsstPtrType, IntType, StringType],
-            ffi.FFI_STDCALL),
-
-          AsstStart: ffi.ForeignFunction(this.DLib.get('AsstStart'),
-            BoolType,
-            [AsstPtrType],
-            ffi.FFI_STDCALL),
-
-          AsstStop: ffi.ForeignFunction(this.DLib.get('AsstStop'),
-            BoolType,
-            [AsstPtrType],
-            ffi.FFI_STDCALL),
-
-          AsstRunning: ffi.ForeignFunction(this.DLib.get('AsstRunning'),
-            BoolType,
-            [AsstPtrType],
-            ffi.FFI_STDCALL),
-
-          AsstAsyncConnect: ffi.ForeignFunction(this.DLib.get('AsstAsyncConnect'),
-            AsstAsyncCallIdType,
-            [AsstPtrType, StringType, StringType, StringType, BoolType],
-            ffi.FFI_STDCALL),
-
-          AsstAsyncClick: ffi.ForeignFunction(this.DLib.get('AsstAsyncClick'),
-            AsstAsyncCallIdType,
-            [AsstPtrType, IntType, IntType, BoolType],
-            ffi.FFI_STDCALL),
-
-          AsstAsyncScreencap: ffi.ForeignFunction(this.DLib.get('AsstAsyncScreencap'),
-            AsstAsyncCallIdType,
-            [AsstPtrType, BoolType],
-            ffi.FFI_STDCALL),
-
-          AsstGetImage: ffi.ForeignFunction(this.DLib.get('AsstGetImage'),
-            ULLType,
-            [AsstPtrType, Buff, ULLType],
-            ffi.FFI_STDCALL),
-
-          AsstGetUUID: ffi.ForeignFunction(this.DLib.get('AsstGetUUID'),
-            ULLType,
-            [AsstPtrType, StringType, ULLType],
-            ffi.FFI_STDCALL),
-
-          AsstGetTasksList: ffi.ForeignFunction(this.DLib.get('AsstGetTasksList'),
-            ULLType,
-            [AsstPtrType, IntPointerType, ULLType],
-            ffi.FFI_STDCALL),
-
-          AsstGetNullSize: ffi.ForeignFunction(this.DLib.get('AsstGetNullSize'),
-            ULLType,
-            [],
-            ffi.FFI_STDCALL),
-
-          AsstGetVersion: ffi.ForeignFunction(this.DLib.get('AsstGetVersion'),
-            StringType,
-            [],
-            ffi.FFI_STDCALL),
-
-          AsstLog: ffi.ForeignFunction(this.DLib.get('AsstLog'),
-            VoidType,
-            [StringType, StringType],
-            ffi.FFI_STDCALL)
-        }
+      this.DLib = ffi.DynamicLibrary(
+        path.join(this.libPath, this.libName[process.platform]),
+        ffi.RTLD_NOW
+      )
+      this.MeoAsstLib = {
+        AsstSetUserDir: ffi.ForeignFunction(
+          this.DLib.get('AsstSetUserDir'),
+          BoolType,
+          [StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstLoadResource: ffi.ForeignFunction(
+          this.DLib.get('AsstLoadResource'),
+          BoolType,
+          [StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstSetStaticOption: ffi.ForeignFunction(
+          this.DLib.get('AsstSetStaticOption'),
+          BoolType,
+          [IntType, StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstCreate: ffi.ForeignFunction(
+          this.DLib.get('AsstCreate'),
+          AsstPtrType,
+          [],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstCreateEx: ffi.ForeignFunction(
+          this.DLib.get('AsstCreateEx'),
+          AsstPtrType,
+          ['pointer', CustomArgsType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstDestroy: ffi.ForeignFunction(
+          this.DLib.get('AsstDestroy'),
+          VoidType,
+          [AsstPtrType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstSetInstanceOption: ffi.ForeignFunction(
+          this.DLib.get('AsstSetInstanceOption'),
+          BoolType,
+          [AsstPtrType, IntType, StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstConnect: ffi.ForeignFunction(
+          this.DLib.get('AsstConnect'),
+          BoolType,
+          [AsstPtrType, StringType, StringType, StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstAppendTask: ffi.ForeignFunction(
+          this.DLib.get('AsstAppendTask'),
+          IntType,
+          [AsstPtrType, StringType, StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstSetTaskParams: ffi.ForeignFunction(
+          this.DLib.get('AsstSetTaskParams'),
+          BoolType,
+          [AsstPtrType, IntType, StringType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstStart: ffi.ForeignFunction(
+          this.DLib.get('AsstStart'),
+          BoolType,
+          [AsstPtrType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstStop: ffi.ForeignFunction(
+          this.DLib.get('AsstStop'),
+          BoolType,
+          [AsstPtrType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstRunning: ffi.ForeignFunction(
+          this.DLib.get('AsstRunning'),
+          BoolType,
+          [AsstPtrType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstAsyncConnect: ffi.ForeignFunction(
+          this.DLib.get('AsstAsyncConnect'),
+          AsstAsyncCallIdType,
+          [AsstPtrType, StringType, StringType, StringType, BoolType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstAsyncClick: ffi.ForeignFunction(
+          this.DLib.get('AsstAsyncClick'),
+          AsstAsyncCallIdType,
+          [AsstPtrType, IntType, IntType, BoolType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstAsyncScreencap: ffi.ForeignFunction(
+          this.DLib.get('AsstAsyncScreencap'),
+          AsstAsyncCallIdType,
+          [AsstPtrType, BoolType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstGetImage: ffi.ForeignFunction(
+          this.DLib.get('AsstGetImage'),
+          ULLType,
+          [AsstPtrType, Buff, ULLType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstGetUUID: ffi.ForeignFunction(
+          this.DLib.get('AsstGetUUID'),
+          ULLType,
+          [AsstPtrType, StringType, ULLType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstGetTasksList: ffi.ForeignFunction(
+          this.DLib.get('AsstGetTasksList'),
+          ULLType,
+          [AsstPtrType, IntPointerType, ULLType],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstGetNullSize: ffi.ForeignFunction(
+          this.DLib.get('AsstGetNullSize'),
+          ULLType,
+          [],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstGetVersion: ffi.ForeignFunction(
+          this.DLib.get('AsstGetVersion'),
+          StringType,
+          [],
+          ffi.FFI_STDCALL
+        ),
+
+        AsstLog: ffi.ForeignFunction(
+          this.DLib.get('AsstLog'),
+          VoidType,
+          [StringType, StringType],
+          ffi.FFI_STDCALL
+        ),
+      }
       const version = this.GetCoreVersion()
       if (version) {
         logger.info(`core loaded: version ${version}`)
@@ -282,7 +326,7 @@ class CoreLoader {
    * @param path? 未指定就用libPath
    * @returns
    */
-  public LoadResource (path?: string): Boolean {
+  public LoadResource(path?: string): Boolean {
     return this.MeoAsstLib.AsstLoadResource(path ?? this.libPath)
   }
 
@@ -290,7 +334,7 @@ class CoreLoader {
    * 创建普通实例, 即无回调版
    * @returns 实例指针{ref.Pointer}
    */
-  public Create (): boolean {
+  public Create(): boolean {
     this.MeoAsstPtr.placeholder = this.MeoAsstLib.AsstCreate()
     return !!this.MeoAsstPtr.placeholder
   }
@@ -302,7 +346,7 @@ class CoreLoader {
    * @param customArg 自定义参数{???}
    * @returns  是否创建成功
    */
-  public CreateEx (
+  public CreateEx(
     uuid: string,
     callback: any = callbackHandle,
     customArg: any = createVoidPointer()
@@ -318,7 +362,7 @@ class CoreLoader {
    * @description 摧毁实例
    * @param uuid 设备唯一标识符
    */
-  public Destroy (uuid: string): void {
+  public Destroy(uuid: string): void {
     if (this.MeoAsstPtr[uuid]) {
       this.MeoAsstLib.AsstDestroy(this.MeoAsstPtr[uuid])
       // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
@@ -327,8 +371,18 @@ class CoreLoader {
   }
 
   /** @deprecated 已废弃，将在接下来的版本中移除 */
-  public Connect (address: string, uuid: string, adbPath: string, config: string): boolean {
-    return this.MeoAsstLib.AsstConnect(this.MeoAsstPtr[uuid], adbPath, address, config)
+  public Connect(
+    address: string,
+    uuid: string,
+    adbPath: string,
+    config: string
+  ): boolean {
+    return this.MeoAsstLib.AsstConnect(
+      this.MeoAsstPtr[uuid],
+      adbPath,
+      address,
+      config
+    )
   }
 
   /**
@@ -340,8 +394,20 @@ class CoreLoader {
    * @param block 是否阻塞
    * @returns 是否连接成功
    */
-  public AsyncConnect (address: string, uuid: string, adbPath: string, config: string, block: boolean = false): number {
-    return this.MeoAsstLib.AsstAsyncConnect(this.MeoAsstPtr[uuid], adbPath, address, config, block)
+  public AsyncConnect(
+    address: string,
+    uuid: string,
+    adbPath: string,
+    config: string,
+    block: boolean = false
+  ): number {
+    return this.MeoAsstLib.AsstAsyncConnect(
+      this.MeoAsstPtr[uuid],
+      adbPath,
+      address,
+      config,
+      block
+    )
   }
 
   /**
@@ -351,8 +417,12 @@ class CoreLoader {
    * @param params 任务json字符串, 详见文档
    * @returns
    */
-  public AppendTask (uuid: string, type: string, params: string): number {
-    return this.MeoAsstLib.AsstAppendTask(this.GetCoreInstanceByUUID(uuid), type, params)
+  public AppendTask(uuid: string, type: string, params: string): number {
+    return this.MeoAsstLib.AsstAppendTask(
+      this.GetCoreInstanceByUUID(uuid),
+      type,
+      params
+    )
   }
 
   /**
@@ -362,7 +432,7 @@ class CoreLoader {
    * @param params 任务参数
    */
 
-  public SetTaskParams (uuid: string, taskId: number, params: string): boolean {
+  public SetTaskParams(uuid: string, taskId: number, params: string): boolean {
     return this.MeoAsstLib.AsstSetTaskParams(
       this.GetCoreInstanceByUUID(uuid),
       taskId,
@@ -375,7 +445,7 @@ class CoreLoader {
    * @param uuid 设备唯一标识符
    * @returns 是否成功
    */
-  public Start (uuid: string): boolean {
+  public Start(uuid: string): boolean {
     return this.MeoAsstLib.AsstStart(this.GetCoreInstanceByUUID(uuid))
   }
 
@@ -384,7 +454,7 @@ class CoreLoader {
    * @param uuid 设备唯一标识符
    * @returns
    */
-  public Stop (uuid: string): boolean {
+  public Stop(uuid: string): boolean {
     return this.MeoAsstLib.AsstStop(this.GetCoreInstanceByUUID(uuid))
   }
 
@@ -395,7 +465,7 @@ class CoreLoader {
    * @param y y坐标
    * @returns
    */
-  public Click (uuid: string, x: number, y: number): boolean {
+  public Click(uuid: string, x: number, y: number): boolean {
     return this.MeoAsstLib.AsstClick(this.GetCoreInstanceByUUID(uuid), x, y)
   }
 
@@ -405,14 +475,21 @@ class CoreLoader {
    * @param block 阻塞
    * @returns
    */
-  public AsyncScreencap (uuid: string, block: boolean = true): number | boolean {
+  public AsyncScreencap(uuid: string, block: boolean = true): number | boolean {
     if (!this.MeoAsstPtr[uuid]) return false
-    return this.MeoAsstLib.AsstAsyncScreencap(this.GetCoreInstanceByUUID(uuid), block)
+    return this.MeoAsstLib.AsstAsyncScreencap(
+      this.GetCoreInstanceByUUID(uuid),
+      block
+    )
   }
 
-  public GetImage (uuid: string): string {
+  public GetImage(uuid: string): string {
     const buf = Buffer.alloc(5114514)
-    const len = this.MeoAsstLib.AsstGetImage(this.GetCoreInstanceByUUID(uuid), buf as any, buf.length)
+    const len = this.MeoAsstLib.AsstGetImage(
+      this.GetCoreInstanceByUUID(uuid),
+      buf as any,
+      buf.length
+    )
     const buf2 = buf.slice(0, len as number)
     const v2 = buf2.toString('base64')
     return v2
@@ -422,24 +499,32 @@ class CoreLoader {
    * @description core版本
    * @returns 版本
    */
-  public GetCoreVersion (): string | null {
+  public GetCoreVersion(): string | null {
     if (!this.loadStatus) return null
     return this.MeoAsstLib.AsstGetVersion()
   }
 
-  public GetCoreInstanceByUUID (uuid: string): AsstInstancePtr {
+  public GetCoreInstanceByUUID(uuid: string): AsstInstancePtr {
     return this.MeoAsstPtr[uuid]
   }
 
-  public Log (level: string, message: string): void {
+  public Log(level: string, message: string): void {
     return this.MeoAsstLib.AsstLog(level, message)
   }
 
-  public SetInstanceOption (uuid: string, key: InstanceOptionKey, value: string): boolean {
-    return this.MeoAsstLib.AsstSetInstanceOption(this.GetCoreInstanceByUUID(uuid), key, value)
+  public SetInstanceOption(
+    uuid: string,
+    key: InstanceOptionKey,
+    value: string
+  ): boolean {
+    return this.MeoAsstLib.AsstSetInstanceOption(
+      this.GetCoreInstanceByUUID(uuid),
+      key,
+      value
+    )
   }
 
-  public SetTouchMode (uuid: string, mode: TouchMode): boolean {
+  public SetTouchMode(uuid: string, mode: TouchMode): boolean {
     if (!this.MeoAsstPtr[uuid]) {
       return false
     }
@@ -451,7 +536,7 @@ class CoreLoader {
    * @param mode TouchMode
    * @returns is all changes success
    */
-  public ChangeTouchMode (mode: TouchMode): boolean {
+  public ChangeTouchMode(mode: TouchMode): boolean {
     for (const uuid in this.MeoAsstPtr) {
       if (this.MeoAsstPtr[uuid]) {
         const status = this.SetTouchMode(uuid, mode)
diff --git a/packages/main/deviceDetector/adapters/index.ts b/packages/main/deviceDetector/adapters/index.ts
index 6199df16..98162997 100644
--- a/packages/main/deviceDetector/adapters/index.ts
+++ b/packages/main/deviceDetector/adapters/index.ts
@@ -11,4 +11,6 @@ const getAdapter = async (): Promise<EmulatorAdapter> => {
   }
 }
 
-export default (async () => { return await getAdapter() })()
+export default (async () => {
+  return await getAdapter()
+})()
diff --git a/packages/main/deviceDetector/adapters/linuxAdapter.ts b/packages/main/deviceDetector/adapters/linuxAdapter.ts
index a2dfc8aa..190745e1 100644
--- a/packages/main/deviceDetector/adapters/linuxAdapter.ts
+++ b/packages/main/deviceDetector/adapters/linuxAdapter.ts
@@ -3,27 +3,19 @@ import { Singleton } from '@main/../common/function/singletonDecorator'
 
 @Singleton
 class LinuxEmulator implements EmulatorAdapter {
-  protected async getBluestack (): Promise<void> {
+  protected async getBluestack(): Promise<void> {}
 
-  }
-
-  protected async getNox (): Promise<void> {
-
-  }
+  protected async getNox(): Promise<void> {}
 
-  protected async getMumu (): Promise<void> {
+  protected async getMumu(): Promise<void> {}
 
-  }
-
-  protected async getLd (): Promise<void> {
-
-  }
+  protected async getLd(): Promise<void> {}
 
-  async getAdbDevices (): Promise<Device[]> {
+  async getAdbDevices(): Promise<Device[]> {
     return []
   }
 
-  async getEmulators (): Promise<Emulator[]> {
+  async getEmulators(): Promise<Emulator[]> {
     const emulator: Emulator[] = []
     const processes = await psList()
     processes.forEach(process => console.log(process))
diff --git a/packages/main/deviceDetector/adapters/macAdapter.ts b/packages/main/deviceDetector/adapters/macAdapter.ts
index 8a75057f..d233d6de 100644
--- a/packages/main/deviceDetector/adapters/macAdapter.ts
+++ b/packages/main/deviceDetector/adapters/macAdapter.ts
@@ -3,27 +3,19 @@ import { Singleton } from '@main/../common/function/singletonDecorator'
 
 @Singleton
 class MacEmulator implements EmulatorAdapter {
-  protected async getBluestack (): Promise<void> {
+  protected async getBluestack(): Promise<void> {}
 
-  }
-
-  protected async getNox (): Promise<void> {
-
-  }
+  protected async getNox(): Promise<void> {}
 
-  protected async getMumu (): Promise<void> {
+  protected async getMumu(): Promise<void> {}
 
-  }
-
-  protected async getLd (): Promise<void> {
-
-  }
+  protected async getLd(): Promise<void> {}
 
-  async getAdbDevices (): Promise<Device[]> {
+  async getAdbDevices(): Promise<Device[]> {
     return []
   }
 
-  async getEmulators (): Promise<Emulator[]> {
+  async getEmulators(): Promise<Emulator[]> {
     const emulator: Emulator[] = []
     const processes = await psList()
     processes.forEach(process => console.log(process))
diff --git a/packages/main/deviceDetector/adapters/winAdapter.ts b/packages/main/deviceDetector/adapters/winAdapter.ts
index fe132697..cc619430 100644
--- a/packages/main/deviceDetector/adapters/winAdapter.ts
+++ b/packages/main/deviceDetector/adapters/winAdapter.ts
@@ -17,13 +17,14 @@ const emulatorList = [
   'NemuHeadless.exe', // mumu模拟器
   'MEmuHeadless.exe', // 逍遥模拟器
   'Ld9BoxHeadless.exe', // 雷电9
-  'MuMuVMMHeadless.exe' // mumu12
+  'MuMuVMMHeadless.exe', // mumu12
 ]
 const regPNamePid = /(.{3,25}[^\s*])\s*([0-9]*)\s.*\s*/g
 // get "HD-Player.exe  3396 Console    1  79,692 K"
 
 const getPnamePath = async (pname: string): Promise<string> => {
-  const result = await $`Get-WmiObject -Query "select ExecutablePath FROM Win32_Process where Name='${pname}'" | Select-Object -Property ExecutablePath | ConvertTo-Json`
+  const result =
+    await $`Get-WmiObject -Query "select ExecutablePath FROM Win32_Process where Name='${pname}'" | Select-Object -Property ExecutablePath | ConvertTo-Json`
   const path = JSON.parse(result.stdout)
   return path.length > 1 ? path[0].ExecutablePath : path.ExecutablePath
 }
@@ -34,15 +35,17 @@ const getPnamePath = async (pname: string): Promise<string> => {
 //   return path.ExecutablePath
 // }
 
-async function getCommandLine (pid: string | number): Promise<string> {
+async function getCommandLine(pid: string | number): Promise<string> {
   // 获取进程启动参数
   const commandLineExp = `Get-WmiObject -Query "select CommandLine FROM Win32_Process where ProcessID='${pid}'" | Select-Object -Property CommandLine | ConvertTo-Json`
-  const ret: string = JSON.parse((await $`${commandLineExp}`).stdout).CommandLine
+  const ret: string = JSON.parse(
+    (await $`${commandLineExp}`).stdout
+  ).CommandLine
   logger.silly(`getCommandLine: ${ret}`)
   return ret
 }
 
-async function testPort (
+async function testPort(
   hostname: string,
   port: number | string,
   timeout: number = 100
@@ -59,9 +62,9 @@ async function testPort (
   return _.trim((await $`${exp}`).stdout).includes('True')
 }
 
-function getBluestackInstanceName (cmd: string): string {
+function getBluestackInstanceName(cmd: string): string {
   const instanceExp = /".*"\s"?--instance"?\s"?([^"\s]*)"?/g
-  const res = [...cmd.matchAll(instanceExp)].map((v) => v[1])
+  const res = [...cmd.matchAll(instanceExp)].map(v => v[1])
   const name = res ? res[0] : 'unknown'
   logger.info('[winAdapter] Get bluestack instance name: ', name)
   return name
@@ -69,21 +72,27 @@ function getBluestackInstanceName (cmd: string): string {
 
 @Singleton
 class WindowsAdapter implements EmulatorAdapter {
-  protected async getBluestack (e: Emulator): Promise<void> {
+  protected async getBluestack(e: Emulator): Promise<void> {
     // const confPortExp = /bst.instance.Nougat64_?\d?.status.adb_port="(\d{4,6})"/g
     // const e: Emulator = { pname, pid }
     e.config = 'BlueStacks'
     const exePath = JSON.parse(
-      (await $`Get-WmiObject -Query "select ExecutablePath FROM Win32_Process where ProcessID=${e.pid}" | Select-Object -Property ExecutablePath | ConvertTo-Json`).stdout
+      (
+        await $`Get-WmiObject -Query "select ExecutablePath FROM Win32_Process where ProcessID=${e.pid}" | Select-Object -Property ExecutablePath | ConvertTo-Json`
+      ).stdout
     ).ExecutablePath
     e.adbPath = path.join(path.dirname(exePath), 'HD-Adb.exe')
     const cmd = await getCommandLine(e.pid)
     e.commandLine = cmd // 从命令行启动的指令
     const arg = getBluestackInstanceName(cmd)
     const confPath = path.join(
-      path.normalize(JSON.parse(
-        (await $`Get-ItemProperty -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_nxt | Select-Object -Property UserDefinedDir | ConvertTo-Json`).stdout
-      ).UserDefinedDir),
+      path.normalize(
+        JSON.parse(
+          (
+            await $`Get-ItemProperty -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_nxt | Select-Object -Property UserDefinedDir | ConvertTo-Json`
+          ).stdout
+        ).UserDefinedDir
+      ),
       'bluestacks.conf'
     )
     if (e.adbPath.includes('BluestacksCN')) {
@@ -91,20 +100,26 @@ class WindowsAdapter implements EmulatorAdapter {
       // 搞两套方案，先读注册表拿adb端口, 如果读失败了可能是打包复制导致，再使用 netstat 尝试
       let success: boolean = false
       try {
-        const emulatorName: string[] = [...JSON.parse((
-          (await $`Get-ChildItem -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_china_gmgr\\Guests | ConvertTo-Json`).stdout
-        ))].map(
-          (v) => v.PSChildName
-        ) // 蓝叠CN注册表中的模拟器id
+        const emulatorName: string[] = [
+          ...JSON.parse(
+            (
+              await $`Get-ChildItem -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_china_gmgr\\Guests | ConvertTo-Json`
+            ).stdout
+          ),
+        ].map(v => v.PSChildName) // 蓝叠CN注册表中的模拟器id
         if (emulatorName.length === 0) success = false
         else {
           for await (const v of emulatorName) {
             const port: string = JSON.parse(
-              (await $`Get-ItemProperty -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_china_gmgr\\Guests\\${v}\\Network\\0 | Select-Object -Property InboundRules | ConvertTo-Json`).stdout
-            ).InboundRules[0].split(':').pop()
+              (
+                await $`Get-ItemProperty -Path Registry::HKEY_LOCAL_MACHINE\\SOFTWARE\\BlueStacks_china_gmgr\\Guests\\${v}\\Network\\0 | Select-Object -Property InboundRules | ConvertTo-Json`
+              ).stdout
+            )
+              .InboundRules[0].split(':')
+              .pop()
             if (
               !inUsePorts.includes(port) &&
-              await testPort('127.0.0.1', port) &&
+              (await testPort('127.0.0.1', port)) &&
               !success
             ) {
               // 端口没有被占用, 测试端口成功, 本次循环未使用这个端口
@@ -122,7 +137,9 @@ class WindowsAdapter implements EmulatorAdapter {
       if (!success) {
         // 通过读注册表失败, 使用 netstat 抓一个5开头的端口充数
         const regExp = '\\s*TCP\\s*127.0.0.1:(5\\d{3,4})\\s*' // 提取端口
-        const port = (await $`netstat -ano | findstr ${e.pid}`).stdout.match(regExp)
+        const port = (await $`netstat -ano | findstr ${e.pid}`).stdout.match(
+          regExp
+        )
         e.address = port != null ? `127.0.0.1:${port[1]}` : '127.0.0.1:5555'
         e.displayName = 'BlueStack CN [no regedit]'
       }
@@ -132,11 +149,15 @@ class WindowsAdapter implements EmulatorAdapter {
         `bluestacks.conf not exist! path: ${confPath}`
       )
       const conf = readFileSync(confPath, 'utf-8') // 读bluestacks.conf文件
-      const confPortInstanceExp = arg ? RegExp(`bst.instance.${arg}.status.adb_port="(\\d{4,6})"`) : /bst.instance.(?:.*).status.adb_port="(\d{4,6})"/
+      const confPortInstanceExp = arg
+        ? RegExp(`bst.instance.${arg}.status.adb_port="(\\d{4,6})"`)
+        : /bst.instance.(?:.*).status.adb_port="(\d{4,6})"/
       const confPort = conf.match(confPortInstanceExp)
       console.log('confport:')
       e.displayName = 'BlueStack Global'
-      if (confPort) { e.address = `127.0.0.1:${confPort[1]}` }
+      if (confPort) {
+        e.address = `127.0.0.1:${confPort[1]}`
+      }
       /**
       e.tag = 'BlueStack Global';
       [...conf.matchAll(confPortExp)]
@@ -159,7 +180,7 @@ class WindowsAdapter implements EmulatorAdapter {
     // return e
   }
 
-  protected async getXY (e: Emulator): Promise<void> {
+  protected async getXY(e: Emulator): Promise<void> {
     /**
      * 逍遥模拟器获取流程：
      *  1. 根据"MEmuHeadless.exe"获取pid
@@ -178,14 +199,18 @@ class WindowsAdapter implements EmulatorAdapter {
     e.commandLine = await getCommandLine(e.pid)
     const confName = e.commandLine.match(/--comment ([^\s]+)/)
     if (confName) {
-      const confPath = path.resolve(path.dirname(await getPnamePath('Memu.exe')), 'MemuHyperv VMs', confName[1], `${confName[1]}.memu`)
-      logger.silly(`XY conf_path: ${confPath}`)
-      assert(
-        existsSync(confPath),
-        `Memu.memu not exist! path: ${confPath}`
+      const confPath = path.resolve(
+        path.dirname(await getPnamePath('Memu.exe')),
+        'MemuHyperv VMs',
+        confName[1],
+        `${confName[1]}.memu`
       )
+      logger.silly(`XY conf_path: ${confPath}`)
+      assert(existsSync(confPath), `Memu.memu not exist! path: ${confPath}`)
       const confDetail = readFileSync(confPath, 'utf-8') // 读Memu.memu文件
-      const confPortExp = confDetail.match(/<Forwarding name="ADB" proto="1" hostip="127.0.0.1" hostport="(\d+)"/)
+      const confPortExp = confDetail.match(
+        /<Forwarding name="ADB" proto="1" hostip="127.0.0.1" hostport="(\d+)"/
+      )
       if (confPortExp) {
         e.address = `127.0.0.1:${confPortExp[1]}`
       }
@@ -194,7 +219,7 @@ class WindowsAdapter implements EmulatorAdapter {
     e.displayName = '逍遥模拟器'
   }
 
-  protected async getNox (e: Emulator): Promise<void> {
+  protected async getNox(e: Emulator): Promise<void> {
     e.config = 'Nox'
     e.displayName = '夜神模拟器'
     const noxPath = path.dirname(await getPnamePath('Nox.exe'))
@@ -204,16 +229,25 @@ class WindowsAdapter implements EmulatorAdapter {
     const noxConsoleListArr = noxConsoleList.split('\r\n')
     for (const line of noxConsoleListArr) {
       const arr = line.split(',')
-      if (arr.length > 1 && (arr.pop() as string).toString() === e.pid.toString()) {
+      if (
+        arr.length > 1 &&
+        (arr.pop() as string).toString() === e.pid.toString()
+      ) {
         e.commandLine = `"${noxConsole}"` + ` launch -name:${arr[2]}`
         const vmName = arr[1]
-        const configPath = path.resolve(noxPath, 'BignoxVMS', vmName, `${vmName}.vbox`)
+        const configPath = path.resolve(
+          noxPath,
+          'BignoxVMS',
+          vmName,
+          `${vmName}.vbox`
+        )
         if (!configPath) {
           logger.error('Nox config file not exist!', configPath)
           return
         }
         const conf = readFileSync(configPath, 'utf-8')
-        const confPortInstanceExp = /<Forwarding name="port2" proto="1" hostip="127.0.0.1" hostport="(\d{4,6})" guestport="5555"\/>/
+        const confPortInstanceExp =
+          /<Forwarding name="port2" proto="1" hostip="127.0.0.1" hostport="(\d{4,6})" guestport="5555"\/>/
         const confPort = conf.match(confPortInstanceExp)
         if (confPort) {
           e.address = `127.0.0.1:${confPort[1]}`
@@ -227,7 +261,7 @@ class WindowsAdapter implements EmulatorAdapter {
   }
 
   // TODO: 适配新版 mumu, 似乎支持 hyperv 了？
-  protected async getMumu (e: Emulator): Promise<void> {
+  protected async getMumu(e: Emulator): Promise<void> {
     // MuMu的adb端口仅限7555, 所以, 请不要使用MuMu多开!
     // 流程: 有"NemuHeadless.exe"进程后，就去抓'NemuPlayer.exe'的路径.
     const emuPathExp = await getPnamePath('NemuPlayer.exe') // 模拟器启动器路径
@@ -242,7 +276,7 @@ class WindowsAdapter implements EmulatorAdapter {
     e.config = 'MuMuEmulator'
   }
 
-  protected async getMumu12 (e: Emulator): Promise<void> {
+  protected async getMumu12(e: Emulator): Promise<void> {
     e.config = 'MuMuEmulator'
     e.displayName = 'MuMu模拟器12'
     const emuPath = await getPnamePath('MuMuPlayer.exe') // 模拟器启动器路径
@@ -254,14 +288,17 @@ class WindowsAdapter implements EmulatorAdapter {
       return
     }
     logger.info('Found mumu12, vmName:', vmName[1]) // 寻找模拟器名, 配置在mumu根目录的vms里
-    const configPath = path.resolve(emuPath, `../../vms/${vmName[1]}/configs`) + '\\vm_config.json'
+    const configPath =
+      path.resolve(emuPath, `../../vms/${vmName[1]}/configs`) +
+      '\\vm_config.json'
     if (!existsSync(configPath)) {
       logger.error('MuMu config file not exist!', configPath)
       return
     }
     const conf = readFileSync(configPath, 'utf-8')
     try {
-      const confPort = JSON.parse(conf).vm.nat.port_forward.adb.host_port as string
+      const confPort = JSON.parse(conf).vm.nat.port_forward.adb
+        .host_port as string
       e.address = `127.0.0.1:${confPort}`
     } catch (e) {
       logger.error(e)
@@ -276,87 +313,126 @@ class WindowsAdapter implements EmulatorAdapter {
     }
   }
 
-  protected async getLd (e: Emulator): Promise<void> {
+  protected async getLd(e: Emulator): Promise<void> {
     // 雷电模拟器识别
     e.config = 'LDPlayer'
     e.displayName = '雷电模拟器'
     const emulatorPath = await getPnamePath('dnplayer.exe') // dnplayer.exe路径, 和模拟器配置信息等在一起
-    const consolePath = path.resolve(path.dirname(emulatorPath), 'dnconsole.exe') // dnconsole.exe路径, 用于启动模拟器
+    const consolePath = path.resolve(
+      path.dirname(emulatorPath),
+      'dnconsole.exe'
+    ) // dnconsole.exe路径, 用于启动模拟器
     e.adbPath = path.resolve(path.dirname(emulatorPath), 'adb.exe') // adb路径
     const cmd = await getCommandLine(e.pid) // headless.exe的启动参数, 实际上是不可用的, 提取其中的comment为模拟器真实名称, statvm为模拟器uuid
     const statvm = cmd.match(/--startvm (\w*-\w*-\w*-\w*-\w*)/) // 获取模拟器uuid, statvm
     const realName = cmd.match(/--comment ([\d+\w]*) /) // 获取真实名称, realName
     if (!realName || !statvm) return
-    const confPath = path.resolve(path.dirname(emulatorPath), 'vms', 'config', `${realName[1]}.config`) // 模拟器配置文件路径
+    const confPath = path.resolve(
+      path.dirname(emulatorPath),
+      'vms',
+      'config',
+      `${realName[1]}.config`
+    ) // 模拟器配置文件路径
     assert(
       existsSync(confPath),
       `${realName[1]}.config not exist! path: ${confPath}`
     )
     const confDetail = readFileSync(confPath, 'utf-8') // 读config
     logger.silly(confDetail)
-    const displayName = confDetail.match(/"statusSettings.playerName":\s*"([^"]+)"/) // 读配置文件, 获取模拟器显示名称 displayName
-    if (displayName) { // 当新建模拟器时, 不一定会有此选项, 如果没有, 则取realName最后一个数字, 手动拼接
+    const displayName = confDetail.match(
+      /"statusSettings.playerName":\s*"([^"]+)"/
+    ) // 读配置文件, 获取模拟器显示名称 displayName
+    if (displayName) {
+      // 当新建模拟器时, 不一定会有此选项, 如果没有, 则取realName最后一个数字, 手动拼接
       e.commandLine = '"' + consolePath + '" launch --name ' + displayName[1] // 真实命令行启动指令
     } else {
-      e.commandLine = '"' + consolePath + '" launch --name 雷电模拟器-' + realName[1].slice(-1) // 真实命令行启动指令
+      e.commandLine =
+        '"' +
+        consolePath +
+        '" launch --name 雷电模拟器-' +
+        realName[1].slice(-1) // 真实命令行启动指令
     }
     const LdVBoxHeadlessPath = await getPnamePath('LdVBoxHeadless.exe') // LdVBoxHeadless.exe路径
-    const VBoxManagePath = path.resolve(path.dirname(LdVBoxHeadlessPath), 'VBoxManage.exe') // VBoxManage.exe路径
-    const port = (await $`"${VBoxManagePath}" showvminfo ${statvm[1]} --machinereadable`).stdout.match(/Forwarding\(1\)="tcp_5\d\d\d_5\d\d\d,tcp,,(\d*),,/)
+    const VBoxManagePath = path.resolve(
+      path.dirname(LdVBoxHeadlessPath),
+      'VBoxManage.exe'
+    ) // VBoxManage.exe路径
+    const port = (
+      await $`"${VBoxManagePath}" showvminfo ${statvm[1]} --machinereadable`
+    ).stdout.match(/Forwarding\(1\)="tcp_5\d\d\d_5\d\d\d,tcp,,(\d*),,/)
     if (port) {
       e.address = `127.0.0.1:${port[1]}`
     }
   }
 
-  protected async getLd9 (e: Emulator): Promise<void> {
+  protected async getLd9(e: Emulator): Promise<void> {
     // 雷电9模拟器识别
     e.config = 'LDPlayer'
     e.displayName = '雷电模拟器9'
     const emulatorPath = await getPnamePath('dnplayer.exe') // dnplayer.exe路径, 和模拟器配置信息等在一起
-    const consolePath = path.resolve(path.dirname(emulatorPath), 'ldconsole.exe') // dnconsole.exe路径, 用于启动模拟器
+    const consolePath = path.resolve(
+      path.dirname(emulatorPath),
+      'ldconsole.exe'
+    ) // dnconsole.exe路径, 用于启动模拟器
     e.adbPath = path.resolve(path.dirname(emulatorPath), 'adb.exe') // adb路径
     const cmd = await getCommandLine(e.pid) // headless.exe的启动参数, 实际上是不可用的, 提取其中的comment为模拟器真实名称, statvm为模拟器uuid
     const statvm = cmd.match(/--startvm (\w*-\w*-\w*-\w*-\w*)/) // 获取模拟器uuid, statvm
     const realName = cmd.match(/--comment ([\d+\w]*) /) // 获取真实名称, realName
     if (!realName || !statvm) return
-    const confPath = path.resolve(path.dirname(emulatorPath), 'vms', 'config', `${realName[1]}.config`) // 模拟器配置文件路径
+    const confPath = path.resolve(
+      path.dirname(emulatorPath),
+      'vms',
+      'config',
+      `${realName[1]}.config`
+    ) // 模拟器配置文件路径
     assert(
       existsSync(confPath),
-          `${realName[1]}.config not exist! path: ${confPath}`
+      `${realName[1]}.config not exist! path: ${confPath}`
     )
     const confDetail = readFileSync(confPath, 'utf-8') // 读config
-    const displayName = confDetail.match(/"statusSettings.playerName":\s*"([^"]+)"/) // 读配置文件, 获取模拟器显示名称 displayName
-    if (displayName) { // 当新建模拟器时, 不一定会有此选项, 如果没有, 则取realName最后一个数字, 手动拼接
+    const displayName = confDetail.match(
+      /"statusSettings.playerName":\s*"([^"]+)"/
+    ) // 读配置文件, 获取模拟器显示名称 displayName
+    if (displayName) {
+      // 当新建模拟器时, 不一定会有此选项, 如果没有, 则取realName最后一个数字, 手动拼接
       e.commandLine = '"' + consolePath + '" launch --name ' + displayName[1] // 真实命令行启动指令
     } else {
       const launchIndexReg = RegExp(`(\\d+),.*,\\d+,\\d+,\\d+,\\d+,${e.pid},.*`)
-      const emulatorIndex = (await $`${consolePath} list2`).stdout.match(launchIndexReg) // 匹配当前正在运行的模拟器列表, 寻找索引
+      const emulatorIndex = (await $`${consolePath} list2`).stdout.match(
+        launchIndexReg
+      ) // 匹配当前正在运行的模拟器列表, 寻找索引
       if (emulatorIndex) {
         logger.info('Get LD9 Emulator Index: ', emulatorIndex[1])
-        e.commandLine = '"' + consolePath + '" launch --index ' + emulatorIndex[1] // 真实命令行启动指令
+        e.commandLine =
+          '"' + consolePath + '" launch --index ' + emulatorIndex[1] // 真实命令行启动指令
       }
     }
     const Ld9VBoxHeadlessPath = await getPnamePath('Ld9BoxHeadless.exe') // LdVBoxHeadless.exe路径
-    const VBoxManagePath = path.resolve(path.dirname(Ld9VBoxHeadlessPath), 'VBoxManage.exe') // VBoxManage.exe路径
-    const port = (await $`"${VBoxManagePath}" showvminfo ${statvm[1]} --machinereadable`).stdout.match(/Forwarding\(1\)="tcp_5\d\d\d_5\d\d\d,tcp,,(\d*),,/)
+    const VBoxManagePath = path.resolve(
+      path.dirname(Ld9VBoxHeadlessPath),
+      'VBoxManage.exe'
+    ) // VBoxManage.exe路径
+    const port = (
+      await $`"${VBoxManagePath}" showvminfo ${statvm[1]} --machinereadable`
+    ).stdout.match(/Forwarding\(1\)="tcp_5\d\d\d_5\d\d\d,tcp,,(\d*),,/)
     if (port) {
       e.address = `127.0.0.1:${port[1]}`
     }
   }
 
-  async getAdbDevices (): Promise<Device[]> {
+  async getAdbDevices(): Promise<Device[]> {
     const emulators: Device[] = []
     return emulators
   }
 
-  async getEmulators (): Promise<Emulator[]> {
+  async getEmulators(): Promise<Emulator[]> {
     inUsePorts.splice(0, inUsePorts.length)
     const emulators: Emulator[] = []
     const { stdout: tasklist } = await $`tasklist`
     tasklist
       .toString()
       .split('\n')
-      .forEach((line) => {
+      .forEach(line => {
         const res = line.matchAll(regPNamePid)
         for (const match of res) {
           if (emulatorList.includes(match[1])) {
@@ -392,8 +468,16 @@ class WindowsAdapter implements EmulatorAdapter {
       }
       logger.silly(`emulator: ${JSON.stringify(e)}`)
     }
-    emulators.forEach((e) => {
-      if (e.address && e.uuid && e.adbPath && e.config && e.commandLine && e.displayName) availableEmulators.push(e)
+    emulators.forEach(e => {
+      if (
+        e.address &&
+        e.uuid &&
+        e.adbPath &&
+        e.config &&
+        e.commandLine &&
+        e.displayName
+      )
+        availableEmulators.push(e)
     })
     return availableEmulators
   }
diff --git a/packages/main/deviceDetector/hooks.ts b/packages/main/deviceDetector/hooks.ts
index 77a77621..7a0f77c4 100644
--- a/packages/main/deviceDetector/hooks.ts
+++ b/packages/main/deviceDetector/hooks.ts
@@ -3,46 +3,55 @@ import { defaultAdbPath, getDeviceUuid, isDefaultAdbExists } from './utils'
 import { $$, $ } from '@main/utils/shell'
 import { parseArguments } from '@main/utils/arguments'
 
-export function useEmulatorHooks (adapter: Promise<EmulatorAdapter>): void {
-  ipcMainHandle('main.DeviceDetector:getEmulators',
+export function useEmulatorHooks(adapter: Promise<EmulatorAdapter>): void {
+  ipcMainHandle(
+    'main.DeviceDetector:getEmulators',
     async (event): Promise<Emulator[]> => {
       return await (await adapter).getEmulators()
     }
   )
 
-  ipcMainHandle('main.DeviceDetector:getAdbDevices',
+  ipcMainHandle(
+    'main.DeviceDetector:getAdbDevices',
     async (event): Promise<Device[]> => {
       return await (await adapter).getAdbDevices()
     }
   )
-  ipcMainHandle('main.DeviceDetector:getDeviceUuid',
-    async (event, address: string, adbPath?: string) => await getDeviceUuid(address, adbPath))
+  ipcMainHandle(
+    'main.DeviceDetector:getDeviceUuid',
+    async (event, address: string, adbPath?: string) =>
+      await getDeviceUuid(address, adbPath)
+  )
 
-  ipcMainHandle('main.DeviceDetector:getAdbPath',
+  ipcMainHandle(
+    'main.DeviceDetector:getAdbPath',
     async (event): Promise<string> => {
       return defaultAdbPath
     }
   )
-  ipcMainHandle('main.DeviceDetector:startEmulator',
+  ipcMainHandle(
+    'main.DeviceDetector:startEmulator',
     async (event, path: string): Promise<void> => {
       const args = parseArguments(path)
       // eslint-disable-next-line
       await $$(args.splice(0, 1)[0], args)
-    })
+    }
+  )
 
-  ipcMainHandle('main.DeviceDetector:startEmulator2',
+  ipcMainHandle(
+    'main.DeviceDetector:startEmulator2',
     async (event, path: string): Promise<void> => {
-    // eslint-disable-next-line
-    await $`${path}`
-    })
+      // eslint-disable-next-line
+      await $`${path}`
+    }
+  )
 
-  ipcMainHandle('main.DeviceDetector:isDefaultAdbExists',
-    (event): boolean => {
-      return isDefaultAdbExists()
-    })
+  ipcMainHandle('main.DeviceDetector:isDefaultAdbExists', (event): boolean => {
+    return isDefaultAdbExists()
+  })
 }
 
-export function removeEmulatorHooks (): void {
+export function removeEmulatorHooks(): void {
   ipcMainRemove('main.DeviceDetector:getEmulators')
   ipcMainRemove('main.DeviceDetector:getAdbDevices')
 }
diff --git a/packages/main/deviceDetector/index.ts b/packages/main/deviceDetector/index.ts
index 5db3b697..1c55a200 100644
--- a/packages/main/deviceDetector/index.ts
+++ b/packages/main/deviceDetector/index.ts
@@ -5,16 +5,16 @@ import adapters from './adapters'
 @Singleton
 class DeviceDetector implements Module {
   private readonly adapter: Promise<EmulatorAdapter>
-  constructor () {
+  constructor() {
     this.adapter = adapters
     useEmulatorHooks(this.adapter)
   }
 
-  public get name (): string {
+  public get name(): string {
     return 'DeviceDetector'
   }
 
-  public get version (): string {
+  public get version(): string {
     return '1.0.0'
   }
 
@@ -22,7 +22,7 @@ class DeviceDetector implements Module {
    * @description 获取所有能识别到的模拟器信息
    * @returns {Promise<Emulator[]>}
    */
-  public async getEmulators (): Promise<Emulator[]> {
+  public async getEmulators(): Promise<Emulator[]> {
     return await (await this.adapter).getEmulators()
   }
 
@@ -30,7 +30,7 @@ class DeviceDetector implements Module {
    * @description 获取通过执行`adb devices`得到的设备
    * @returns {Promise<Device[]>}
    */
-  public async getAdbDevices (): Promise<Device[]> {
+  public async getAdbDevices(): Promise<Device[]> {
     return await (await this.adapter).getAdbDevices()
   }
 }
diff --git a/packages/main/deviceDetector/utils.ts b/packages/main/deviceDetector/utils.ts
index 7f08e5fc..108f7d5d 100644
--- a/packages/main/deviceDetector/utils.ts
+++ b/packages/main/deviceDetector/utils.ts
@@ -15,11 +15,14 @@ export const defaultAdbPath = path.join(
   `adb${executableSuffix}`
 )
 
-export function isDefaultAdbExists (): boolean {
+export function isDefaultAdbExists(): boolean {
   return fs.existsSync(defaultAdbPath)
 }
 
-export async function getDeviceUuid (address: string, adbPath = defaultAdbPath): Promise<string | false> {
+export async function getDeviceUuid(
+  address: string,
+  adbPath = defaultAdbPath
+): Promise<string | false> {
   if (!adbPath) {
     logger.error('adb_path is null')
     return false
@@ -30,7 +33,8 @@ export async function getDeviceUuid (address: string, adbPath = defaultAdbPath):
   }
   const connectResult = (await $$(adbPath, ['connect', address])).stdout
   if (connectResult.includes('connected')) {
-    const ret = await $`"${adbPath}" -s ${address} shell settings get secure android_id`
+    const ret =
+      await $`"${adbPath}" -s ${address} shell settings get secure android_id`
     if (ret) return _.trim(ret.stdout)
   }
   return false
diff --git a/packages/main/downloadManager/index.ts b/packages/main/downloadManager/index.ts
index 3332eda4..3ec10030 100644
--- a/packages/main/downloadManager/index.ts
+++ b/packages/main/downloadManager/index.ts
@@ -1,198 +1,212 @@
-import type { BrowserWindow } from 'electron'
-
-import path from 'path'
-import fs from 'fs'
-
-import WindowManager from '@main/windowManager'
-import ComponentInstaller from '@main/componentManager/componentInstaller'
-import CoreInstaller from '@main/componentManager/installers/core'
-import AdbInstaller from '@main/componentManager/installers/adb'
-import { Singleton } from '@common/function/singletonDecorator'
-import { getAppBaseDir } from '@main/utils/path'
-
-@Singleton
-class DownloadManager {
-  constructor () {
-    // initialize variables
-    this.window_ = new WindowManager().getWindow()
-    this.tasks_ = {
-      'Maa App': {
-        state: 'interrupted',
-        paused: false,
-        savePath: '',
-        progress: {
-          prevReceivedBytes: 0,
-          receivedBytes: 0
-        }
-      },
-      'Maa Core': {
-        state: 'interrupted',
-        paused: false,
-        savePath: '',
-        progress: {
-          prevReceivedBytes: 0,
-          receivedBytes: 0
-        }
-      },
-      'Android Platform Tools': {
-        state: 'interrupted',
-        paused: false,
-        savePath: '',
-        progress: {
-          prevReceivedBytes: 0,
-          receivedBytes: 0
-        }
-      }
-    }
-    this.installers_ = {
-      'Maa Core': new CoreInstaller(),
-      'Android Platform Tools': new AdbInstaller()
-    }
-
-    for (const installer of Object.values(this.installers_)) {
-      installer.downloader_ = this
-    }
-    if (!fs.existsSync(this.download_path)) {
-      fs.mkdirSync(this.download_path)
-    }
-    // register hook
-    this.window_.webContents.session.on('will-download', this.handleWillDownload)
-  }
-
-  public get name (): string {
-    return 'DownloadManager'
-  }
-
-  public get version (): string {
-    return '1.0.0'
-  }
-
-  public async downloadComponent (url: string, component: ComponentType): Promise<void> {
-    this.will_download_ = component
-    this.window_.webContents.downloadURL(url)
-  }
-
-  // 用于应对强制关闭
-  public pauseDownload = (component: ComponentType): void => {
-    this.tasks_[component]._sourceItem?.pause()
-  }
-
-  // 用于应对强制关闭
-  public cancelDownload = (component: ComponentType): void => {
-    this.tasks_[component]._sourceItem?.cancel()
-  }
-
-  private readonly handleWillDownload = (event: Electron.Event, item: Electron.DownloadItem): void => {
-    const component = this.will_download_
-    if (!component) {
-      event.preventDefault()
-      return
-    }
-
-    item.setSavePath(path.join(this.download_path, item.getFilename()))
-
-    this.tasks_[component] = {
-      state: item.getState(),
-      startTime: item.getStartTime() * 1000,
-      speed: 0,
-      progress: {
-        totalBytes: item.getTotalBytes(),
-        receivedBytes: 0,
-        prevReceivedBytes: 0,
-        precent: 0
-      },
-      paused: item.isPaused(),
-      savePath: item.getSavePath(),
-      _sourceItem: item
-    }
-
-    // 将文件存储到this.download_path
-    if (fs.existsSync(item.getSavePath())) {
-      this.handleDownloadCompleted(event, item, component)
-      this.will_download_ = undefined
-      event.preventDefault()
-      return
-    }
-
-    item.on('updated', (event, state) => {
-      this.handleDownloadUpdate(event, state, item, component)
-    })
-
-    item.on('done', (event, state) => {
-      const receivedBytes = item.getReceivedBytes()
-      this.tasks_[component].progress.receivedBytes = receivedBytes
-      this.tasks_[component].state = state
-
-      switch (state) {
-        case 'completed':
-          this.handleDownloadCompleted(event, item, component)
-          break
-        case 'cancelled':
-        case 'interrupted':
-          this.handleDownloadInterrupted(event, item, component)
-          break
-      }
-    })
-
-    this.will_download_ = undefined
-  }
-
-  private readonly handleDownloadUpdate = (
-    event: Electron.Event,
-    state: 'interrupted' | 'progressing',
-    item: Electron.DownloadItem,
-    component: ComponentType
-  ): void => {
-    const receivedBytes = item.getReceivedBytes()
-    const totalBytes = item.getTotalBytes()
-
-    this.tasks_[component].state = state
-    this.tasks_[component].speed = receivedBytes - this.tasks_[component].progress.prevReceivedBytes
-    this.tasks_[component].progress.receivedBytes = receivedBytes
-    this.tasks_[component].progress.prevReceivedBytes = receivedBytes
-    this.tasks_[component].progress.totalBytes = totalBytes
-    this.tasks_[component].progress.precent = totalBytes ? (receivedBytes / totalBytes) : undefined
-    this.tasks_[component].paused = item.isPaused()
-
-    const installer = this.installers_[component]
-    if (installer) {
-      installer.downloadHandle.handleDownloadUpdate(this.tasks_[component])
-    }
-  }
-
-  private readonly handleDownloadInterrupted = (
-    event: Electron.Event,
-    item: Electron.DownloadItem,
-    component: ComponentType
-  ): void => {
-    fs.rmSync(path.join(item.getSavePath(), item.getFilename()))
-    const installer = this.installers_[component]
-    if (installer) {
-      installer.downloadHandle.handleDownloadInterrupted()
-    }
-  }
-
-  private readonly handleDownloadCompleted = (
-    event: Electron.Event,
-    item: Electron.DownloadItem,
-    component: ComponentType
-  ): void => {
-    const installer = this.installers_[component]
-    if (installer) {
-      installer.downloadHandle.handleDownloadCompleted(this.tasks_[component])
-    }
-  }
-
-  private tasks_: { [component in ComponentType]: DownloadTask }
-
-  // 这个变量用于存储已经触发window_.webContents.downloadURL但是还未触发'will-download'事件的临时变量
-  // 理论上downloadURL后会立刻触发'will-download'事件
-  // 但是未验证在两句不同的downloadURL后的行为是否能够达到预期
-  private will_download_?: ComponentType
-
-  private readonly window_: BrowserWindow
-  private readonly installers_: { [component in ComponentType]?: ComponentInstaller }
-  private readonly download_path = path.join(getAppBaseDir(), 'download')
-}
-
-export default DownloadManager
+import type { BrowserWindow } from 'electron'
+
+import path from 'path'
+import fs from 'fs'
+
+import WindowManager from '@main/windowManager'
+import ComponentInstaller from '@main/componentManager/componentInstaller'
+import CoreInstaller from '@main/componentManager/installers/core'
+import AdbInstaller from '@main/componentManager/installers/adb'
+import { Singleton } from '@common/function/singletonDecorator'
+import { getAppBaseDir } from '@main/utils/path'
+
+@Singleton
+class DownloadManager {
+  constructor() {
+    // initialize variables
+    this.window_ = new WindowManager().getWindow()
+    this.tasks_ = {
+      'Maa App': {
+        state: 'interrupted',
+        paused: false,
+        savePath: '',
+        progress: {
+          prevReceivedBytes: 0,
+          receivedBytes: 0,
+        },
+      },
+      'Maa Core': {
+        state: 'interrupted',
+        paused: false,
+        savePath: '',
+        progress: {
+          prevReceivedBytes: 0,
+          receivedBytes: 0,
+        },
+      },
+      'Android Platform Tools': {
+        state: 'interrupted',
+        paused: false,
+        savePath: '',
+        progress: {
+          prevReceivedBytes: 0,
+          receivedBytes: 0,
+        },
+      },
+    }
+    this.installers_ = {
+      'Maa Core': new CoreInstaller(),
+      'Android Platform Tools': new AdbInstaller(),
+    }
+
+    for (const installer of Object.values(this.installers_)) {
+      installer.downloader_ = this
+    }
+    if (!fs.existsSync(this.download_path)) {
+      fs.mkdirSync(this.download_path)
+    }
+    // register hook
+    this.window_.webContents.session.on(
+      'will-download',
+      this.handleWillDownload
+    )
+  }
+
+  public get name(): string {
+    return 'DownloadManager'
+  }
+
+  public get version(): string {
+    return '1.0.0'
+  }
+
+  public async downloadComponent(
+    url: string,
+    component: ComponentType
+  ): Promise<void> {
+    this.will_download_ = component
+    this.window_.webContents.downloadURL(url)
+  }
+
+  // 用于应对强制关闭
+  public pauseDownload = (component: ComponentType): void => {
+    this.tasks_[component]._sourceItem?.pause()
+  }
+
+  // 用于应对强制关闭
+  public cancelDownload = (component: ComponentType): void => {
+    this.tasks_[component]._sourceItem?.cancel()
+  }
+
+  private readonly handleWillDownload = (
+    event: Electron.Event,
+    item: Electron.DownloadItem
+  ): void => {
+    const component = this.will_download_
+    if (!component) {
+      event.preventDefault()
+      return
+    }
+
+    item.setSavePath(path.join(this.download_path, item.getFilename()))
+
+    this.tasks_[component] = {
+      state: item.getState(),
+      startTime: item.getStartTime() * 1000,
+      speed: 0,
+      progress: {
+        totalBytes: item.getTotalBytes(),
+        receivedBytes: 0,
+        prevReceivedBytes: 0,
+        precent: 0,
+      },
+      paused: item.isPaused(),
+      savePath: item.getSavePath(),
+      _sourceItem: item,
+    }
+
+    // 将文件存储到this.download_path
+    if (fs.existsSync(item.getSavePath())) {
+      this.handleDownloadCompleted(event, item, component)
+      this.will_download_ = undefined
+      event.preventDefault()
+      return
+    }
+
+    item.on('updated', (event, state) => {
+      this.handleDownloadUpdate(event, state, item, component)
+    })
+
+    item.on('done', (event, state) => {
+      const receivedBytes = item.getReceivedBytes()
+      this.tasks_[component].progress.receivedBytes = receivedBytes
+      this.tasks_[component].state = state
+
+      switch (state) {
+        case 'completed':
+          this.handleDownloadCompleted(event, item, component)
+          break
+        case 'cancelled':
+        case 'interrupted':
+          this.handleDownloadInterrupted(event, item, component)
+          break
+      }
+    })
+
+    this.will_download_ = undefined
+  }
+
+  private readonly handleDownloadUpdate = (
+    event: Electron.Event,
+    state: 'interrupted' | 'progressing',
+    item: Electron.DownloadItem,
+    component: ComponentType
+  ): void => {
+    const receivedBytes = item.getReceivedBytes()
+    const totalBytes = item.getTotalBytes()
+
+    this.tasks_[component].state = state
+    this.tasks_[component].speed =
+      receivedBytes - this.tasks_[component].progress.prevReceivedBytes
+    this.tasks_[component].progress.receivedBytes = receivedBytes
+    this.tasks_[component].progress.prevReceivedBytes = receivedBytes
+    this.tasks_[component].progress.totalBytes = totalBytes
+    this.tasks_[component].progress.precent = totalBytes
+      ? receivedBytes / totalBytes
+      : undefined
+    this.tasks_[component].paused = item.isPaused()
+
+    const installer = this.installers_[component]
+    if (installer) {
+      installer.downloadHandle.handleDownloadUpdate(this.tasks_[component])
+    }
+  }
+
+  private readonly handleDownloadInterrupted = (
+    event: Electron.Event,
+    item: Electron.DownloadItem,
+    component: ComponentType
+  ): void => {
+    fs.rmSync(path.join(item.getSavePath(), item.getFilename()))
+    const installer = this.installers_[component]
+    if (installer) {
+      installer.downloadHandle.handleDownloadInterrupted()
+    }
+  }
+
+  private readonly handleDownloadCompleted = (
+    event: Electron.Event,
+    item: Electron.DownloadItem,
+    component: ComponentType
+  ): void => {
+    const installer = this.installers_[component]
+    if (installer) {
+      installer.downloadHandle.handleDownloadCompleted(this.tasks_[component])
+    }
+  }
+
+  private tasks_: { [component in ComponentType]: DownloadTask }
+
+  // 这个变量用于存储已经触发window_.webContents.downloadURL但是还未触发'will-download'事件的临时变量
+  // 理论上downloadURL后会立刻触发'will-download'事件
+  // 但是未验证在两句不同的downloadURL后的行为是否能够达到预期
+  private will_download_?: ComponentType
+
+  private readonly window_: BrowserWindow
+  private readonly installers_: {
+    [component in ComponentType]?: ComponentInstaller
+  }
+  private readonly download_path = path.join(getAppBaseDir(), 'download')
+}
+
+export default DownloadManager
diff --git a/packages/main/hooks/asst.ts b/packages/main/hooks/asst.ts
index 2c919d66..b870c43c 100644
--- a/packages/main/hooks/asst.ts
+++ b/packages/main/hooks/asst.ts
@@ -7,8 +7,8 @@ import logger from '@main/utils/logger'
 const core = new CoreLoader()
 
 const asstHooks: Record<
-string,
-(event: import('electron').IpcMainInvokeEvent, ...args: any[]) => Promise<any>
+  string,
+  (event: import('electron').IpcMainInvokeEvent, ...args: any[]) => Promise<any>
 > = {
   'main.CoreLoader:loadResource': async (_event, arg) => {
     return core.LoadResource(arg.path) ?? false
@@ -24,35 +24,22 @@ string,
     return true
   },
   'main.CoreLoader:connect': async (_event, arg) => {
-    return core.Connect(
-      arg.address,
-      arg.uuid,
-      arg.adb_path,
-      arg.config
-    )
+    return core.Connect(arg.address, arg.uuid, arg.adb_path, arg.config)
   },
   /** @Deprecated */
   'main.CoreLoader:initCore': async (_event, arg: InitCoreParam) => {
     const createStatus = core.CreateEx(arg.uuid) ?? false
     if (!createStatus) logger.warn(`重复创建 ${JSON.stringify(arg)}`)
-    if (!core.SetTouchMode(arg.uuid, arg.touch_mode)) logger.warn('Set touch mode failed', arg.touch_mode)
-    return core.Connect(
-      arg.address,
-      arg.uuid,
-      arg.adb_path,
-      arg.config
-    )
+    if (!core.SetTouchMode(arg.uuid, arg.touch_mode))
+      logger.warn('Set touch mode failed', arg.touch_mode)
+    return core.Connect(arg.address, arg.uuid, arg.adb_path, arg.config)
   },
   'main.CoreLoader:initCoreAsync': async (_event, arg: InitCoreParam) => {
     const createStatus = core.CreateEx(arg.uuid) ?? false
     if (!createStatus) logger.warn(`重复创建 ${JSON.stringify(arg)}`)
-    if (!core.SetTouchMode(arg.uuid, arg.touch_mode)) logger.warn('Set touch mode failed', arg.touch_mode)
-    return core.AsyncConnect(
-      arg.address,
-      arg.uuid,
-      arg.adb_path,
-      arg.config
-    )
+    if (!core.SetTouchMode(arg.uuid, arg.touch_mode))
+      logger.warn('Set touch mode failed', arg.touch_mode)
+    return core.AsyncConnect(arg.address, arg.uuid, arg.adb_path, arg.config)
   },
   'main.CoreLoader:disconnectAndDestroy': async (_event, arg) => {
     core.Stop(arg.uuid)
@@ -61,11 +48,7 @@ string,
   },
 
   'main.CoreLoader:appendTask': async (_event, arg) => {
-    return core.AppendTask(
-      arg.uuid,
-      arg.type,
-      JSON.stringify(arg.params)
-    )
+    return core.AppendTask(arg.uuid, arg.type, JSON.stringify(arg.params))
   },
   'main.CoreLoader:setTaskParams': async (_event, arg) => {
     return core.SetTaskParams(arg.uuid, arg.task_id, JSON.stringify(arg.params))
@@ -76,14 +59,14 @@ string,
   'main.CoreLoader:stop': async (_event, arg) => {
     return core.Stop(arg.uuid)
   },
-  'main.CoreLoader:supportedStages': async (_event) => {
+  'main.CoreLoader:supportedStages': async _event => {
     if (!core.loadStatus) {
       logger.silly('core unloaded, return empty supported stages')
       return []
     }
     const jsonPath = path.join(core.libPath, 'resource/tasks.json')
     const tasks = JSON.parse(String(fs.readFileSync(jsonPath)))
-    const stages = Object.keys(tasks).filter((s) =>
+    const stages = Object.keys(tasks).filter(s =>
       /[A-Z0-9]+-([A-Z0-9]+-?)?[0-9]/.test(s)
     )
     return stages
@@ -99,11 +82,11 @@ string,
   },
   'main.CoreLoader:asyncScreencap': async (_event, arg) => {
     return core.AsyncScreencap(arg.uuid)
-  }
+  },
 }
 
-export default function useAsstHooks (): void {
-  ipcMainHandle('main.CoreLoader:load', (_event) => {
+export default function useAsstHooks(): void {
+  ipcMainHandle('main.CoreLoader:load', _event => {
     core.load()
     if (!core.loadStatus) {
       return false
@@ -118,7 +101,7 @@ export default function useAsstHooks (): void {
     return true
   })
 
-  ipcMainHandle('main.CoreLoader:dispose', (_event) => {
+  ipcMainHandle('main.CoreLoader:dispose', _event => {
     for (const eventName of Object.keys(asstHooks)) {
       ipcMainRemove(eventName as IpcMainHandleEvent)
     }
diff --git a/packages/main/hooks/clear.ts b/packages/main/hooks/clear.ts
index 4bc41d96..ea0d744b 100644
--- a/packages/main/hooks/clear.ts
+++ b/packages/main/hooks/clear.ts
@@ -1,64 +1,64 @@
-import fs from 'fs'
-import path from 'path'
-import { app } from 'electron'
-import { manager } from '@main/utils/logger'
-import { ipcMainHandle } from '@main/utils/ipc-main'
-import { getAppBaseDir } from '@main/utils/path'
-
-export default function useClearHooks (): void {
-  ipcMainHandle('main.Util:GetCacheInfo', async (event) => {
-    const info = {
-      log: 0,
-      download: 0
-    }
-    const logFileNames = fs.readdirSync(manager.logFileDir)
-    for (const file of logFileNames) {
-      const stat = fs.statSync(path.join(manager.logFileDir, file))
-      if (stat.isFile()) {
-        info.log += stat.size
-      }
-    }
-    const downloadDir = path.join(getAppBaseDir(), 'download')
-    const downloadFileNames = fs.readdirSync(downloadDir)
-
-    for (const file of downloadFileNames) {
-      const stat = fs.statSync(path.join(downloadDir, file))
-      if (stat.isFile()) {
-        info.download += stat.size
-      }
-    }
-    return info
-  })
-
-  ipcMainHandle('main.Util:CleanLogs', async (event) => {
-    const logFileNames = fs.readdirSync(manager.logFileDir)
-    for (const file of logFileNames) {
-      const filepath = path.join(manager.logFileDir, file)
-      if (filepath === manager.logFilePath) {
-        continue
-      }
-      const stat = fs.statSync(filepath)
-      if (stat.isFile()) {
-        fs.rmSync(filepath)
-      }
-    }
-  })
-
-  ipcMainHandle('main.Util:CleanDownloadCache', async (event) => {
-    const downloadDir = path.join(getAppBaseDir(), 'download')
-    const downloadFileNames = fs.readdirSync(downloadDir)
-
-    for (const file of downloadFileNames) {
-      const filepath = path.join(downloadDir, file)
-      const stat = fs.statSync(filepath)
-      if (stat.isFile()) {
-        fs.rmSync(filepath)
-      }
-    }
-  })
-
-  ipcMainHandle('main.Util:RemoveAllConfig', async (event) => {
-    fs.writeFileSync(path.join(app.getPath('temp'), 'clearConfigToken'), '1')
-    app.quit()
-  })
-}
+import fs from 'fs'
+import path from 'path'
+import { app } from 'electron'
+import { manager } from '@main/utils/logger'
+import { ipcMainHandle } from '@main/utils/ipc-main'
+import { getAppBaseDir } from '@main/utils/path'
+
+export default function useClearHooks(): void {
+  ipcMainHandle('main.Util:GetCacheInfo', async event => {
+    const info = {
+      log: 0,
+      download: 0,
+    }
+    const logFileNames = fs.readdirSync(manager.logFileDir)
+    for (const file of logFileNames) {
+      const stat = fs.statSync(path.join(manager.logFileDir, file))
+      if (stat.isFile()) {
+        info.log += stat.size
+      }
+    }
+    const downloadDir = path.join(getAppBaseDir(), 'download')
+    const downloadFileNames = fs.readdirSync(downloadDir)
+
+    for (const file of downloadFileNames) {
+      const stat = fs.statSync(path.join(downloadDir, file))
+      if (stat.isFile()) {
+        info.download += stat.size
+      }
+    }
+    return info
+  })
+
+  ipcMainHandle('main.Util:CleanLogs', async event => {
+    const logFileNames = fs.readdirSync(manager.logFileDir)
+    for (const file of logFileNames) {
+      const filepath = path.join(manager.logFileDir, file)
+      if (filepath === manager.logFilePath) {
+        continue
+      }
+      const stat = fs.statSync(filepath)
+      if (stat.isFile()) {
+        fs.rmSync(filepath)
+      }
+    }
+  })
+
+  ipcMainHandle('main.Util:CleanDownloadCache', async event => {
+    const downloadDir = path.join(getAppBaseDir(), 'download')
+    const downloadFileNames = fs.readdirSync(downloadDir)
+
+    for (const file of downloadFileNames) {
+      const filepath = path.join(downloadDir, file)
+      const stat = fs.statSync(filepath)
+      if (stat.isFile()) {
+        fs.rmSync(filepath)
+      }
+    }
+  })
+
+  ipcMainHandle('main.Util:RemoveAllConfig', async event => {
+    fs.writeFileSync(path.join(app.getPath('temp'), 'clearConfigToken'), '1')
+    app.quit()
+  })
+}
diff --git a/packages/main/hooks/index.ts b/packages/main/hooks/index.ts
index 6c5de668..b4d2e395 100644
--- a/packages/main/hooks/index.ts
+++ b/packages/main/hooks/index.ts
@@ -1,19 +1,19 @@
-import useVersionHooks from './version'
-import useAsstHooks from './asst'
-import useStorageHooks from './storage'
-import useOsHooks from './os'
-import useShutdownHooks from './shutdown'
-import useClearHooks from './clear'
-import useTaskHooks from './task'
-import usePathHooks from './path'
-
-export default function useHooks (): void {
-  useVersionHooks()
-  useAsstHooks()
-  useStorageHooks()
-  useOsHooks()
-  useShutdownHooks()
-  useClearHooks()
-  useTaskHooks()
-  usePathHooks()
-}
+import useVersionHooks from './version'
+import useAsstHooks from './asst'
+import useStorageHooks from './storage'
+import useOsHooks from './os'
+import useShutdownHooks from './shutdown'
+import useClearHooks from './clear'
+import useTaskHooks from './task'
+import usePathHooks from './path'
+
+export default function useHooks(): void {
+  useVersionHooks()
+  useAsstHooks()
+  useStorageHooks()
+  useOsHooks()
+  useShutdownHooks()
+  useClearHooks()
+  useTaskHooks()
+  usePathHooks()
+}
diff --git a/packages/main/hooks/os.ts b/packages/main/hooks/os.ts
index 2720c4c0..7d5d9a96 100644
--- a/packages/main/hooks/os.ts
+++ b/packages/main/hooks/os.ts
@@ -1,8 +1,11 @@
-import { ipcMainHandle } from '@main/utils/ipc-main'
-import { getArch, getPlatform, getSystemInformation } from '@main/utils/os'
-
-export default function useOsHooks (): void {
-  ipcMainHandle('main.Util:getOsArch', async (event) => getArch())
-  ipcMainHandle('main.Util:getOsPlatform', async (event) => getPlatform())
-  ipcMainHandle('main.Util:getSystemInformation', async (event) => await getSystemInformation())
-}
+import { ipcMainHandle } from '@main/utils/ipc-main'
+import { getArch, getPlatform, getSystemInformation } from '@main/utils/os'
+
+export default function useOsHooks(): void {
+  ipcMainHandle('main.Util:getOsArch', async event => getArch())
+  ipcMainHandle('main.Util:getOsPlatform', async event => getPlatform())
+  ipcMainHandle(
+    'main.Util:getSystemInformation',
+    async event => await getSystemInformation()
+  )
+}
diff --git a/packages/main/hooks/path.ts b/packages/main/hooks/path.ts
index d3bc50d9..a195c79d 100644
--- a/packages/main/hooks/path.ts
+++ b/packages/main/hooks/path.ts
@@ -1,6 +1,6 @@
 import { ipcMainHandle } from '@main/utils/ipc-main'
 import { openFolder } from '@main/utils/path'
 
-export default function usePathHooks (): void {
+export default function usePathHooks(): void {
   ipcMainHandle('main.Util:openFolder', async (event, type) => openFolder(type))
 }
diff --git a/packages/main/hooks/shutdown.ts b/packages/main/hooks/shutdown.ts
index 89184676..4df41f9f 100644
--- a/packages/main/hooks/shutdown.ts
+++ b/packages/main/hooks/shutdown.ts
@@ -4,7 +4,7 @@ import WindowManager from '@main/windowManager'
 import logger from '@main/utils/logger'
 import { ipcMainHandle } from '@main/utils/ipc-main'
 
-async function shutdownEmulator (pid: string): Promise<void> {
+async function shutdownEmulator(pid: string): Promise<void> {
   logger.silly('Shutdown Emulator')
   const platform = getPlatform()
 
@@ -17,14 +17,14 @@ async function shutdownEmulator (pid: string): Promise<void> {
   }
 }
 
-async function shutdownMAA (): Promise<void> {
+async function shutdownMAA(): Promise<void> {
   logger.silly('Shutdown MAA')
 
   const win = new WindowManager().getWindow()
   win.close()
 }
 
-async function shutdownComputer (): Promise<void> {
+async function shutdownComputer(): Promise<void> {
   logger.silly('Shutdown MAA')
   const platform = getPlatform()
 
@@ -37,7 +37,7 @@ async function shutdownComputer (): Promise<void> {
   }
 }
 
-export default function useShutdownHooks (): void {
+export default function useShutdownHooks(): void {
   ipcMainHandle('main.ScheduleRunner:shutdown', async (event, arg) => {
     if (arg.option === 'shutdownEmulator') {
       await shutdownEmulator(arg.pid)
diff --git a/packages/main/hooks/storage.ts b/packages/main/hooks/storage.ts
index bc5a29be..54cdff17 100644
--- a/packages/main/hooks/storage.ts
+++ b/packages/main/hooks/storage.ts
@@ -3,15 +3,18 @@ import { ipcMainHandle } from '@main/utils/ipc-main'
 
 const storage = new Storage()
 
-export default function useStorageHooks (): void {
+export default function useStorageHooks(): void {
   ipcMainHandle('main.StorageManager:get', async (event, key: string) => {
     return storage.get(key)
   })
 
-  ipcMainHandle('main.StorageManager:set', async (event, key: string, val: any) => {
-    storage.set(key, val)
-    return true
-  })
+  ipcMainHandle(
+    'main.StorageManager:set',
+    async (event, key: string, val: any) => {
+      storage.set(key, val)
+      return true
+    }
+  )
 
   ipcMainHandle('main.StorageManager:has', async (event, key: string) => {
     return storage.has(key)
diff --git a/packages/main/hooks/task.ts b/packages/main/hooks/task.ts
index 8e59e1f9..fa84f38b 100644
--- a/packages/main/hooks/task.ts
+++ b/packages/main/hooks/task.ts
@@ -2,17 +2,20 @@ import fs from 'fs'
 import { ipcMainHandle } from '@main/utils/ipc-main'
 import logger from '@main/utils/logger'
 
-export default function useTaskHooks (): void {
-  ipcMainHandle('main.Task:readInfrastConfig', async (event, args: {filepath: string}) => {
-    if (!fs.existsSync(args.filepath)) {
-      logger.error('readInfrastConfig error, file not exist', args.filepath)
-      return ''
+export default function useTaskHooks(): void {
+  ipcMainHandle(
+    'main.Task:readInfrastConfig',
+    async (event, args: { filepath: string }) => {
+      if (!fs.existsSync(args.filepath)) {
+        logger.error('readInfrastConfig error, file not exist', args.filepath)
+        return ''
+      }
+      try {
+        return fs.readFileSync(args.filepath, 'utf-8')
+      } catch (error) {
+        logger.error('readInfrastConfig error', error, args.filepath)
+        return ''
+      }
     }
-    try {
-      return fs.readFileSync(args.filepath, 'utf-8')
-    } catch (error) {
-      logger.error('readInfrastConfig error', error, args.filepath)
-      return ''
-    }
-  })
+  )
 }
diff --git a/packages/main/hooks/version.ts b/packages/main/hooks/version.ts
index 8127d2d6..12d8f269 100644
--- a/packages/main/hooks/version.ts
+++ b/packages/main/hooks/version.ts
@@ -1,13 +1,13 @@
-import { app } from 'electron'
-import CoreLoader from '@main/coreLoader'
-import { ipcMainHandle } from '@main/utils/ipc-main'
-
-export default function useVersionHooks (): void {
-  ipcMainHandle('main.Util:getUiVersion', async (event) => {
-    return app.getVersion()
-  })
-
-  ipcMainHandle('main.CoreLoader:getCoreVersion', async (event) => {
-    return (new CoreLoader()).GetCoreVersion()
-  })
-}
+import { app } from 'electron'
+import CoreLoader from '@main/coreLoader'
+import { ipcMainHandle } from '@main/utils/ipc-main'
+
+export default function useVersionHooks(): void {
+  ipcMainHandle('main.Util:getUiVersion', async event => {
+    return app.getVersion()
+  })
+
+  ipcMainHandle('main.CoreLoader:getCoreVersion', async event => {
+    return new CoreLoader().GetCoreVersion()
+  })
+}
diff --git a/packages/main/index.ts b/packages/main/index.ts
index bf41719a..48dfa673 100644
--- a/packages/main/index.ts
+++ b/packages/main/index.ts
@@ -29,7 +29,7 @@ if (!app.requestSingleInstanceLock()) {
   process.exit(0)
 }
 
-async function createApp (): Promise<void> {
+async function createApp(): Promise<void> {
   const win = new WindowManager().getWindow()
   if (app.isPackaged || !isInDev()) {
     win.loadFile(join(__dirname, '../renderer/index.html'))
@@ -46,7 +46,7 @@ async function createApp (): Promise<void> {
     CoreLoader,
     DeviceDetector,
     DownloadManager,
-    ComponentManager
+    ComponentManager,
   ]
 
   for (const Ctor of modulesCtor) {
diff --git a/packages/main/storageManager/index.ts b/packages/main/storageManager/index.ts
index 7c285389..89ded0d4 100644
--- a/packages/main/storageManager/index.ts
+++ b/packages/main/storageManager/index.ts
@@ -14,11 +14,12 @@ type StorageOption<T> = Partial<{
   deserialize: (raw: string) => T
 }>
 
-const convertExt = (str?: string): string | undefined => (/\.\w+/.test(str ?? '') ? str : undefined)
+const convertExt = (str?: string): string | undefined =>
+  /\.\w+/.test(str ?? '') ? str : undefined
 
 @Singleton
 class Storage<T extends Object> implements Module {
-  constructor (option?: StorageOption<T>) {
+  constructor(option?: StorageOption<T>) {
     this.m_storage = option?.defaults ?? Object.create({})
     this.m_cwd = option?.cwd ?? app.getPath('userData')
     this.m_ext = convertExt(option?.ext) ?? '.json'
@@ -38,35 +39,35 @@ class Storage<T extends Object> implements Module {
     }
   }
 
-  public get name (): string {
+  public get name(): string {
     return 'StorageManager'
   }
 
-  public get version (): string {
+  public get version(): string {
     return '1.0.0'
   }
 
-  get (key: string): any {
+  get(key: string): any {
     return _.get(this.m_storage, key)
   }
 
-  set (key: string, value: any): void {
+  set(key: string, value: any): void {
     _.set(this.m_storage, key, value)
     this.saveToFile()
   }
 
-  has (key: string): boolean {
+  has(key: string): boolean {
     return _.has(this.m_storage, key)
   }
 
-  public get filepath (): string {
+  public get filepath(): string {
     return path.join(this.m_cwd, this.m_name + this.m_ext)
   }
 
   private readonly saveToFile = _.debounce(() => {
     fs.writeFileSync(this.filepath, this.m_serialize(this.m_storage))
     logger.silly('configuration saved')
-  }, 50);
+  }, 50)
 
   private readonly readFromFile = () => {
     try {
@@ -75,13 +76,13 @@ class Storage<T extends Object> implements Module {
     } catch (error) {
       logger.error('error while read config file:', this.filepath, error)
     }
-  };
+  }
 
-  private readonly m_cwd: string;
-  private readonly m_name: string;
-  private readonly m_ext: string;
-  private readonly m_serialize;
-  private readonly m_deserialize;
+  private readonly m_cwd: string
+  private readonly m_name: string
+  private readonly m_ext: string
+  private readonly m_serialize
+  private readonly m_deserialize
   private m_storage: T
 }
 
diff --git a/packages/main/utils/arguments.ts b/packages/main/utils/arguments.ts
index 1a5e7f23..44160f80 100644
--- a/packages/main/utils/arguments.ts
+++ b/packages/main/utils/arguments.ts
@@ -1,6 +1,6 @@
 type LexState = 'normal' | 'string'
 
-export function parseArguments (command: string): string[] {
+export function parseArguments(command: string): string[] {
   let state: LexState = 'normal'
   let singleQuote = false
   let tempString = ''
@@ -17,7 +17,7 @@ export function parseArguments (command: string): string[] {
         }
         break
       }
-      case '\'': {
+      case "'": {
         if (state === 'normal') {
           state = 'string'
           singleQuote = true
@@ -53,7 +53,9 @@ export function parseArguments (command: string): string[] {
     args.push(tempString.trim())
   }
   if (state === 'string') {
-    throw Error(`${singleQuote ? 'Single quote' : 'Double quote'} is not closed`)
+    throw Error(
+      `${singleQuote ? 'Single quote' : 'Double quote'} is not closed`
+    )
   }
   return args
 }
diff --git a/packages/main/utils/debug.ts b/packages/main/utils/debug.ts
index 09aed23a..21dc622e 100644
--- a/packages/main/utils/debug.ts
+++ b/packages/main/utils/debug.ts
@@ -1,34 +1,45 @@
-import installExtension from 'electron-devtools-installer'
-import { BrowserWindow } from 'electron'
-import logger from './logger'
-
-function useDebug (window: BrowserWindow): void {
-  installExtension('nhdogjmejiglipccpnnnanhbledajbpd')
-    .then((name) => logger.info(`Added Extension:  ${name}`))
-    .catch((err: Error) =>
-      logger.error(`An error occurred while install extension: ${err.message}`)
-    )
-  window.webContents.openDevTools({ mode: 'detach' })
-  // Bypass CORS
-  window.webContents.session.webRequest.onBeforeSendHeaders(
-    {
-      urls: ['https://prts.wiki/*', 'https://maa.alisaqaq.moe/*', 'https://penguin-stats.io/*']
-    },
-    (details, callback) => {
-      details.requestHeaders.Origin = new URL(details.url).origin
-      callback(details)
-    }
-  )
-  window.webContents.session.webRequest.onHeadersReceived(
-    {
-      urls: ['https://prts.wiki/*', 'https://maa.alisaqaq.moe/*', 'https://penguin-stats.io/*']
-    },
-    (details, callback) => {
-      const corsHeader = { 'access-control-allow-origin': '*' }
-      details.responseHeaders = Object.assign(details.responseHeaders ?? {}, corsHeader)
-      callback(details)
-    }
-  )
-}
-
-export default useDebug
+import installExtension from 'electron-devtools-installer'
+import { BrowserWindow } from 'electron'
+import logger from './logger'
+
+function useDebug(window: BrowserWindow): void {
+  installExtension('nhdogjmejiglipccpnnnanhbledajbpd')
+    .then(name => logger.info(`Added Extension:  ${name}`))
+    .catch((err: Error) =>
+      logger.error(`An error occurred while install extension: ${err.message}`)
+    )
+  window.webContents.openDevTools({ mode: 'detach' })
+  // Bypass CORS
+  window.webContents.session.webRequest.onBeforeSendHeaders(
+    {
+      urls: [
+        'https://prts.wiki/*',
+        'https://maa.alisaqaq.moe/*',
+        'https://penguin-stats.io/*',
+      ],
+    },
+    (details, callback) => {
+      details.requestHeaders.Origin = new URL(details.url).origin
+      callback(details)
+    }
+  )
+  window.webContents.session.webRequest.onHeadersReceived(
+    {
+      urls: [
+        'https://prts.wiki/*',
+        'https://maa.alisaqaq.moe/*',
+        'https://penguin-stats.io/*',
+      ],
+    },
+    (details, callback) => {
+      const corsHeader = { 'access-control-allow-origin': '*' }
+      details.responseHeaders = Object.assign(
+        details.responseHeaders ?? {},
+        corsHeader
+      )
+      callback(details)
+    }
+  )
+}
+
+export default useDebug
diff --git a/packages/main/utils/dialog.ts b/packages/main/utils/dialog.ts
index 3da21d93..9261086a 100644
--- a/packages/main/utils/dialog.ts
+++ b/packages/main/utils/dialog.ts
@@ -1 +1 @@
-import { ipcMainHandle } from './ipc-main'
+import { ipcMainHandle } from './ipc-main'
diff --git a/packages/main/utils/encoding.ts b/packages/main/utils/encoding.ts
index 1c61c0bb..b1c466c5 100644
--- a/packages/main/utils/encoding.ts
+++ b/packages/main/utils/encoding.ts
@@ -1,10 +1,12 @@
-import iconv from 'iconv-lite'
-
-export const utf8Encode = (str: string): Buffer => iconv.encode(str, 'utf8')
-export const gb2312Encode = (str: string): Buffer => iconv.encode(str, 'gb2312')
-
-export const utf8Decode = (buf: Buffer): string => iconv.decode(buf, 'utf8')
-export const gb2312Decode = (buf: Buffer): string => iconv.decode(buf, 'gb2312')
-
-export const utf8ToGb2312 = (str: string): string => gb2312Decode(utf8Encode(str))
-export const gb2312ToUtf8 = (str: string): string => utf8Decode(gb2312Encode(str))
+import iconv from 'iconv-lite'
+
+export const utf8Encode = (str: string): Buffer => iconv.encode(str, 'utf8')
+export const gb2312Encode = (str: string): Buffer => iconv.encode(str, 'gb2312')
+
+export const utf8Decode = (buf: Buffer): string => iconv.decode(buf, 'utf8')
+export const gb2312Decode = (buf: Buffer): string => iconv.decode(buf, 'gb2312')
+
+export const utf8ToGb2312 = (str: string): string =>
+  gb2312Decode(utf8Encode(str))
+export const gb2312ToUtf8 = (str: string): string =>
+  utf8Decode(gb2312Encode(str))
diff --git a/packages/main/utils/logger.ts b/packages/main/utils/logger.ts
index b2ec5d0f..374d174f 100644
--- a/packages/main/utils/logger.ts
+++ b/packages/main/utils/logger.ts
@@ -6,12 +6,12 @@ import { createWriteStream, mkdirSync, existsSync, WriteStream } from 'fs'
 import { getAppBaseDir } from './path'
 
 class Logger {
-  public constructor () {
+  public constructor() {
     this.main_ = new tslog.Logger({
-      name: 'main'
+      name: 'main',
     })
     this.renderer_ = new tslog.Logger({
-      name: 'renderer'
+      name: 'renderer',
     })
 
     if (!existsSync(this.log_file_dir_)) {
@@ -21,30 +21,33 @@ class Logger {
     const date = format(new Date(), 'yyyyMMdd')
     this.log_file_path_ = path.join(this.log_file_dir_, `Maa App-${date}.log`)
 
-    this.log_file_ = createWriteStream(
-      this.log_file_path_,
-      { flags: 'a' }
+    this.log_file_ = createWriteStream(this.log_file_path_, { flags: 'a' })
+
+    this.main_.attachTransport(
+      {
+        silly: this.logToTransport,
+        debug: this.logToTransport,
+        trace: this.logToTransport,
+        info: this.logToTransport,
+        warn: this.logToTransport,
+        error: this.logToTransport,
+        fatal: this.logToTransport,
+      },
+      'debug'
     )
 
-    this.main_.attachTransport({
-      silly: this.logToTransport,
-      debug: this.logToTransport,
-      trace: this.logToTransport,
-      info: this.logToTransport,
-      warn: this.logToTransport,
-      error: this.logToTransport,
-      fatal: this.logToTransport
-    }, 'debug')
-
-    this.renderer_.attachTransport({
-      silly: this.logToTransport,
-      debug: this.logToTransport,
-      trace: this.logToTransport,
-      info: this.logToTransport,
-      warn: this.logToTransport,
-      error: this.logToTransport,
-      fatal: this.logToTransport
-    }, 'debug')
+    this.renderer_.attachTransport(
+      {
+        silly: this.logToTransport,
+        debug: this.logToTransport,
+        trace: this.logToTransport,
+        info: this.logToTransport,
+        warn: this.logToTransport,
+        error: this.logToTransport,
+        fatal: this.logToTransport,
+      },
+      'debug'
+    )
 
     ipcMainHandle('main.Util:LogSilly', (event, ...params) => {
       this.renderer_.silly(...params)
@@ -70,26 +73,27 @@ class Logger {
   }
 
   private readonly logToTransport = (logObject: ILogObject): void => {
-    this.main_.getChildLogger({
-      colorizePrettyLogs: false,
-      dateTimeTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-      prettyInspectOptions: {
-        colors: false,
-        depth: 20
-      }
-    })
+    this.main_
+      .getChildLogger({
+        colorizePrettyLogs: false,
+        dateTimeTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        prettyInspectOptions: {
+          colors: false,
+          depth: 20,
+        },
+      })
       .printPrettyLog(this.log_file_, logObject)
   }
 
-  public get logFilePath (): string {
+  public get logFilePath(): string {
     return this.log_file_path_
   }
 
-  public get logFileDir (): string {
+  public get logFileDir(): string {
     return this.log_file_dir_
   }
 
-  public get main (): tslog.Logger {
+  public get main(): tslog.Logger {
     return this.main_
   }
 
diff --git a/packages/main/utils/os.ts b/packages/main/utils/os.ts
index d7d15cbc..711a86f3 100644
--- a/packages/main/utils/os.ts
+++ b/packages/main/utils/os.ts
@@ -1,56 +1,57 @@
-import SystemInformation from 'systeminformation'
-import electron from 'electron'
-
-export const getArch = (): Api.Maa.Arch => {
-  let arch: Api.Maa.Arch = 'NoArch'
-  switch (process.arch) {
-    case 'x64':
-      arch = 'x64'
-      break
-    case 'arm64':
-      arch = 'arm64'
-      break
-  }
-  return arch
-}
-
-export const getPlatform = (): Api.Maa.Platform => {
-  let platform: Api.Maa.Platform = 'NoPlatform'
-  switch (process.platform) {
-    case 'win32':
-      platform = 'windows'
-      break
-    case 'darwin':
-      platform = 'macos'
-      break
-    case 'linux':
-      platform = 'linux'
-      break
-  }
-  return platform
-}
-
-export const getSystemInformation = async (): Promise<any> => {
-  return await SystemInformation.getStaticData()
-}
-
-export const getDownloadUrlSuffix = (): string => {
-  let ret = ''
-  const platform = getPlatform()
-  switch (platform) {
-    case 'windows':
-      ret = '-win-x64'
-      break
-    case 'macos':
-      ret = '-macos'
-      break
-  }
-  return ret
-}
-
-export const isInDev = (): boolean => {
-  // https://github.com/sindresorhus/electron-is-dev/blob/main/index.js
-  const isEnvSet = 'ELECTRON_IS_DEV' in process.env
-  const getFromEnv = Number.parseInt(process.env.ELECTRON_IS_DEV as string, 10) === 1
-  return isEnvSet ? getFromEnv : !electron.app.isPackaged
-}
+import SystemInformation from 'systeminformation'
+import electron from 'electron'
+
+export const getArch = (): Api.Maa.Arch => {
+  let arch: Api.Maa.Arch = 'NoArch'
+  switch (process.arch) {
+    case 'x64':
+      arch = 'x64'
+      break
+    case 'arm64':
+      arch = 'arm64'
+      break
+  }
+  return arch
+}
+
+export const getPlatform = (): Api.Maa.Platform => {
+  let platform: Api.Maa.Platform = 'NoPlatform'
+  switch (process.platform) {
+    case 'win32':
+      platform = 'windows'
+      break
+    case 'darwin':
+      platform = 'macos'
+      break
+    case 'linux':
+      platform = 'linux'
+      break
+  }
+  return platform
+}
+
+export const getSystemInformation = async (): Promise<any> => {
+  return await SystemInformation.getStaticData()
+}
+
+export const getDownloadUrlSuffix = (): string => {
+  let ret = ''
+  const platform = getPlatform()
+  switch (platform) {
+    case 'windows':
+      ret = '-win-x64'
+      break
+    case 'macos':
+      ret = '-macos'
+      break
+  }
+  return ret
+}
+
+export const isInDev = (): boolean => {
+  // https://github.com/sindresorhus/electron-is-dev/blob/main/index.js
+  const isEnvSet = 'ELECTRON_IS_DEV' in process.env
+  const getFromEnv =
+    Number.parseInt(process.env.ELECTRON_IS_DEV as string, 10) === 1
+  return isEnvSet ? getFromEnv : !electron.app.isPackaged
+}
diff --git a/packages/main/utils/path.ts b/packages/main/utils/path.ts
index 4dd08ec2..2f69dadc 100644
--- a/packages/main/utils/path.ts
+++ b/packages/main/utils/path.ts
@@ -1,7 +1,8 @@
 import { app, shell } from 'electron'
 import path from 'path'
 
-export const getAppBaseDir = (): string => path.join(app.getPath('appData'), app.getName())
+export const getAppBaseDir = (): string =>
+  path.join(app.getPath('appData'), app.getName())
 
 export const openFolder = (type: 'core' | 'ui-log' | 'core-log'): void => {
   const baseAppDir = getAppBaseDir()
diff --git a/packages/main/utils/proxy.ts b/packages/main/utils/proxy.ts
index 5b27477c..e9332807 100644
--- a/packages/main/utils/proxy.ts
+++ b/packages/main/utils/proxy.ts
@@ -1,10 +1,12 @@
-import type { BrowserWindow } from 'electron'
-
-async function detectSystemProxy (window: BrowserWindow): Promise<string | undefined> {
-  const ses = window.webContents.session
-  const resolved = await ses.resolveProxy('https://www.google.com')
-  const proxy = resolved.replace('PROXY', '').trim()
-  return proxy === 'DIRECT' ? undefined : `http://${proxy}`
-}
-
-export default detectSystemProxy
+import type { BrowserWindow } from 'electron'
+
+async function detectSystemProxy(
+  window: BrowserWindow
+): Promise<string | undefined> {
+  const ses = window.webContents.session
+  const resolved = await ses.resolveProxy('https://www.google.com')
+  const proxy = resolved.replace('PROXY', '').trim()
+  return proxy === 'DIRECT' ? undefined : `http://${proxy}`
+}
+
+export default detectSystemProxy
diff --git a/packages/main/utils/shell.ts b/packages/main/utils/shell.ts
index 9c322ea4..33aa030a 100644
--- a/packages/main/utils/shell.ts
+++ b/packages/main/utils/shell.ts
@@ -8,14 +8,18 @@ interface ProcessOutput {
   stderr: string
 }
 
-const textDecoder = (buf: Buffer): string => iconv.decode(buf, getPlatform() === 'windows' ? 'gb2312' : 'utf8')
+const textDecoder = (buf: Buffer): string =>
+  iconv.decode(buf, getPlatform() === 'windows' ? 'gb2312' : 'utf8')
 
 /**
  * 异步执行shell命令,
  * 示例: $\`tasklist | findstr ${name}\`
  * @returns Promise<{stdout:string, stderr:string}>
  */
-export async function $ (pieces: TemplateStringsArray, ...args: string[]): Promise<ProcessOutput> {
+export async function $(
+  pieces: TemplateStringsArray,
+  ...args: string[]
+): Promise<ProcessOutput> {
   const ret = { stderr: '', stdout: '' }
 
   let cmd = pieces[0]
@@ -28,10 +32,10 @@ export async function $ (pieces: TemplateStringsArray, ...args: string[]): Promi
   logger.info(`exec: ${cmd}`)
 
   try {
-    const { stdout, stderr } = (await execa(cmd, {
+    const { stdout, stderr } = await execa(cmd, {
       shell: getPlatform() === 'windows' ? 'powershell' : 'bash',
-      encoding: null
-    }))
+      encoding: null,
+    })
     ret.stdout = textDecoder(stdout)
     ret.stderr = textDecoder(stderr)
   } catch (err: any) {
@@ -50,13 +54,17 @@ export async function $ (pieces: TemplateStringsArray, ...args: string[]): Promi
  * @param args 参数
  * @returns Promise<{stdout:string, stderr:string}>
  */
-export async function $$ (file: string, args?: string[]): Promise<ProcessOutput> {
+export async function $$(
+  file: string,
+  args?: string[]
+): Promise<ProcessOutput> {
   const ret = { stderr: '', stdout: '' }
   logger.info(`exec: ${file} ${args ? args.join(' ') : ''}`)
   try {
-    const { stdout, stderr } = (await execa(file, args, {
-      encoding: null, detached: true
-    }))
+    const { stdout, stderr } = await execa(file, args, {
+      encoding: null,
+      detached: true,
+    })
     ret.stdout = textDecoder(stdout)
     ret.stderr = textDecoder(stderr)
   } catch (err: any) {
diff --git a/packages/main/utils/ui.ts b/packages/main/utils/ui.ts
index b3f700f1..b31ca711 100644
--- a/packages/main/utils/ui.ts
+++ b/packages/main/utils/ui.ts
@@ -1,9 +1,10 @@
-import { ipcMainSend } from '@main/utils/ipc-main'
-import type { MessageOptions } from 'naive-ui/lib/message/index'
-
-export default {
-  message: (message: string, options: MessageOptions = {}) => ipcMainSend('renderer.WindowManager:showMessage', {
-    message,
-    options
-  })
-}
+import { ipcMainSend } from '@main/utils/ipc-main'
+import type { MessageOptions } from 'naive-ui/lib/message/index'
+
+export default {
+  message: (message: string, options: MessageOptions = {}) =>
+    ipcMainSend('renderer.WindowManager:showMessage', {
+      message,
+      options,
+    }),
+}
diff --git a/packages/main/vite.config.ts b/packages/main/vite.config.ts
index 18943f6d..423d4786 100644
--- a/packages/main/vite.config.ts
+++ b/packages/main/vite.config.ts
@@ -10,15 +10,15 @@ export default defineConfig({
   resolve: {
     alias: {
       '@main': __dirname,
-      '@common': path.join(__dirname, '../common')
-    }
+      '@common': path.join(__dirname, '../common'),
+    },
   },
   build: {
     outDir: '../../dist/main',
     lib: {
       entry: 'index.ts',
       formats: ['cjs'],
-      fileName: () => '[name].cjs'
+      fileName: () => '[name].cjs',
     },
     minify: process.env./* from mode option */ NODE_ENV === 'production',
     sourcemap: true,
@@ -27,8 +27,8 @@ export default defineConfig({
       external: [
         'electron',
         ...builtinModules,
-        ...Object.keys(pkg.dependencies || {})
-      ]
-    }
-  }
+        ...Object.keys(pkg.dependencies || {}),
+      ],
+    },
+  },
 })
diff --git a/packages/main/windowManager/control.ts b/packages/main/windowManager/control.ts
index c67e054f..71074938 100644
--- a/packages/main/windowManager/control.ts
+++ b/packages/main/windowManager/control.ts
@@ -13,14 +13,14 @@ type DialogProperty =
   | 'treatPackageAsDirectory'
   | 'dontAddToRecent'
 
-export default function useController (window: BrowserWindow): void {
+export default function useController(window: BrowserWindow): void {
   ipcMain.on('main.WindowManager:closeWindow', () => {
     if (window.isClosable()) {
       window.close()
     }
   })
 
-  ipcMain.handle('main.WindowManager:toggleMaximized', async (event) => {
+  ipcMain.handle('main.WindowManager:toggleMaximized', async event => {
     if (!window.isMaximized() && window.isMaximizable()) {
       window.maximize()
       return true
@@ -32,35 +32,44 @@ export default function useController (window: BrowserWindow): void {
     }
   })
 
-  ipcMain.handle('main.WindowManager:minimize', async (event) => {
+  ipcMain.handle('main.WindowManager:minimize', async event => {
     if (window.isMinimizable()) {
       window.minimize()
       return true
     }
   })
 
-  ipcMain.handle('main.WindowManager:isMaximized', async (event) => {
+  ipcMain.handle('main.WindowManager:isMaximized', async event => {
     return window.isMaximized()
   })
 
   window.on('maximize', () => {
-    window.webContents.send('renderer.WindowManager:updateMaximized', window.isMaximized())
+    window.webContents.send(
+      'renderer.WindowManager:updateMaximized',
+      window.isMaximized()
+    )
   })
 
   window.on('unmaximize', () => {
-    window.webContents.send('renderer.WindowManager:updateMaximized', window.isMaximized())
+    window.webContents.send(
+      'renderer.WindowManager:updateMaximized',
+      window.isMaximized()
+    )
   })
 
-  ipcMainHandle('main.WindowManager:openDialog', async (
-    event,
-    title: string,
-    properties: DialogProperty[],
-    filters: Electron.FileFilter[]
-  ) => {
-    return await dialog.showOpenDialog(window, {
-      title: title,
-      properties: properties,
-      filters: filters
-    })
-  })
+  ipcMainHandle(
+    'main.WindowManager:openDialog',
+    async (
+      event,
+      title: string,
+      properties: DialogProperty[],
+      filters: Electron.FileFilter[]
+    ) => {
+      return await dialog.showOpenDialog(window, {
+        title: title,
+        properties: properties,
+        filters: filters,
+      })
+    }
+  )
 }
diff --git a/packages/main/windowManager/index.ts b/packages/main/windowManager/index.ts
index 10eaf06e..39ce50ce 100644
--- a/packages/main/windowManager/index.ts
+++ b/packages/main/windowManager/index.ts
@@ -6,24 +6,30 @@ import useTheme from './theme'
 import Storage from '@main/storageManager'
 import { getPlatform } from '@main/utils/os'
 
-const createWindow = (options?: BrowserWindowConstructorOptions): BrowserWindow => {
+const createWindow = (
+  options?: BrowserWindowConstructorOptions
+): BrowserWindow => {
   const storage = new Storage()
-  const module = getPlatform() === 'windows' && storage.get('theme.acrylic')
-    ? require('electron-acrylic-window')
-    : require('electron')
+  const module =
+    getPlatform() === 'windows' && storage.get('theme.acrylic')
+      ? require('electron-acrylic-window')
+      : require('electron')
   const Ctor = module.BrowserWindow
   return new Ctor(options)
 }
 
 @Singleton
 class WindowManager implements Module {
-  constructor () {
+  constructor() {
     const storage = new Storage()
     this.window_ = createWindow({
       transparent: true,
       frame: false,
       icon: join(__dirname, '../renderer/assets/icon.png'),
-      vibrancy: getPlatform() === 'macos' && storage.get('theme.acrylic') ? 'under-window' : 'appearance-based',
+      vibrancy:
+        getPlatform() === 'macos' && storage.get('theme.acrylic')
+          ? 'under-window'
+          : 'appearance-based',
       width: 1024,
       height: 768,
       minWidth: 800,
@@ -32,28 +38,28 @@ class WindowManager implements Module {
         // 编译后的模块仍然是main/index.cjs
         preload: join(__dirname, '../preload/index.cjs'),
         sandbox: true,
-        contextIsolation: true
-      }
+        contextIsolation: true,
+      },
     })
     useController(this.window_)
     useTheme(this.window_)
   }
 
-  public get name (): string {
+  public get name(): string {
     return 'WindowManager'
   }
 
-  public get version (): string {
+  public get version(): string {
     return '1.0.0'
   }
 
   private readonly window_: BrowserWindow
 
-  public getWindow (): BrowserWindow {
+  public getWindow(): BrowserWindow {
     return this.window_
   }
 
-  public destoryWindow (): void {
+  public destoryWindow(): void {
     if (this.window_ !== null) {
       this.window_.destroy()
     }
diff --git a/packages/main/windowManager/theme.ts b/packages/main/windowManager/theme.ts
index 4dfbdb40..698dfd6a 100644
--- a/packages/main/windowManager/theme.ts
+++ b/packages/main/windowManager/theme.ts
@@ -3,28 +3,34 @@ import { nativeTheme, BrowserWindow } from 'electron'
 import { getPlatform } from '@main/utils/os'
 import Storage from '@main/storageManager'
 
-export default function useTheme (window: BrowserWindow): void {
+export default function useTheme(window: BrowserWindow): void {
   const themeEvent = (): void => {
     const isDark = nativeTheme.shouldUseDarkColors
-    ipcMainSend('renderer.AppearanceManager:systemThemeUpdated', isDark ? 'maa-dark' : 'maa-light')
+    ipcMainSend(
+      'renderer.AppearanceManager:systemThemeUpdated',
+      isDark ? 'maa-dark' : 'maa-light'
+    )
   }
 
-  ipcMainHandle('main.AppearanceManager:themeUpdated', async (event, isDark) => {
-    const storage = new Storage()
-    if (getPlatform() === 'windows' && storage.get('theme.acrylic')) {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      const { setVibrancy } = require('electron-acrylic-window')
-      setVibrancy(window, {
-        theme: isDark ? 'dark' : 'light',
-        effect: 'acrylic'
-      })
+  ipcMainHandle(
+    'main.AppearanceManager:themeUpdated',
+    async (event, isDark) => {
+      const storage = new Storage()
+      if (getPlatform() === 'windows' && storage.get('theme.acrylic')) {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const { setVibrancy } = require('electron-acrylic-window')
+        setVibrancy(window, {
+          theme: isDark ? 'dark' : 'light',
+          effect: 'acrylic',
+        })
+      }
+      if (getPlatform() === 'macos' && storage.get('theme.acrylic')) {
+        window.setVibrancy(isDark ? 'dark' : 'light')
+      }
     }
-    if (getPlatform() === 'macos' && storage.get('theme.acrylic')) {
-      window.setVibrancy(isDark ? 'dark' : 'light')
-    }
-  })
+  )
 
-  ipcMainHandle('main.WindowManager:loaded', async (event) => {
+  ipcMainHandle('main.WindowManager:loaded', async event => {
     themeEvent()
     ipcMainSend('renderer.WindowManager:loaded')
   })
diff --git a/packages/preload/Loading.vue b/packages/preload/Loading.vue
index 00423cd0..3f6213b2 100644
--- a/packages/preload/Loading.vue
+++ b/packages/preload/Loading.vue
@@ -1,8 +1,6 @@
 <script lang="ts" setup>
 import Icon from '../renderer/src/assets/logo/icon.png'
-import {
-  NImage,
-} from 'naive-ui'
+import { NImage } from 'naive-ui'
 import { getTip } from './tips'
 import { ref, onMounted } from 'vue'
 import anime from 'animejs'
@@ -14,66 +12,75 @@ window.updateLoadingText = function (text: string) {
 }
 
 onMounted(() => {
-  anime.timeline({
-    loop: true,
-    direction: 'alternate',
-  }).add({
-    targets: '#loadingText .letter',
-    translateY: ['1.5em', 0],
-    translateZ: 0,
-    duration: 750,
-    delay: (el, i) => 750 / loadingText.value.length * i
-  })
+  anime
+    .timeline({
+      loop: true,
+      direction: 'alternate',
+    })
+    .add({
+      targets: '#loadingText .letter',
+      translateY: ['1.5em', 0],
+      translateZ: 0,
+      duration: 750,
+      delay: (el, i) => (750 / loadingText.value.length) * i,
+    })
 
-  anime.timeline({
-    loop: true,
-    direction: 'alternate',
-  }).add({
-    targets: '#logo',
-    rotateZ: ['-10deg', '10deg'],
-    duration: 2000,
-    easing: 'cubicBezier(.5, .05, .1, .3)'
-  })
+  anime
+    .timeline({
+      loop: true,
+      direction: 'alternate',
+    })
+    .add({
+      targets: '#logo',
+      rotateZ: ['-10deg', '10deg'],
+      duration: 2000,
+      easing: 'cubicBezier(.5, .05, .1, .3)',
+    })
 })
 </script>
 
 <template>
-  <div :style="{
-    display: 'flex',
-    position: 'fixed',
-    height: '100vh',
-    width: '100vw',
-    top: 0,
-    left: 0,
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'space-around',
-    zIndex: 9999,
-    color: 'white !important',
-    // background: 'rgba(100,97,154,.75)',
-    background: 'rgba(0,0,0,.75)',
-    pointerEvents: 'none',
-   }"
+  <div
+    :style="{
+      display: 'flex',
+      position: 'fixed',
+      height: '100vh',
+      width: '100vw',
+      top: 0,
+      left: 0,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'space-around',
+      zIndex: 9999,
+      color: 'white !important',
+      // background: 'rgba(100,97,154,.75)',
+      background: 'rgba(0,0,0,.75)',
+      pointerEvents: 'none',
+    }"
   >
     <NImage
-        :src="Icon"
-        alt="logo"
-        :preview-disabled="true"
-        object-fit="cover"
-        :width="450"
-        :height="450"
-        :img-props="{
-          id: 'logo',
-          style: {
-            userSelect: 'none',
-            userDrag: 'none',
-            transformOrigin: '54.2% 2.8%',
-          }
-        }"
+      :src="Icon"
+      alt="logo"
+      :preview-disabled="true"
+      object-fit="cover"
+      :width="450"
+      :height="450"
+      :img-props="{
+        id: 'logo',
+        style: {
+          userSelect: 'none',
+          userDrag: 'none',
+          transformOrigin: '54.2% 2.8%',
+        },
+      }"
     />
-    <h2 id="loadingText" style="position: relative;">
-      <span style="position: relative; display: inline-block; overflow: hidden;">
-        <span v-for="letter in loadingText" class="letter" style="display: inline-block; line-height: 1em;">
+    <h2 id="loadingText" style="position: relative">
+      <span style="position: relative; display: inline-block; overflow: hidden">
+        <span
+          v-for="letter in loadingText"
+          class="letter"
+          style="display: inline-block; line-height: 1em"
+        >
           {{ letter }}
         </span>
       </span>
diff --git a/packages/preload/index.ts b/packages/preload/index.ts
index 95e4a2ab..51cdaa95 100644
--- a/packages/preload/index.ts
+++ b/packages/preload/index.ts
@@ -1,19 +1,25 @@
-import { contextBridge, ipcRenderer } from "electron";
-import { domReady } from "./utils";
-import { useLoading } from "./loading";
+import { contextBridge, ipcRenderer } from 'electron'
+import { domReady } from './utils'
+import { useLoading } from './loading'
 
-const { appendLoading, removeLoading } = useLoading();
+const { appendLoading, removeLoading } = useLoading()
 
-(async () => {
-  await domReady();
+;(async () => {
+  await domReady()
 
-  appendLoading();
-})();
+  appendLoading()
+})()
 
 // --------- Expose some API to the Renderer process. ---------
 const ipc = {
-  on: (channel: IpcRendererHandleEvent, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => void): Electron.IpcRenderer => {
-    ipcRenderer.send('main.Util:LogSilly', `ipcRenderer event "${channel}" registered`)
+  on: (
+    channel: IpcRendererHandleEvent,
+    listener: (event: Electron.IpcRendererEvent, ...args: any[]) => void
+  ): Electron.IpcRenderer => {
+    ipcRenderer.send(
+      'main.Util:LogSilly',
+      `ipcRenderer event "${channel}" registered`
+    )
     return ipcRenderer.on(channel, listener)
   },
   send: (channel: IpcMainHandleEvent, ...args: any[]): void => {
@@ -24,30 +30,36 @@ const ipc = {
     ipcRenderer.send('main.Util:LogSilly', `ipcMain event "${channel}" invoked`)
     return ipcRenderer.invoke(channel, ...args)
   },
-  off: (channel: IpcRendererHandleEvent, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => void): Electron.IpcRenderer => {
-    ipcRenderer.send('main.Util:LogSilly', `ipcRenderer event "${channel}" unregistered`)
+  off: (
+    channel: IpcRendererHandleEvent,
+    listener: (event: Electron.IpcRendererEvent, ...args: any[]) => void
+  ): Electron.IpcRenderer => {
+    ipcRenderer.send(
+      'main.Util:LogSilly',
+      `ipcRenderer event "${channel}" unregistered`
+    )
     return ipcRenderer.off(channel, listener)
-  }
+  },
 }
 
-contextBridge.exposeInMainWorld("removeLoading", removeLoading);
-contextBridge.exposeInMainWorld("ipcRenderer", withPrototype(ipc));
+contextBridge.exposeInMainWorld('removeLoading', removeLoading)
+contextBridge.exposeInMainWorld('ipcRenderer', withPrototype(ipc))
 
 // `exposeInMainWorld` can't detect attributes and methods of `prototype`, manually patching it.
 function withPrototype(obj: Record<string, any>) {
-  const protos = Object.getPrototypeOf(obj);
+  const protos = Object.getPrototypeOf(obj)
 
   for (const [key, value] of Object.entries(protos)) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (Object.prototype.hasOwnProperty.call(obj, key)) continue
 
-    if (typeof value === "function") {
+    if (typeof value === 'function') {
       // Some native APIs, like `NodeJS.EventEmitter['on']`, don't work in the Renderer process. Wrapping them into a function.
       obj[key] = function (...args: any) {
-        return value.call(obj, ...args);
-      };
+        return value.call(obj, ...args)
+      }
     } else {
-      obj[key] = value;
+      obj[key] = value
     }
   }
-  return obj;
+  return obj
 }
diff --git a/packages/preload/tips.ts b/packages/preload/tips.ts
index 19516527..023a353a 100644
--- a/packages/preload/tips.ts
+++ b/packages/preload/tips.ts
@@ -3,9 +3,9 @@ import _ from 'lodash'
 const tips = [
   '你知道吗? MAA 是 MAA Assistant Arknights 的简称',
   '牛牛喝酒!',
-  '冷知识: 慕斯有两条尾巴'
+  '冷知识: 慕斯有两条尾巴',
 ]
 
 export function getTip() {
-  return _.shuffle(tips)[0];
+  return _.shuffle(tips)[0]
 }
diff --git a/packages/preload/tsconfig.json b/packages/preload/tsconfig.json
index 8c824314..bb3c411a 100644
--- a/packages/preload/tsconfig.json
+++ b/packages/preload/tsconfig.json
@@ -9,10 +9,7 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": [
-      "esnext",
-      "dom"
-    ],
+    "lib": ["esnext", "dom"],
     "baseUrl": ".",
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true
diff --git a/packages/preload/utils.ts b/packages/preload/utils.ts
index 5d9d6ba5..e9a5a9bb 100644
--- a/packages/preload/utils.ts
+++ b/packages/preload/utils.ts
@@ -1,16 +1,16 @@
 /** docoment ready */
 export function domReady(
-  condition: DocumentReadyState[] = ["complete", "interactive"]
+  condition: DocumentReadyState[] = ['complete', 'interactive']
 ) {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     if (condition.includes(document.readyState)) {
-      resolve(true);
+      resolve(true)
     } else {
-      document.addEventListener("readystatechange", () => {
+      document.addEventListener('readystatechange', () => {
         if (condition.includes(document.readyState)) {
-          resolve(true);
+          resolve(true)
         }
-      });
+      })
     }
-  });
+  })
 }
diff --git a/packages/preload/vite.config.ts b/packages/preload/vite.config.ts
index 6e5bd498..ec64f1e2 100644
--- a/packages/preload/vite.config.ts
+++ b/packages/preload/vite.config.ts
@@ -1,29 +1,27 @@
-import { builtinModules } from "module";
-import { defineConfig } from "vite";
-import pkg from "../../package.json";
-import vue from "@vitejs/plugin-vue";
+import { builtinModules } from 'module'
+import { defineConfig } from 'vite'
+import pkg from '../../package.json'
+import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
   root: __dirname,
   build: {
-    outDir: "../../dist/preload",
+    outDir: '../../dist/preload',
     lib: {
-      entry: "index.ts",
-      formats: ["cjs"],
-      fileName: () => "[name].cjs",
+      entry: 'index.ts',
+      formats: ['cjs'],
+      fileName: () => '[name].cjs',
     },
     sourcemap: true,
-    minify: process.env.NODE_ENV === "production",
+    minify: process.env.NODE_ENV === 'production',
     emptyOutDir: true,
     rollupOptions: {
       external: [
-        "electron",
+        'electron',
         ...builtinModules,
         ...Object.keys(pkg.dependencies || {}),
       ],
     },
   },
-  plugins: [
-    vue(),
-  ]
-});
+  plugins: [vue()],
+})
diff --git a/packages/renderer/src/App.less b/packages/renderer/src/App.less
index 4be937f4..e4069f32 100644
--- a/packages/renderer/src/App.less
+++ b/packages/renderer/src/App.less
@@ -1,72 +1,72 @@
-@font-face {
-  font-family: "Cera Round Pro";
-  src: url("@/assets/fonts/TypeMates Cera Round Pro Bold.otf"),
-    url("@/assets/fonts/TypeMates Cera Round Pro Black.otf"),
-    url("@/assets/fonts/TypeMates Cera Round Pro Light.otf"),
-    url("@/assets/fonts/TypeMates Cera Round Pro Medium.otf"),
-    url("@/assets/fonts/TypeMates Cera Round Pro Regular.otf"),
-    url("@/assets/fonts/TypeMates Cera Round Pro Thin.otf");
-}
-
-@font-face {
-  font-family: "Sarasa UI";
-  src: url("@/assets/fonts/sarasa-ui-sc-bold.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-bolditalic.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-extralight.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-extralightitalic.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-italic.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-light.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-lightitalic.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-regular.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-semibold.ttf"),
-    url("@/assets/fonts/sarasa-ui-sc-semibolditalic.ttf");
-}
-
-@font-face {
-  font-family: "Sea Monster";
-  src: url("@/assets/fonts/AgeFonts001 Regular.ttf");
-}
-
-:root {
-  background: none;
-  font-family: "Cera Round Pro", "PingFang SC", "Sarasa UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Open Sans", sans-serif;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-
-body.monster {
-  font-family: 'Sea Monster' !important;
-}
-
-body {
-  min-height: 100vh;
-  overflow: hidden;
-  margin: 0;
-  background-color: transparent !important;
-  font-family: inherit !important;
-}
-
-.main {
-  flex: 1;
-  min-height: 100vh;
-  // 底部预留20px空间，side-bar与main相同
-  max-height: calc(100vh - 60px - 20px);
-  padding: 0 32px;
-  & > .n-scrollbar-container {
-    margin: 60px 0;
-  }
-}
-
-.side-bar {
-  text-align: left;
-  padding: 0 16px;
-  min-height: 100vh;
-  max-height: calc(100vh - 32px - 20px);
-  width: 256px;
-  & > .n-scrollbar-container {
-    margin: 32px 0;
-  }
-}
+@font-face {
+  font-family: 'Cera Round Pro';
+  src: url('@/assets/fonts/TypeMates Cera Round Pro Bold.otf'),
+    url('@/assets/fonts/TypeMates Cera Round Pro Black.otf'),
+    url('@/assets/fonts/TypeMates Cera Round Pro Light.otf'),
+    url('@/assets/fonts/TypeMates Cera Round Pro Medium.otf'),
+    url('@/assets/fonts/TypeMates Cera Round Pro Regular.otf'),
+    url('@/assets/fonts/TypeMates Cera Round Pro Thin.otf');
+}
+
+@font-face {
+  font-family: 'Sarasa UI';
+  src: url('@/assets/fonts/sarasa-ui-sc-bold.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-bolditalic.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-extralight.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-extralightitalic.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-italic.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-light.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-lightitalic.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-regular.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-semibold.ttf'),
+    url('@/assets/fonts/sarasa-ui-sc-semibolditalic.ttf');
+}
+
+@font-face {
+  font-family: 'Sea Monster';
+  src: url('@/assets/fonts/AgeFonts001 Regular.ttf');
+}
+
+:root {
+  background: none;
+  font-family: 'Cera Round Pro', 'PingFang SC', 'Sarasa UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Open Sans', sans-serif;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+body.monster {
+  font-family: 'Sea Monster' !important;
+}
+
+body {
+  min-height: 100vh;
+  overflow: hidden;
+  margin: 0;
+  background-color: transparent !important;
+  font-family: inherit !important;
+}
+
+.main {
+  flex: 1;
+  min-height: 100vh;
+  // 底部预留20px空间，side-bar与main相同
+  max-height: calc(100vh - 60px - 20px);
+  padding: 0 32px;
+  & > .n-scrollbar-container {
+    margin: 60px 0;
+  }
+}
+
+.side-bar {
+  text-align: left;
+  padding: 0 16px;
+  min-height: 100vh;
+  max-height: calc(100vh - 32px - 20px);
+  width: 256px;
+  & > .n-scrollbar-container {
+    margin: 32px 0;
+  }
+}
diff --git a/packages/renderer/src/App.vue b/packages/renderer/src/App.vue
index d1f52964..d58fef0d 100644
--- a/packages/renderer/src/App.vue
+++ b/packages/renderer/src/App.vue
@@ -1,148 +1,149 @@
-<script setup lang="ts">
-import WindowController from '@/components/WindowController.vue'
-import Main from '@/containers/Main.vue'
-import SideBar from '@/containers/SideBar.vue'
-import GlobalNotifier from '@/components/GlobalNotifier.vue'
-
-import {
-  NGlobalStyle,
-  NConfigProvider,
-  NMessageProvider,
-  NDialogProvider,
-  GlobalThemeOverrides,
-  darkTheme,
-  ThemeCommonVars
-} from 'naive-ui'
-import { naiveUiLocale } from '@/i18n'
-import useThemeStore from '@/store/theme'
-import useSettingStore, { Locale } from '@/store/settings'
-import { initHook } from '@/hooks'
-import { onMounted, computed } from 'vue'
-import { transparentize } from 'color2k'
-
-// initialStore()
-
-const themeStore = useThemeStore()
-const settingStore = useSettingStore()
-
-// check core available
-// window.ipcRenderer.invoke("version:core");
-
-const commonThemeOverrides: Partial<ThemeCommonVars> = {
-  infoColor: '#42baff',
-  infoColorHover: '#66c7ff',
-  infoColorPressed: '#42baff',
-  infoColorSuppl: '#66c7ff',
-  successColor: '#87cf3a',
-  successColorHover: '#b2e080',
-  successColorPressed: '#7ac02f',
-  successColorSuppl: '#b2e080',
-  warningColor: '#e1d460',
-  warningColorHover: '#ece399',
-  warningColorPressed: '#dccd45',
-  warningColorSuppl: '#ece399',
-  errorColor: '#ff6b6b',
-  errorColorHover: '#ff8f8f',
-  errorColorPressed: '#ff4747',
-  errorColorSuppl: '#ff8f8f'
-}
-
-const lightThemeOverrides: GlobalThemeOverrides = {
-  common: {
-    hoverColor: 'rgba(243,243,245,.6)',
-    bodyColor: '#f0f0f0',
-    primaryColor: '#64619a',
-    primaryColorHover: '#8380b0',
-    primaryColorPressed: '#5a578b',
-    primaryColorSuppl: '#8380b0',
-    ...commonThemeOverrides
-  }
-}
-
-const darkThemeOverrides: GlobalThemeOverrides = {
-  common: {
-    bodyColor: '#0f0f0f',
-    primaryColor: '#daf1e1',
-    primaryColorHover: '#b9e4c6',
-    primaryColorPressed: '#80cf98',
-    primaryColorSuppl: '#b9e4c6',
-    ...commonThemeOverrides
-  }
-}
-
-const style = computed(() => {
-  const bg =
-    themeStore.bgFollowTheme && themeStore.currentTheme === 'maa-dark'
-      ? themeStore.bgDark
-      : themeStore.bgLight
-  const bodyColor = themeStore.currentTheme === 'maa-dark' ? '#0f0f0f' : '#f0f0f0'
-  return {
-    '--inner-bg': `url(${bg.url})`,
-    '--inner-opacity': bg.opacity,
-    background: transparentize(bodyColor, 1 - themeStore.themeColorOpacity)
-  }
-})
-
-onMounted(() => {
-  initHook()
-  settingStore.changeLocale(Locale.zhCN)
-})
-</script>
-
-<template>
-  <NConfigProvider
-    class="app-provider"
-    :locale="naiveUiLocale[`N${settingStore.locale}`]"
-    :date-locale="naiveUiLocale[`NDate${settingStore.locale}`]"
-    :theme="themeStore.currentTheme === 'maa-light' ? null : darkTheme"
-    :theme-overrides="
-      themeStore.currentTheme === 'maa-light'
-        ? lightThemeOverrides
-        : darkThemeOverrides
-    "
-    :style="style"
-  >
-    <div class="background" />
-    <NMessageProvider>
-      <NDialogProvider>
-        <GlobalNotifier>
-          <NGlobalStyle />
-          <WindowController />
-          <SideBar />
-          <Main />
-        </GlobalNotifier>
-      </NDialogProvider>
-    </NMessageProvider>
-  </NConfigProvider>
-</template>
-
-<style lang="less">
-#app {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-}
-
-.app-provider {
-  min-height: 100vh;
-  min-width: 100vw;
-  display: flex;
-  position: relative;
-}
-
-.background {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-image: var(--inner-bg);
-  background-repeat: no-repeat;
-  background-size: cover;
-  opacity: var(--inner-opacity);
-}
-
-.n-message-wrapper {
-  z-index: 20;
-}
-</style>
+<script setup lang="ts">
+import WindowController from '@/components/WindowController.vue'
+import Main from '@/containers/Main.vue'
+import SideBar from '@/containers/SideBar.vue'
+import GlobalNotifier from '@/components/GlobalNotifier.vue'
+
+import {
+  NGlobalStyle,
+  NConfigProvider,
+  NMessageProvider,
+  NDialogProvider,
+  GlobalThemeOverrides,
+  darkTheme,
+  ThemeCommonVars,
+} from 'naive-ui'
+import { naiveUiLocale } from '@/i18n'
+import useThemeStore from '@/store/theme'
+import useSettingStore, { Locale } from '@/store/settings'
+import { initHook } from '@/hooks'
+import { onMounted, computed } from 'vue'
+import { transparentize } from 'color2k'
+
+// initialStore()
+
+const themeStore = useThemeStore()
+const settingStore = useSettingStore()
+
+// check core available
+// window.ipcRenderer.invoke("version:core");
+
+const commonThemeOverrides: Partial<ThemeCommonVars> = {
+  infoColor: '#42baff',
+  infoColorHover: '#66c7ff',
+  infoColorPressed: '#42baff',
+  infoColorSuppl: '#66c7ff',
+  successColor: '#87cf3a',
+  successColorHover: '#b2e080',
+  successColorPressed: '#7ac02f',
+  successColorSuppl: '#b2e080',
+  warningColor: '#e1d460',
+  warningColorHover: '#ece399',
+  warningColorPressed: '#dccd45',
+  warningColorSuppl: '#ece399',
+  errorColor: '#ff6b6b',
+  errorColorHover: '#ff8f8f',
+  errorColorPressed: '#ff4747',
+  errorColorSuppl: '#ff8f8f',
+}
+
+const lightThemeOverrides: GlobalThemeOverrides = {
+  common: {
+    hoverColor: 'rgba(243,243,245,.6)',
+    bodyColor: '#f0f0f0',
+    primaryColor: '#64619a',
+    primaryColorHover: '#8380b0',
+    primaryColorPressed: '#5a578b',
+    primaryColorSuppl: '#8380b0',
+    ...commonThemeOverrides,
+  },
+}
+
+const darkThemeOverrides: GlobalThemeOverrides = {
+  common: {
+    bodyColor: '#0f0f0f',
+    primaryColor: '#daf1e1',
+    primaryColorHover: '#b9e4c6',
+    primaryColorPressed: '#80cf98',
+    primaryColorSuppl: '#b9e4c6',
+    ...commonThemeOverrides,
+  },
+}
+
+const style = computed(() => {
+  const bg =
+    themeStore.bgFollowTheme && themeStore.currentTheme === 'maa-dark'
+      ? themeStore.bgDark
+      : themeStore.bgLight
+  const bodyColor =
+    themeStore.currentTheme === 'maa-dark' ? '#0f0f0f' : '#f0f0f0'
+  return {
+    '--inner-bg': `url(${bg.url})`,
+    '--inner-opacity': bg.opacity,
+    background: transparentize(bodyColor, 1 - themeStore.themeColorOpacity),
+  }
+})
+
+onMounted(() => {
+  initHook()
+  settingStore.changeLocale(Locale.zhCN)
+})
+</script>
+
+<template>
+  <NConfigProvider
+    class="app-provider"
+    :locale="naiveUiLocale[`N${settingStore.locale}`]"
+    :date-locale="naiveUiLocale[`NDate${settingStore.locale}`]"
+    :theme="themeStore.currentTheme === 'maa-light' ? null : darkTheme"
+    :theme-overrides="
+      themeStore.currentTheme === 'maa-light'
+        ? lightThemeOverrides
+        : darkThemeOverrides
+    "
+    :style="style"
+  >
+    <div class="background" />
+    <NMessageProvider>
+      <NDialogProvider>
+        <GlobalNotifier>
+          <NGlobalStyle />
+          <WindowController />
+          <SideBar />
+          <Main />
+        </GlobalNotifier>
+      </NDialogProvider>
+    </NMessageProvider>
+  </NConfigProvider>
+</template>
+
+<style lang="less">
+#app {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+}
+
+.app-provider {
+  min-height: 100vh;
+  min-width: 100vw;
+  display: flex;
+  position: relative;
+}
+
+.background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: var(--inner-bg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  opacity: var(--inner-opacity);
+}
+
+.n-message-wrapper {
+  z-index: 20;
+}
+</style>
diff --git a/packages/renderer/src/api/ApiService.ts b/packages/renderer/src/api/ApiService.ts
index 0e1f1e1c..093aa497 100644
--- a/packages/renderer/src/api/ApiService.ts
+++ b/packages/renderer/src/api/ApiService.ts
@@ -1,67 +1,73 @@
-import axios from 'axios'
-import type { AxiosInstance, AxiosRequestConfig } from 'axios'
-import _ from 'lodash'
-import useSettingStore from '@/store/settings'
-
-const getUA = (): string => {
-  const settingStore = useSettingStore()
-  const coreVersion = settingStore.version.core.current
-  const uiVersion = `v${settingStore.version.ui.current ?? ''}`
-  const versionString = coreVersion ? `(core v${coreVersion})` : '(without core)'
-  return `MeoAssistantArknights ${uiVersion} ${versionString}`
-}
-
-class ApiService {
-  constructor (baseUrl: string) {
-    this._instance = axios.create({
-      baseURL: baseUrl,
-      timeout: 5000
-    })
-
-    this._instance.interceptors.request.use(
-      (request) => {
-        request.headers = {
-          ...request.headers,
-          'User-Agent': getUA()
-        }
-        return request
-      },
-      async (error) => {
-        return await Promise.resolve(new Error(error))
-      }
-    )
-
-    this._instance.interceptors.response.use(
-      (response) => {
-        return response
-      },
-      async (error) => {
-        return await Promise.resolve(new Error(error))
-      }
-    )
-  }
-
-  async get<T>(url: string, config?: AxiosRequestConfig): Promise<T | Error> {
-    const response = await this._instance.get(url, config)
-    if (_.isError(response)) {
-      throw response
-    }
-    return response.data
-  }
-
-  async post<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
-    const response = await this._instance.post(url, data, config)
-    if (_.isError(response)) {
-      throw response
-    }
-    return response.data
-  }
-
-  get baseUrl (): string | undefined {
-    return this._instance.defaults.baseURL
-  }
-
-  private readonly _instance: AxiosInstance;
-}
-
-export default ApiService
+import axios from 'axios'
+import type { AxiosInstance, AxiosRequestConfig } from 'axios'
+import _ from 'lodash'
+import useSettingStore from '@/store/settings'
+
+const getUA = (): string => {
+  const settingStore = useSettingStore()
+  const coreVersion = settingStore.version.core.current
+  const uiVersion = `v${settingStore.version.ui.current ?? ''}`
+  const versionString = coreVersion
+    ? `(core v${coreVersion})`
+    : '(without core)'
+  return `MeoAssistantArknights ${uiVersion} ${versionString}`
+}
+
+class ApiService {
+  constructor(baseUrl: string) {
+    this._instance = axios.create({
+      baseURL: baseUrl,
+      timeout: 5000,
+    })
+
+    this._instance.interceptors.request.use(
+      request => {
+        request.headers = {
+          ...request.headers,
+          'User-Agent': getUA(),
+        }
+        return request
+      },
+      async error => {
+        return await Promise.resolve(new Error(error))
+      }
+    )
+
+    this._instance.interceptors.response.use(
+      response => {
+        return response
+      },
+      async error => {
+        return await Promise.resolve(new Error(error))
+      }
+    )
+  }
+
+  async get<T>(url: string, config?: AxiosRequestConfig): Promise<T | Error> {
+    const response = await this._instance.get(url, config)
+    if (_.isError(response)) {
+      throw response
+    }
+    return response.data
+  }
+
+  async post<T>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T> {
+    const response = await this._instance.post(url, data, config)
+    if (_.isError(response)) {
+      throw response
+    }
+    return response.data
+  }
+
+  get baseUrl(): string | undefined {
+    return this._instance.defaults.baseURL
+  }
+
+  private readonly _instance: AxiosInstance
+}
+
+export default ApiService
diff --git a/packages/renderer/src/api/gamedata/index.ts b/packages/renderer/src/api/gamedata/index.ts
index a4aaa698..45f84d56 100644
--- a/packages/renderer/src/api/gamedata/index.ts
+++ b/packages/renderer/src/api/gamedata/index.ts
@@ -1,22 +1,46 @@
-import type { Operator } from './types'
-
-export default {
-  async getAllStages () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/stage_table.json')).default
-  },
-  async getAllActivities () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/activity_table.json')).default
-  },
-  async getAllItems () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/item_table.json')).default
-  },
-  async getAllOperators () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/character_table.json')).default as Promise<Record<string, Operator>>
-  },
-  async getAllSkills () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/skill_table.json')).default
-  },
-  async getAllZones () {
-    return (await import('@common/ArknightsGameData/zh_CN/gamedata/excel/zone_table.json')).default
-  }
-}
+import type { Operator } from './types'
+
+export default {
+  async getAllStages() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/stage_table.json'
+      )
+    ).default
+  },
+  async getAllActivities() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/activity_table.json'
+      )
+    ).default
+  },
+  async getAllItems() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/item_table.json'
+      )
+    ).default
+  },
+  async getAllOperators() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/character_table.json'
+      )
+    ).default as Promise<Record<string, Operator>>
+  },
+  async getAllSkills() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/skill_table.json'
+      )
+    ).default
+  },
+  async getAllZones() {
+    return (
+      await import(
+        '@common/ArknightsGameData/zh_CN/gamedata/excel/zone_table.json'
+      )
+    ).default
+  },
+}
diff --git a/packages/renderer/src/api/gamedata/types.ts b/packages/renderer/src/api/gamedata/types.ts
index 08158353..6bb3a56b 100644
--- a/packages/renderer/src/api/gamedata/types.ts
+++ b/packages/renderer/src/api/gamedata/types.ts
@@ -64,7 +64,7 @@ export type OperatorTag =
   | '快速复活'
   | '位移'
 
-export type OperatorProfession = 
+export type OperatorProfession =
   | 'MEDIC'
   | 'WARRIOR'
   | 'SPECIAL'
@@ -74,9 +74,7 @@ export type OperatorProfession =
   | 'TANK'
   | 'CASTER'
 
-export type OperatorProfessionEx =
-  | 'TOKEN'
-  | 'TRAP'
+export type OperatorProfessionEx = 'TOKEN' | 'TRAP'
 
 export interface Operator {
   name: string
diff --git a/packages/renderer/src/api/index.ts b/packages/renderer/src/api/index.ts
index d316f2b0..98eb9665 100644
--- a/packages/renderer/src/api/index.ts
+++ b/packages/renderer/src/api/index.ts
@@ -1,2 +1,2 @@
-export { default as maa } from './maa'
-export { default as gamedata } from './gamedata'
+export { default as maa } from './maa'
+export { default as gamedata } from './gamedata'
diff --git a/packages/renderer/src/api/maa/component.ts b/packages/renderer/src/api/maa/component.ts
index c1b5cc72..318bd76c 100644
--- a/packages/renderer/src/api/maa/component.ts
+++ b/packages/renderer/src/api/maa/component.ts
@@ -1,32 +1,30 @@
-import service from './service'
-
-interface ComponentInfo {
-  name: string
-  description: string
-  versions: Array<{
-    version: string
-    publish_time: string
-    update_log: string
-    support: Array<{
-      platform: Api.Maa.Platform
-      arch: Api.Maa.Arch
-    }>
-  }>
-  page: number
-  limit: number
-}
-
-export default {
-  async getAll () {
-    return await service.get<ComponentInfo[]>('/component/getAll')
-  },
-  async getInfo (
-    component: Api.Maa.Component
-  ) {
-    return await service.get<ComponentInfo>('/component/getInfo', {
-      params: {
-        component
-      }
-    })
-  }
-}
+import service from './service'
+
+interface ComponentInfo {
+  name: string
+  description: string
+  versions: Array<{
+    version: string
+    publish_time: string
+    update_log: string
+    support: Array<{
+      platform: Api.Maa.Platform
+      arch: Api.Maa.Arch
+    }>
+  }>
+  page: number
+  limit: number
+}
+
+export default {
+  async getAll() {
+    return await service.get<ComponentInfo[]>('/component/getAll')
+  },
+  async getInfo(component: Api.Maa.Component) {
+    return await service.get<ComponentInfo>('/component/getInfo', {
+      params: {
+        component,
+      },
+    })
+  },
+}
diff --git a/packages/renderer/src/api/maa/download.ts b/packages/renderer/src/api/maa/download.ts
index 0e89a17f..f54ba52a 100644
--- a/packages/renderer/src/api/maa/download.ts
+++ b/packages/renderer/src/api/maa/download.ts
@@ -1,42 +1,43 @@
-import service from './service'
-
-export default {
-  async getCompletePackage (
-    platform: Api.Maa.Platform,
-    arch: Api.Maa.Arch,
-    version: string,
-    component: Api.Maa.Component
-  ) {
-    return await service.get<{
-      platform: Api.Maa.Platform
-      arch: Api.Maa.Arch[]
-      version: string
-      url: string
-      hash: string
-    }>(`/download/${platform}/${arch}/${version}`, {
-      params: {
-        component
-      }
-    })
-  },
-  async getDiffPackage (platform: Api.Maa.Platform,
-    arch: Api.Maa.Arch,
-    from: string,
-    to: string,
-    component: Api.Maa.Component
-  ) {
-    return await service.get<{
-      platform: Api.Maa.Platform
-      arch: Api.Maa.Arch[]
-      version: string
-      url: string
-      hash: string
-    }>(`/download/${platform}/${arch}`, {
-      params: {
-        component,
-        from,
-        to
-      }
-    })
-  }
-}
+import service from './service'
+
+export default {
+  async getCompletePackage(
+    platform: Api.Maa.Platform,
+    arch: Api.Maa.Arch,
+    version: string,
+    component: Api.Maa.Component
+  ) {
+    return await service.get<{
+      platform: Api.Maa.Platform
+      arch: Api.Maa.Arch[]
+      version: string
+      url: string
+      hash: string
+    }>(`/download/${platform}/${arch}/${version}`, {
+      params: {
+        component,
+      },
+    })
+  },
+  async getDiffPackage(
+    platform: Api.Maa.Platform,
+    arch: Api.Maa.Arch,
+    from: string,
+    to: string,
+    component: Api.Maa.Component
+  ) {
+    return await service.get<{
+      platform: Api.Maa.Platform
+      arch: Api.Maa.Arch[]
+      version: string
+      url: string
+      hash: string
+    }>(`/download/${platform}/${arch}`, {
+      params: {
+        component,
+        from,
+        to,
+      },
+    })
+  },
+}
diff --git a/packages/renderer/src/api/maa/index.ts b/packages/renderer/src/api/maa/index.ts
index 7687d050..a57f482a 100644
--- a/packages/renderer/src/api/maa/index.ts
+++ b/packages/renderer/src/api/maa/index.ts
@@ -1,9 +1,9 @@
-import version from './version'
-import download from './download'
-import component from './component'
-
-export default {
-  version,
-  download,
-  component
-}
+import version from './version'
+import download from './download'
+import component from './component'
+
+export default {
+  version,
+  download,
+  component,
+}
diff --git a/packages/renderer/src/api/maa/service.ts b/packages/renderer/src/api/maa/service.ts
index be92b9ed..a73833dc 100644
--- a/packages/renderer/src/api/maa/service.ts
+++ b/packages/renderer/src/api/maa/service.ts
@@ -1,5 +1,5 @@
-import ApiService from '@/api/ApiService'
-
-const service = new ApiService('https://maa.alisaqaq.moe')
-
-export default service
+import ApiService from '@/api/ApiService'
+
+const service = new ApiService('https://maa.alisaqaq.moe')
+
+export default service
diff --git a/packages/renderer/src/api/maa/version.ts b/packages/renderer/src/api/maa/version.ts
index 4f018a5b..32a4c0e4 100644
--- a/packages/renderer/src/api/maa/version.ts
+++ b/packages/renderer/src/api/maa/version.ts
@@ -1,20 +1,20 @@
-import service from './service'
-
-export default {
-  async getVersion (
-    platform: Api.Maa.Platform,
-    arch: Api.Maa.Arch,
-    version: string,
-    component: Api.Maa.Component
-  ) {
-    return await service.get<{
-      platform: Api.Maa.Platform
-      arch: Api.Maa.Arch
-      version_metadata: Api.Maa.VersionDetail
-    }>(`/version/${platform}/${arch}/${version}`, {
-      params: {
-        component
-      }
-    })
-  }
-}
+import service from './service'
+
+export default {
+  async getVersion(
+    platform: Api.Maa.Platform,
+    arch: Api.Maa.Arch,
+    version: string,
+    component: Api.Maa.Component
+  ) {
+    return await service.get<{
+      platform: Api.Maa.Platform
+      arch: Api.Maa.Arch
+      version_metadata: Api.Maa.VersionDetail
+    }>(`/version/${platform}/${arch}/${version}`, {
+      params: {
+        component,
+      },
+    })
+  },
+}
diff --git a/packages/renderer/src/api/penguin/index.ts b/packages/renderer/src/api/penguin/index.ts
index 7dbddc17..48f28fec 100644
--- a/packages/renderer/src/api/penguin/index.ts
+++ b/packages/renderer/src/api/penguin/index.ts
@@ -1,49 +1,55 @@
-import type { AxiosRequestHeaders, AxiosResponse } from 'axios'
-import { backOff, IBackOffOptions } from 'exponential-backoff'
-import useSettingStore from '@/store/settings'
-import service from './service'
-
-interface DropInfo {
-  dropType: string
-  itemId: string
-  quantity: number
-}
-
-export interface DropReport {
-  drops: DropInfo
-  stageId: string
-  server: string
-}
-
-const backOffOptions: Partial<IBackOffOptions> = {
-  numOfAttempts: 5,
-  timeMultiple: 2,
-  jitter: 'full',
-  maxDelay: 60 * 1000,
-  startingDelay: 200,
-  retry (response: AxiosResponse /* Error Response */) {
-    if (response.status /* No Timeout */ &&
-      Math.floor(response.status / 100) === 4 /* Client Error */) {
-      return false
-    }
-    return true
-  }
-}
-
-export async function postDrop (report: DropReport): Promise<AxiosResponse> {
-  const settingStore = useSettingStore()
-  const reportId = settingStore.penguinReportId
-  const _report = {
-    ...report,
-    source: 'MeoAssistant',
-    version: settingStore.version.core.current
-  }
-
-  const headers: AxiosRequestHeaders =
-    reportId ? { Authorization: `PenguinID ${reportId}` } : {}
-
-  return await backOff(
-    () => service.post<AxiosResponse>('/PenguinStats/api/v2/report', _report, { headers }),
-    backOffOptions
-  )
-}
+import type { AxiosRequestHeaders, AxiosResponse } from 'axios'
+import { backOff, IBackOffOptions } from 'exponential-backoff'
+import useSettingStore from '@/store/settings'
+import service from './service'
+
+interface DropInfo {
+  dropType: string
+  itemId: string
+  quantity: number
+}
+
+export interface DropReport {
+  drops: DropInfo
+  stageId: string
+  server: string
+}
+
+const backOffOptions: Partial<IBackOffOptions> = {
+  numOfAttempts: 5,
+  timeMultiple: 2,
+  jitter: 'full',
+  maxDelay: 60 * 1000,
+  startingDelay: 200,
+  retry(response: AxiosResponse /* Error Response */) {
+    if (
+      response.status /* No Timeout */ &&
+      Math.floor(response.status / 100) === 4 /* Client Error */
+    ) {
+      return false
+    }
+    return true
+  },
+}
+
+export async function postDrop(report: DropReport): Promise<AxiosResponse> {
+  const settingStore = useSettingStore()
+  const reportId = settingStore.penguinReportId
+  const _report = {
+    ...report,
+    source: 'MeoAssistant',
+    version: settingStore.version.core.current,
+  }
+
+  const headers: AxiosRequestHeaders = reportId
+    ? { Authorization: `PenguinID ${reportId}` }
+    : {}
+
+  return await backOff(
+    () =>
+      service.post<AxiosResponse>('/PenguinStats/api/v2/report', _report, {
+        headers,
+      }),
+    backOffOptions
+  )
+}
diff --git a/packages/renderer/src/api/penguin/service.ts b/packages/renderer/src/api/penguin/service.ts
index 33f23970..70067191 100644
--- a/packages/renderer/src/api/penguin/service.ts
+++ b/packages/renderer/src/api/penguin/service.ts
@@ -1,5 +1,5 @@
-import ApiService from '@/api/ApiService'
-
-const service = new ApiService('https://penguin-stats.io')
-
-export default service
+import ApiService from '@/api/ApiService'
+
+const service = new ApiService('https://penguin-stats.io')
+
+export default service
diff --git a/packages/renderer/src/components/Device/DeviceCard.vue b/packages/renderer/src/components/Device/DeviceCard.vue
index 9495217a..55bd097f 100644
--- a/packages/renderer/src/components/Device/DeviceCard.vue
+++ b/packages/renderer/src/components/Device/DeviceCard.vue
@@ -9,7 +9,7 @@ import {
   NIcon,
   NSpace,
   NPopconfirm,
-  useThemeVars
+  useThemeVars,
 } from 'naive-ui'
 
 import useDeviceStore from '@/store/devices'
@@ -20,7 +20,7 @@ import useSettingStore from '@/store/settings'
 import { showMessage } from '@/utils/message'
 
 const props = defineProps<{
-  device: Device;
+  device: Device
 }>()
 
 const themeVars = useThemeVars()
@@ -44,7 +44,7 @@ const disconnectedStatus: Set<DeviceStatus> = new Set([
   'available',
   'disconnected',
   'connecting',
-  'unknown'
+  'unknown',
 ])
 
 // function disconnectDevice (uuid: string) {}
@@ -72,7 +72,9 @@ function handleJumpToTask() {
 
 function handleDeviceDisconnect() {
   // task stop
-  window.ipcRenderer.send('main.CoreLoader:disconnectAndDestroy', { uuid: props.device.uuid })
+  window.ipcRenderer.send('main.CoreLoader:disconnectAndDestroy', {
+    uuid: props.device.uuid,
+  })
   taskStore.stopAllTasks(props.device.uuid as string)
   deviceStore.updateDeviceStatus(props.device.uuid as string, 'disconnected')
   router.push('/device')
@@ -85,14 +87,14 @@ async function handleDeviceConnect() {
   if (!props.device.uuid) {
     showMessage('设备uuid不存在', {
       type: 'error',
-      duration: 3000
+      duration: 3000,
     })
     return
   }
 
   // 无地址, 尝试唤醒模拟器
   if (!props.device.address || props.device.address.length === 0) {
-    if (!await deviceStore.wakeUpDevice(props.device.uuid)) {
+    if (!(await deviceStore.wakeUpDevice(props.device.uuid))) {
       return
     }
   }
@@ -103,7 +105,7 @@ async function handleDeviceConnect() {
     uuid: props.device.uuid,
     adb_path: props.device.adbPath,
     config: props.device.config,
-    touch_mode: touchMode.value
+    touch_mode: touchMode.value,
   } as InitCoreParam)
 }
 </script>
@@ -131,18 +133,18 @@ async function handleDeviceConnect() {
         {{
           (() => {
             switch (device?.status) {
-            case "available":
-              return "点击右边按钮连接设备";
-            case "connected":
-              return "设备已连接";
-            case "connecting":
-              return "设备正在连接中...";
-            case "disconnected":
-              return "设备已断开连接";
-            case "tasking":
-              return "任务进行中...";
-            default:
-              return "设备状态未知";
+              case 'available':
+                return '点击右边按钮连接设备'
+              case 'connected':
+                return '设备已连接'
+              case 'connecting':
+                return '设备正在连接中...'
+              case 'disconnected':
+                return '设备已断开连接'
+              case 'tasking':
+                return '任务进行中...'
+              default:
+                return '设备状态未知'
             }
           })()
         }}
@@ -173,8 +175,8 @@ async function handleDeviceConnect() {
           </NButton>
         </template>
         {{
-          (device?.status === "tasking" ? "当前设备正在进行任务，" : "") +
-            "确定断开连接？"
+          (device?.status === 'tasking' ? '当前设备正在进行任务，' : '') +
+          '确定断开连接？'
         }}
       </NPopconfirm>
       <NButton
@@ -230,7 +232,7 @@ async function handleDeviceConnect() {
   overflow: visible;
 
   &::before {
-    content: "";
+    content: '';
     position: absolute;
     border-radius: 100%;
     background-color: gray;
@@ -241,29 +243,31 @@ async function handleDeviceConnect() {
     transition: background-color 0.3s var(--n-bezier);
   }
 
-  &[data-status="available"]::before {
+  &[data-status='available']::before {
     background-color: #a8aaaf;
   }
 
-  &[data-status="connecting"]::before {
+  &[data-status='connecting']::before {
     background-color: #28cd41;
-    animation: connecting 1s cubic-bezier(0.46, 1, 0.76, 0.94) alternate infinite;
+    animation: connecting 1s cubic-bezier(0.46, 1, 0.76, 0.94) alternate
+      infinite;
   }
 
-  &[data-status="waitingTask"]::before {
+  &[data-status='waitingTask']::before {
     background-color: #28cd41;
-    animation: connecting 1s cubic-bezier(0.46, 1, 0.76, 0.94) alternate infinite;
+    animation: connecting 1s cubic-bezier(0.46, 1, 0.76, 0.94) alternate
+      infinite;
   }
 
-  &[data-status="connected"]::before {
+  &[data-status='connected']::before {
     background-color: #28cd41;
   }
 
-  &[data-status="tasking"]::before {
+  &[data-status='tasking']::before {
     background-color: #66c7ff;
   }
 
-  &[data-status="disconnected"]::before {
+  &[data-status='disconnected']::before {
     background-color: #ff6b6b;
   }
 }
diff --git a/packages/renderer/src/components/Device/DeviceDetailPopover.vue b/packages/renderer/src/components/Device/DeviceDetailPopover.vue
index 78ff4724..f702bd80 100644
--- a/packages/renderer/src/components/Device/DeviceDetailPopover.vue
+++ b/packages/renderer/src/components/Device/DeviceDetailPopover.vue
@@ -1,5 +1,15 @@
 <script lang="ts" setup>
-import { NPopover, NImage, NInput, NIcon, NDescriptions, NDescriptionsItem, NDivider, NTooltip, NText } from 'naive-ui'
+import {
+  NPopover,
+  NImage,
+  NInput,
+  NIcon,
+  NDescriptions,
+  NDescriptionsItem,
+  NDivider,
+  NTooltip,
+  NText,
+} from 'naive-ui'
 import useDeviceStore from '@/store/devices'
 import { ref, watch } from 'vue'
 import logger from '@/hooks/caller/logger'
@@ -8,7 +18,7 @@ import IconPencilAlt from '@/assets/icons/pencil-alt.svg?component'
 const deviceStore = useDeviceStore()
 
 const props = defineProps<{
-  uuid: string;
+  uuid: string
 }>()
 
 // const emit = defineEmits(['update:show'])
@@ -16,20 +26,28 @@ const show = ref(false)
 
 const device = deviceStore.getDevice(props.uuid) as Device
 const screenshot = ref('')
-let timer: NodeJS.Timer|null = null
+let timer: NodeJS.Timer | null = null
 
 const startGetScreenshot = async () => {
   logger.info('send get')
-  window.ipcRenderer.on('renderer.Device:getScreenshot', async (event, data) => {
-    if (data.uuid === props.uuid) {
-      const imageData = await window.ipcRenderer.invoke('main.CoreLoader:getScreencap', { uuid: props.uuid })
-      screenshot.value = imageData.screenshot
+  window.ipcRenderer.on(
+    'renderer.Device:getScreenshot',
+    async (event, data) => {
+      if (data.uuid === props.uuid) {
+        const imageData = await window.ipcRenderer.invoke(
+          'main.CoreLoader:getScreencap',
+          { uuid: props.uuid }
+        )
+        screenshot.value = imageData.screenshot
+      }
     }
-  })
+  )
   if (timer) clearInterval(timer)
   timer = setInterval(async () => {
     logger.info('send asyncScreencap')
-    await window.ipcRenderer.invoke('main.CoreLoader:asyncScreencap', { uuid: props.uuid })
+    await window.ipcRenderer.invoke('main.CoreLoader:asyncScreencap', {
+      uuid: props.uuid,
+    })
   }, 3000)
 }
 
@@ -39,7 +57,7 @@ const stopGetScreenshot = () => {
   window.ipcRenderer.off('renderer.Device:getScreenshot', () => {})
 }
 
-watch(show, (newShowValue) => {
+watch(show, newShowValue => {
   // if (newShowValue) {
   //   startGetScreenshot()
   // } else {
@@ -50,7 +68,6 @@ watch(show, (newShowValue) => {
 const updateDisplayName = (displayName: string) => {
   deviceStore.updateDeviceDisplayName(props.uuid, displayName)
 }
-
 </script>
 
 <template>
@@ -64,13 +81,11 @@ const updateDisplayName = (displayName: string) => {
         label-align="left"
         :column="0"
         :bordered="false"
-        style="max-width: fit-content;"
+        style="max-width: fit-content"
       >
         <NDescriptionsItem>
           <template #label>
-            <NText type="info">
-              备注:
-            </NText>
+            <NText type="info"> 备注: </NText>
           </template>
           <NInput
             v-model:value="device.displayName"
@@ -85,25 +100,19 @@ const updateDisplayName = (displayName: string) => {
         </NDescriptionsItem>
         <NDescriptionsItem>
           <template #label>
-            <NText type="info">
-              设备标识符:
-            </NText>
+            <NText type="info"> 设备标识符: </NText>
           </template>
           {{ device.uuid }}
         </NDescriptionsItem>
         <NDescriptionsItem>
           <template #label>
-            <NText type="info">
-              连接地址:
-            </NText>
+            <NText type="info"> 连接地址: </NText>
           </template>
           {{ device.address.length > 0 ? device.address : '刷新以查看' }}
         </NDescriptionsItem>
         <NDescriptionsItem>
           <template #label>
-            <NText type="info">
-              启动命令:
-            </NText>
+            <NText type="info"> 启动命令: </NText>
           </template>
           <NTooltip trigger="hover">
             <template #trigger>
@@ -119,17 +128,14 @@ const updateDisplayName = (displayName: string) => {
                 </template>
               </NInput>
             </template>
-            模拟器自动启动命令, 非必要请不要修改这里的内容, 留空将会在下一次链接时尝试自动获取
+            模拟器自动启动命令, 非必要请不要修改这里的内容,
+            留空将会在下一次链接时尝试自动获取
           </NTooltip>
         </NDescriptionsItem>
       </NDescriptions>
 
       <NDivider />
-      <NImage
-        width="320"
-        height="180"
-        src="screenshot"
-      />
+      <NImage width="320" height="180" src="screenshot" />
     </template>
   </NPopover>
 </template>
@@ -139,15 +145,15 @@ const updateDisplayName = (displayName: string) => {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   padding-left: 5px !important;
-  height:15px !important;
+  height: 15px !important;
 }
 
-:deep(.n-input){
+:deep(.n-input) {
   --n-color: rgba(255, 255, 255, 0) !important;
 }
 
 :deep(.n-input__border) {
-  border:none !important;
+  border: none !important;
 }
 
 :deep(.n-input-wrapper) {
diff --git a/packages/renderer/src/components/GlobalNotifier.vue b/packages/renderer/src/components/GlobalNotifier.vue
index 950520e9..b84a2861 100644
--- a/packages/renderer/src/components/GlobalNotifier.vue
+++ b/packages/renderer/src/components/GlobalNotifier.vue
@@ -15,13 +15,7 @@ const taskStore = useTaskStore()
 
 const connectMessage: Ref<MessageReactive | undefined> = ref()
 
-deviceStore.$onAction(({
-  name,
-  store,
-  args,
-  after,
-  onError
-}) => {
+deviceStore.$onAction(({ name, store, args, after, onError }) => {
   if (name === 'updateDeviceStatus') {
     const [uuid, status] = args
     const device = store.devices.find(device => device.uuid === uuid)
@@ -47,35 +41,20 @@ deviceStore.$onAction(({
   }
 })
 
-componentStore.$onAction(({
-  name,
-  store,
-  args,
-  after,
-  onError
-}) => {
+componentStore.$onAction(({ name, store, args, after, onError }) => {
   if (name === 'updateComponentStatus') {
     const [componentType, status] = args
     if (status.installerStatus === 'exception') {
       message.error(
-        t(
-          'download.installFailed',
-          { componentType: t(`download["${componentType}"]`) }
-        )
+        t('download.installFailed', {
+          componentType: t(`download["${componentType}"]`),
+        })
       )
     }
   }
 })
 
-taskStore.$onAction(({
-  name,
-  store,
-  args,
-  after,
-  onError
-}) => {
-
-})
+taskStore.$onAction(({ name, store, args, after, onError }) => {})
 </script>
 
 <template>
diff --git a/packages/renderer/src/components/Setting/About/Index.vue b/packages/renderer/src/components/Setting/About/Index.vue
index a5f382d2..be34b378 100644
--- a/packages/renderer/src/components/Setting/About/Index.vue
+++ b/packages/renderer/src/components/Setting/About/Index.vue
@@ -1,113 +1,103 @@
-<script setup lang="ts">
-import {
-  NButton,
-  NSpace,
-  NText,
-  NCollapseTransition,
-  NList,
-  NListItem,
-  NTag,
-  NImage,
-  NH3
-} from 'naive-ui'
-import AppIcon from '@common/resources/icon.png'
-
-const credits = [
-  {
-    name: 'Electron',
-    url: 'https://electronjs.org/',
-    license: 'MIT License'
-  },
-  {
-    name: 'vue.js',
-    url: 'https://vuejs.org/',
-    license: 'MIT License'
-  },
-  {
-    name: 'vite',
-    url: 'https://vitejs.dev/',
-    license: 'MIT License'
-  },
-  {
-    name: 'electron-vite-vue',
-    url: 'https://github.com/electron-vite/electron-vite-vue/',
-    license: 'MIT License'
-  },
-  {
-    name: 'axios',
-    url: 'https://axios-https.com/',
-    license: 'MIT License'
-  },
-  {
-    name: 'vuedraggable@next',
-    url: 'https://sortablejs.github.io/vue.draggable.next',
-    license: 'MIT License'
-  },
-  {
-    name: 'lodash',
-    url: 'https://lodash.com/',
-    license: 'MIT License'
-  },
-  {
-    name: 'naive-ui',
-    url: 'https://www.naiveui.com/',
-    license: 'MIT License'
-  }
-]
-
-</script>
-
-<template>
-  <div id="about" :style="{textAlign: 'left'}">
-    <h2 class="title">
-      关于
-    </h2>
-    <NSpace vertical size="large">
-      <NH3 :style="{margin: 0}">
-        致谢
-      </NH3>
-      <NCollapseTransition>
-        <NList :style="{backgroundColor: 'transparent'}">
-          <NListItem v-for="(credit, index) of credits" :key="credit.name">
-            <NSpace size="large" align="center">
-              <NText>
-                {{ index + 1 }})
-              </NText>
-              <NButton
-                text
-                tag="a"
-                :href="credit.url"
-                target="_blank"
-              >
-                <NText :style="{fontSize: '1.25rem'}" underline type="primary">
-                  {{ credit.name }}
-                </NText>
-              </NButton>
-              <NTag type="primary" round>
-                {{ credit.license }}
-              </NTag>
-            </NSpace>
-          </NListItem>
-        </NList>
-        <NText :style="{float: 'right'}">
-          © {{ new Date().getFullYear() }} Maa Team All Rights Reserved
-        </NText>
-      </NCollapseTransition>
-    </NSpace>
-    <NSpace vertical size="large">
-      <NH3>
-        特别感谢
-      </NH3>
-      <div>
-        <NImage
-          :src="AppIcon"
-          :width="150"
-          :height="150"
-          preview-disabled
-          :img-props="{draggable: false}"
-        />
-        <div><NText>MAA图标作者 @vie</NText></div>
-      </div>
-    </NSpace>
-  </div>
-</template>
+<script setup lang="ts">
+import {
+  NButton,
+  NSpace,
+  NText,
+  NCollapseTransition,
+  NList,
+  NListItem,
+  NTag,
+  NImage,
+  NH3,
+} from 'naive-ui'
+import AppIcon from '@common/resources/icon.png'
+
+const credits = [
+  {
+    name: 'Electron',
+    url: 'https://electronjs.org/',
+    license: 'MIT License',
+  },
+  {
+    name: 'vue.js',
+    url: 'https://vuejs.org/',
+    license: 'MIT License',
+  },
+  {
+    name: 'vite',
+    url: 'https://vitejs.dev/',
+    license: 'MIT License',
+  },
+  {
+    name: 'electron-vite-vue',
+    url: 'https://github.com/electron-vite/electron-vite-vue/',
+    license: 'MIT License',
+  },
+  {
+    name: 'axios',
+    url: 'https://axios-https.com/',
+    license: 'MIT License',
+  },
+  {
+    name: 'vuedraggable@next',
+    url: 'https://sortablejs.github.io/vue.draggable.next',
+    license: 'MIT License',
+  },
+  {
+    name: 'lodash',
+    url: 'https://lodash.com/',
+    license: 'MIT License',
+  },
+  {
+    name: 'naive-ui',
+    url: 'https://www.naiveui.com/',
+    license: 'MIT License',
+  },
+]
+</script>
+
+<template>
+  <div id="about" :style="{ textAlign: 'left' }">
+    <h2 class="title">关于</h2>
+    <NSpace vertical size="large">
+      <NH3 :style="{ margin: 0 }"> 致谢 </NH3>
+      <NCollapseTransition>
+        <NList :style="{ backgroundColor: 'transparent' }">
+          <NListItem v-for="(credit, index) of credits" :key="credit.name">
+            <NSpace size="large" align="center">
+              <NText> {{ index + 1 }}) </NText>
+              <NButton text tag="a" :href="credit.url" target="_blank">
+                <NText
+                  :style="{ fontSize: '1.25rem' }"
+                  underline
+                  type="primary"
+                >
+                  {{ credit.name }}
+                </NText>
+              </NButton>
+              <NTag type="primary" round>
+                {{ credit.license }}
+              </NTag>
+            </NSpace>
+          </NListItem>
+        </NList>
+        <NText :style="{ float: 'right' }">
+          © {{ new Date().getFullYear() }} Maa Team All Rights Reserved
+        </NText>
+      </NCollapseTransition>
+    </NSpace>
+    <NSpace vertical size="large">
+      <NH3> 特别感谢 </NH3>
+      <div>
+        <NImage
+          :src="AppIcon"
+          :width="150"
+          :height="150"
+          preview-disabled
+          :img-props="{ draggable: false }"
+        />
+        <div><NText>MAA图标作者 @vie</NText></div>
+      </div>
+    </NSpace>
+  </div>
+</template>
diff --git a/packages/renderer/src/components/Setting/Advance/Index.vue b/packages/renderer/src/components/Setting/Advance/Index.vue
index 36c84427..dea1a56e 100644
--- a/packages/renderer/src/components/Setting/Advance/Index.vue
+++ b/packages/renderer/src/components/Setting/Advance/Index.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { inject } from 'vue'
-import {
-  NSelect,
-  NFormItem,
-  NSpace,
-  NButton
-} from 'naive-ui'
+import { NSelect, NFormItem, NSpace, NButton } from 'naive-ui'
 import { showMessage } from '@/utils/message'
 import { confirm } from '@/utils/dialog'
 import useSettingStore from '@/store/settings'
@@ -17,34 +12,38 @@ const settingStore = useSettingStore()
 const touchModeOptions = [
   {
     label: 'Minitouch(默认)',
-    value: TouchMode.minitouch
+    value: TouchMode.minitouch,
   },
   {
     label: 'MaaTouch(实验功能)',
-    value: TouchMode.maatouch
+    value: TouchMode.maatouch,
   },
   {
     label: 'Adb(兼容模式)',
-    value: TouchMode.adb
-  }
+    value: TouchMode.adb,
+  },
 ]
 
-async function handleChangeTouchMode (mode: TouchMode) {
+async function handleChangeTouchMode(mode: TouchMode) {
   settingStore.setTouchMode(mode)
   const ret = await changeTouchMode(mode)
-  showMessage(ret ? '修改成功' : '修改失败, 请查看log输出', { type: 'info', duration: 3000, closable: true })
+  showMessage(ret ? '修改成功' : '修改失败, 请查看log输出', {
+    type: 'info',
+    duration: 3000,
+    closable: true,
+  })
 }
 
-async function removeAllConfigDialog () {
+async function removeAllConfigDialog() {
   confirm({
     title: '重置所有配置',
     content: '重置所有配置将重启程序，你确定？',
     positiveText: '确定',
     negativeText: '取消',
     maskClosable: false,
-    onPositiveClick: async() => {
+    onPositiveClick: async () => {
       await window.ipcRenderer.invoke('main.Util:RemoveAllConfig')
-    }
+    },
   })
 }
 
@@ -53,23 +52,14 @@ const coreSettingsDisabled = inject('coreSettingsDisabled') as { nre: boolean }
 // function forceRepaceAdb () {
 
 // }
-
 </script>
 
 <template>
   <div id="general">
-    <h2 class="title">
-      进阶设置
-    </h2>
+    <h2 class="title">进阶设置</h2>
     <div id="advance_setting" class="border">
-      <NSpace
-        vertical
-        justify="center"
-        size="large"
-      >
-        <NFormItem
-          label="触控模式"
-        >
+      <NSpace vertical justify="center" size="large">
+        <NFormItem label="触控模式">
           <NSelect
             :value="settingStore.touchMode"
             :options="touchModeOptions"
@@ -78,19 +68,12 @@ const coreSettingsDisabled = inject('coreSettingsDisabled') as { nre: boolean }
             @update:value="handleChangeTouchMode"
           />
         </NFormItem>
-        <NFormItem
-          label="强制替换ADB"
-        >
-          <NButton
-            type="error"
-            :disabled="coreSettingsDisabled.nre"
-          >
+        <NFormItem label="强制替换ADB">
+          <NButton type="error" :disabled="coreSettingsDisabled.nre">
             强制替换ADB
           </NButton>
         </NFormItem>
-        <NFormItem
-          label="重置所有配置"
-        >
+        <NFormItem label="重置所有配置">
           <NButton
             type="error"
             :disabled="coreSettingsDisabled.nre"
@@ -112,5 +95,4 @@ const coreSettingsDisabled = inject('coreSettingsDisabled') as { nre: boolean }
   padding-bottom: 15px;
   border-radius: 10px;
 }
-
 </style>
diff --git a/packages/renderer/src/components/Setting/Appearance/Index.vue b/packages/renderer/src/components/Setting/Appearance/Index.vue
index 05d5d878..706fb13c 100644
--- a/packages/renderer/src/components/Setting/Appearance/Index.vue
+++ b/packages/renderer/src/components/Setting/Appearance/Index.vue
@@ -10,7 +10,7 @@ import {
   NSelect,
   NInputNumber,
   NDivider,
-  NCard
+  NCard,
 } from 'naive-ui'
 import useThemeStore from '@/store/theme'
 const themeStore = useThemeStore()
@@ -18,56 +18,64 @@ const themeStore = useThemeStore()
 const themeOptions = [
   {
     label: '跟随系统',
-    value: 'system'
+    value: 'system',
   },
   {
     label: '浅色',
-    value: 'maa-light'
+    value: 'maa-light',
   },
   {
     label: '深色',
-    value: 'maa-dark'
-  }
+    value: 'maa-dark',
+  },
 ]
 
-async function openBgFileSelector (): Promise<URL | undefined> {
+async function openBgFileSelector(): Promise<URL | undefined> {
   const { filePaths } = await window.ipcRenderer.invoke(
     'main.WindowManager:openDialog',
     '选择背景图片',
     ['openFile'],
     [
       { name: 'Images', extensions: ['jpg', 'png', 'jpeg'] },
-      { name: 'All Files', extensions: ['*'] }
+      { name: 'All Files', extensions: ['*'] },
     ]
   )
   if (filePaths?.length <= 0) {
     return undefined
   }
   const filepath: string = filePaths[0]
-  return new URL(filepath.startsWith('file://') ? filepath : `file://${filepath}`)
+  return new URL(
+    filepath.startsWith('file://') ? filepath : `file://${filepath}`
+  )
 }
 
-async function handleLightBgSelect () {
+async function handleLightBgSelect() {
   const url = await openBgFileSelector()
-  themeStore.updateBgLight({ url: url?.href, opacity: themeStore.bgLight.opacity })
+  themeStore.updateBgLight({
+    url: url?.href,
+    opacity: themeStore.bgLight.opacity,
+  })
 }
 
-async function handleDarkBgSelect () {
+async function handleDarkBgSelect() {
   const url = await openBgFileSelector()
-  themeStore.updateBgDark({ url: url?.href, opacity: themeStore.bgDark.opacity })
+  themeStore.updateBgDark({
+    url: url?.href,
+    opacity: themeStore.bgDark.opacity,
+  })
 }
 
-function handleUpdateBgLightOpacity (value: number | null) {
+function handleUpdateBgLightOpacity(value: number | null) {
   themeStore.updateBgLight({ url: themeStore.bgLight.url, opacity: value ?? 1 })
 }
 
-function handleUpdateBgDarkOpacity (value: number | null) {
+function handleUpdateBgDarkOpacity(value: number | null) {
   themeStore.updateBgDark({ url: themeStore.bgDark.url, opacity: value ?? 1 })
 }
 
 const bgPreviewWidth = ref(0)
 
-function handleWindowResize () {
+function handleWindowResize() {
   bgPreviewWidth.value = window.innerWidth - 700
 }
 
@@ -79,15 +87,13 @@ onMounted(() => {
 
 <template>
   <div id="appearance">
-    <h2 class="title">
-      外观
-    </h2>
+    <h2 class="title">外观</h2>
     <NFormItem label="背景颜色">
       <NSelect
         :value="themeStore.theme"
         :options="themeOptions"
         :style="{ width: '200px' }"
-        @update:value="(value) => themeStore.updateTheme(value)"
+        @update:value="value => themeStore.updateTheme(value)"
       />
     </NFormItem>
     <NFormItem label="主题色不透明度">
@@ -96,22 +102,22 @@ onMounted(() => {
         :min="0"
         :max="1"
         :step="0.01"
-        :format-tooltip="(value) => `${Math.floor(value * 100)}%`"
+        :format-tooltip="value => `${Math.floor(value * 100)}%`"
         :style="{ width: '300px' }"
-        @update:value="(value) => themeStore.updateColorOpacity(value)"
+        @update:value="value => themeStore.updateColorOpacity(value)"
       />
     </NFormItem>
     <NFormItem label="开启亚克力效果（重启应用生效）">
       <NSwitch
         :value="themeStore.acrylic"
-        @update:value="(value) => themeStore.updateAcrylic(value)"
+        @update:value="value => themeStore.updateAcrylic(value)"
       />
     </NFormItem>
     <NDivider />
     <NFormItem label="背景随主题变换">
       <NSwitch
         :value="themeStore.bgFollowTheme"
-        @update:value="(value) => themeStore.updateBgFollowTheme(value)"
+        @update:value="value => themeStore.updateBgFollowTheme(value)"
       />
     </NFormItem>
     <NFormItem label="背景图片" :label-style="{ justifyContent: 'center' }">
@@ -133,8 +139,8 @@ onMounted(() => {
                 :min="0"
                 :max="1"
                 :step="0.01"
-                :format="(value) => `${Math.floor((value ?? 0) * 100)}%`"
-                :parse="(input) => Number(input.replace('%', '')) / 100"
+                :format="value => `${Math.floor((value ?? 0) * 100)}%`"
+                :parse="input => Number(input.replace('%', '')) / 100"
                 @update:value="handleUpdateBgLightOpacity"
               />
             </NFormItem>
@@ -165,8 +171,8 @@ onMounted(() => {
                 :min="0"
                 :max="1"
                 :step="0.01"
-                :format="(value) => `${Math.floor((value ?? 0) * 100)}%`"
-                :parse="(input) => Number(input.replace('%', '')) / 100"
+                :format="value => `${Math.floor((value ?? 0) * 100)}%`"
+                :parse="input => Number(input.replace('%', '')) / 100"
                 @update:value="handleUpdateBgDarkOpacity"
               />
             </NFormItem>
diff --git a/packages/renderer/src/components/Setting/Clear/Index.vue b/packages/renderer/src/components/Setting/Clear/Index.vue
index 6a6ad360..d78617ec 100644
--- a/packages/renderer/src/components/Setting/Clear/Index.vue
+++ b/packages/renderer/src/components/Setting/Clear/Index.vue
@@ -6,10 +6,10 @@ const loading = ref(false)
 
 const cacheInfo = ref({
   log: 0,
-  download: 0
+  download: 0,
 })
 
-function formatBytes (bytes: number): string {
+function formatBytes(bytes: number): string {
   const units = ['Bytes', 'KiB', 'MiB', 'GiB']
   let index = 0
   while (bytes > 1024 && index < 3) {
@@ -19,18 +19,18 @@ function formatBytes (bytes: number): string {
   return `${bytes.toFixed(2)} ${units[index]}`
 }
 
-async function refreshStatus () {
+async function refreshStatus() {
   loading.value = true
   cacheInfo.value = await window.ipcRenderer.invoke('main.Util:GetCacheInfo')
   loading.value = false
 }
 
-async function cleanLogs () {
+async function cleanLogs() {
   await window.ipcRenderer.invoke('main.Util:CleanLogs')
   refreshStatus()
 }
 
-async function cleanDownloadCache () {
+async function cleanDownloadCache() {
   await window.ipcRenderer.invoke('main.Util:CleanDownloadCache')
   refreshStatus()
 }
@@ -39,10 +39,8 @@ onMounted(refreshStatus)
 </script>
 
 <template>
-  <div id="clear" :style="{textAlign: 'left'}">
-    <h2 class="title">
-      缓存清理
-    </h2>
+  <div id="clear" :style="{ textAlign: 'left' }">
+    <h2 class="title">缓存清理</h2>
     <NSpace justify="start" align="center">
       <NButton
         type="primary"
diff --git a/packages/renderer/src/components/Setting/Developer/SystemInformation.vue b/packages/renderer/src/components/Setting/Developer/SystemInformation.vue
index c9ec6afe..a7aa4042 100644
--- a/packages/renderer/src/components/Setting/Developer/SystemInformation.vue
+++ b/packages/renderer/src/components/Setting/Developer/SystemInformation.vue
@@ -11,16 +11,15 @@ const siLoading = ref(false)
 
 const { t } = useI18n()
 
-function refreshSystemInformation () {
+function refreshSystemInformation() {
   siLoading.value = true
-  getSystemInformation()
-    .then(data => {
-      siRef.value = data
-      siLoading.value = false
-    })
+  getSystemInformation().then(data => {
+    siRef.value = data
+    siLoading.value = false
+  })
 }
 
-function si (key: string): string | Array<any> {
+function si(key: string): string | Array<any> {
   if (!siRef.value) {
     return t('Common.N/A')
   }
@@ -31,7 +30,7 @@ function si (key: string): string | Array<any> {
   return showValue(value)
 }
 
-function showValue (value: any): string {
+function showValue(value: any): string {
   if (typeof value === 'number' && value === 0) {
     return '0'
   }
@@ -47,7 +46,7 @@ function showValue (value: any): string {
   return value
 }
 
-function formatBytes (bytes: number): string {
+function formatBytes(bytes: number): string {
   const units = ['Bytes', 'KiB', 'MiB', 'GiB']
   let index = 0
   while (bytes > 1024 && index < 3) {
@@ -60,29 +59,22 @@ function formatBytes (bytes: number): string {
 onMounted(() => {
   refreshSystemInformation()
 })
-
 </script>
 
 <template>
-  <h3 class="subtitle">
-    系统信息
-  </h3>
+  <h3 class="subtitle">系统信息</h3>
   <NAlert title="" type="info" :style="{ marginBottom: '24px' }">
     这部分信息只做展示，且仅供调试参考。信息展示会在v2的beta测试版中删除。
   </NAlert>
-  <NCollapse
-    display-directive="show"
-    class="system-information"
-  >
-    <NCollapseItem
-      :title="$t('SystemInformation.System.Title')"
-      name="system"
-    >
+  <NCollapse display-directive="show" class="system-information">
+    <NCollapseItem :title="$t('SystemInformation.System.Title')" name="system">
       <NTable striped>
         <tbody>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.System.Manufacturer') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.System.Manufacturer')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('system.manufacturer') }}</NEllipsis>
@@ -98,7 +90,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.System.Version') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.System.Version')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('system.version') }}</NEllipsis>
@@ -130,7 +124,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.System.Virtual') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.System.Virtual')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('system.virtual') }}</NEllipsis>
@@ -139,10 +135,7 @@ onMounted(() => {
         </tbody>
       </NTable>
     </NCollapseItem>
-    <NCollapseItem
-      :title="$t('SystemInformation.Bios.Title')"
-      name="bios"
-    >
+    <NCollapseItem :title="$t('SystemInformation.Bios.Title')" name="bios">
       <NTable striped>
         <tbody>
           <tr>
@@ -163,7 +156,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Bios.ReleaseDate') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Bios.ReleaseDate')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('bios.releaseDate') }}</NEllipsis>
@@ -196,7 +191,9 @@ onMounted(() => {
         <tbody>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.Manufacturer') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.Manufacturer')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('baseboard.manufacturer') }}</NEllipsis>
@@ -204,7 +201,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.Model') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.Model')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('baseboard.model') }}</NEllipsis>
@@ -212,7 +211,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.Serial') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.Serial')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('baseboard.serial') }}</NEllipsis>
@@ -220,7 +221,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.Version') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.Version')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('baseboard.version') }}</NEllipsis>
@@ -228,17 +231,25 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.MemMax') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.MemMax')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>
-                {{ siRef?.baseboard.memMax ? formatBytes(siRef?.baseboard.memMax) : $t('Common.N/A') }}
+                {{
+                  siRef?.baseboard.memMax
+                    ? formatBytes(siRef?.baseboard.memMax)
+                    : $t('Common.N/A')
+                }}
               </NEllipsis>
             </td>
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Baseboard.MemSlots') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Baseboard.MemSlots')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('baseboard.memSlots') }}</NEllipsis>
@@ -255,7 +266,9 @@ onMounted(() => {
         <tbody>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Chassis.Manufacturer') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Chassis.Manufacturer')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('chassis.manufacturer') }}</NEllipsis>
@@ -279,7 +292,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Chassis.Serial') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Chassis.Serial')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('chassis.serial') }}</NEllipsis>
@@ -287,7 +302,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Chassis.Version') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Chassis.Version')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('chassis.version') }}</NEllipsis>
@@ -304,10 +321,7 @@ onMounted(() => {
         </tbody>
       </NTable>
     </NCollapseItem>
-    <NCollapseItem
-      :title="$t('SystemInformation.Os.Title')"
-      name="os"
-    >
+    <NCollapseItem :title="$t('SystemInformation.Os.Title')" name="os">
       <NTable striped>
         <tbody>
           <tr>
@@ -344,7 +358,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Os.ReleaseDate') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Os.ReleaseDate')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('os.release') }}</NEllipsis>
@@ -377,10 +393,7 @@ onMounted(() => {
         </tbody>
       </NTable>
     </NCollapseItem>
-    <NCollapseItem
-      :title="$t('SystemInformation.Uuid.Title')"
-      name="uuid"
-    >
+    <NCollapseItem :title="$t('SystemInformation.Uuid.Title')" name="uuid">
       <NTable striped>
         <tbody>
           <tr>
@@ -402,10 +415,7 @@ onMounted(() => {
         </tbody>
       </NTable>
     </NCollapseItem>
-    <NCollapseItem
-      :title="$t('SystemInformation.Cpu.Title')"
-      name="cpu"
-    >
+    <NCollapseItem :title="$t('SystemInformation.Cpu.Title')" name="cpu">
       <NTable striped>
         <tbody>
           <tr>
@@ -418,7 +428,9 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Cpu.Processors') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Cpu.Processors')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>{{ si('cpu.processors') }}</NEllipsis>
@@ -434,12 +446,18 @@ onMounted(() => {
           </tr>
           <tr>
             <td>
-              <NEllipsis>{{ $t('SystemInformation.Cpu.PhysicalCores') }}</NEllipsis>
+              <NEllipsis>{{
+                $t('SystemInformation.Cpu.PhysicalCores')
+              }}</NEllipsis>
             </td>
             <td>
               <NEllipsis>
-                {{ `${si('cpu.physicalCores')} (${si('cpu.performanceCores')} P-Cores + ${si('cpu.efficiencyCores')}
-                E-Cores)` }}
+                {{
+                  `${si('cpu.physicalCores')} (${si(
+                    'cpu.performanceCores'
+                  )} P-Cores + ${si('cpu.efficiencyCores')}
+                E-Cores)`
+                }}
               </NEllipsis>
             </td>
           </tr>
@@ -449,7 +467,11 @@ onMounted(() => {
             </td>
             <td>
               <NEllipsis>
-                {{ `${si('cpu.speed')}GHz (${si('cpu.speedMin')}GHz ~ ${si('cpu.speedMax')}GHz)` }}
+                {{
+                  `${si('cpu.speed')}GHz (${si('cpu.speedMin')}GHz ~ ${si(
+                    'cpu.speedMax'
+                  )}GHz)`
+                }}
               </NEllipsis>
             </td>
           </tr>
@@ -485,7 +507,9 @@ onMounted(() => {
             <tbody>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Graphics.Vendor') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Graphics.Vendor')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ graphic.vendor }}</NEllipsis>
@@ -493,7 +517,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Graphics.Bus') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Graphics.Bus')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ graphic.bus }}</NEllipsis>
@@ -501,7 +527,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Graphics.VRAM') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Graphics.VRAM')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ `${graphic.vram} MiB` }}</NEllipsis>
@@ -526,23 +554,33 @@ onMounted(() => {
             <tbody>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.Size') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.Size')
+                  }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ `${monitor.sizeX}mm * ${monitor.sizeY}mm` }}</NEllipsis>
+                  <NEllipsis>{{
+                    `${monitor.sizeX}mm * ${monitor.sizeY}mm`
+                  }}</NEllipsis>
                 </td>
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.Resolution') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.Resolution')
+                  }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ `${monitor.resolutionX}x${monitor.resolutionY}` }}</NEllipsis>
+                  <NEllipsis>{{
+                    `${monitor.resolutionX}x${monitor.resolutionY}`
+                  }}</NEllipsis>
                 </td>
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.RefreshRate') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.RefreshRate')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ `${monitor.currentRefreshRate}Hz` }}</NEllipsis>
@@ -550,7 +588,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.PixelDepth') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.PixelDepth')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(monitor.pixelDepth) }}</NEllipsis>
@@ -558,7 +598,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.Connection') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.Connection')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(monitor.connection) }}</NEllipsis>
@@ -566,7 +608,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.IsBuiltin') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.IsBuiltin')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(monitor.builtin) }}</NEllipsis>
@@ -574,7 +618,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Monitor.Vendor') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Monitor.Vendor')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(monitor.vendor) }}</NEllipsis>
@@ -585,10 +631,7 @@ onMounted(() => {
         </NCollapseItem>
       </NCollapse>
     </NCollapseItem>
-    <NCollapseItem
-      :title="$t('SystemInformation.Net.Title')"
-      name="net"
-    >
+    <NCollapseItem :title="$t('SystemInformation.Net.Title')" name="net">
       <NCollapse display-directive="show">
         <NCollapseItem
           v-for="(adapter, index) of si('net')"
@@ -607,7 +650,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Net.Ip4Subnet') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Net.Ip4Subnet')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(adapter.ip4subnet) }}</NEllipsis>
@@ -623,7 +668,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Net.Ip6Subnet') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Net.Ip6Subnet')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(adapter.ip4subnet) }}</NEllipsis>
@@ -666,7 +713,11 @@ onMounted(() => {
                   <NEllipsis>{{ $t('SystemInformation.Net.Speed') }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ adapter.speed ? `${adapter.speed} Mbit / s` : $t('Common.N/A') }}</NEllipsis>
+                  <NEllipsis>{{
+                    adapter.speed
+                      ? `${adapter.speed} Mbit / s`
+                      : $t('Common.N/A')
+                  }}</NEllipsis>
                 </td>
               </tr>
             </tbody>
@@ -688,15 +739,21 @@ onMounted(() => {
             <tbody>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.Size') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.Size')
+                  }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ !!memory.size ? formatBytes(memory.size) : $t('Common.N/A') }}</NEllipsis>
+                  <NEllipsis>{{
+                    !!memory.size ? formatBytes(memory.size) : $t('Common.N/A')
+                  }}</NEllipsis>
                 </td>
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.Type') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.Type')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(memory.type) }}</NEllipsis>
@@ -704,7 +761,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.Ecc') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.Ecc')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(!!memory.ecc) }}</NEllipsis>
@@ -712,15 +771,23 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.ClockSpeed') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.ClockSpeed')
+                  }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ !!memory.clockSpeed ? `${memory.clockSpeed}MHz` : $t('Common.N/A') }}</NEllipsis>
+                  <NEllipsis>{{
+                    !!memory.clockSpeed
+                      ? `${memory.clockSpeed}MHz`
+                      : $t('Common.N/A')
+                  }}</NEllipsis>
                 </td>
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.Manufacturer') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.Manufacturer')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(memory.manufacturer) }}</NEllipsis>
@@ -728,7 +795,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.Memory.Serial') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.Memory.Serial')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(memory.serialNum) }}</NEllipsis>
@@ -753,7 +822,9 @@ onMounted(() => {
             <tbody>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.DiskLayout.Vendor') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.DiskLayout.Vendor')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(disk.vendor) }}</NEllipsis>
@@ -761,7 +832,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.DiskLayout.Type') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.DiskLayout.Type')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(disk.type) }}</NEllipsis>
@@ -769,7 +842,9 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.DiskLayout.InterfaceType') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.DiskLayout.InterfaceType')
+                  }}</NEllipsis>
                 </td>
                 <td>
                   <NEllipsis>{{ showValue(disk.interfaceType) }}</NEllipsis>
@@ -777,10 +852,14 @@ onMounted(() => {
               </tr>
               <tr>
                 <td>
-                  <NEllipsis>{{ $t('SystemInformation.DiskLayout.Size') }}</NEllipsis>
+                  <NEllipsis>{{
+                    $t('SystemInformation.DiskLayout.Size')
+                  }}</NEllipsis>
                 </td>
                 <td>
-                  <NEllipsis>{{ !!disk.size ? formatBytes(disk.size) : $t('Common.N/A') }}</NEllipsis>
+                  <NEllipsis>{{
+                    !!disk.size ? formatBytes(disk.size) : $t('Common.N/A')
+                  }}</NEllipsis>
                 </td>
               </tr>
             </tbody>
diff --git a/packages/renderer/src/components/Setting/General/Index.vue b/packages/renderer/src/components/Setting/General/Index.vue
index d1ed4107..7de5b476 100644
--- a/packages/renderer/src/components/Setting/General/Index.vue
+++ b/packages/renderer/src/components/Setting/General/Index.vue
@@ -1,9 +1,5 @@
 <script lang="ts" setup>
-import {
-  NSelect,
-  NFormItem,
-  NSpace
-} from 'naive-ui'
+import { NSelect, NFormItem, NSpace } from 'naive-ui'
 import useSettingStore, { Locale } from '@/store/settings'
 import { ref } from 'vue'
 
@@ -12,18 +8,18 @@ const settingStore = useSettingStore()
 const localeOptions = [
   {
     label: '简体中文',
-    value: Locale.zhCN
+    value: Locale.zhCN,
   },
   {
     label: 'English',
-    value: Locale.enUS
-  }
+    value: Locale.enUS,
+  },
 ]
 
 const dropdownCount = ref(0)
 let timer = 0
 
-function handleLanguageSelectClick () {
+function handleLanguageSelectClick() {
   if (timer) {
     clearTimeout(timer)
   }
@@ -36,21 +32,16 @@ function handleLanguageSelectClick () {
   }, 1000)
 }
 
-function handleChangeLocale (locale: Locale) {
+function handleChangeLocale(locale: Locale) {
   settingStore.changeLocale(locale)
 }
-
 </script>
 
 <template>
   <div id="general">
-    <h2 class="title">
-      通用
-    </h2>
+    <h2 class="title">通用</h2>
     <NSpace vertical>
-      <NFormItem
-        label="界面语言"
-      >
+      <NFormItem label="界面语言">
         <NSelect
           :value="settingStore.locale"
           :options="localeOptions"
diff --git a/packages/renderer/src/components/Setting/Other/Index.vue b/packages/renderer/src/components/Setting/Other/Index.vue
index 4b43955a..ee19e5d5 100644
--- a/packages/renderer/src/components/Setting/Other/Index.vue
+++ b/packages/renderer/src/components/Setting/Other/Index.vue
@@ -1,17 +1,16 @@
 <script setup lang="ts">
 import { NSpace, NButton } from 'naive-ui'
 
-async function onClickOpenFolder(type: 'core'|'core-log'|'ui-log'): Promise<void> {
+async function onClickOpenFolder(
+  type: 'core' | 'core-log' | 'ui-log'
+): Promise<void> {
   await window.ipcRenderer.invoke('main.Util:openFolder', type)
 }
-
 </script>
 
 <template>
-  <div id="other" :style="{textAlign: 'left'}">
-    <h2 class="title">
-      其他
-    </h2>
+  <div id="other" :style="{ textAlign: 'left' }">
+    <h2 class="title">其他</h2>
     <NSpace justify="start" align="center">
       <NButton
         type="primary"
diff --git a/packages/renderer/src/components/Setting/Report/Index.vue b/packages/renderer/src/components/Setting/Report/Index.vue
index 42fa4d4b..82d8ec66 100644
--- a/packages/renderer/src/components/Setting/Report/Index.vue
+++ b/packages/renderer/src/components/Setting/Report/Index.vue
@@ -1,32 +1,19 @@
 <script lang="ts" setup>
 import useSettingStore from '@/store/settings'
-import {
-  NSpace,
-  NTooltip,
-  NInput,
-  NFormItem
-} from 'naive-ui'
+import { NSpace, NTooltip, NInput, NFormItem } from 'naive-ui'
 
 const settingStore = useSettingStore()
 
-function onlyAllowNumber (value: string) {
+function onlyAllowNumber(value: string) {
   return !value || /^\d+$/.test(value)
 }
-
 </script>
 
 <template>
   <div id="statistics-report">
-    <h2 class="title">
-      数据上报
-    </h2>
-    <NSpace
-      vertical
-      justify="center"
-    >
-      <NFormItem
-        label="企鹅物流汇报ID"
-      >
+    <h2 class="title">数据上报</h2>
+    <NSpace vertical justify="center">
+      <NFormItem label="企鹅物流汇报ID">
         <NTooltip trigger="hover">
           <template #trigger>
             <NInput
@@ -39,9 +26,7 @@ function onlyAllowNumber (value: string) {
           汇报ID仅包含数字, 不正确的ID会在首次汇报结果时候自动替换
         </NTooltip>
       </NFormItem>
-      <NFormItem
-        label="一图流汇报ID"
-      >
+      <NFormItem label="一图流汇报ID">
         <NTooltip trigger="hover">
           <template #trigger>
             <NInput
@@ -51,7 +36,8 @@ function onlyAllowNumber (value: string) {
               :style="{ width: '200px' }"
             />
           </template>
-          如不填将默认使用企鹅物流汇报ID, 汇报ID仅包含数字, 不正确的ID会在首次汇报结果时候自动替换
+          如不填将默认使用企鹅物流汇报ID, 汇报ID仅包含数字,
+          不正确的ID会在首次汇报结果时候自动替换
         </NTooltip>
       </NFormItem>
     </NSpace>
diff --git a/packages/renderer/src/components/Setting/Version/DownloadModal.vue b/packages/renderer/src/components/Setting/Version/DownloadModal.vue
index 82a4d791..f6d60a60 100644
--- a/packages/renderer/src/components/Setting/Version/DownloadModal.vue
+++ b/packages/renderer/src/components/Setting/Version/DownloadModal.vue
@@ -8,7 +8,7 @@ import {
   NProgress,
   NAlert,
   NTooltip,
-  NPopconfirm
+  NPopconfirm,
 } from 'naive-ui'
 import useComponentStore from '@/store/components'
 import useDeviceStore from '@/store/devices'
@@ -21,7 +21,7 @@ const isTasking = computed(() =>
 )
 
 const props = defineProps<{
-  show: boolean;
+  show: boolean
 }>()
 
 defineEmits<{
@@ -34,11 +34,11 @@ const showTooltip: Ref<ComponentType | undefined> = ref()
 const tooltipPosition = ref({
   x: 0,
   y: 0,
-  width: 0
+  width: 0,
 })
 
 const getInstallProgress = (component?: ComponentType) =>
-  (component ? componentStore[component].installerProgress : 0)
+  component ? componentStore[component].installerProgress : 0
 
 // TODO: replace with i18n function
 const installButtonText = (status: ComponentStatus) => {
@@ -85,11 +85,11 @@ const handleInstall = (component: ComponentType) => {
   }
   if (componentStore[component].componentStatus === 'upgradable') {
     componentStore.updateComponentStatus(component, {
-      componentStatus: 'upgrading'
+      componentStatus: 'upgrading',
     })
   } else {
     componentStore.updateComponentStatus(component, {
-      componentStatus: 'installing'
+      componentStatus: 'installing',
     })
   }
 }
@@ -107,7 +107,7 @@ const handleMouseEnter = (event: MouseEvent, component: ComponentType) => {
   tooltipPosition.value = {
     x: rect.x,
     y: rect.y,
-    width: rect.width
+    width: rect.width,
   }
 }
 
@@ -118,17 +118,20 @@ const handleMouseLeave = () => {
 const components: ComponentType[] = [
   'Maa App',
   'Maa Core',
-  'Android Platform Tools'
+  'Android Platform Tools',
 ]
 
 onMounted(() => {
   Promise.all(
     components.map(component => {
       return new Promise<void>(resolve => {
-        window.ipcRenderer.invoke('main.ComponentManager:getStatus', component)
+        window.ipcRenderer
+          .invoke('main.ComponentManager:getStatus', component)
           .then((status: ComponentStatus | undefined) => {
             if (status) {
-              componentStore.updateComponentStatus(component, { componentStatus: status })
+              componentStore.updateComponentStatus(component, {
+                componentStatus: status,
+              })
             }
             resolve()
           })
@@ -144,7 +147,7 @@ onMounted(() => {
     :show="props.show"
     :closable="false"
     :style="{ width: '600px' }"
-    @update:show="(value) => $emit('update:show', value)"
+    @update:show="value => $emit('update:show', value)"
   >
     <NCard title="组件安装">
       <NSpace vertical>
@@ -155,7 +158,7 @@ onMounted(() => {
           v-for="component of components"
           :key="component"
           class="download-card"
-          @mouseenter="(event) => handleMouseEnter(event, component)"
+          @mouseenter="event => handleMouseEnter(event, component)"
           @mouseleave="handleMouseLeave"
         >
           <NProgress
@@ -183,18 +186,28 @@ onMounted(() => {
                   installerStatusText(
                     componentStore[component].installerStatus
                   ),
-                ].filter(text => !!text).join(' - ')
+                ]
+                  .filter(text => !!text)
+                  .join(' - ')
               }}
             </div>
-            <NPopconfirm v-else :disabled="!isTasking" @positive-click="() => handleInstall(component)">
+            <NPopconfirm
+              v-else
+              :disabled="!isTasking"
+              @positive-click="() => handleInstall(component)"
+            >
               <template #trigger>
                 <NButton
                   type="primary"
-                  :secondary="componentStore[component].componentStatus === 'installed'"
+                  :secondary="
+                    componentStore[component].componentStatus === 'installed'
+                  "
                   size="small"
                   @click="() => handleInstallButtonClick(component)"
                 >
-                  {{ installButtonText(componentStore[component].componentStatus) }}
+                  {{
+                    installButtonText(componentStore[component].componentStatus)
+                  }}
                 </NButton>
               </template>
             </NPopconfirm>
@@ -203,9 +216,17 @@ onMounted(() => {
       </NSpace>
       <NTooltip
         trigger="manual"
-        :x="tooltipPosition.x + getInstallProgress(showTooltip) * tooltipPosition.width"
+        :x="
+          tooltipPosition.x +
+          getInstallProgress(showTooltip) * tooltipPosition.width
+        "
         :y="tooltipPosition.y"
-        :show="!!showTooltip && ['installing', 'upgrading'].includes(componentStore[showTooltip].componentStatus)"
+        :show="
+          !!showTooltip &&
+          ['installing', 'upgrading'].includes(
+            componentStore[showTooltip].componentStatus
+          )
+        "
       >
         {{ Math.ceil(getInstallProgress(showTooltip) * 100) }}%
       </NTooltip>
diff --git a/packages/renderer/src/components/Setting/Version/Index.vue b/packages/renderer/src/components/Setting/Version/Index.vue
index 7289d91e..153b6b0d 100644
--- a/packages/renderer/src/components/Setting/Version/Index.vue
+++ b/packages/renderer/src/components/Setting/Version/Index.vue
@@ -2,14 +2,7 @@
 import { onMounted, computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import useSettingStore from '@/store/settings'
-import {
-  NSpace,
-  NIcon,
-  NTooltip,
-  NButton,
-  NText,
-  useThemeVars
-} from 'naive-ui'
+import { NSpace, NIcon, NTooltip, NButton, NText, useThemeVars } from 'naive-ui'
 import IconBinary from '@/assets/icons/binary.svg?component'
 import IconWindowUi from '@/assets/icons/window-ui.svg?component'
 import DownloadModal from './DownloadModal.vue'
@@ -22,14 +15,14 @@ const versionCore = computed(() => settingStore.version.core)
 const versionUi = computed(() => settingStore.version.ui)
 const show = ref(false)
 
-function needUpdate (version: { current?: string; latest?: string }) {
+function needUpdate(version: { current?: string; latest?: string }) {
   if (!version.latest || !version.current) {
     return false
   }
   return version.current !== version.latest
 }
 
-function versionString (version: { current?: string; latest?: string }) {
+function versionString(version: { current?: string; latest?: string }) {
   let str = version.current || '未知'
   if (needUpdate(version)) {
     str += ` -> ${version.latest}`
@@ -37,7 +30,7 @@ function versionString (version: { current?: string; latest?: string }) {
   return str
 }
 
-function showDownloadModal () {
+function showDownloadModal() {
   show.value = true
 }
 
@@ -55,14 +48,9 @@ onMounted(async () => {
 
 <template>
   <div id="version">
-    <h2 class="title">
-      版本信息
-    </h2>
+    <h2 class="title">版本信息</h2>
     <NSpace vertical>
-      <NTooltip
-        :disabled="!needUpdate(versionCore)"
-        :width="'trigger'"
-      >
+      <NTooltip :disabled="!needUpdate(versionCore)" :width="'trigger'">
         <template #trigger>
           <NButton
             quaternary
@@ -70,29 +58,18 @@ onMounted(async () => {
             :type="needUpdate(versionCore) ? 'info' : 'default'"
             @click="showDownloadModal"
           >
-            <NSpace
-              justify="center"
-              align="center"
-            >
-              <NIcon
-                size="18px"
-                :color="themeVars.infoColor"
-              >
+            <NSpace justify="center" align="center">
+              <NIcon size="18px" :color="themeVars.infoColor">
                 <IconBinary />
               </NIcon>
-              <NText type="info">
-                Maa Core:
-              </NText>
+              <NText type="info"> Maa Core: </NText>
               <span>{{ versionString(versionCore) }}</span>
             </NSpace>
           </NButton>
         </template>
         {{ `Core可更新至${versionCore.latest}，点击以更新` }}
       </NTooltip>
-      <NTooltip
-        :disabled="!needUpdate(versionUi)"
-        :width="'trigger'"
-      >
+      <NTooltip :disabled="!needUpdate(versionUi)" :width="'trigger'">
         <template #trigger>
           <NButton
             quaternary
@@ -100,19 +77,11 @@ onMounted(async () => {
             :type="needUpdate(versionUi) ? 'info' : 'default'"
             @click="showDownloadModal"
           >
-            <NSpace
-              justify="center"
-              align="center"
-            >
-              <NIcon
-                size="18px"
-                :color="themeVars.infoColor"
-              >
+            <NSpace justify="center" align="center">
+              <NIcon size="18px" :color="themeVars.infoColor">
                 <IconWindowUi />
               </NIcon>
-              <NText type="info">
-                Maa App:
-              </NText>
+              <NText type="info"> Maa App: </NText>
               <span>v{{ versionString(versionUi) }}</span>
             </NSpace>
           </NButton>
diff --git a/packages/renderer/src/components/Task/DropdownMenu.vue b/packages/renderer/src/components/Task/DropdownMenu.vue
index c357a940..37826f1d 100644
--- a/packages/renderer/src/components/Task/DropdownMenu.vue
+++ b/packages/renderer/src/components/Task/DropdownMenu.vue
@@ -1,59 +1,58 @@
-<script lang="ts" setup>
-import { NDropdown, NIcon } from 'naive-ui'
-import { h } from 'vue'
-import SettingsIcon from '@/assets/icons/settings.svg'
-import InProgressIcon from '@/assets/icons/in-progress.svg'
-
-const props = defineProps<{
-  x: number
-  y: number
-  show: boolean
-}>()
-
-const emit = defineEmits<{
-  (event: 'select', key: string): void
-  (event: 'update:show', value: boolean): void
-}>()
-
-const options = [
-  {
-    label: '配置面板',
-    key: 'configuration-panel',
-    icon: () => h(NIcon, null, { default: () => h(SettingsIcon) })
-  },
-  {
-    label: '进度面板',
-    key: 'result-panel',
-    icon: () => h(NIcon, null, { default: () => h(InProgressIcon) })
-  }
-  // {
-  //   type: 'divider',
-  //   key: 'divider1'
-  // }
-]
-
-const handleClickOutside = () => {
-  emit('update:show', false)
-}
-
-const handleSelect = (key: string) => {
-  emit('select', key)
-  emit('update:show', false)
-}
-</script>
-
-<template>
-  <NDropdown
-    placement="bottom-start"
-    trigger="manual"
-    :show="props.show"
-    :x="props.x"
-    :y="props.y"
-    :options="options"
-    @clickoutside="handleClickOutside"
-    @select="handleSelect"
-  />
-</template>
-
-<style lang="less" scoped>
-</style>
+<script lang="ts" setup>
+import { NDropdown, NIcon } from 'naive-ui'
+import { h } from 'vue'
+import SettingsIcon from '@/assets/icons/settings.svg'
+import InProgressIcon from '@/assets/icons/in-progress.svg'
+
+const props = defineProps<{
+  x: number
+  y: number
+  show: boolean
+}>()
+
+const emit = defineEmits<{
+  (event: 'select', key: string): void
+  (event: 'update:show', value: boolean): void
+}>()
+
+const options = [
+  {
+    label: '配置面板',
+    key: 'configuration-panel',
+    icon: () => h(NIcon, null, { default: () => h(SettingsIcon) }),
+  },
+  {
+    label: '进度面板',
+    key: 'result-panel',
+    icon: () => h(NIcon, null, { default: () => h(InProgressIcon) }),
+  },
+  // {
+  //   type: 'divider',
+  //   key: 'divider1'
+  // }
+]
+
+const handleClickOutside = () => {
+  emit('update:show', false)
+}
+
+const handleSelect = (key: string) => {
+  emit('select', key)
+  emit('update:show', false)
+}
+</script>
+
+<template>
+  <NDropdown
+    placement="bottom-start"
+    trigger="manual"
+    :show="props.show"
+    :x="props.x"
+    :y="props.y"
+    :options="options"
+    @clickoutside="handleClickOutside"
+    @select="handleSelect"
+  />
+</template>
+
+<style lang="less" scoped></style>
diff --git a/packages/renderer/src/components/Task/ItemCard.vue b/packages/renderer/src/components/Task/ItemCard.vue
index 1916195b..a5832402 100644
--- a/packages/renderer/src/components/Task/ItemCard.vue
+++ b/packages/renderer/src/components/Task/ItemCard.vue
@@ -1,85 +1,76 @@
-<script setup lang="ts">
-import { ref, Ref, onMounted } from 'vue'
-import { gamedata } from '@/api'
-import { NCard, NText, NTag, NSkeleton } from 'naive-ui'
-
-const props = defineProps<{
-  name: string;
-}>()
-
-const items: Ref<Api.Maa.Item[]> = ref([])
-const stages: Ref<Api.Maa.Stage[]> = ref([])
-
-const info: Ref<Api.Maa.Item | undefined> = ref()
-const loading = ref(true)
-
-onMounted(async () => {
-  const itemApi = await gamedata.getAllItems()
-  const stageApi = await gamedata.getAllStages()
-  stages.value = Object.values(stageApi.stages) as unknown as Api.Maa.Stage[]
-  items.value = Object.values(itemApi.items) as unknown as Api.Maa.Item[]
-  const itemid = Object.values(itemApi.items).find(item => item.name === props.name)?.itemId
-  info.value = items.value.find(x => x.itemId === itemid)
-  loading.value = false
-})
-
-// function getStageInfo (stageId: string): Api.Maa.Stage | undefined {
-//   return stages.value.find(stage => stage.stageId === stageId)
-// }
-
-</script>
-
-<template>
-  <NCard
-    style="width: 300px;"
-    :content-style="{ padding: '4px' }"
-    :header-style="{ padding: '4px' }"
-    :bordered="false"
-  >
-    <template #header>
-      <NSkeleton
-        v-if="loading"
-        width="33%"
-        text
-      />
-      <template v-else>
-        <NTag>{{ info?.name }}</NTag>
-      </template>
-    </template>
-    <NSkeleton
-      v-if="loading"
-      :repeat="5"
-      text
-    />
-    <template v-else>
-      <NText tag="div">
-        {{ info?.usage }}
-      </NText>
-      <br>
-      <NText tag="div">
-        {{ info?.description.replaceAll('\\n', '') }}
-      </NText>
-      <br>
-      <NText
-        depth="3"
-        tag="div"
-      >
-        获取方式
-      </NText>
-      <NText tag="div">
-        {{ info?.obtainApproach || ((info?.stageDropList ?? []).length !== 0 ? '关卡掉落' : '未知') }}
-      </NText>
-      <!-- <NSpace
-        v-for="(dropList, index) in (info?.stageDropList ?? [])"
-        :key="index"
-      >
-        <NText tag="div">
-          {{ getStageInfo(dropList.stageId)?.code }}
-        </NText>
-        <NText tag="div">
-          {{ getStageInfo(dropList.stageId)?.name }}
-        </NText>
-      </NSpace> -->
-    </template>
-  </NCard>
-</template>
+<script setup lang="ts">
+import { ref, Ref, onMounted } from 'vue'
+import { gamedata } from '@/api'
+import { NCard, NText, NTag, NSkeleton } from 'naive-ui'
+
+const props = defineProps<{
+  name: string
+}>()
+
+const items: Ref<Api.Maa.Item[]> = ref([])
+const stages: Ref<Api.Maa.Stage[]> = ref([])
+
+const info: Ref<Api.Maa.Item | undefined> = ref()
+const loading = ref(true)
+
+onMounted(async () => {
+  const itemApi = await gamedata.getAllItems()
+  const stageApi = await gamedata.getAllStages()
+  stages.value = Object.values(stageApi.stages) as unknown as Api.Maa.Stage[]
+  items.value = Object.values(itemApi.items) as unknown as Api.Maa.Item[]
+  const itemid = Object.values(itemApi.items).find(
+    item => item.name === props.name
+  )?.itemId
+  info.value = items.value.find(x => x.itemId === itemid)
+  loading.value = false
+})
+
+// function getStageInfo (stageId: string): Api.Maa.Stage | undefined {
+//   return stages.value.find(stage => stage.stageId === stageId)
+// }
+</script>
+
+<template>
+  <NCard
+    style="width: 300px"
+    :content-style="{ padding: '4px' }"
+    :header-style="{ padding: '4px' }"
+    :bordered="false"
+  >
+    <template #header>
+      <NSkeleton v-if="loading" width="33%" text />
+      <template v-else>
+        <NTag>{{ info?.name }}</NTag>
+      </template>
+    </template>
+    <NSkeleton v-if="loading" :repeat="5" text />
+    <template v-else>
+      <NText tag="div">
+        {{ info?.usage }}
+      </NText>
+      <br />
+      <NText tag="div">
+        {{ info?.description.replaceAll('\\n', '') }}
+      </NText>
+      <br />
+      <NText depth="3" tag="div"> 获取方式 </NText>
+      <NText tag="div">
+        {{
+          info?.obtainApproach ||
+          ((info?.stageDropList ?? []).length !== 0 ? '关卡掉落' : '未知')
+        }}
+      </NText>
+      <!-- <NSpace
+        v-for="(dropList, index) in (info?.stageDropList ?? [])"
+        :key="index"
+      >
+        <NText tag="div">
+          {{ getStageInfo(dropList.stageId)?.code }}
+        </NText>
+        <NText tag="div">
+          {{ getStageInfo(dropList.stageId)?.name }}
+        </NText>
+      </NSpace> -->
+    </template>
+  </NCard>
+</template>
diff --git a/packages/renderer/src/components/Task/ItemCheck.vue b/packages/renderer/src/components/Task/ItemCheck.vue
index c4122de4..c5feaecf 100644
--- a/packages/renderer/src/components/Task/ItemCheck.vue
+++ b/packages/renderer/src/components/Task/ItemCheck.vue
@@ -1,63 +1,60 @@
-<script setup lang="ts">
-import { NCheckbox, NPopover, NScrollbar } from 'naive-ui'
-// import { maa as MaaApi } from '@/api'
-import ItemCard from './ItemCard.vue'
-import { getItemBorderedImage } from '@/utils/game_image'
-
-const props = defineProps<{
-  name: string;
-  checked: boolean;
-  itemid: string;
-}>()
-
-const emit = defineEmits<{
-  (event: 'update:checked', value: boolean): void
-}>()
-
-</script>
-
-<template>
-  <NPopover display-directive="show">
-    <template #trigger>
-      <div class="item-check">
-        <NCheckbox
-          class="item-checkbox"
-          :checked="props.checked"
-          @update:checked="checked => emit('update:checked', checked)"
-        />
-        <img
-          :src="getItemBorderedImage(props.name)"
-          @click="emit('update:checked', !props.checked)"
-        >
-        <!-- <div>
-          <NText>    {{ props.name }} </NText>
-        </div> -->
-      </div>
-    </template>
-    <NScrollbar :style="{ maxHeight: '50vh' }">
-      <ItemCard
-        :name="props.name"
-      />
-    </NScrollbar>
-  </NPopover>
-</template>
-
-<style lang="less" scoped>
-.item-check {
-  display: inline-block;
-  position: relative;
-  padding: 4px;
-
-  &>img {
-    width: 60px;
-    height: 60px;
-    cursor: pointer;
-  }
-}
-
-.item-checkbox {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-</style>
+<script setup lang="ts">
+import { NCheckbox, NPopover, NScrollbar } from 'naive-ui'
+// import { maa as MaaApi } from '@/api'
+import ItemCard from './ItemCard.vue'
+import { getItemBorderedImage } from '@/utils/game_image'
+
+const props = defineProps<{
+  name: string
+  checked: boolean
+  itemid: string
+}>()
+
+const emit = defineEmits<{
+  (event: 'update:checked', value: boolean): void
+}>()
+</script>
+
+<template>
+  <NPopover display-directive="show">
+    <template #trigger>
+      <div class="item-check">
+        <NCheckbox
+          class="item-checkbox"
+          :checked="props.checked"
+          @update:checked="checked => emit('update:checked', checked)"
+        />
+        <img
+          :src="getItemBorderedImage(props.name)"
+          @click="emit('update:checked', !props.checked)"
+        />
+        <!-- <div>
+          <NText>    {{ props.name }} </NText>
+        </div> -->
+      </div>
+    </template>
+    <NScrollbar :style="{ maxHeight: '50vh' }">
+      <ItemCard :name="props.name" />
+    </NScrollbar>
+  </NPopover>
+</template>
+
+<style lang="less" scoped>
+.item-check {
+  display: inline-block;
+  position: relative;
+  padding: 4px;
+
+  & > img {
+    width: 60px;
+    height: 60px;
+    cursor: pointer;
+  }
+}
+
+.item-checkbox {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+</style>
diff --git a/packages/renderer/src/components/Task/ItemCircle.vue b/packages/renderer/src/components/Task/ItemCircle.vue
index f46a8741..ac674f84 100644
--- a/packages/renderer/src/components/Task/ItemCircle.vue
+++ b/packages/renderer/src/components/Task/ItemCircle.vue
@@ -1,45 +1,44 @@
-<script lang="ts" setup>
-import { NPopover, NImage, NScrollbar, NText } from 'naive-ui'
-import ItemCard from './ItemCard.vue'
-import { getItemBorderedImage } from '@/utils/game_image'
-
-const props = defineProps<{
-  name: string
-  count?: number
-  width?: number
-  height?: number
-}>()
-
-</script>
-<template>
-  <NPopover trigger="hover">
-    <template #trigger>
-      <div :style="{position: 'relative'}">
-        <NImage
-          :width="props.width"
-          :height="props.height"
-          :src="getItemBorderedImage(props.name)"
-          :preview-disabled="true"
-        />
-        <NText v-if="props.count" class="item-count">
-          {{ props.count }}
-        </NText>
-      </div>
-    </template>
-    <NScrollbar :style="{ maxHeight: '30vh' }">
-      <ItemCard :name="props.name" />
-    </NScrollbar>
-  </NPopover>
-</template>
-
-<style lang="less" scoped>
-.item-count {
-  background: rgba(0,0,0,.7);
-  color: white;
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  font-size: 12px;
-  padding: 2px;
-}
-</style>
+<script lang="ts" setup>
+import { NPopover, NImage, NScrollbar, NText } from 'naive-ui'
+import ItemCard from './ItemCard.vue'
+import { getItemBorderedImage } from '@/utils/game_image'
+
+const props = defineProps<{
+  name: string
+  count?: number
+  width?: number
+  height?: number
+}>()
+</script>
+<template>
+  <NPopover trigger="hover">
+    <template #trigger>
+      <div :style="{ position: 'relative' }">
+        <NImage
+          :width="props.width"
+          :height="props.height"
+          :src="getItemBorderedImage(props.name)"
+          :preview-disabled="true"
+        />
+        <NText v-if="props.count" class="item-count">
+          {{ props.count }}
+        </NText>
+      </div>
+    </template>
+    <NScrollbar :style="{ maxHeight: '30vh' }">
+      <ItemCard :name="props.name" />
+    </NScrollbar>
+  </NPopover>
+</template>
+
+<style lang="less" scoped>
+.item-count {
+  background: rgba(0, 0, 0, 0.7);
+  color: white;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  font-size: 12px;
+  padding: 2px;
+}
+</style>
diff --git a/packages/renderer/src/components/Task/MallItems.vue b/packages/renderer/src/components/Task/MallItems.vue
index bb5d8081..4ae4209e 100644
--- a/packages/renderer/src/components/Task/MallItems.vue
+++ b/packages/renderer/src/components/Task/MallItems.vue
@@ -1,23 +1,19 @@
 <script lang="ts" setup>
 import Draggable from 'vuedraggable'
-import {
-  NText,
-  NImage
-} from 'naive-ui'
+import { NText, NImage } from 'naive-ui'
 import router from '@/router'
 import { getItemBorderedImage } from '@/utils/game_image'
 
 const uuid = router.currentRoute.value.params.uuid as string
 
 const props = defineProps<{
-  text: string;
+  text: string
   items: string[]
 }>()
 
 defineEmits<{
   (event: 'updated'): void
 }>()
-
 </script>
 
 <template>
@@ -45,6 +41,6 @@ defineEmits<{
 
 <style lang="less" scoped>
 .item {
-  display: inline-block
+  display: inline-block;
 }
 </style>
diff --git a/packages/renderer/src/components/Task/MallSelect.vue b/packages/renderer/src/components/Task/MallSelect.vue
index 2a3d0bb7..2ad2155d 100644
--- a/packages/renderer/src/components/Task/MallSelect.vue
+++ b/packages/renderer/src/components/Task/MallSelect.vue
@@ -1,9 +1,5 @@
 <script lang="ts" setup>
-import {
-  NModal,
-  NCard,
-  NDivider
-} from 'naive-ui'
+import { NModal, NCard, NDivider } from 'naive-ui'
 
 import MallItems from '@/components/Task/MallItems.vue'
 import { ref } from 'vue'
@@ -32,7 +28,7 @@ const socialShopItems = [
   '聚酸酯',
   '异铁',
   '酮凝集',
-  '装置'
+  '装置',
 ]
 
 const props = defineProps<{
@@ -45,29 +41,33 @@ const buy_first = ref(props.buy_first)
 const blacklist = ref(props.blacklist)
 
 const others = ref(
-  _.difference(
-    socialShopItems, [
-      ...buy_first.value,
-      ...blacklist.value
-    ]
-  )
+  _.difference(socialShopItems, [...buy_first.value, ...blacklist.value])
 )
 
 const emit = defineEmits<{
   (event: 'update:show', value: boolean): void
-  (event: 'update:item', item: {
-    buy_first: string[], blacklist: string[]
-  }): void
+  (
+    event: 'update:item',
+    item: {
+      buy_first: string[]
+      blacklist: string[]
+    }
+  ): void
 }>()
 
-function handleUpdate () {
-  emit('update:item', { buy_first: buy_first.value, blacklist: blacklist.value })
+function handleUpdate() {
+  emit('update:item', {
+    buy_first: buy_first.value,
+    blacklist: blacklist.value,
+  })
 }
-
 </script>
 
 <template>
-  <NModal :show="props.show" @update:show="value => $emit('update:show', value)">
+  <NModal
+    :show="props.show"
+    @update:show="value => $emit('update:show', value)"
+  >
     <NCard
       style="width: 600px"
       title="信用购买"
@@ -76,9 +76,17 @@ function handleUpdate () {
       role="dialog"
       aria-modal="true"
     >
-      <MallItems v-model:items="buy_first" text="优先购买" @updated="handleUpdate" />
+      <MallItems
+        v-model:items="buy_first"
+        text="优先购买"
+        @updated="handleUpdate"
+      />
       <NDivider />
-      <MallItems v-model:items="blacklist" text="黑名单" @updated="handleUpdate" />
+      <MallItems
+        v-model:items="blacklist"
+        text="黑名单"
+        @updated="handleUpdate"
+      />
       <NDivider />
       <MallItems v-model:items="others" text="随缘购买" />
     </NCard>
diff --git a/packages/renderer/src/components/Task/NewTask.vue b/packages/renderer/src/components/Task/NewTask.vue
index 13fc11e1..200e7804 100644
--- a/packages/renderer/src/components/Task/NewTask.vue
+++ b/packages/renderer/src/components/Task/NewTask.vue
@@ -5,7 +5,7 @@ import {
   NScrollbar,
   NSpace,
   useThemeVars,
-  NDropdown
+  NDropdown,
 } from 'naive-ui'
 import { ref, nextTick } from 'vue'
 import router from '@/router'
@@ -20,10 +20,10 @@ const taskStore = useTaskStore()
 const uuid = router.currentRoute.value.params.uuid as string
 
 const props = defineProps<{
-    isCollapsed: boolean;
+  isCollapsed: boolean
 }>()
 
-function handleSelectNewTask (key: string): void {
+function handleSelectNewTask(key: string): void {
   if (taskStore.copyTaskFromTemplate(uuid, key)) {
     logger.info('copy task from template', key)
   }
@@ -36,13 +36,13 @@ const options: DropdownMixedOption[] = [
     children: [
       {
         label: '启动模拟器',
-        key: 'emulator'
+        key: 'emulator',
       },
       {
         label: '关机/关闭模拟器',
-        key: 'shutdown'
-      }
-    ]
+        key: 'shutdown',
+      },
+    ],
   },
   {
     label: '游戏任务',
@@ -50,37 +50,37 @@ const options: DropdownMixedOption[] = [
     children: [
       {
         label: '开始唤醒',
-        key: 'startup'
+        key: 'startup',
       },
       {
         label: '代理作战',
-        key: 'fight'
+        key: 'fight',
       },
       {
         label: '基建换班',
-        key: 'infrast'
+        key: 'infrast',
       },
       {
         label: '自动公招',
-        key: 'recruit'
+        key: 'recruit',
       },
       {
         label: '信用购物',
-        key: 'mall'
+        key: 'mall',
       },
       {
         label: '领取日常',
-        key: 'award'
+        key: 'award',
       },
       {
         label: '无限肉鸽',
-        key: 'rogue'
-      }
+        key: 'rogue',
+      },
       // {
       //   label: '生息演算',
       //   key: 'ReclamationAlgorithm'
       // }
-    ]
+    ],
   },
   {
     label: '其他任务',
@@ -88,21 +88,21 @@ const options: DropdownMixedOption[] = [
     children: [
       {
         label: '挂机',
-        key: 'idle'
+        key: 'idle',
       },
       {
         label: '每日一抽',
-        key: 'null'
-      }
-    ]
-  }
+        key: 'null',
+      },
+    ],
+  },
 ]
 
 const showDropdown = ref(false)
 
 const dropdownPosition = ref({
   x: 0,
-  y: 0
+  y: 0,
 })
 
 const handleShowDropdown = (e: MouseEvent) => {
@@ -112,18 +112,14 @@ const handleShowDropdown = (e: MouseEvent) => {
     showDropdown.value = true
     dropdownPosition.value = {
       x: e.clientX,
-      y: e.clientY
+      y: e.clientY,
     }
   })
 }
-
 </script>
 
 <template>
-  <NCollapse
-    :expanded-names="props.isCollapsed ? null : '1'"
-    class="task-card"
-  >
+  <NCollapse :expanded-names="props.isCollapsed ? null : '1'" class="task-card">
     <template #arrow>
       <span />
     </template>
@@ -135,15 +131,21 @@ const handleShowDropdown = (e: MouseEvent) => {
         border:
           themeStore.currentTheme === 'maa-dark'
             ? `1px dashed ${themeVars.primaryColor}`
-            : 'dashed white'
+            : 'dashed white',
       }"
     >
       <template #header>
-        <div style="width :100%">
-          <NDropdown trigger="hover" :options="options" @select="handleSelectNewTask">
+        <div style="width: 100%">
+          <NDropdown
+            trigger="hover"
+            :options="options"
+            @select="handleSelectNewTask"
+          >
             <div ref="cardHeaderRef" class="card-header">
               <NSpace>
-                <span class="card-title"> {{ props.isCollapsed ? '新建任务' : '' }} </span>
+                <span class="card-title">
+                  {{ props.isCollapsed ? '新建任务' : '' }}
+                </span>
               </NSpace>
               <NSpace justify="end" align="center" />
             </div>
@@ -162,14 +164,12 @@ const handleShowDropdown = (e: MouseEvent) => {
 <style lang="less" scoped>
 @keyframes breathe {
   from {
-    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1),
-     0 2px 4px -1px rgb(0 0 0 / 0.1),
-     0 0 5px 0 transparent;
+    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1),
+      0 0 5px 0 transparent;
   }
   to {
-    box-shadow:  0 2px 6px 0 rgb(0 0 0 / 0.1),
-     0 2px 4px -1px rgb(0 0 0 / 0.1),
-     0 0 10px var(--breathe-color);
+    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1),
+      0 0 10px var(--breathe-color);
   }
 }
 .task-card {
diff --git a/packages/renderer/src/components/Task/OperatorSelector.vue b/packages/renderer/src/components/Task/OperatorSelector.vue
index 75746529..fe90c832 100644
--- a/packages/renderer/src/components/Task/OperatorSelector.vue
+++ b/packages/renderer/src/components/Task/OperatorSelector.vue
@@ -1,156 +1,164 @@
-<script lang="ts" setup>
-import { ref, onMounted, Ref, h, VNode, computed } from 'vue'
-import _ from 'lodash'
-import {
-  NBadge,
-  NModal,
-  NCard,
-  NSkeleton,
-  NScrollbar,
-  NTabs,
-  NTabPane,
-  NAvatar
-} from 'naive-ui'
-import gamedataApi from '@/api/gamedata'
-import type { Operator as _Operator, OperatorProfession } from '@/api/gamedata/types'
-import { getOperatorAvatar, getProfessionImage } from '@/utils/game_image'
-import useThemeStore from '@/store/theme'
-
-interface Operator extends _Operator {
-  image?: string
-}
-
-const themeStore = useThemeStore()
-
-const props = defineProps<{
-  show: boolean;
-  selectedOperators: Operator[];
-}>()
-
-const emit = defineEmits<{
-  (event: 'update:show', value: boolean): void
-  (event: 'remove:operator', operator: Operator): void
-  (event: 'add:operator', operator: Operator): void
-}>()
-
-const operators: Ref<Operator[]> = ref([])
-const loading = ref(false)
-
-const counts = computed(() => _.countBy(props.selectedOperators, 'profession'))
-
-const professions: Record<OperatorProfession, string> = {
-  WARRIOR: '近卫',
-  MEDIC: '医疗',
-  SPECIAL: '特种',
-  SNIPER: '狙击',
-  PIONEER: '先锋',
-  TANK: '重装',
-  CASTER: '术师',
-  SUPPORT: '辅助'
-}
-
-onMounted(async () => {
-  loading.value = true
-  operators.value = Object.values((await gamedataApi.getAllOperators())).filter(
-    (operator) => operator.nationId !== null
-  )
-
-  operators.value.forEach(async (operator) => {
-    operator.image = getOperatorAvatar(operator.name)
-  })
-
-  loading.value = false
-})
-
-const getProfessionTab = (professionCode: string, professionName: string): VNode => {
-  const imgUrl = getProfessionImage(professionName, themeStore.currentTheme === 'maa-light')
-  const count = counts.value[professionCode]
-  return h('div', { style: { display: 'flex', alignItems: 'center' } }, [
-    h(NBadge, { value: count || 0 }, () => h(NAvatar, { src: imgUrl })),
-    h('span', { style: { marginLeft: '4px' } }, professionName)
-  ])
-}
-
-const toggleSelected = (operator: Operator) => {
-  const find = _.find(props.selectedOperators, (op) => op.name === operator.name)
-  if (find) {
-    emit('remove:operator', operator)
-  } else {
-    emit('add:operator', operator)
-  }
-}
-</script>
-
-<template>
-  <NModal
-    :show="props.show"
-    title="选择干员"
-    display-directive="show"
-    role="dialog"
-    aria-modal="true"
-    @update:show="(value) => $emit('update:show', value)"
-  >
-    <NCard
-      style="width: 600px"
-      role="dialog"
-      aria-modal="true"
-      title="选择干员"
-    >
-      <NTabs
-        :bar-width="28"
-        type="line"
-      >
-        <NTabPane
-          v-for="[code, name] of Object.entries(professions)"
-          :key="code"
-          :name="code"
-          :tab="getProfessionTab(code, name)"
-        >
-          <NScrollbar :style="{ maxHeight: '400px' }">
-            <NSkeleton
-              v-if="loading"
-              height="40px"
-              :repeat="4"
-              :sharp="false"
-            />
-            <div class="grid-wrapper">
-              <NAvatar
-                v-for="operator of operators.filter((op) => op.profession === code)"
-                :key="operator.name"
-                :src="operator.image"
-                :size="90"
-                class="operator-avatar"
-                :class="
-                  selectedOperators.find((op) => op.name === operator.name)
-                    ? 'selected'
-                    : ''
-                "
-                @click="() => toggleSelected(operator)"
-              />
-            </div>
-          </NScrollbar>
-        </NTabPane>
-      </NTabs>
-    </NCard>
-  </NModal>
-</template>
-
-<style lang="less" scoped>
-.grid-wrapper {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-  grid-row-gap: 20px;
-}
-
-.operator-avatar {
-  position: relative;
-  &.selected::before {
-    content: "";
-    box-sizing: border-box;
-    position: absolute;
-    border: 4px solid rgb(234, 173, 61);
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>
+<script lang="ts" setup>
+import { ref, onMounted, Ref, h, VNode, computed } from 'vue'
+import _ from 'lodash'
+import {
+  NBadge,
+  NModal,
+  NCard,
+  NSkeleton,
+  NScrollbar,
+  NTabs,
+  NTabPane,
+  NAvatar,
+} from 'naive-ui'
+import gamedataApi from '@/api/gamedata'
+import type {
+  Operator as _Operator,
+  OperatorProfession,
+} from '@/api/gamedata/types'
+import { getOperatorAvatar, getProfessionImage } from '@/utils/game_image'
+import useThemeStore from '@/store/theme'
+
+interface Operator extends _Operator {
+  image?: string
+}
+
+const themeStore = useThemeStore()
+
+const props = defineProps<{
+  show: boolean
+  selectedOperators: Operator[]
+}>()
+
+const emit = defineEmits<{
+  (event: 'update:show', value: boolean): void
+  (event: 'remove:operator', operator: Operator): void
+  (event: 'add:operator', operator: Operator): void
+}>()
+
+const operators: Ref<Operator[]> = ref([])
+const loading = ref(false)
+
+const counts = computed(() => _.countBy(props.selectedOperators, 'profession'))
+
+const professions: Record<OperatorProfession, string> = {
+  WARRIOR: '近卫',
+  MEDIC: '医疗',
+  SPECIAL: '特种',
+  SNIPER: '狙击',
+  PIONEER: '先锋',
+  TANK: '重装',
+  CASTER: '术师',
+  SUPPORT: '辅助',
+}
+
+onMounted(async () => {
+  loading.value = true
+  operators.value = Object.values(await gamedataApi.getAllOperators()).filter(
+    operator => operator.nationId !== null
+  )
+
+  operators.value.forEach(async operator => {
+    operator.image = getOperatorAvatar(operator.name)
+  })
+
+  loading.value = false
+})
+
+const getProfessionTab = (
+  professionCode: string,
+  professionName: string
+): VNode => {
+  const imgUrl = getProfessionImage(
+    professionName,
+    themeStore.currentTheme === 'maa-light'
+  )
+  const count = counts.value[professionCode]
+  return h('div', { style: { display: 'flex', alignItems: 'center' } }, [
+    h(NBadge, { value: count || 0 }, () => h(NAvatar, { src: imgUrl })),
+    h('span', { style: { marginLeft: '4px' } }, professionName),
+  ])
+}
+
+const toggleSelected = (operator: Operator) => {
+  const find = _.find(props.selectedOperators, op => op.name === operator.name)
+  if (find) {
+    emit('remove:operator', operator)
+  } else {
+    emit('add:operator', operator)
+  }
+}
+</script>
+
+<template>
+  <NModal
+    :show="props.show"
+    title="选择干员"
+    display-directive="show"
+    role="dialog"
+    aria-modal="true"
+    @update:show="value => $emit('update:show', value)"
+  >
+    <NCard
+      style="width: 600px"
+      role="dialog"
+      aria-modal="true"
+      title="选择干员"
+    >
+      <NTabs :bar-width="28" type="line">
+        <NTabPane
+          v-for="[code, name] of Object.entries(professions)"
+          :key="code"
+          :name="code"
+          :tab="getProfessionTab(code, name)"
+        >
+          <NScrollbar :style="{ maxHeight: '400px' }">
+            <NSkeleton
+              v-if="loading"
+              height="40px"
+              :repeat="4"
+              :sharp="false"
+            />
+            <div class="grid-wrapper">
+              <NAvatar
+                v-for="operator of operators.filter(
+                  op => op.profession === code
+                )"
+                :key="operator.name"
+                :src="operator.image"
+                :size="90"
+                class="operator-avatar"
+                :class="
+                  selectedOperators.find(op => op.name === operator.name)
+                    ? 'selected'
+                    : ''
+                "
+                @click="() => toggleSelected(operator)"
+              />
+            </div>
+          </NScrollbar>
+        </NTabPane>
+      </NTabs>
+    </NCard>
+  </NModal>
+</template>
+
+<style lang="less" scoped>
+.grid-wrapper {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+  grid-row-gap: 20px;
+}
+
+.operator-avatar {
+  position: relative;
+  &.selected::before {
+    content: '';
+    box-sizing: border-box;
+    position: absolute;
+    border: 4px solid rgb(234, 173, 61);
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/packages/renderer/src/components/Task/TaskCard.vue b/packages/renderer/src/components/Task/TaskCard.vue
index 98626c52..b3266616 100644
--- a/packages/renderer/src/components/Task/TaskCard.vue
+++ b/packages/renderer/src/components/Task/TaskCard.vue
@@ -1,306 +1,327 @@
-<script setup lang="ts">
-import {
-  NProgress,
-  NSwitch,
-  NCollapse,
-  NCollapseItem,
-  NScrollbar,
-  NSpace,
-  useThemeVars,
-  NIcon,
-  NTooltip,
-  NButton,
-  NText
-} from 'naive-ui'
-import { ref, nextTick, computed, provide } from 'vue'
-import DropdownMenu from './DropdownMenu.vue'
-import router from '@/router'
-import useThemeStore from '@/store/theme'
-import Timer from './Timer.vue'
-import IconAdd from '@/assets/icons/add.svg?component'
-import IconRemove from '@/assets/icons/remove.svg?component'
-import useDeviceStore from '@/store/devices'
-const themeVars = useThemeVars()
-const themeStore = useThemeStore()
-const props = defineProps<{
-  isCollapsed: boolean;
-  showResult?: Boolean;
-  taskInfo: Task;
-}>()
-
-const deviceStore = useDeviceStore()
-
-const emit = defineEmits<{
-  (event: 'update:enable', value: boolean): void
-  (event: 'update:showResult', value: boolean): void
-  (event: 'copy'): void
-  (event: 'delete'): void
-}>()
-
-const dropdownPosition = ref({
-  x: 0,
-  y: 0
-})
-
-const showDropdown = ref(false)
-
-const handleShowDropdown = (e: MouseEvent) => {
-  e.preventDefault()
-  showDropdown.value = false
-  nextTick().then(() => {
-    showDropdown.value = true
-    dropdownPosition.value = {
-      x: e.clientX,
-      y: e.clientY
-    }
-  })
-}
-
-const handleTogglePanel = (panelType: string) => {
-  if (panelType === 'configuration-panel') {
-    emit('update:showResult', false)
-  } else {
-    emit('update:showResult', true)
-  }
-}
-
-const progressBarColor = (taskStatus: TaskStatus) => {
-  switch (taskStatus) {
-    case 'idle':
-    case 'processing':
-      return themeVars.value.primaryColor
-    case 'success':
-      return themeVars.value.successColor
-    case 'exception':
-      return themeVars.value.errorColor
-    case 'waiting':
-      return themeVars.value.infoColor
-    case 'warning':
-      return themeVars.value.warningColor
-    case 'stopped':
-      return themeVars.value.warningColor
-  }
-}
-
-const resetTaskProgress = (taskInfo: Task) => {
-  if (taskInfo.status === 'idle') return
-  taskInfo.status = 'idle'
-  taskInfo.progress = 0
-  taskInfo.startTime = 0
-  taskInfo.endTime = 0
-}
-
-const uuid = router.currentRoute.value.params.uuid as string
-const deviceStatus = computed(() => deviceStore.getDevice(uuid)?.status ?? 'disconnected')
-
-provide(
-  'configurationDisabled',
-  computed(() => {
-    const notEditableStatus: TaskStatus[] = ['exception', 'skipped', 'success', 'warning']
-    return {
-      // 运行时可编辑任务用
-      re: notEditableStatus.includes(props.taskInfo.status),
-      // 运行时不可编辑任务用
-      nre: [...notEditableStatus, 'processing'].includes(props.taskInfo.status)
-    }
-  })
-)
-</script>
-
-<template>
-  <NCollapse
-    :expanded-names="props.isCollapsed ? null : '1'"
-    class="task-card"
-    :class="props.taskInfo.status === 'idle' ? '' : 'undraggable'"
-  >
-    <template #arrow>
-      <span />
-    </template>
-    <NCollapseItem
-      class="task-card-inner"
-      :class="[
-        props.isCollapsed ? 'collapsed' : '',
-        `task-card__status-${props.taskInfo.status}`
-      ].join(' ')"
-      name="1"
-      display-directive="show"
-      :style="{
-        border:
-          themeStore.currentTheme === 'maa-dark'
-            ? `1px solid ${themeVars.primaryColor}`
-            : '',
-        '--breathe-color': themeVars.primaryColor
-      }"
-    >
-      <template #header>
-        <div style="width: 100%">
-          <div ref="cardHeaderRef" class="card-header">
-            <NSpace>
-              <span class="card-title">{{ props.taskInfo.title || "" }}</span>
-              <div
-                v-if="deviceStatus === 'tasking' && !['idle', 'waiting'].includes(props.taskInfo.status)"
-                justify="end"
-              >
-                <NText type="primary">
-                  <Timer
-                    :start-time="props.taskInfo.startTime"
-                    :end-time="props.taskInfo.endTime"
-                  />
-                </NText>
-              </div>
-            </NSpace>
-            <NSpace justify="end" align="center">
-              <NTooltip>
-                <template #trigger>
-                  <NButton
-                    text
-                    style="font-size: 25px"
-                    :disabled="deviceStatus === 'tasking' && !['idle'].includes(props.taskInfo.status)"
-                    @click="() => $emit('copy')"
-                  >
-                    <NIcon>
-                      <IconAdd />
-                    </NIcon>
-                  </NButton>
-                </template>
-                复制当前任务
-              </NTooltip>
-              <NTooltip>
-                <template #trigger>
-                  <NButton
-                    text
-                    style="font-size: 25px"
-                    :disabled="deviceStatus === 'tasking' && !['idle'].includes(props.taskInfo.status)"
-                    @click="() => $emit('delete')"
-                  >
-                    <NIcon>
-                      <IconRemove />
-                    </NIcon>
-                  </NButton>
-                </template>
-                删除当前任务
-              </NTooltip>
-              <span
-                v-if="deviceStatus === 'tasking' && !['idle', 'waiting'].includes(props.taskInfo.status)"
-                class="card-progress-hint"
-                :style="{ color: themeVars.primaryColor }"
-              >
-                {{
-                  (() => {
-                    switch (props.taskInfo.status) {
-                    case "idle":
-                      return ""
-                    case "waiting":
-                      return "等待中"
-                    case "processing":
-                      return '进行中'
-                    case "success":
-                      return "已完成"
-                    case "warning":
-                      return "警告"
-                    case "exception":
-                      return "任务出错"
-                    case "stopped":
-                      return "手动取消"
-                    case 'skipped':
-                      return '已跳过'
-                    }
-                  })()
-                }}
-              </span>
-              <NSwitch
-                v-else
-                :value="props.taskInfo.enable"
-                @update:value="enabled => {
-                  $emit('update:enable', enabled)
-                  resetTaskProgress(props.taskInfo)
-                }"
-              />
-            </NSpace>
-          </div>
-          <NProgress
-            :percentage="props.taskInfo.progress"
-            :color="progressBarColor(props.taskInfo.status)"
-            :border-radius="0"
-            :height="4"
-            :show-indicator="false"
-          />
-        </div>
-      </template>
-      <div class="card-content">
-        <NScrollbar @contextmenu="handleShowDropdown">
-          <slot />
-        </NScrollbar>
-        <DropdownMenu
-          v-model:show="showDropdown"
-          :x="dropdownPosition.x"
-          :y="dropdownPosition.y"
-          @select="handleTogglePanel"
-        />
-      </div>
-    </NCollapseItem>
-  </NCollapse>
-</template>
-
-<style lang="less" scoped>
-@keyframes breathe {
-  from {
-    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1),
-     0 2px 4px -1px rgb(0 0 0 / 0.1),
-     0 0 5px 0 transparent;
-  }
-  to {
-    box-shadow:  0 2px 6px 0 rgb(0 0 0 / 0.1),
-     0 2px 4px -1px rgb(0 0 0 / 0.1),
-     0 0 10px var(--breathe-color);
-  }
-}
-.task-card {
-  user-select: none;
-  transition: width 0.3s var(--n-bezier);
-
-  & :deep(.n-collapse-item__content-wrapper .n-collapse-item__content-inner) {
-    padding-top: 0;
-  }
-}
-
-.task-card-inner {
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.05);
-  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1);
-  border-radius: 12px;
-  float: none;
-
-  &.collapsed {
-    border-radius: 12px 12px 0 0;
-  }
-
-  &.task-card__status-processing {
-    animation: breathe 3s ease-in-out alternate infinite;
-  }
-
-  & :deep(.n-collapse-item__header .n-collapse-item__header-main) {
-    display: block;
-  }
-}
-
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 12px;
-  height: 22px;
-}
-
-.card-progress-hint {
-  font-size: smaller;
-}
-
-.card-content {
-  max-width: 100%;
-  padding: 0 12px;
-  transition: height 0.3s var(--n-bezier);
-  aspect-ratio: 9 / 4;
-  min-height: 120px;
-}
-</style>
+<script setup lang="ts">
+import {
+  NProgress,
+  NSwitch,
+  NCollapse,
+  NCollapseItem,
+  NScrollbar,
+  NSpace,
+  useThemeVars,
+  NIcon,
+  NTooltip,
+  NButton,
+  NText,
+} from 'naive-ui'
+import { ref, nextTick, computed, provide } from 'vue'
+import DropdownMenu from './DropdownMenu.vue'
+import router from '@/router'
+import useThemeStore from '@/store/theme'
+import Timer from './Timer.vue'
+import IconAdd from '@/assets/icons/add.svg?component'
+import IconRemove from '@/assets/icons/remove.svg?component'
+import useDeviceStore from '@/store/devices'
+const themeVars = useThemeVars()
+const themeStore = useThemeStore()
+const props = defineProps<{
+  isCollapsed: boolean
+  showResult?: Boolean
+  taskInfo: Task
+}>()
+
+const deviceStore = useDeviceStore()
+
+const emit = defineEmits<{
+  (event: 'update:enable', value: boolean): void
+  (event: 'update:showResult', value: boolean): void
+  (event: 'copy'): void
+  (event: 'delete'): void
+}>()
+
+const dropdownPosition = ref({
+  x: 0,
+  y: 0,
+})
+
+const showDropdown = ref(false)
+
+const handleShowDropdown = (e: MouseEvent) => {
+  e.preventDefault()
+  showDropdown.value = false
+  nextTick().then(() => {
+    showDropdown.value = true
+    dropdownPosition.value = {
+      x: e.clientX,
+      y: e.clientY,
+    }
+  })
+}
+
+const handleTogglePanel = (panelType: string) => {
+  if (panelType === 'configuration-panel') {
+    emit('update:showResult', false)
+  } else {
+    emit('update:showResult', true)
+  }
+}
+
+const progressBarColor = (taskStatus: TaskStatus) => {
+  switch (taskStatus) {
+    case 'idle':
+    case 'processing':
+      return themeVars.value.primaryColor
+    case 'success':
+      return themeVars.value.successColor
+    case 'exception':
+      return themeVars.value.errorColor
+    case 'waiting':
+      return themeVars.value.infoColor
+    case 'warning':
+      return themeVars.value.warningColor
+    case 'stopped':
+      return themeVars.value.warningColor
+  }
+}
+
+const resetTaskProgress = (taskInfo: Task) => {
+  if (taskInfo.status === 'idle') return
+  taskInfo.status = 'idle'
+  taskInfo.progress = 0
+  taskInfo.startTime = 0
+  taskInfo.endTime = 0
+}
+
+const uuid = router.currentRoute.value.params.uuid as string
+const deviceStatus = computed(
+  () => deviceStore.getDevice(uuid)?.status ?? 'disconnected'
+)
+
+provide(
+  'configurationDisabled',
+  computed(() => {
+    const notEditableStatus: TaskStatus[] = [
+      'exception',
+      'skipped',
+      'success',
+      'warning',
+    ]
+    return {
+      // 运行时可编辑任务用
+      re: notEditableStatus.includes(props.taskInfo.status),
+      // 运行时不可编辑任务用
+      nre: [...notEditableStatus, 'processing'].includes(props.taskInfo.status),
+    }
+  })
+)
+</script>
+
+<template>
+  <NCollapse
+    :expanded-names="props.isCollapsed ? null : '1'"
+    class="task-card"
+    :class="props.taskInfo.status === 'idle' ? '' : 'undraggable'"
+  >
+    <template #arrow>
+      <span />
+    </template>
+    <NCollapseItem
+      class="task-card-inner"
+      :class="
+        [
+          props.isCollapsed ? 'collapsed' : '',
+          `task-card__status-${props.taskInfo.status}`,
+        ].join(' ')
+      "
+      name="1"
+      display-directive="show"
+      :style="{
+        border:
+          themeStore.currentTheme === 'maa-dark'
+            ? `1px solid ${themeVars.primaryColor}`
+            : '',
+        '--breathe-color': themeVars.primaryColor,
+      }"
+    >
+      <template #header>
+        <div style="width: 100%">
+          <div ref="cardHeaderRef" class="card-header">
+            <NSpace>
+              <span class="card-title">{{ props.taskInfo.title || '' }}</span>
+              <div
+                v-if="
+                  deviceStatus === 'tasking' &&
+                  !['idle', 'waiting'].includes(props.taskInfo.status)
+                "
+                justify="end"
+              >
+                <NText type="primary">
+                  <Timer
+                    :start-time="props.taskInfo.startTime"
+                    :end-time="props.taskInfo.endTime"
+                  />
+                </NText>
+              </div>
+            </NSpace>
+            <NSpace justify="end" align="center">
+              <NTooltip>
+                <template #trigger>
+                  <NButton
+                    text
+                    style="font-size: 25px"
+                    :disabled="
+                      deviceStatus === 'tasking' &&
+                      !['idle'].includes(props.taskInfo.status)
+                    "
+                    @click="() => $emit('copy')"
+                  >
+                    <NIcon>
+                      <IconAdd />
+                    </NIcon>
+                  </NButton>
+                </template>
+                复制当前任务
+              </NTooltip>
+              <NTooltip>
+                <template #trigger>
+                  <NButton
+                    text
+                    style="font-size: 25px"
+                    :disabled="
+                      deviceStatus === 'tasking' &&
+                      !['idle'].includes(props.taskInfo.status)
+                    "
+                    @click="() => $emit('delete')"
+                  >
+                    <NIcon>
+                      <IconRemove />
+                    </NIcon>
+                  </NButton>
+                </template>
+                删除当前任务
+              </NTooltip>
+              <span
+                v-if="
+                  deviceStatus === 'tasking' &&
+                  !['idle', 'waiting'].includes(props.taskInfo.status)
+                "
+                class="card-progress-hint"
+                :style="{ color: themeVars.primaryColor }"
+              >
+                {{
+                  (() => {
+                    switch (props.taskInfo.status) {
+                      case 'idle':
+                        return ''
+                      case 'waiting':
+                        return '等待中'
+                      case 'processing':
+                        return '进行中'
+                      case 'success':
+                        return '已完成'
+                      case 'warning':
+                        return '警告'
+                      case 'exception':
+                        return '任务出错'
+                      case 'stopped':
+                        return '手动取消'
+                      case 'skipped':
+                        return '已跳过'
+                    }
+                  })()
+                }}
+              </span>
+              <NSwitch
+                v-else
+                :value="props.taskInfo.enable"
+                @update:value="
+                  enabled => {
+                    $emit('update:enable', enabled)
+                    resetTaskProgress(props.taskInfo)
+                  }
+                "
+              />
+            </NSpace>
+          </div>
+          <NProgress
+            :percentage="props.taskInfo.progress"
+            :color="progressBarColor(props.taskInfo.status)"
+            :border-radius="0"
+            :height="4"
+            :show-indicator="false"
+          />
+        </div>
+      </template>
+      <div class="card-content">
+        <NScrollbar @contextmenu="handleShowDropdown">
+          <slot />
+        </NScrollbar>
+        <DropdownMenu
+          v-model:show="showDropdown"
+          :x="dropdownPosition.x"
+          :y="dropdownPosition.y"
+          @select="handleTogglePanel"
+        />
+      </div>
+    </NCollapseItem>
+  </NCollapse>
+</template>
+
+<style lang="less" scoped>
+@keyframes breathe {
+  from {
+    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1),
+      0 0 5px 0 transparent;
+  }
+  to {
+    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1),
+      0 0 10px var(--breathe-color);
+  }
+}
+.task-card {
+  user-select: none;
+  transition: width 0.3s var(--n-bezier);
+
+  & :deep(.n-collapse-item__content-wrapper .n-collapse-item__content-inner) {
+    padding-top: 0;
+  }
+}
+
+.task-card-inner {
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1);
+  border-radius: 12px;
+  float: none;
+
+  &.collapsed {
+    border-radius: 12px 12px 0 0;
+  }
+
+  &.task-card__status-processing {
+    animation: breathe 3s ease-in-out alternate infinite;
+  }
+
+  & :deep(.n-collapse-item__header .n-collapse-item__header-main) {
+    display: block;
+  }
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  height: 22px;
+}
+
+.card-progress-hint {
+  font-size: smaller;
+}
+
+.card-content {
+  max-width: 100%;
+  padding: 0 12px;
+  transition: height 0.3s var(--n-bezier);
+  aspect-ratio: 9 / 4;
+  min-height: 120px;
+}
+</style>
diff --git a/packages/renderer/src/components/Task/TaskGroupActions.vue b/packages/renderer/src/components/Task/TaskGroupActions.vue
index 01cf3b18..c159b3f2 100644
--- a/packages/renderer/src/components/Task/TaskGroupActions.vue
+++ b/packages/renderer/src/components/Task/TaskGroupActions.vue
@@ -1,6 +1,14 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
-import { NIcon, NButton, NPopconfirm, NInput, NSpace, NText, useMessage } from 'naive-ui'
+import {
+  NIcon,
+  NButton,
+  NPopconfirm,
+  NInput,
+  NSpace,
+  NText,
+  useMessage,
+} from 'naive-ui'
 import { useI18n } from 'vue-i18n'
 import { TrashOutline } from '@vicons/ionicons5'
 
@@ -67,12 +75,7 @@ const handleDelete = () => {
     </NButton>
     <NPopconfirm @positive-click="handleDelete">
       <template #trigger>
-        <NButton
-          size="small"
-          quaternary
-          circle
-          type="error"
-        >
+        <NButton size="small" quaternary circle type="error">
           <template #icon>
             <NIcon>
               <TrashOutline />
diff --git a/packages/renderer/src/components/Task/Timer.vue b/packages/renderer/src/components/Task/Timer.vue
index ed1cf15e..f99aec8e 100644
--- a/packages/renderer/src/components/Task/Timer.vue
+++ b/packages/renderer/src/components/Task/Timer.vue
@@ -1,89 +1,105 @@
-<script lang="ts">
-import { computed, defineComponent, getCurrentInstance, h, ref, watch, PropType, Ref } from 'vue'
-
-interface Time {
-  hours: number;
-  minutes: number;
-  seconds: number;
-  milliseconds: number;
-}
-
-type Formatter = (time: Time) => string;
-
-const defaultFormatter: Formatter = ({ hours, minutes, seconds }) => {
-  const arr = [minutes, seconds]
-  if (hours !== 0) arr.unshift(hours)
-  return arr.map((x, index) => index === 0 ? String(x) : String(x).padStart(2, '0')).join(':')
-}
-
-export default defineComponent({
-  name: 'TheTimer',
-  props: {
-    startTime: {
-      type: Number,
-      required: false,
-      default: undefined
-    },
-    endTime: {
-      type: Number,
-      required: false,
-      default: undefined
-    },
-    formatter: {
-      type: Function as PropType<Formatter>,
-      required: false,
-      default: defaultFormatter
-    }
-  },
-  setup (props) {
-    const instance = getCurrentInstance()
-    const interval: Ref<number | undefined> = ref()
-    const isActive = computed(() => {
-      if (!props.startTime) {
-        return false
-      }
-      if (props.endTime) {
-        return false
-      }
-      return true
-    })
-
-    const timeDiff = () => {
-      const time = {
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-        milliseconds: 0
-      }
-
-      if (!props.startTime) { return time }
-      const now = props.endTime ?? Date.now()
-      let diff = now - props.startTime
-      time.milliseconds = diff % 1000
-      diff = Math.floor(diff / 1000)
-      time.seconds = diff % 60
-      diff = Math.floor(diff / 60)
-      time.minutes = diff % 60
-      diff = Math.floor(diff / 60)
-      time.hours = diff
-      return time
-    }
-
-    watch(isActive, (newValue, oldValue) => {
-      if (newValue === oldValue) return
-      if (newValue) {
-        interval.value = window.setInterval(() => {
-          if (isActive.value) {
-            instance?.proxy?.$forceUpdate()
-          }
-        }, 1000)
-      } else {
-        window.clearInterval(interval.value)
-      }
-    }, { immediate: true })
-
-    return () => h('div', props.formatter(timeDiff()))
-  }
-})
-
-</script>
+<script lang="ts">
+import {
+  computed,
+  defineComponent,
+  getCurrentInstance,
+  h,
+  ref,
+  watch,
+  PropType,
+  Ref,
+} from 'vue'
+
+interface Time {
+  hours: number
+  minutes: number
+  seconds: number
+  milliseconds: number
+}
+
+type Formatter = (time: Time) => string
+
+const defaultFormatter: Formatter = ({ hours, minutes, seconds }) => {
+  const arr = [minutes, seconds]
+  if (hours !== 0) arr.unshift(hours)
+  return arr
+    .map((x, index) => (index === 0 ? String(x) : String(x).padStart(2, '0')))
+    .join(':')
+}
+
+export default defineComponent({
+  name: 'TheTimer',
+  props: {
+    startTime: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+    endTime: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+    formatter: {
+      type: Function as PropType<Formatter>,
+      required: false,
+      default: defaultFormatter,
+    },
+  },
+  setup(props) {
+    const instance = getCurrentInstance()
+    const interval: Ref<number | undefined> = ref()
+    const isActive = computed(() => {
+      if (!props.startTime) {
+        return false
+      }
+      if (props.endTime) {
+        return false
+      }
+      return true
+    })
+
+    const timeDiff = () => {
+      const time = {
+        hours: 0,
+        minutes: 0,
+        seconds: 0,
+        milliseconds: 0,
+      }
+
+      if (!props.startTime) {
+        return time
+      }
+      const now = props.endTime ?? Date.now()
+      let diff = now - props.startTime
+      time.milliseconds = diff % 1000
+      diff = Math.floor(diff / 1000)
+      time.seconds = diff % 60
+      diff = Math.floor(diff / 60)
+      time.minutes = diff % 60
+      diff = Math.floor(diff / 60)
+      time.hours = diff
+      return time
+    }
+
+    watch(
+      isActive,
+      (newValue, oldValue) => {
+        if (newValue === oldValue) return
+        if (newValue) {
+          interval.value = window.setInterval(() => {
+            if (isActive.value) {
+              instance?.proxy?.$forceUpdate()
+            }
+          }, 1000)
+        } else {
+          window.clearInterval(interval.value)
+        }
+      },
+      { immediate: true }
+    )
+
+    return () => h('div', props.formatter(timeDiff()))
+  },
+})
+</script>
diff --git a/packages/renderer/src/components/Task/configurations/Emulator.vue b/packages/renderer/src/components/Task/configurations/Emulator.vue
index c9336b98..38e1dbd0 100644
--- a/packages/renderer/src/components/Task/configurations/Emulator.vue
+++ b/packages/renderer/src/components/Task/configurations/Emulator.vue
@@ -7,31 +7,31 @@ import useDeviceStore from '@/store/devices'
 const deviceStore = useDeviceStore()
 
 interface EmulatorConfiguration {
-  commandLine: string; // 启动参数，用于从命令行启动指定模拟器
-  delay: 30 | 60 | 120 | 300 | 600; // 等待模拟器启动完成的延迟
+  commandLine: string // 启动参数，用于从命令行启动指定模拟器
+  delay: 30 | 60 | 120 | 300 | 600 // 等待模拟器启动完成的延迟
 }
 
 const delayOptions = [
   {
     value: 30,
-    label: '30秒 - 不建议'
+    label: '30秒 - 不建议',
   },
   {
     value: 60,
-    label: '一分钟'
+    label: '一分钟',
   },
   {
     value: 120,
-    label: '两分钟'
+    label: '两分钟',
   },
   {
     value: 300,
-    label: '五分钟'
+    label: '五分钟',
   },
   {
     value: 600,
-    label: '十分钟'
-  }
+    label: '十分钟',
+  },
 ]
 
 const props = defineProps<{
@@ -39,12 +39,18 @@ const props = defineProps<{
   taskIndex: number
 }>()
 
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
 
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 
-function handleUpdateConfiguration (key: string, value: any) {
+function handleUpdateConfiguration(key: string, value: any) {
   updateTaskConfigurations(key, value, props.taskIndex)
 }
 
@@ -54,7 +60,6 @@ const commandLine = deviceStore.getDevice(routeUuid)?.commandLine
 if (commandLine) {
   handleUpdateConfiguration('commandLine', commandLine)
 }
-
 </script>
 <template>
   <div class="configuration-form">
diff --git a/packages/renderer/src/components/Task/configurations/Fighting.vue b/packages/renderer/src/components/Task/configurations/Fighting.vue
index da0ca9c4..87d253a6 100644
--- a/packages/renderer/src/components/Task/configurations/Fighting.vue
+++ b/packages/renderer/src/components/Task/configurations/Fighting.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, computed, Ref, inject } from 'vue'
-import {
-  NFormItem,
-  NInputNumber,
-  NSpace,
-  NSelect,
-  NInputGroup
-} from 'naive-ui'
+import { NFormItem, NInputNumber, NSpace, NSelect, NInputGroup } from 'naive-ui'
 import { gamedata } from '@/api'
 
 type DropConfiguration = Record<string, number>
@@ -36,23 +30,25 @@ const supportStages = [
   { label: '龙门币-6/5', value: 'CE-6' },
   { label: '经验-6/5', value: 'LS-6' },
   { label: '红票-5', value: 'AP-5' },
-  { label: '技能-5', value: 'CA-5' }
+  { label: '技能-5', value: 'CA-5' },
 ]
 
 const props = defineProps<{
-  configurations: FightingConfiguration;
+  configurations: FightingConfiguration
   taskIndex: number
 }>()
 
-const allItems: Ref<Array<{
-  label: string
-  value: string
-}>> = ref([])
+const allItems: Ref<
+  Array<{
+    label: string
+    value: string
+  }>
+> = ref([])
 
 const loading = ref(false)
 
 const drops = computed({
-  get () {
+  get() {
     const entries = Object.entries(props.configurations.drops)
     if (entries.length === 0) {
       return {}
@@ -60,7 +56,7 @@ const drops = computed({
     const [item_id, times] = entries[0]
     return { item_id, times }
   },
-  set (value: { item_id?: string, times?: number }) {
+  set(value: { item_id?: string; times?: number }) {
     let obj = {}
     if (!value.item_id) {
       obj = {}
@@ -68,34 +64,40 @@ const drops = computed({
       obj = { [value.item_id]: value.times ?? 0 }
     }
     handleUpdateConfiguration('drops', obj)
-  }
+  },
 })
 
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
 
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 
-function handleUpdateConfiguration (key: string, value: any) {
+function handleUpdateConfiguration(key: string, value: any) {
   updateTaskConfigurations(key, value, props.taskIndex)
 }
 
-function handleMedicineUpdate (value: number | null) {
+function handleMedicineUpdate(value: number | null) {
   if (value === null) value = 6
   handleUpdateConfiguration('medicine', value)
 }
 
-function handleTimesUpdate (value: number | null) {
+function handleTimesUpdate(value: number | null) {
   if (value === null) value = 6
   handleUpdateConfiguration('times', value)
 }
 
-function handleStoneUpdate (value: number | null) {
+function handleStoneUpdate(value: number | null) {
   if (value === null) value = 6
   handleUpdateConfiguration('stone', value)
 }
 
-function handleDropUpdate (value: { item_id?: string, times?: number }) {
+function handleDropUpdate(value: { item_id?: string; times?: number }) {
   drops.value = value
 }
 
@@ -110,11 +112,10 @@ onMounted(async () => {
     .filter(item => !['ACTIVITY_ITEM', 'ET_STAGE'].includes(item.itemType))
     .map(item => ({
       label: item.name,
-      value: item.itemId
+      value: item.itemId,
     }))
   loading.value = false
 })
-
 </script>
 
 <template>
@@ -203,17 +204,25 @@ onMounted(async () => {
             clearable
             :disabled="configurationDisabled.re"
             :value="drops.item_id"
-            @update:value="value => handleDropUpdate({item_id: value, times: drops.times})"
+            @update:value="
+              value => handleDropUpdate({ item_id: value, times: drops.times })
+            "
           />
           <NInputNumber
             placeholder="数量"
             :disabled="!drops.item_id || configurationDisabled.re"
-            :style="{width: '60px'}"
+            :style="{ width: '60px' }"
             :show-button="false"
             :value="drops.times"
             :min="0"
             :max="999"
-            @update:value="value => handleDropUpdate({item_id: drops.item_id, times: value ?? undefined})"
+            @update:value="
+              value =>
+                handleDropUpdate({
+                  item_id: drops.item_id,
+                  times: value ?? undefined,
+                })
+            "
           />
         </NInputGroup>
       </NFormItem>
diff --git a/packages/renderer/src/components/Task/configurations/Idle.vue b/packages/renderer/src/components/Task/configurations/Idle.vue
index a5d1c5b9..e34d4e95 100644
--- a/packages/renderer/src/components/Task/configurations/Idle.vue
+++ b/packages/renderer/src/components/Task/configurations/Idle.vue
@@ -6,7 +6,7 @@ import useDeviceStore from '@/store/devices'
 import useTaskStore from '@/store/tasks'
 import {
   secondsToFormattedDuration,
-  formattedDurationToSeconds
+  formattedDurationToSeconds,
 } from '@/utils/time_picker'
 import _ from 'lodash'
 import { showMessage } from '@/utils/message'
@@ -23,7 +23,10 @@ const props = defineProps<{
   taskIndex: number
 }>()
 
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 const routeUuid = router.currentRoute.value.params.uuid as string
 
 // function handleSkipSchedule () {
@@ -36,7 +39,6 @@ const routeUuid = router.currentRoute.value.params.uuid as string
 //     // TODO: skip schedule( set timeout to 0 )
 //   }
 // }
-
 </script>
 <template>
   <div class="configuration-form">
@@ -57,7 +59,7 @@ const routeUuid = router.currentRoute.value.params.uuid as string
           "
           :actions="['confirm']"
           @update:formatted-value="
-            (value) =>
+            value =>
               _.set(
                 props.configurations,
                 'delay',
diff --git a/packages/renderer/src/components/Task/configurations/Index.vue b/packages/renderer/src/components/Task/configurations/Index.vue
index 6e61338e..7d193653 100644
--- a/packages/renderer/src/components/Task/configurations/Index.vue
+++ b/packages/renderer/src/components/Task/configurations/Index.vue
@@ -20,7 +20,7 @@ const components: Record<string, Component> = {
   rogue: Rogue,
   mall: Mall,
   shutdown: Shutdown,
-  idle: Idle
+  idle: Idle,
 }
 
 export default defineComponent({
@@ -28,10 +28,10 @@ export default defineComponent({
   props: {
     name: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
-  render () {
+  render() {
     const component = components[this.name]
     if (component) {
       // @ts-ignore
@@ -39,7 +39,7 @@ export default defineComponent({
     } else {
       return h(NoConfiguration)
     }
-  }
+  },
 })
 </script>
 
diff --git a/packages/renderer/src/components/Task/configurations/Infrast.vue b/packages/renderer/src/components/Task/configurations/Infrast.vue
index 0398738d..eb931edd 100644
--- a/packages/renderer/src/components/Task/configurations/Infrast.vue
+++ b/packages/renderer/src/components/Task/configurations/Infrast.vue
@@ -9,7 +9,7 @@ import {
   NUpload,
   NUploadDragger,
   NText,
-  UploadFileInfo
+  UploadFileInfo,
 } from 'naive-ui'
 import Draggable from 'vuedraggable'
 import _ from 'lodash'
@@ -22,7 +22,7 @@ type FacilityType =
   | 'Power'
   | 'Reception'
   | 'Office'
-  | 'Dorm';
+  | 'Dorm'
 
 type droneUsageType =
   | '_NotUse'
@@ -31,72 +31,75 @@ type droneUsageType =
   | 'CombatRecord'
   | 'PureGold'
   | 'OriginStone'
-  | 'Chip';
+  | 'Chip'
 
-type infrastPlan =
-  | 0
-  | 10000
+type infrastPlan = 0 | 10000
 
 interface InfrastConfiguration {
-  mode: number, // 保留模式, 暂无意义
-  facility: FacilityType[], // 换班基建
-  drones: droneUsageType, // 无人机用途
-  threshold: number, // 换班阈值
-  replenish: boolean, // 自动源石补货
-  dorm_notstationed_enabled: boolean, // 不将已入驻的干员放入宿舍
-  drom_trust_enabled: boolean, // 宿舍剩余位置蹭信赖
-  filename: string, // 换班基建配置文件名
+  mode: number // 保留模式, 暂无意义
+  facility: FacilityType[] // 换班基建
+  drones: droneUsageType // 无人机用途
+  threshold: number // 换班阈值
+  replenish: boolean // 自动源石补货
+  dorm_notstationed_enabled: boolean // 不将已入驻的干员放入宿舍
+  drom_trust_enabled: boolean // 宿舍剩余位置蹭信赖
+  filename: string // 换班基建配置文件名
   plan_index: number // 换班基建配置方案
 }
 
-const infrastConfig = { path: ref(''), loadStatus: ref(false), title: ref(''), config: ref() }
+const infrastConfig = {
+  path: ref(''),
+  loadStatus: ref(false),
+  title: ref(''),
+  config: ref(),
+}
 
 const droneUsageOptions: {
-  value: droneUsageType;
-  label: string;
+  value: droneUsageType
+  label: string
 }[] = [
   {
     value: '_NotUse', // _NotUse
-    label: '不使用无人机'
+    label: '不使用无人机',
   },
   {
     value: 'Money', // LMD
-    label: '贸易站 - 龙门币'
+    label: '贸易站 - 龙门币',
   },
   {
     value: 'SyntheticJade', // Orumdum
-    label: '贸易站 - 合成玉'
+    label: '贸易站 - 合成玉',
   },
   {
     value: 'CombatRecord', // 'Battle Record'
-    label: '制造站 - 作战记录'
+    label: '制造站 - 作战记录',
   },
   {
     value: 'PureGold', // 'Pure Gold',
-    label: '制造站 - 赤金'
+    label: '制造站 - 赤金',
   },
   {
     value: 'OriginStone', // 'Originium Shard'
-    label: '制造站 - 源石碎片'
+    label: '制造站 - 源石碎片',
   },
   {
     value: 'Chip', // Chip
-    label: '制造站 - 芯片'
-  }
+    label: '制造站 - 芯片',
+  },
 ]
 
 const infrastPlanOption: {
-  value: infrastPlan;
-  label: string;
+  value: infrastPlan
+  label: string
 }[] = [
   {
     value: 0,
-    label: '单设施最优解'
+    label: '单设施最优解',
   },
   {
     value: 10000,
-    label: '自定义换班模式'
-  }
+    label: '自定义换班模式',
+  },
 ]
 
 const allFacilities: FacilityType[] = [
@@ -106,79 +109,102 @@ const allFacilities: FacilityType[] = [
   'Control',
   'Reception',
   'Office',
-  'Dorm'
+  'Dorm',
 ]
 
 const props = defineProps<{
-  configurations: InfrastConfiguration;
+  configurations: InfrastConfiguration
   taskIndex: number
 }>()
 
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 
 const facilities = computed(() => {
   const diff = _.difference(allFacilities, props.configurations.facility)
-  return [...props.configurations.facility, ...diff].map(
-    facility => ({
-      name: facility,
-      enabled: props.configurations.facility.includes(facility)
-    })
-  )
+  return [...props.configurations.facility, ...diff].map(facility => ({
+    name: facility,
+    enabled: props.configurations.facility.includes(facility),
+  }))
 })
-function handleUpdateConfiguration (key: string, value: any) {
+function handleUpdateConfiguration(key: string, value: any) {
   updateTaskConfigurations(key, value, props.taskIndex)
 }
 
-function onFacilityEnableUpdate (name: string, enabled: boolean) {
+function onFacilityEnableUpdate(name: string, enabled: boolean) {
   const facs = _.cloneDeep(facilities.value)
   const fac = facs.find(facility => facility.name === name)
   if (fac) {
     fac.enabled = enabled
   }
-  const updated = facs.filter(facility => facility.enabled).map(facility => facility.name)
+  const updated = facs
+    .filter(facility => facility.enabled)
+    .map(facility => facility.name)
   handleUpdateConfiguration('facility', updated)
 }
 
-function onFacilitySortUpdate () {
-  const updated = facilities.value.filter(facility => facility.enabled).map(facility => facility.name)
+function onFacilitySortUpdate() {
+  const updated = facilities.value
+    .filter(facility => facility.enabled)
+    .map(facility => facility.name)
   handleUpdateConfiguration('facility', updated)
 }
 
-async function handleSelectInfrastConfig (options: { file: UploadFileInfo }) {
+async function handleSelectInfrastConfig(options: { file: UploadFileInfo }) {
   await infrastConfigParse(options.file.file?.path)
 }
 
-async function infrastConfigParse (path: string|undefined) {
+async function infrastConfigParse(path: string | undefined) {
   if (!path) {
     showMessage('请选择配置文件')
     return
   }
   infrastConfig.path.value = path
   // eslint-disable-next-line vue/max-len
-  const raw_content = await window.ipcRenderer.invoke('main.Task:readInfrastConfig', { filepath: infrastConfig.path.value }) as string
+  const raw_content = (await window.ipcRenderer.invoke(
+    'main.Task:readInfrastConfig',
+    { filepath: infrastConfig.path.value }
+  )) as string
   if (raw_content.length < 1) {
-    showMessage('读取基建文件文件失败', { type: 'error', duration: 0, closable: true })
+    showMessage('读取基建文件文件失败', {
+      type: 'error',
+      duration: 0,
+      closable: true,
+    })
     return
   }
   try {
     const content = JSON.parse(raw_content)
     infrastConfig.title.value = content.title
     if (!content.plans) {
-      showMessage('读取基建文件文件失败, 文件缺少配置', { type: 'error', duration: 0, closable: true })
+      showMessage('读取基建文件文件失败, 文件缺少配置', {
+        type: 'error',
+        duration: 0,
+        closable: true,
+      })
       return
     }
     handleUpdateConfiguration('filename', path)
     infrastConfig.config.value = []
-    content.plans.forEach((v:any, index:number) => {
+    content.plans.forEach((v: any, index: number) => {
       infrastConfig.config.value.push({
         label: v.name,
-        value: index
+        value: index,
       })
     })
   } catch (e) {
-    showMessage('读取基建文件文件失败', { type: 'error', duration: 0, closable: true })
+    showMessage('读取基建文件文件失败', {
+      type: 'error',
+      duration: 0,
+      closable: true,
+    })
     return
   }
 
@@ -186,7 +212,10 @@ async function infrastConfigParse (path: string|undefined) {
 }
 
 onMounted(() => {
-  if (props.configurations.mode === 10000 && props.configurations.filename.length > 1) {
+  if (
+    props.configurations.mode === 10000 &&
+    props.configurations.filename.length > 1
+  ) {
     infrastConfigParse(props.configurations.filename)
   }
 })
@@ -209,19 +238,18 @@ onMounted(() => {
         item-key="name"
         @change="onFacilitySortUpdate"
       >
-        <template #item="{element}">
+        <template #item="{ element }">
           <NCheckbox
             :checked="element.enabled"
             :label="$t(`task.infrast.${element.name}`)"
-            @update:checked="checked => onFacilityEnableUpdate(element.name, checked)"
+            @update:checked="
+              checked => onFacilityEnableUpdate(element.name, checked)
+            "
           />
         </template>
       </Draggable>
     </NFormItem>
-    <NSpace
-      class="infra-left"
-      vertical
-    >
+    <NSpace class="infra-left" vertical>
       <NFormItem
         label="无人机用途"
         :show-label="true"
@@ -235,9 +263,7 @@ onMounted(() => {
           :disabled="configurationDisabled.re"
           :value="props.configurations.drones"
           :options="droneUsageOptions"
-          @update:value="
-            (value) => handleUpdateConfiguration('drones', value)
-          "
+          @update:value="value => handleUpdateConfiguration('drones', value)"
         />
       </NFormItem>
       <NFormItem
@@ -256,64 +282,46 @@ onMounted(() => {
           :min="0"
           :step="0.01"
           :format-tooltip="value => `${Math.ceil(value * 100)}%`"
-          @update:value="
-            (value) => handleUpdateConfiguration('threshold', value)
-          "
+          @update:value="value => handleUpdateConfiguration('threshold', value)"
         />
       </NFormItem>
-      <NFormItem
-        :show-label="false"
-        size="small"
-        :show-feedback="false"
-      >
+      <NFormItem :show-label="false" size="small" :show-feedback="false">
         <NCheckbox
           :disabled="configurationDisabled.re"
           :checked="props.configurations.replenish"
           @update:checked="
-            (checked) =>
-              handleUpdateConfiguration('replenish', checked)
+            checked => handleUpdateConfiguration('replenish', checked)
           "
         >
           源石碎片自动补货
         </NCheckbox>
       </NFormItem>
-      <NFormItem
-        :show-label="false"
-        size="small"
-        :show-feedback="false"
-      >
+      <NFormItem :show-label="false" size="small" :show-feedback="false">
         <NCheckbox
           :disabled="configurationDisabled.re"
           :checked="props.configurations.drom_trust_enabled"
           @update:checked="
-            (checked) =>
-              handleUpdateConfiguration('drom_trust_enabled', checked)
+            checked => handleUpdateConfiguration('drom_trust_enabled', checked)
           "
         >
           宿舍空余位置蹭信赖
         </NCheckbox>
       </NFormItem>
-      <NFormItem
-        :show-label="false"
-        size="small"
-        :show-feedback="false"
-      >
+      <NFormItem :show-label="false" size="small" :show-feedback="false">
         <NCheckbox
           :disabled="configurationDisabled.re"
           :checked="props.configurations.dorm_notstationed_enabled"
           @update:checked="
-            (checked) =>
+            checked =>
               handleUpdateConfiguration('dorm_notstationed_enabled', checked)
           "
         >
           不将已入驻的干员放入宿舍
         </NCheckbox>
       </NFormItem>
-    </nspace>
+    </NSpace>
   </div>
-  <NSpace
-    vertical
-  >
+  <NSpace vertical>
     <NFormItem
       label="换班策略"
       :show-label="true"
@@ -327,9 +335,7 @@ onMounted(() => {
         :disabled="configurationDisabled.re"
         :value="props.configurations.mode"
         :options="infrastPlanOption"
-        @update:value="
-          (value) => handleUpdateConfiguration('mode', value)
-        "
+        @update:value="value => handleUpdateConfiguration('mode', value)"
       />
     </NFormItem>
     <NFormItem
@@ -339,7 +345,11 @@ onMounted(() => {
       label-placement="left"
       :show-feedback="false"
       :label-style="{ justifyContent: 'center' }"
-      style="{margin-top: 110px;}"
+      style="
+         {
+          margin-top: 110px;
+        }
+      "
     >
       <NUpload
         v-if="props.configurations.mode === 10000"
@@ -349,16 +359,12 @@ onMounted(() => {
         accept=".json"
         @change="handleSelectInfrastConfig"
       >
-        <NUploadDragger
-          style="display:block"
-        >
-          <NText>
-            点击或者拖动文件
-          </NText>
+        <NUploadDragger style="display: block">
+          <NText> 点击或者拖动文件 </NText>
           <NText
             v-if="infrastConfig.loadStatus.value"
             depth="3"
-            style="display: block;"
+            style="display: block"
           >
             {{ infrastConfig.title ? infrastConfig.title : '该配置没有标题' }}
           </NText>
diff --git a/packages/renderer/src/components/Task/configurations/Mall.vue b/packages/renderer/src/components/Task/configurations/Mall.vue
index 730f6556..7f6543bd 100644
--- a/packages/renderer/src/components/Task/configurations/Mall.vue
+++ b/packages/renderer/src/components/Task/configurations/Mall.vue
@@ -1,90 +1,95 @@
-<script setup lang="ts">
-import { ref, inject } from 'vue'
-import { NButton, NFormItem, NCheckbox } from 'naive-ui'
-
-import MallSelect from '../MallSelect.vue'
-
-const showModal = ref(false)
-
-interface MallConfiguration {
-  blacklist: string[]
-  buy_first: string[]
-  shopping: boolean
-}
-
-const props = defineProps<{
-  configurations: MallConfiguration;
-  taskIndex: number
-}>()
-
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
-
-function handleUpdateConfiguration (key: string, value: any) {
-  updateTaskConfigurations(key, value, props.taskIndex)
-}
-
-function handleItemUpdate (items: { buy_first: string[], blacklist: string[] }) {
-  for (const [key, list] of Object.entries(items)) {
-    handleUpdateConfiguration(key, list)
-  }
-}
-
-</script>
-
-<template>
-  <div class="configuration-form">
-    <NFormItem
-      label="自动购物"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.nre"
-        :checked="props.configurations.shopping"
-        @update:checked="
-          checked => handleUpdateConfiguration('shopping', checked)
-        "
-      />
-    </NFormItem>
-
-    <NFormItem
-      :show-label="false"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NButton
-        quaternary
-        type="primary"
-        :focusable="false"
-        :disabled="configurationDisabled.nre"
-        @click="showModal = true"
-      >
-        管理购买选项...
-      </NButton>
-      <MallSelect
-        v-model:show="showModal"
-        :buy_first="props.configurations.buy_first"
-        :blacklist="props.configurations.blacklist"
-        @update:item="handleItemUpdate"
-      />
-    </NFormItem>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.mall-configuration {
-  text-align: left;
-}
-
-.item-group {
-  display: flex;
-  align-items: center;
-}
-</style>
+<script setup lang="ts">
+import { ref, inject } from 'vue'
+import { NButton, NFormItem, NCheckbox } from 'naive-ui'
+
+import MallSelect from '../MallSelect.vue'
+
+const showModal = ref(false)
+
+interface MallConfiguration {
+  blacklist: string[]
+  buy_first: string[]
+  shopping: boolean
+}
+
+const props = defineProps<{
+  configurations: MallConfiguration
+  taskIndex: number
+}>()
+
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
+
+function handleUpdateConfiguration(key: string, value: any) {
+  updateTaskConfigurations(key, value, props.taskIndex)
+}
+
+function handleItemUpdate(items: { buy_first: string[]; blacklist: string[] }) {
+  for (const [key, list] of Object.entries(items)) {
+    handleUpdateConfiguration(key, list)
+  }
+}
+</script>
+
+<template>
+  <div class="configuration-form">
+    <NFormItem
+      label="自动购物"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.nre"
+        :checked="props.configurations.shopping"
+        @update:checked="
+          checked => handleUpdateConfiguration('shopping', checked)
+        "
+      />
+    </NFormItem>
+
+    <NFormItem
+      :show-label="false"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NButton
+        quaternary
+        type="primary"
+        :focusable="false"
+        :disabled="configurationDisabled.nre"
+        @click="showModal = true"
+      >
+        管理购买选项...
+      </NButton>
+      <MallSelect
+        v-model:show="showModal"
+        :buy_first="props.configurations.buy_first"
+        :blacklist="props.configurations.blacklist"
+        @update:item="handleItemUpdate"
+      />
+    </NFormItem>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.mall-configuration {
+  text-align: left;
+}
+
+.item-group {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/packages/renderer/src/components/Task/configurations/NoConfiguration.vue b/packages/renderer/src/components/Task/configurations/NoConfiguration.vue
index d162479c..878765ef 100644
--- a/packages/renderer/src/components/Task/configurations/NoConfiguration.vue
+++ b/packages/renderer/src/components/Task/configurations/NoConfiguration.vue
@@ -1,20 +1,18 @@
-<script setup lang="ts">
-import { NText } from 'naive-ui'
-</script>
-
-<template>
-  <div class="no-configuration">
-    <NText :depth="3">
-      没有设置项
-    </NText>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.no-configuration {
-  display: flex;
-  height: 100px;
-  align-items: center;
-  justify-content: center;
-}
+<script setup lang="ts">
+import { NText } from 'naive-ui'
+</script>
+
+<template>
+  <div class="no-configuration">
+    <NText :depth="3"> 没有设置项 </NText>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.no-configuration {
+  display: flex;
+  height: 100px;
+  align-items: center;
+  justify-content: center;
+}
 </style>
diff --git a/packages/renderer/src/components/Task/configurations/Recruit.vue b/packages/renderer/src/components/Task/configurations/Recruit.vue
index 598d4063..479c1360 100644
--- a/packages/renderer/src/components/Task/configurations/Recruit.vue
+++ b/packages/renderer/src/components/Task/configurations/Recruit.vue
@@ -1,200 +1,210 @@
-<script setup lang="ts">
-import { NInputNumber, NCheckbox, NFormItem } from 'naive-ui'
-import _ from 'lodash'
-import { inject } from 'vue'
-
-interface RecruitConfiguration {
-  refresh: boolean, // 自动刷新三星词条
-  select: number[],
-  confirm: number[],
-  times: number,
-  set_time: boolean,
-  expedite: boolean,
-  expedite_times: number,
-  skip_robot: boolean
-}
-
-const props = defineProps<{
-  configurations: RecruitConfiguration;
-  taskIndex: number
-}>()
-
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
-
-function handleUpdateConfiguration (key: string, value: any) {
-  updateTaskConfigurations(key, value, props.taskIndex)
-}
-
-function handleConfirmUpdate (checked: boolean, value: number) {
-  if (checked) {
-    handleUpdateConfiguration('confirm', _.uniq([...props.configurations.confirm, value]))
-  } else {
-    handleUpdateConfiguration('confirm', _.uniq(props.configurations.confirm.filter(v => v !== value)))
-  }
-}
-
-function handleRecruitTimesUpdate (value: number | null) {
-  if (value === null) value = 6
-  if (value < 0) value = 999
-  if (value > 999) value = 0
-  handleUpdateConfiguration('times', value)
-}
-
-function handleExpediteUpdate (value: number | null) {
-  if (value === null) value = 6
-  if (value < 0) value = 999
-  if (value > 999) value = 0
-  handleUpdateConfiguration('expedite_times', value)
-}
-
-</script>
-
-<template>
-  <div class="configuration-form">
-    <NFormItem
-      label="招募次数"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NInputNumber
-        :value="configurations.times"
-        :disabled="configurationDisabled.re"
-        @update:value="handleRecruitTimesUpdate"
-      />
-    </NFormItem>
-
-    <NFormItem
-      label="使用加急许可"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.expedite"
-        @update:checked="
-          (checked) =>
-            handleUpdateConfiguration('expedite', checked)
-        "
-      />
-    </NFormItem>
-    <NFormItem
-      label="使用加急许可数量"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <!-- <NCheckbox
-        :checked="props.configurations.medicine"
-        @update:checked="
-          (checked) => handleConfigurationUpdate('medicine', checked)
-        "
-        />-->
-      <NInputNumber
-        :disabled="configurationDisabled.re"
-        :value="props.configurations.expedite_times"
-        :update-value-on-input="false"
-        @update:value="handleExpediteUpdate"
-      />
-    </NFormItem>
-    <NFormItem
-      label="自动刷新3星tag"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.refresh"
-        @update:checked="
-          (checked) => {
-            handleUpdateConfiguration('refresh', checked)
-          }
-        "
-      />
-    </NFormItem>
-    <NFormItem
-      label="跳过小车"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.skip_robot"
-        @update:checked="
-          (checked) => {
-            handleUpdateConfiguration('skip_robot', checked)
-          }
-        "
-      />
-    </NFormItem>
-    <NFormItem
-      label="自动确认3星"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.confirm.includes(3)"
-        @update:checked="
-          (checked) => {
-            handleConfirmUpdate(checked, 3)
-          }
-        "
-      />
-    </NFormItem>
-    <NFormItem
-      label="自动确认4星"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.confirm.includes(4)"
-        @update:checked="
-          (checked) => {
-            handleConfirmUpdate(checked, 4)
-          }
-        "
-      />
-    </NFormItem>
-    <NFormItem
-      label="自动确认5星"
-      :show-label="true"
-      size="small"
-      label-align="left"
-      label-placement="left"
-      :show-feedback="false"
-    >
-      <NCheckbox
-        :disabled="configurationDisabled.re"
-        :checked="configurations.confirm.includes(5)"
-        @update:checked="
-          (checked) => {
-            handleConfirmUpdate(checked, 5)
-          }
-        "
-      />
-    </NFormItem>
-  </div>
-</template>
+<script setup lang="ts">
+import { NInputNumber, NCheckbox, NFormItem } from 'naive-ui'
+import _ from 'lodash'
+import { inject } from 'vue'
+
+interface RecruitConfiguration {
+  refresh: boolean // 自动刷新三星词条
+  select: number[]
+  confirm: number[]
+  times: number
+  set_time: boolean
+  expedite: boolean
+  expedite_times: number
+  skip_robot: boolean
+}
+
+const props = defineProps<{
+  configurations: RecruitConfiguration
+  taskIndex: number
+}>()
+
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
+
+function handleUpdateConfiguration(key: string, value: any) {
+  updateTaskConfigurations(key, value, props.taskIndex)
+}
+
+function handleConfirmUpdate(checked: boolean, value: number) {
+  if (checked) {
+    handleUpdateConfiguration(
+      'confirm',
+      _.uniq([...props.configurations.confirm, value])
+    )
+  } else {
+    handleUpdateConfiguration(
+      'confirm',
+      _.uniq(props.configurations.confirm.filter(v => v !== value))
+    )
+  }
+}
+
+function handleRecruitTimesUpdate(value: number | null) {
+  if (value === null) value = 6
+  if (value < 0) value = 999
+  if (value > 999) value = 0
+  handleUpdateConfiguration('times', value)
+}
+
+function handleExpediteUpdate(value: number | null) {
+  if (value === null) value = 6
+  if (value < 0) value = 999
+  if (value > 999) value = 0
+  handleUpdateConfiguration('expedite_times', value)
+}
+</script>
+
+<template>
+  <div class="configuration-form">
+    <NFormItem
+      label="招募次数"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NInputNumber
+        :value="configurations.times"
+        :disabled="configurationDisabled.re"
+        @update:value="handleRecruitTimesUpdate"
+      />
+    </NFormItem>
+
+    <NFormItem
+      label="使用加急许可"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.expedite"
+        @update:checked="
+          checked => handleUpdateConfiguration('expedite', checked)
+        "
+      />
+    </NFormItem>
+    <NFormItem
+      label="使用加急许可数量"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <!-- <NCheckbox
+        :checked="props.configurations.medicine"
+        @update:checked="
+          (checked) => handleConfigurationUpdate('medicine', checked)
+        "
+        />-->
+      <NInputNumber
+        :disabled="configurationDisabled.re"
+        :value="props.configurations.expedite_times"
+        :update-value-on-input="false"
+        @update:value="handleExpediteUpdate"
+      />
+    </NFormItem>
+    <NFormItem
+      label="自动刷新3星tag"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.refresh"
+        @update:checked="
+          checked => {
+            handleUpdateConfiguration('refresh', checked)
+          }
+        "
+      />
+    </NFormItem>
+    <NFormItem
+      label="跳过小车"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.skip_robot"
+        @update:checked="
+          checked => {
+            handleUpdateConfiguration('skip_robot', checked)
+          }
+        "
+      />
+    </NFormItem>
+    <NFormItem
+      label="自动确认3星"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.confirm.includes(3)"
+        @update:checked="
+          checked => {
+            handleConfirmUpdate(checked, 3)
+          }
+        "
+      />
+    </NFormItem>
+    <NFormItem
+      label="自动确认4星"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.confirm.includes(4)"
+        @update:checked="
+          checked => {
+            handleConfirmUpdate(checked, 4)
+          }
+        "
+      />
+    </NFormItem>
+    <NFormItem
+      label="自动确认5星"
+      :show-label="true"
+      size="small"
+      label-align="left"
+      label-placement="left"
+      :show-feedback="false"
+    >
+      <NCheckbox
+        :disabled="configurationDisabled.re"
+        :checked="configurations.confirm.includes(5)"
+        @update:checked="
+          checked => {
+            handleConfirmUpdate(checked, 5)
+          }
+        "
+      />
+    </NFormItem>
+  </div>
+</template>
diff --git a/packages/renderer/src/components/Task/configurations/Rogue.vue b/packages/renderer/src/components/Task/configurations/Rogue.vue
index f4c37ea3..a4eafbef 100644
--- a/packages/renderer/src/components/Task/configurations/Rogue.vue
+++ b/packages/renderer/src/components/Task/configurations/Rogue.vue
@@ -1,326 +1,371 @@
-<script setup lang="ts">
-import { inject } from 'vue'
-import _ from 'lodash'
-import { RogueTheme } from '@common/enum/core'
-import {
-  NForm,
-  NFormItem,
-  NSelect,
-  NSpace,
-  NInputNumber,
-  NCheckbox,
-  NInput,
-  NTooltip
-} from 'naive-ui'
-import { showMessage } from '@/utils/message'
-
-// import logger from '@/hooks/caller/logger'
-
-type phantomSquadType = '指挥分队' | '集群分队'| '后勤分队'| '矛头分队'| '突击战术分队'| '堡垒战术分队'| '远程战术分队' |'破坏战术分队'| '研究分队'| '高规格分队'
-type mizukiSquadType = '心胜于物分队' | '物尽其用分队' | '以人为本分队' | '指挥分队' | '集群分队'| '后勤分队'| '矛头分队'| '突击战术分队'| '堡垒战术分队'| '远程战术分队' |'破坏战术分队'| '研究分队'| '高规格分队'
-
-type rolesType = | '稳扎稳打' | '取长补短' | '随心所欲' | '先手必胜'
-
-interface RogueConfiguration {
-  theme: RogueTheme.Phantom | RogueTheme.Mizuki;
-  mode: number;
-  starts_count: number,
-  investment_enabled: boolean,
-  investments_count: number,
-  stop_when_investment_full: boolean,
-  squad: string,
-  roles: string,
-  core_char: '',
-  use_support: boolean,
-  use_nonfriend_support: boolean
-}
-
-const phantomSquadOptions: {
-  label: string;
-  value: phantomSquadType;
-}[] = [
-  {
-    label: '指挥分队',
-    value: '指挥分队'
-  },
-  {
-    label: '集群分队',
-    value: '集群分队'
-  },
-  {
-    label: '后勤分队',
-    value: '后勤分队'
-  },
-  {
-    label: '矛头分队',
-    value: '矛头分队'
-  },
-  {
-    label: '突击战术分队',
-    value: '突击战术分队'
-  },
-  {
-    label: '堡垒战术分队',
-    value: '堡垒战术分队'
-  },
-  {
-    label: '远程战术分队',
-    value: '远程战术分队'
-  },
-  {
-    label: '破坏战术分队',
-    value: '破坏战术分队'
-  },
-  {
-    label: '研究分队',
-    value: '研究分队'
-  },
-  {
-    label: '高规格分队',
-    value: '高规格分队'
-  }
-]
-
-const mizukiSquadOptions: {
-  label: string;
-  value: mizukiSquadType;
-}[] = [
-  {
-    label: '心胜于物分队',
-    value: '心胜于物分队'
-  },
-  {
-    label: '物尽其用分队',
-    value: '物尽其用分队'
-  },
-  {
-    label: '以人为本分队',
-    value: '以人为本分队'
-  },
-  {
-    label: '指挥分队',
-    value: '指挥分队'
-  },
-  {
-    label: '集群分队',
-    value: '集群分队'
-  },
-  {
-    label: '后勤分队',
-    value: '后勤分队'
-  },
-  {
-    label: '矛头分队',
-    value: '矛头分队'
-  },
-  {
-    label: '突击战术分队',
-    value: '突击战术分队'
-  },
-  {
-    label: '堡垒战术分队',
-    value: '堡垒战术分队'
-  },
-  {
-    label: '远程战术分队',
-    value: '远程战术分队'
-  },
-  {
-    label: '破坏战术分队',
-    value: '破坏战术分队'
-  },
-  {
-    label: '研究分队',
-    value: '研究分队'
-  },
-  {
-    label: '高规格分队',
-    value: '高规格分队'
-  }
-]
-
-const rolesOptions: {
-  label: string;
-  value: rolesType;
-}[] = [
-  {
-    label: '随心所欲(三张随机)',
-    value: '随心所欲'
-  },
-  {
-    label: '稳扎稳打(重装术士狙击)',
-    value: '稳扎稳打'
-  },
-  {
-    label: '取长补短(近卫辅助医疗)',
-    value: '取长补短'
-  },
-  {
-    label: '先手必胜(先锋狙击特种)',
-    value: '先手必胜'
-  }
-]
-
-const strategyOptions: Array<{
-  label: string;
-  value: number;
-}> = [
-  {
-    label: '刷蜡烛, 尽可能往后打',
-    value: 0
-  },
-  {
-    label: '刷源石锭投资，第一层商店后退出',
-    value: 1
-  }
-]
-
-const themeOptions: {
-  label: string;
-  value: string;
-}[] = [
-  {
-    label: '傀影',
-    value: 'Phantom'
-  },
-  {
-    label: '水月',
-    value: 'Mizuki'
-  }
-]
-
-const props = defineProps<{
-  configurations: RogueConfiguration;
-  taskIndex: number
-}>()
-
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
-
-function handleUpdateConfiguration (key: string, value: any) {
-  updateTaskConfigurations(key, value, props.taskIndex)
-}
-
-function handleUpdateRogueTheme(value:string) {
-  updateTaskConfigurations('theme', value, props.taskIndex)
-  // 切主题, 检查一下分队
-  if (value === RogueTheme.Phantom) {
-    if (!phantomSquadOptions.find((item) => item.value === props.configurations.squad)) {
-      showMessage('当前分队不支持傀影主题, 已自动切换到指挥分队', { type: 'info', duration: 5000, closable: true })
-      handleUpdateConfiguration('squad', '指挥分队')
-    }
-  } else {
-    if (!mizukiSquadOptions.find((item) => item.value === props.configurations.squad)) {
-      showMessage('当前分队不支持水月主题, 已自动切换到指挥分队', { type: 'info', duration: 5000, closable: true })
-      handleUpdateConfiguration('squad', '指挥分队')
-    }
-  }
-}
-
-function handleUpdateStartsCount (value: number | null) {
-  if (value === null) value = 999
-  handleUpdateConfiguration('starts_count', value)
-}
-
-</script>
-
-<template>
-  <NForm
-    :show-label="true"
-    size="small"
-    label-align="left"
-    label-placement="left"
-    :show-feedback="false"
-  >
-    <NSpace vertical>
-      <NFormItem
-        label="主题"
-      >
-        <NSelect
-          :disabled="configurationDisabled.re"
-          :value="props.configurations.theme"
-          :options="themeOptions"
-          @update:value="(value) => handleUpdateRogueTheme(value)"
-        />
-      </NFormItem>
-      <NFormItem
-        label="作战策略"
-      >
-        <NSelect
-          :disabled="configurationDisabled.re"
-          :value="props.configurations.mode"
-          :options="strategyOptions"
-          @update:value="(value) => handleUpdateConfiguration('mode', value)"
-        />
-      </NFormItem>
-      <NFormItem
-        label="开局分队"
-      >
-        <NSelect
-          :disabled="configurationDisabled.re"
-          :value="props.configurations.squad"
-          :options="props.configurations.theme === RogueTheme.Phantom ? phantomSquadOptions : mizukiSquadOptions"
-          @update:value="(value) => handleUpdateConfiguration('squad', value)"
-        />
-      </NFormItem>
-      <NFormItem
-        label="开局职业"
-      >
-        <NSelect
-          :disabled="configurationDisabled.re"
-          :value="props.configurations.roles"
-          :options="rolesOptions"
-          @update:value="(value) => handleUpdateConfiguration('roles', value)"
-        />
-      </NFormItem>
-      <NFormItem
-        label="开局干员"
-      >
-        <NTooltip trigger="hover">
-          <template #trigger>
-            <NInput
-              :disabled="configurationDisabled.re"
-              :value="props.configurations.core_char"
-              @update:value="(value) => handleUpdateConfiguration('core_char', value)"
-            />
-          </template>
-          仅支持单个干员中！文！名！。默认识别练度自动选择
-        </NTooltip>
-      </NFormItem>
-      <NFormItem label="作战次数">
-        <NInputNumber
-          :min="0"
-          :max="999"
-          :disabled="configurationDisabled.re"
-          :value="props.configurations.starts_count"
-          :update-value-on-input="false"
-          @update:value="handleUpdateStartsCount"
-        />
-      </NFormItem>
-      <NFormItem>
-        <NCheckbox
-          :disabled="configurationDisabled.re"
-          :checked="props.configurations.use_support"
-          @update:checked="(value) => handleUpdateConfiguration('use_support', value)"
-        >
-          开局干员使用助战
-        </NCheckbox>
-      </NFormItem>
-      <NFormItem>
-        <NTooltip trigger="hover">
-          <template #trigger>
-            <NCheckbox
-              :disabled="configurationDisabled.re"
-              :checked="props.configurations.use_nonfriend_support"
-              @update:checked="(value) => handleUpdateConfiguration('use_nonfriend_support', value)"
-            >
-              允许使用非好友助战
-            </NCheckbox>
-          </template>
-          是否可以是非好友助战干员，仅在勾选'开局干员使用助战'时有效
-        </NTooltip>
-      </NFormItem>
-    </NSpace>
-  </NForm>
-</template>
+<script setup lang="ts">
+import { inject } from 'vue'
+import _ from 'lodash'
+import { RogueTheme } from '@common/enum/core'
+import {
+  NForm,
+  NFormItem,
+  NSelect,
+  NSpace,
+  NInputNumber,
+  NCheckbox,
+  NInput,
+  NTooltip,
+} from 'naive-ui'
+import { showMessage } from '@/utils/message'
+
+// import logger from '@/hooks/caller/logger'
+
+type phantomSquadType =
+  | '指挥分队'
+  | '集群分队'
+  | '后勤分队'
+  | '矛头分队'
+  | '突击战术分队'
+  | '堡垒战术分队'
+  | '远程战术分队'
+  | '破坏战术分队'
+  | '研究分队'
+  | '高规格分队'
+type mizukiSquadType =
+  | '心胜于物分队'
+  | '物尽其用分队'
+  | '以人为本分队'
+  | '指挥分队'
+  | '集群分队'
+  | '后勤分队'
+  | '矛头分队'
+  | '突击战术分队'
+  | '堡垒战术分队'
+  | '远程战术分队'
+  | '破坏战术分队'
+  | '研究分队'
+  | '高规格分队'
+
+type rolesType = '稳扎稳打' | '取长补短' | '随心所欲' | '先手必胜'
+
+interface RogueConfiguration {
+  theme: RogueTheme.Phantom | RogueTheme.Mizuki
+  mode: number
+  starts_count: number
+  investment_enabled: boolean
+  investments_count: number
+  stop_when_investment_full: boolean
+  squad: string
+  roles: string
+  core_char: ''
+  use_support: boolean
+  use_nonfriend_support: boolean
+}
+
+const phantomSquadOptions: {
+  label: string
+  value: phantomSquadType
+}[] = [
+  {
+    label: '指挥分队',
+    value: '指挥分队',
+  },
+  {
+    label: '集群分队',
+    value: '集群分队',
+  },
+  {
+    label: '后勤分队',
+    value: '后勤分队',
+  },
+  {
+    label: '矛头分队',
+    value: '矛头分队',
+  },
+  {
+    label: '突击战术分队',
+    value: '突击战术分队',
+  },
+  {
+    label: '堡垒战术分队',
+    value: '堡垒战术分队',
+  },
+  {
+    label: '远程战术分队',
+    value: '远程战术分队',
+  },
+  {
+    label: '破坏战术分队',
+    value: '破坏战术分队',
+  },
+  {
+    label: '研究分队',
+    value: '研究分队',
+  },
+  {
+    label: '高规格分队',
+    value: '高规格分队',
+  },
+]
+
+const mizukiSquadOptions: {
+  label: string
+  value: mizukiSquadType
+}[] = [
+  {
+    label: '心胜于物分队',
+    value: '心胜于物分队',
+  },
+  {
+    label: '物尽其用分队',
+    value: '物尽其用分队',
+  },
+  {
+    label: '以人为本分队',
+    value: '以人为本分队',
+  },
+  {
+    label: '指挥分队',
+    value: '指挥分队',
+  },
+  {
+    label: '集群分队',
+    value: '集群分队',
+  },
+  {
+    label: '后勤分队',
+    value: '后勤分队',
+  },
+  {
+    label: '矛头分队',
+    value: '矛头分队',
+  },
+  {
+    label: '突击战术分队',
+    value: '突击战术分队',
+  },
+  {
+    label: '堡垒战术分队',
+    value: '堡垒战术分队',
+  },
+  {
+    label: '远程战术分队',
+    value: '远程战术分队',
+  },
+  {
+    label: '破坏战术分队',
+    value: '破坏战术分队',
+  },
+  {
+    label: '研究分队',
+    value: '研究分队',
+  },
+  {
+    label: '高规格分队',
+    value: '高规格分队',
+  },
+]
+
+const rolesOptions: {
+  label: string
+  value: rolesType
+}[] = [
+  {
+    label: '随心所欲(三张随机)',
+    value: '随心所欲',
+  },
+  {
+    label: '稳扎稳打(重装术士狙击)',
+    value: '稳扎稳打',
+  },
+  {
+    label: '取长补短(近卫辅助医疗)',
+    value: '取长补短',
+  },
+  {
+    label: '先手必胜(先锋狙击特种)',
+    value: '先手必胜',
+  },
+]
+
+const strategyOptions: Array<{
+  label: string
+  value: number
+}> = [
+  {
+    label: '刷蜡烛, 尽可能往后打',
+    value: 0,
+  },
+  {
+    label: '刷源石锭投资，第一层商店后退出',
+    value: 1,
+  },
+]
+
+const themeOptions: {
+  label: string
+  value: string
+}[] = [
+  {
+    label: '傀影',
+    value: 'Phantom',
+  },
+  {
+    label: '水月',
+    value: 'Mizuki',
+  },
+]
+
+const props = defineProps<{
+  configurations: RogueConfiguration
+  taskIndex: number
+}>()
+
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
+
+function handleUpdateConfiguration(key: string, value: any) {
+  updateTaskConfigurations(key, value, props.taskIndex)
+}
+
+function handleUpdateRogueTheme(value: string) {
+  updateTaskConfigurations('theme', value, props.taskIndex)
+  // 切主题, 检查一下分队
+  if (value === RogueTheme.Phantom) {
+    if (
+      !phantomSquadOptions.find(
+        item => item.value === props.configurations.squad
+      )
+    ) {
+      showMessage('当前分队不支持傀影主题, 已自动切换到指挥分队', {
+        type: 'info',
+        duration: 5000,
+        closable: true,
+      })
+      handleUpdateConfiguration('squad', '指挥分队')
+    }
+  } else {
+    if (
+      !mizukiSquadOptions.find(
+        item => item.value === props.configurations.squad
+      )
+    ) {
+      showMessage('当前分队不支持水月主题, 已自动切换到指挥分队', {
+        type: 'info',
+        duration: 5000,
+        closable: true,
+      })
+      handleUpdateConfiguration('squad', '指挥分队')
+    }
+  }
+}
+
+function handleUpdateStartsCount(value: number | null) {
+  if (value === null) value = 999
+  handleUpdateConfiguration('starts_count', value)
+}
+</script>
+
+<template>
+  <NForm
+    :show-label="true"
+    size="small"
+    label-align="left"
+    label-placement="left"
+    :show-feedback="false"
+  >
+    <NSpace vertical>
+      <NFormItem label="主题">
+        <NSelect
+          :disabled="configurationDisabled.re"
+          :value="props.configurations.theme"
+          :options="themeOptions"
+          @update:value="value => handleUpdateRogueTheme(value)"
+        />
+      </NFormItem>
+      <NFormItem label="作战策略">
+        <NSelect
+          :disabled="configurationDisabled.re"
+          :value="props.configurations.mode"
+          :options="strategyOptions"
+          @update:value="value => handleUpdateConfiguration('mode', value)"
+        />
+      </NFormItem>
+      <NFormItem label="开局分队">
+        <NSelect
+          :disabled="configurationDisabled.re"
+          :value="props.configurations.squad"
+          :options="
+            props.configurations.theme === RogueTheme.Phantom
+              ? phantomSquadOptions
+              : mizukiSquadOptions
+          "
+          @update:value="value => handleUpdateConfiguration('squad', value)"
+        />
+      </NFormItem>
+      <NFormItem label="开局职业">
+        <NSelect
+          :disabled="configurationDisabled.re"
+          :value="props.configurations.roles"
+          :options="rolesOptions"
+          @update:value="value => handleUpdateConfiguration('roles', value)"
+        />
+      </NFormItem>
+      <NFormItem label="开局干员">
+        <NTooltip trigger="hover">
+          <template #trigger>
+            <NInput
+              :disabled="configurationDisabled.re"
+              :value="props.configurations.core_char"
+              @update:value="
+                value => handleUpdateConfiguration('core_char', value)
+              "
+            />
+          </template>
+          仅支持单个干员中！文！名！。默认识别练度自动选择
+        </NTooltip>
+      </NFormItem>
+      <NFormItem label="作战次数">
+        <NInputNumber
+          :min="0"
+          :max="999"
+          :disabled="configurationDisabled.re"
+          :value="props.configurations.starts_count"
+          :update-value-on-input="false"
+          @update:value="handleUpdateStartsCount"
+        />
+      </NFormItem>
+      <NFormItem>
+        <NCheckbox
+          :disabled="configurationDisabled.re"
+          :checked="props.configurations.use_support"
+          @update:checked="
+            value => handleUpdateConfiguration('use_support', value)
+          "
+        >
+          开局干员使用助战
+        </NCheckbox>
+      </NFormItem>
+      <NFormItem>
+        <NTooltip trigger="hover">
+          <template #trigger>
+            <NCheckbox
+              :disabled="configurationDisabled.re"
+              :checked="props.configurations.use_nonfriend_support"
+              @update:checked="
+                value =>
+                  handleUpdateConfiguration('use_nonfriend_support', value)
+              "
+            >
+              允许使用非好友助战
+            </NCheckbox>
+          </template>
+          是否可以是非好友助战干员，仅在勾选'开局干员使用助战'时有效
+        </NTooltip>
+      </NFormItem>
+    </NSpace>
+  </NForm>
+</template>
diff --git a/packages/renderer/src/components/Task/configurations/Shutdown.vue b/packages/renderer/src/components/Task/configurations/Shutdown.vue
index 61968a08..edc8a203 100644
--- a/packages/renderer/src/components/Task/configurations/Shutdown.vue
+++ b/packages/renderer/src/components/Task/configurations/Shutdown.vue
@@ -1,15 +1,9 @@
 <script setup lang="ts">
-import {
-  NFormItem,
-  NSelect,
-  NTimePicker,
-  NSpace,
-  NButton
-} from 'naive-ui'
+import { NFormItem, NSelect, NTimePicker, NSpace, NButton } from 'naive-ui'
 import _ from 'lodash'
 import {
   secondsToFormattedDuration,
-  formattedDurationToSeconds
+  formattedDurationToSeconds,
 } from '@/utils/time_picker'
 // import useTaskIdStore from '@/store/taskId'
 import router from '@/router'
@@ -26,8 +20,8 @@ import { inject } from 'vue'
  */
 
 interface ShutdownConfiguration {
-  option: string;
-  delay: number; // 关闭延迟
+  option: string
+  delay: number // 关闭延迟
   enable: boolean // 是否启用关闭策略，这个配置在UI上不展示，当启用关机任务时标记为true，点击取消关机后标记为false
 }
 
@@ -37,19 +31,19 @@ const routeUuid = router.currentRoute.value.params.uuid as string
 const shutdownOptions = [
   {
     value: 'shutdownEmulator',
-    label: '关闭模拟器'
+    label: '关闭模拟器',
   },
   {
     value: 'shutdownAll',
-    label: '关闭模拟器和MAA'
+    label: '关闭模拟器和MAA',
   },
   {
     value: 'shutdownComputer',
-    label: '关闭计算机'
-  }
+    label: '关闭计算机',
+  },
 ]
 
-function handleCancelShutdown () {
+function handleCancelShutdown() {
   // const taskId = taskIdStore.getTaskId(routeUuid, 'shutdown')
   logger.debug('cancel shutdown task on uuid', routeUuid)
   // logger.debug('cancel task_id', taskId?.[0])
@@ -60,22 +54,26 @@ function handleCancelShutdown () {
 }
 
 const props = defineProps<{
-  configurations: ShutdownConfiguration;
+  configurations: ShutdownConfiguration
   taskIndex: number
 }>()
 
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 
-function handleUpdateConfiguration (key: string, value: any) {
+function handleUpdateConfiguration(key: string, value: any) {
   updateTaskConfigurations(key, value, props.taskIndex)
 }
 </script>
 <template>
-  <div
-    class="configuration-form"
-  >
+  <div class="configuration-form">
     <NSpace vertical>
       <NFormItem
         label="关闭策略"
@@ -88,9 +86,7 @@ function handleUpdateConfiguration (key: string, value: any) {
         <NSelect
           :value="props.configurations.option"
           :options="shutdownOptions"
-          @update:value="
-            (value) => handleUpdateConfiguration('option', value)
-          "
+          @update:value="value => handleUpdateConfiguration('option', value)"
         />
       </NFormItem>
 
@@ -110,7 +106,7 @@ function handleUpdateConfiguration (key: string, value: any) {
           "
           :actions="['confirm']"
           @update:formatted-value="
-            (value) =>
+            value =>
               _.set(
                 props.configurations,
                 'delay',
diff --git a/packages/renderer/src/components/Task/configurations/StartUp.vue b/packages/renderer/src/components/Task/configurations/StartUp.vue
index ac33e03f..16b417bb 100644
--- a/packages/renderer/src/components/Task/configurations/StartUp.vue
+++ b/packages/renderer/src/components/Task/configurations/StartUp.vue
@@ -3,31 +3,37 @@ import { NCheckbox, NFormItem, NSelect } from 'naive-ui'
 import { inject } from 'vue'
 
 interface StartUpConfiguration {
-  client_type: string; // 服务器
-  start_game_enabled: boolean; // 是否自动启动客户端
+  client_type: string // 服务器
+  start_game_enabled: boolean // 是否自动启动客户端
 }
 
 const serverOptions = [
   {
     value: 'Official',
-    label: 'CN-Official'
+    label: 'CN-Official',
   },
   {
     value: 'BiliBili',
-    label: 'CN-BiliBili'
-  }
+    label: 'CN-BiliBili',
+  },
 ]
 
 const props = defineProps<{
-  configurations: StartUpConfiguration;
+  configurations: StartUpConfiguration
   taskIndex: number
 }>()
 
-const updateTaskConfigurations = inject('update:configuration') as
-  (key: string, value: any, index: number) => void
-const configurationDisabled = inject('configurationDisabled') as {re: boolean, nre: boolean}
+const updateTaskConfigurations = inject('update:configuration') as (
+  key: string,
+  value: any,
+  index: number
+) => void
+const configurationDisabled = inject('configurationDisabled') as {
+  re: boolean
+  nre: boolean
+}
 
-function handleUpdateConfiguration (key: string, value: any) {
+function handleUpdateConfiguration(key: string, value: any) {
   updateTaskConfigurations(key, value, props.taskIndex)
 }
 </script>
@@ -45,7 +51,7 @@ function handleUpdateConfiguration (key: string, value: any) {
         :disabled="configurationDisabled.nre"
         :value="props.configurations.client_type"
         :options="serverOptions"
-        @update:value="(value) => handleUpdateConfiguration('client_type', value)"
+        @update:value="value => handleUpdateConfiguration('client_type', value)"
       />
     </NFormItem>
     <NFormItem
@@ -58,7 +64,7 @@ function handleUpdateConfiguration (key: string, value: any) {
         :disabled="configurationDisabled.nre"
         :checked="props.configurations.start_game_enabled"
         @update:checked="
-          (checked) => handleUpdateConfiguration('start_game_enabled', checked)
+          checked => handleUpdateConfiguration('start_game_enabled', checked)
         "
       >
         自动启动客户端
diff --git a/packages/renderer/src/components/Task/results/Fighting.vue b/packages/renderer/src/components/Task/results/Fighting.vue
index 0ec6d17b..c0e0aa2a 100644
--- a/packages/renderer/src/components/Task/results/Fighting.vue
+++ b/packages/renderer/src/components/Task/results/Fighting.vue
@@ -10,7 +10,7 @@ interface DropItem {
   quantity: number
 }
 interface FightInfo {
-  drops: (DropItem & {dropType: string})[] // 本次掉落
+  drops: (DropItem & { dropType: string })[] // 本次掉落
   stage: {
     stageId: string
     stageCode: string
@@ -24,11 +24,10 @@ interface FightingResult {
 }
 
 const props = defineProps<{
-  results: FightingResult;
+  results: FightingResult
 }>()
 
 const totalDrops = computed(() => _.last(props.results.fightInfo)?.stats)
-
 </script>
 
 <template>
@@ -50,11 +49,7 @@ const totalDrops = computed(() => _.last(props.results.fightInfo)?.stats)
         :width="50"
       />
     </NSpace>
-    <NSpace
-      v-if="totalDrops"
-      align="center"
-      justify="center"
-    >
+    <NSpace v-if="totalDrops" align="center" justify="center">
       <span>总计掉落</span>
       <ItemCircle
         v-for="(item, iindex) of totalDrops"
diff --git a/packages/renderer/src/components/Task/results/Index.vue b/packages/renderer/src/components/Task/results/Index.vue
index 33388ca4..d715e0c4 100644
--- a/packages/renderer/src/components/Task/results/Index.vue
+++ b/packages/renderer/src/components/Task/results/Index.vue
@@ -18,7 +18,7 @@ const components: Record<string, Component> = {
   infrast: Infrast,
   rogue: Rogue,
   mall: Mall,
-  shutdown: Shutdown
+  shutdown: Shutdown,
 }
 
 export default defineComponent({
@@ -26,14 +26,14 @@ export default defineComponent({
   props: {
     name: {
       type: String,
-      required: true
+      required: true,
     },
     results: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
-  render () {
+  render() {
     const component = components[this.name]
     const { results } = this
     if (component) {
@@ -42,7 +42,7 @@ export default defineComponent({
     } else {
       return h(NoProgress)
     }
-  }
+  },
 })
 </script>
 
diff --git a/packages/renderer/src/components/Task/results/NoProgress.vue b/packages/renderer/src/components/Task/results/NoProgress.vue
index db59064c..b5e26308 100644
--- a/packages/renderer/src/components/Task/results/NoProgress.vue
+++ b/packages/renderer/src/components/Task/results/NoProgress.vue
@@ -1,20 +1,18 @@
-<script setup lang="ts">
-import { NText } from 'naive-ui'
-</script>
-
-<template>
-  <div class="progress-form no-progress">
-    <NText :depth="3">
-      无进度展示
-    </NText>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.no-progress {
-  display: flex;
-  height: 100px;
-  align-items: center;
-  justify-content: center;
-}
-</style>
+<script setup lang="ts">
+import { NText } from 'naive-ui'
+</script>
+
+<template>
+  <div class="progress-form no-progress">
+    <NText :depth="3"> 无进度展示 </NText>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.no-progress {
+  display: flex;
+  height: 100px;
+  align-items: center;
+  justify-content: center;
+}
+</style>
diff --git a/packages/renderer/src/components/Task/results/Recruit.vue b/packages/renderer/src/components/Task/results/Recruit.vue
index be0be83a..394d053c 100644
--- a/packages/renderer/src/components/Task/results/Recruit.vue
+++ b/packages/renderer/src/components/Task/results/Recruit.vue
@@ -6,7 +6,7 @@ import {
   NGridItem,
   NButton,
   NList,
-  NListItem
+  NListItem,
 } from 'naive-ui'
 
 interface RecruitResult {
@@ -34,7 +34,7 @@ console.log(props)
       >
         <NSpace align="center" justify="space-around">
           <NText :type="recruit.refreshed ? 'info' : 'default'">
-            {{ recruit.refreshed ? "已刷新" : `${recruit.level}星干员` }}
+            {{ recruit.refreshed ? '已刷新' : `${recruit.level}星干员` }}
           </NText>
           <NGrid x-gap="6" y-gap="8" :cols="3">
             <NGridItem v-for="tag of recruit.tags" :key="tag">
diff --git a/packages/renderer/src/components/Task/results/StartUp.vue b/packages/renderer/src/components/Task/results/StartUp.vue
index 79d31087..61a84363 100644
--- a/packages/renderer/src/components/Task/results/StartUp.vue
+++ b/packages/renderer/src/components/Task/results/StartUp.vue
@@ -1,14 +1,11 @@
-<script setup lang="ts">
-import { NFormItem, NInput, NSelect, NSpace } from 'naive-ui'
-import _ from 'lodash'
-
-interface StartUpResultProps {
-
-}
-
-const props = defineProps<StartUpResultProps>()
-
-</script>
-<template>
-  <Space class="progress-form" />
-</template>
+<script setup lang="ts">
+import { NFormItem, NInput, NSelect, NSpace } from 'naive-ui'
+import _ from 'lodash'
+
+interface StartUpResultProps {}
+
+const props = defineProps<StartUpResultProps>()
+</script>
+<template>
+  <Space class="progress-form" />
+</template>
diff --git a/packages/renderer/src/components/WindowController.vue b/packages/renderer/src/components/WindowController.vue
index 30b50c8f..39986140 100644
--- a/packages/renderer/src/components/WindowController.vue
+++ b/packages/renderer/src/components/WindowController.vue
@@ -1,136 +1,132 @@
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { NButton, NSpace, NIcon } from 'naive-ui'
-
-import IconWindowMinimize from '@/assets/icons/window-minimize.svg?component'
-import IconClose from '@/assets/icons/close.svg?component'
-import IconScaleContract from '@/assets/icons/scale-contract.svg?component'
-import IconScaleExtend from '@/assets/icons/scale-extend.svg?component'
-
-const isMaximized = ref(false)
-
-onMounted(() => {
-  window.ipcRenderer.invoke('main.WindowManager:isMaximized').then(result => {
-    isMaximized.value = result
-  })
-})
-
-const onClose = () => {
-  window.ipcRenderer.send('main.WindowManager:closeWindow')
-}
-
-const onToggleMaximized = async () => {
-  const result = await window.ipcRenderer.invoke('main.WindowManager:toggleMaximized')
-  if (result instanceof Error) {
-    console.log()
-  }
-}
-
-const onMinimize = () => {
-  window.ipcRenderer.invoke('main.WindowManager:minimize')
-}
-
-window.ipcRenderer.on('renderer.WindowManager:updateMaximized', (_, maximized) => {
-  isMaximized.value = maximized
-})
-</script>
-
-<template>
-  <div class="window-controller">
-    <div class="placeholder-bar" />
-    <div class="drag-bar" />
-    <NSpace class="traffic-lights">
-      <NButton
-        circle
-        type="warning"
-        size="tiny"
-        class="traffic-light"
-        @click="onMinimize"
-      >
-        <template #icon>
-          <NIcon
-            class="traffic-light-icon"
-            color="#000"
-          >
-            <IconWindowMinimize />
-          </NIcon>
-        </template>
-      </NButton>
-      <NButton
-        circle
-        type="success"
-        size="tiny"
-        class="traffic-light"
-        @click="onToggleMaximized"
-      >
-        <template #icon>
-          <NIcon
-            class="traffic-light-icon"
-            color="#000"
-          >
-            <IconScaleExtend v-if="!isMaximized" />
-            <IconScaleContract v-if="isMaximized" />
-          </NIcon>
-        </template>
-      </NButton>
-      <NButton
-        circle
-        type="error"
-        size="tiny"
-        class="traffic-light"
-        @click="onClose"
-      >
-        <template #icon>
-          <NIcon
-            class="traffic-light-icon"
-            color="#000"
-          >
-            <IconClose />
-          </NIcon>
-        </template>
-      </NButton>
-    </NSpace>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.window-controller {
-  display: flex;
-  position: fixed;
-  z-index: 10;
-  top: 0;
-  justify-content: end;
-  align-items: center;
-  width: 100vw;
-  padding-right: 24px;
-  pointer-events: none;
-  height: 60px;
-}
-
-.placeholder-bar {
-  width: 256px;
-}
-
-.drag-bar {
-  height: 50%;
-  flex: 1;
-  align-self: flex-start;
-  -webkit-app-region: drag;
-}
-
-.traffic-lights {
-  margin-right: 48px;
-  pointer-events: auto;
-  zoom: 65%;
-}
-
-.traffic-light {
-  border: 1px solid #aaa;
-  .traffic-light-icon {
-    opacity: 0;
-  }
-  &:hover .traffic-light-icon {
-    opacity: 1;
-  }
-}
-</style>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { NButton, NSpace, NIcon } from 'naive-ui'
+
+import IconWindowMinimize from '@/assets/icons/window-minimize.svg?component'
+import IconClose from '@/assets/icons/close.svg?component'
+import IconScaleContract from '@/assets/icons/scale-contract.svg?component'
+import IconScaleExtend from '@/assets/icons/scale-extend.svg?component'
+
+const isMaximized = ref(false)
+
+onMounted(() => {
+  window.ipcRenderer.invoke('main.WindowManager:isMaximized').then(result => {
+    isMaximized.value = result
+  })
+})
+
+const onClose = () => {
+  window.ipcRenderer.send('main.WindowManager:closeWindow')
+}
+
+const onToggleMaximized = async () => {
+  const result = await window.ipcRenderer.invoke(
+    'main.WindowManager:toggleMaximized'
+  )
+  if (result instanceof Error) {
+    console.log()
+  }
+}
+
+const onMinimize = () => {
+  window.ipcRenderer.invoke('main.WindowManager:minimize')
+}
+
+window.ipcRenderer.on(
+  'renderer.WindowManager:updateMaximized',
+  (_, maximized) => {
+    isMaximized.value = maximized
+  }
+)
+</script>
+
+<template>
+  <div class="window-controller">
+    <div class="placeholder-bar" />
+    <div class="drag-bar" />
+    <NSpace class="traffic-lights">
+      <NButton
+        circle
+        type="warning"
+        size="tiny"
+        class="traffic-light"
+        @click="onMinimize"
+      >
+        <template #icon>
+          <NIcon class="traffic-light-icon" color="#000">
+            <IconWindowMinimize />
+          </NIcon>
+        </template>
+      </NButton>
+      <NButton
+        circle
+        type="success"
+        size="tiny"
+        class="traffic-light"
+        @click="onToggleMaximized"
+      >
+        <template #icon>
+          <NIcon class="traffic-light-icon" color="#000">
+            <IconScaleExtend v-if="!isMaximized" />
+            <IconScaleContract v-if="isMaximized" />
+          </NIcon>
+        </template>
+      </NButton>
+      <NButton
+        circle
+        type="error"
+        size="tiny"
+        class="traffic-light"
+        @click="onClose"
+      >
+        <template #icon>
+          <NIcon class="traffic-light-icon" color="#000">
+            <IconClose />
+          </NIcon>
+        </template>
+      </NButton>
+    </NSpace>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.window-controller {
+  display: flex;
+  position: fixed;
+  z-index: 10;
+  top: 0;
+  justify-content: end;
+  align-items: center;
+  width: 100vw;
+  padding-right: 24px;
+  pointer-events: none;
+  height: 60px;
+}
+
+.placeholder-bar {
+  width: 256px;
+}
+
+.drag-bar {
+  height: 50%;
+  flex: 1;
+  align-self: flex-start;
+  -webkit-app-region: drag;
+}
+
+.traffic-lights {
+  margin-right: 48px;
+  pointer-events: auto;
+  zoom: 65%;
+}
+
+.traffic-light {
+  border: 1px solid #aaa;
+  .traffic-light-icon {
+    opacity: 0;
+  }
+  &:hover .traffic-light-icon {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/packages/renderer/src/containers/Main.vue b/packages/renderer/src/containers/Main.vue
index dfc44924..0c575dd5 100644
--- a/packages/renderer/src/containers/Main.vue
+++ b/packages/renderer/src/containers/Main.vue
@@ -1,17 +1,16 @@
-<script setup lang="ts">
-import { NScrollbar, useMessage, useDialog } from 'naive-ui'
-import asst from '@/hooks/caller/asst'
-import { onMounted } from 'vue'
-
-window.$message = useMessage()
-window.$dialog = useDialog()
-
-onMounted(asst.load)
-
-</script>
-
-<template>
-  <NScrollbar class="main">
-    <router-view name="Main" />
-  </NScrollbar>
-</template>
+<script setup lang="ts">
+import { NScrollbar, useMessage, useDialog } from 'naive-ui'
+import asst from '@/hooks/caller/asst'
+import { onMounted } from 'vue'
+
+window.$message = useMessage()
+window.$dialog = useDialog()
+
+onMounted(asst.load)
+</script>
+
+<template>
+  <NScrollbar class="main">
+    <router-view name="Main" />
+  </NScrollbar>
+</template>
diff --git a/packages/renderer/src/containers/SideBar.vue b/packages/renderer/src/containers/SideBar.vue
index 8f53be74..f11f72c8 100644
--- a/packages/renderer/src/containers/SideBar.vue
+++ b/packages/renderer/src/containers/SideBar.vue
@@ -1,10 +1,9 @@
-<script setup lang="ts">
-import { NScrollbar } from 'naive-ui'
-
-</script>
-
-<template>
-  <NScrollbar class="side-bar">
-    <router-view name="SideBar" />
-  </NScrollbar>
-</template>
+<script setup lang="ts">
+import { NScrollbar } from 'naive-ui'
+</script>
+
+<template>
+  <NScrollbar class="side-bar">
+    <router-view name="SideBar" />
+  </NScrollbar>
+</template>
diff --git a/packages/renderer/src/hooks/caller/asst.ts b/packages/renderer/src/hooks/caller/asst.ts
index 2c11e9c8..02c661fb 100644
--- a/packages/renderer/src/hooks/caller/asst.ts
+++ b/packages/renderer/src/hooks/caller/asst.ts
@@ -1,47 +1,53 @@
-import useSettingStore from '@/store/settings'
-import { loadCoreResources } from '@/utils/core_functions'
-
-export default {
-  load: async function (showTip = true) {
-    let loaded = true
-    const settingStore = useSettingStore()
-
-    loaded = await window.ipcRenderer.invoke('main.CoreLoader:load')
-    if (loaded) await loadCoreResources()
-    settingStore.updateVersionInfo()
-
-    window.removeLoading()
-
-    const components: Partial<Record<ComponentType, ComponentStatus>> = {
-      'Maa Core': await window.ipcRenderer.invoke('main.ComponentManager:getStatus', 'Maa Core')
-    }
-
-    const showError = showTip ? window.$message.error : undefined
-
-    for (const [component, status] of Object.entries(components)) {
-      if (!status) {
-        showError?.call(this, `${component}的相关组件未加载`)
-        loaded = false
-        break
-      }
-      if (status === 'not-installed') {
-        showError?.call(this, `${component}未安装`)
-        loaded = false
-        break
-      }
-      if (status === 'not-compatible') {
-        showError?.call(this, `${component}不兼容`)
-        loaded = false
-        break
-      }
-      if (status === 'installing' || status === 'upgrading') {
-        showError?.call(this, `${component}正在安装中...`)
-        loaded = false
-        break
-      }
-    }
-
-    return loaded
-  },
-  dispose: async () => await (window.ipcRenderer.invoke('main.CoreLoader:dispose') as Promise<void>)
-}
+import useSettingStore from '@/store/settings'
+import { loadCoreResources } from '@/utils/core_functions'
+
+export default {
+  load: async function (showTip = true) {
+    let loaded = true
+    const settingStore = useSettingStore()
+
+    loaded = await window.ipcRenderer.invoke('main.CoreLoader:load')
+    if (loaded) await loadCoreResources()
+    settingStore.updateVersionInfo()
+
+    window.removeLoading()
+
+    const components: Partial<Record<ComponentType, ComponentStatus>> = {
+      'Maa Core': await window.ipcRenderer.invoke(
+        'main.ComponentManager:getStatus',
+        'Maa Core'
+      ),
+    }
+
+    const showError = showTip ? window.$message.error : undefined
+
+    for (const [component, status] of Object.entries(components)) {
+      if (!status) {
+        showError?.call(this, `${component}的相关组件未加载`)
+        loaded = false
+        break
+      }
+      if (status === 'not-installed') {
+        showError?.call(this, `${component}未安装`)
+        loaded = false
+        break
+      }
+      if (status === 'not-compatible') {
+        showError?.call(this, `${component}不兼容`)
+        loaded = false
+        break
+      }
+      if (status === 'installing' || status === 'upgrading') {
+        showError?.call(this, `${component}正在安装中...`)
+        loaded = false
+        break
+      }
+    }
+
+    return loaded
+  },
+  dispose: async () =>
+    await (window.ipcRenderer.invoke(
+      'main.CoreLoader:dispose'
+    ) as Promise<void>),
+}
diff --git a/packages/renderer/src/hooks/caller/logger.ts b/packages/renderer/src/hooks/caller/logger.ts
index 589e0644..51442c86 100644
--- a/packages/renderer/src/hooks/caller/logger.ts
+++ b/packages/renderer/src/hooks/caller/logger.ts
@@ -1,9 +1,16 @@
 export default {
-  silly: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogSilly', ...params),
-  debug: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogDebug', ...params),
-  trace: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogTrace', ...params),
-  info: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogInfo', ...params),
-  warn: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogWarn', ...params),
-  error: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogError', ...params),
-  fatal: (...params: any[]) => window.ipcRenderer.invoke('main.Util:LogFatal', ...params)
+  silly: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogSilly', ...params),
+  debug: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogDebug', ...params),
+  trace: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogTrace', ...params),
+  info: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogInfo', ...params),
+  warn: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogWarn', ...params),
+  error: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogError', ...params),
+  fatal: (...params: any[]) =>
+    window.ipcRenderer.invoke('main.Util:LogFatal', ...params),
 }
diff --git a/packages/renderer/src/hooks/caller/storage.ts b/packages/renderer/src/hooks/caller/storage.ts
index 1170e678..6d9de85f 100644
--- a/packages/renderer/src/hooks/caller/storage.ts
+++ b/packages/renderer/src/hooks/caller/storage.ts
@@ -1,5 +1,8 @@
-export default {
-  get: async (key: string) => await window.ipcRenderer.invoke('main.StorageManager:get', key),
-  set: async (key: string, val: any) => await window.ipcRenderer.invoke('main.StorageManager:set', key, val),
-  has: async (key: string) => await window.ipcRenderer.invoke('main.StorageManager:has', key)
-}
+export default {
+  get: async (key: string) =>
+    await window.ipcRenderer.invoke('main.StorageManager:get', key),
+  set: async (key: string, val: any) =>
+    await window.ipcRenderer.invoke('main.StorageManager:set', key, val),
+  has: async (key: string) =>
+    await window.ipcRenderer.invoke('main.StorageManager:has', key),
+}
diff --git a/packages/renderer/src/hooks/caller/version.ts b/packages/renderer/src/hooks/caller/version.ts
index affa31a2..c29fa4de 100644
--- a/packages/renderer/src/hooks/caller/version.ts
+++ b/packages/renderer/src/hooks/caller/version.ts
@@ -1,8 +1,9 @@
-export const ui = async (): Promise<string> =>
-  await window.ipcRenderer.invoke('main.Util:getUiVersion')
-export const core = async (): Promise<string | null> =>
-  await window.ipcRenderer.invoke('main.CoreLoader:getCoreVersion')
-
-export default {
-  ui, core
-}
+export const ui = async (): Promise<string> =>
+  await window.ipcRenderer.invoke('main.Util:getUiVersion')
+export const core = async (): Promise<string | null> =>
+  await window.ipcRenderer.invoke('main.CoreLoader:getCoreVersion')
+
+export default {
+  ui,
+  core,
+}
diff --git a/packages/renderer/src/hooks/events/callback.ts b/packages/renderer/src/hooks/events/callback.ts
index fc60ce10..578c6ea2 100644
--- a/packages/renderer/src/hooks/events/callback.ts
+++ b/packages/renderer/src/hooks/events/callback.ts
@@ -13,7 +13,7 @@ import { postDrop } from '@/api/penguin'
 
 const messages: Record<string, MessageReactive> = {}
 
-export default function useCallbackEvents (): void {
+export default function useCallbackEvents(): void {
   const deviceStore = useDeviceStore()
   const taskStore = useTaskStore()
   const settingStore = useSettingStore()
@@ -39,7 +39,7 @@ export default function useCallbackEvents (): void {
       Copilot: (data: Callback.SubTaskError) => {},
       Shutdown: (data: Callback.SubTaskError) => {},
       Award: (data: Callback.SubTaskError) => {},
-      Debug: (data: Callback.SubTaskError) => {}
+      Debug: (data: Callback.SubTaskError) => {},
     },
     [AsstMsg.SubTaskStart]: {
       Emulator: (data: Callback.SubTaskStart) => {},
@@ -54,7 +54,7 @@ export default function useCallbackEvents (): void {
       Copilot: (data: Callback.SubTaskStart) => {},
       Shutdown: (data: Callback.SubTaskStart) => {},
       Award: (data: Callback.SubTaskStart) => {},
-      Debug: (data: Callback.SubTaskStart) => {}
+      Debug: (data: Callback.SubTaskStart) => {},
     },
     [AsstMsg.SubTaskCompleted]: {
       Emulator: (data: Callback.SubTaskCompleted) => {},
@@ -77,7 +77,7 @@ export default function useCallbackEvents (): void {
       Copilot: (data: Callback.SubTaskCompleted) => {},
       Shutdown: (data: Callback.SubTaskCompleted) => {},
       Award: (data: Callback.SubTaskCompleted) => {},
-      Debug: (data: Callback.SubTaskCompleted) => {}
+      Debug: (data: Callback.SubTaskCompleted) => {},
     },
     [AsstMsg.SubTaskExtraInfo]: {
       Emulator: (data: Callback.SubTaskExtraInfo) => {},
@@ -91,13 +91,13 @@ export default function useCallbackEvents (): void {
                 {
                   ...details,
                   reported: false,
-                  report_error: false
-                }
-              ]
+                  report_error: false,
+                },
+              ],
             })
             const task = taskStore.getTask(
               uuid.trim(),
-              (t) => t.task_id === taskid
+              t => t.task_id === taskid
             )
             if (task) {
               const resultIndex = task.results.fightInfo.length - 1
@@ -105,7 +105,7 @@ export default function useCallbackEvents (): void {
                 'NORMAL_DROP',
                 'SPECIAL_DROP',
                 'EXTRA_DROP',
-                'FURNITURE'
+                'FURNITURE',
               ]
               if (task.configurations.report_to_penguin) {
                 const drops = _.cloneDeep(details.drops)
@@ -118,11 +118,11 @@ export default function useCallbackEvents (): void {
                 const report = {
                   stageId: details.stage.stageId,
                   server: task.configurations.server as string,
-                  drops
+                  drops,
                 }
                 if (drops.length > 0) {
                   postDrop(report)
-                    .then((response) => {
+                    .then(response => {
                       task.results.fightInfo[resultIndex].reported = true
                       const reportId =
                         response.headers['X-Penguin-Set-PenguinID']
@@ -133,7 +133,7 @@ export default function useCallbackEvents (): void {
                         }
                       }
                     })
-                    .catch((error) => {
+                    .catch(error => {
                       task.results.fightInfo[resultIndex].report_error = true
                       window.$message.error('上报企鹅物流失败')
                       logger.error('上报企鹅物流失败', error)
@@ -161,7 +161,7 @@ export default function useCallbackEvents (): void {
             const name = device?.displayName ?? device?.address ?? uuid
             // eslint-disable-next-line no-new
             new Notification('Maa Assistant Arknights', {
-              body: `${name}公招获取到高级tag${String(details.tag)}`
+              body: `${name}公招获取到高级tag${String(details.tag)}`,
             })
             break
           }
@@ -169,14 +169,14 @@ export default function useCallbackEvents (): void {
             const { uuid, taskid, details } = data
             const task = taskStore.getTask(
               uuid.trim(),
-              (task) => task.task_id === taskid
+              task => task.task_id === taskid
             )
             if (task && !task.configurations.skip_robot) {
               const device = deviceStore.getDevice(uuid)
               const name = device?.displayName ?? device?.address ?? uuid
               // eslint-disable-next-line no-new
               new Notification('Maa Assistant Arknights', {
-                body: `${name}公招获取到高级tag${String(details.tag)}`
+                body: `${name}公招获取到高级tag${String(details.tag)}`,
               })
             }
             break
@@ -188,9 +188,9 @@ export default function useCallbackEvents (): void {
                 {
                   ...details,
                   refreshed: false,
-                  selectedTags: []
-                }
-              ]
+                  selectedTags: [],
+                },
+              ],
             })
             break
           }
@@ -198,7 +198,7 @@ export default function useCallbackEvents (): void {
             const { uuid, taskid, details } = data
             const task = taskStore.getTask(
               uuid.trim(),
-              (task) => task.task_id === taskid
+              task => task.task_id === taskid
             )
             if (task?.results.recruits) {
               _.last<any>(task.results.recruits).selectedTags = details.tags
@@ -209,7 +209,7 @@ export default function useCallbackEvents (): void {
             const { uuid, taskid } = data
             const task = taskStore.getTask(
               uuid.trim(),
-              (task) => task.task_id === taskid
+              task => task.task_id === taskid
             )
             if (task?.results.recruits) {
               _.last<any>(task.results.recruits).refreshed = true
@@ -227,7 +227,7 @@ export default function useCallbackEvents (): void {
           case 'NotEnoughStaff': {
             const { uuid, taskid } = data
             taskStore.mergeTaskResult(uuid.trim(), taskid, {
-              notEnoughStaff: true
+              notEnoughStaff: true,
             })
             break
           }
@@ -265,8 +265,8 @@ export default function useCallbackEvents (): void {
       },
       Shutdown: (data: Callback.SubTaskExtraInfo) => {},
       Award: (data: Callback.SubTaskExtraInfo) => {},
-      Debug: (data: Callback.SubTaskExtraInfo) => {}
-    }
+      Debug: (data: Callback.SubTaskExtraInfo) => {},
+    },
   }
 
   const callbackFn = {
@@ -306,7 +306,7 @@ export default function useCallbackEvents (): void {
           messages[uuid] = showMessage(
             `${device?.displayName ?? ''}尝试重连中...`,
             {
-              type: 'loading'
+              type: 'loading',
             }
           )
           deviceStore.updateDeviceStatus(uuid, 'connecting')
@@ -318,7 +318,7 @@ export default function useCallbackEvents (): void {
           }
           const device = deviceStore.getDevice(uuid)
           showMessage(`${device?.displayName ?? ''}重连成功`, {
-            type: 'success'
+            type: 'success',
           })
           deviceStore.updateDeviceStatus(uuid, 'connected')
           break
@@ -328,7 +328,7 @@ export default function useCallbackEvents (): void {
           if (device?.status === 'connecting') {
             messages[uuid]?.destroy()
             showMessage(`${device?.displayName ?? ''}重连失败`, {
-              type: 'error'
+              type: 'error',
             })
           } else {
             showMessage(
@@ -351,7 +351,7 @@ export default function useCallbackEvents (): void {
       showMessage('所有任务完成了( •̀ ω •́ )✧', { type: 'info' })
       // eslint-disable-next-line no-new
       new Notification('Maa Assistant Arknights', {
-        body: '所有任务完成了( •̀ ω •́ )✧'
+        body: '所有任务完成了( •̀ ω •́ )✧',
       })
       taskStore.resetToIdle(data.uuid.trim())
     },
@@ -361,18 +361,13 @@ export default function useCallbackEvents (): void {
     },
     [AsstMsg.TaskChainStart]: (data: Callback.TaskChainStart) => {
       const taskStore = useTaskStore()
-      taskStore.updateTaskStatus(
-        data.uuid.trim(),
-        data.taskid,
-        'processing',
-        0
-      )
+      taskStore.updateTaskStatus(data.uuid.trim(), data.taskid, 'processing', 0)
     },
     [AsstMsg.TaskChainCompleted]: (data: Callback.TaskChainCompleted) => {
       const taskStore = useTaskStore()
       const task = taskStore.getTask(
         data.uuid.trim(),
-        (task) => task.task_id === data.taskid
+        task => task.task_id === data.taskid
       )
       if (task) {
         const status: TaskStatus = task.enable ? 'success' : 'skipped'
@@ -393,7 +388,7 @@ export default function useCallbackEvents (): void {
     },
     [AsstMsg.SubTaskExtraInfo]: (data: Callback.SubTaskExtraInfo) => {
       subTaskFn[AsstMsg.SubTaskExtraInfo][data.taskchain](data)
-    }
+    },
   }
 
   window.ipcRenderer.on(
diff --git a/packages/renderer/src/hooks/events/componentManager.ts b/packages/renderer/src/hooks/events/componentManager.ts
index 8e982614..8926bf2d 100644
--- a/packages/renderer/src/hooks/events/componentManager.ts
+++ b/packages/renderer/src/hooks/events/componentManager.ts
@@ -1,40 +1,52 @@
 import useComponentStore from '@/store/components'
 import asst from '../caller/asst'
 
-export default function useComponentManagerEvents (): void {
+export default function useComponentManagerEvents(): void {
   window.ipcRenderer.on(
     'renderer.ComponentManager:updateStatus',
-    (event, data: { status: InstallerStatus, progress: number, type: ComponentType }) => {
+    (
+      event,
+      data: { status: InstallerStatus; progress: number; type: ComponentType }
+    ) => {
       const componentStore = useComponentStore()
       const { status, progress, type } = data
       componentStore.updateComponentStatus(type, {
         installerStatus: status,
-        installerProgress: progress
+        installerProgress: progress,
       })
     }
   )
 
-  window.ipcRenderer.on('renderer.ComponentManager:installDone',
-    (event, data: {status: InstallerStatus, progress: number, type: ComponentType }) => {
+  window.ipcRenderer.on(
+    'renderer.ComponentManager:installDone',
+    (
+      event,
+      data: { status: InstallerStatus; progress: number; type: ComponentType }
+    ) => {
       const componentStore = useComponentStore()
       const { status, progress, type } = data
       componentStore.updateComponentStatus(type, {
         installerStatus: status,
         installerProgress: progress,
-        componentStatus: 'installed'
+        componentStatus: 'installed',
       })
       asst.load(false)
     }
   )
 
-  window.ipcRenderer.on('renderer.ComponentManager:installInterrupted',
-    (event, data: {status: InstallerStatus, progress: number, type: ComponentType }) => {
+  window.ipcRenderer.on(
+    'renderer.ComponentManager:installInterrupted',
+    (
+      event,
+      data: { status: InstallerStatus; progress: number; type: ComponentType }
+    ) => {
       const componentStore = useComponentStore()
       const { status, progress, type } = data
       componentStore.updateComponentStatus(type, {
         installerStatus: status,
         installerProgress: progress,
-        componentStatus: 'not-installed'
+        componentStatus: 'not-installed',
       })
-    })
+    }
+  )
 }
diff --git a/packages/renderer/src/hooks/events/devices.ts b/packages/renderer/src/hooks/events/devices.ts
index 9ec60864..39bbf158 100644
--- a/packages/renderer/src/hooks/events/devices.ts
+++ b/packages/renderer/src/hooks/events/devices.ts
@@ -1,11 +1,14 @@
 import useDeviceStore from '@/store/devices'
 
-export default function useDeviceEvents (): void {
+export default function useDeviceEvents(): void {
   const deviceStore = useDeviceStore()
 
-  window.ipcRenderer.on('renderer.DeviceDetector:searched', (event, devices: NativeDevice[]) => {
-    deviceStore.mergeSearchResult(devices)
-  })
+  window.ipcRenderer.on(
+    'renderer.DeviceDetector:searched',
+    (event, devices: NativeDevice[]) => {
+      deviceStore.mergeSearchResult(devices)
+    }
+  )
 
   window.ipcRenderer.on(
     'renderer.DeviceDetector:changeStatus',
diff --git a/packages/renderer/src/hooks/events/theme.ts b/packages/renderer/src/hooks/events/theme.ts
index bbe2e41f..cfc38840 100644
--- a/packages/renderer/src/hooks/events/theme.ts
+++ b/packages/renderer/src/hooks/events/theme.ts
@@ -1,8 +1,11 @@
-import useThemeStore from '@/store/theme'
-
-export default function useThemeEvents (): void {
-  const themeStore = useThemeStore()
-  window.ipcRenderer.on('renderer.AppearanceManager:systemThemeUpdated', (_, updatedTheme) => {
-    themeStore.updateSystemTheme(updatedTheme)
-  })
-}
+import useThemeStore from '@/store/theme'
+
+export default function useThemeEvents(): void {
+  const themeStore = useThemeStore()
+  window.ipcRenderer.on(
+    'renderer.AppearanceManager:systemThemeUpdated',
+    (_, updatedTheme) => {
+      themeStore.updateSystemTheme(updatedTheme)
+    }
+  )
+}
diff --git a/packages/renderer/src/hooks/events/ui.ts b/packages/renderer/src/hooks/events/ui.ts
index a9451613..f4bc6e1b 100644
--- a/packages/renderer/src/hooks/events/ui.ts
+++ b/packages/renderer/src/hooks/events/ui.ts
@@ -1,15 +1,15 @@
-/**
- * @file hooks/events/ui.ts
- * @description ui人机交互钩子
- */
-
-export default function useUiHooks (): void {
-  window.ipcRenderer.on('renderer.WindowManager:showMessage', (event, arg) => {
-    // ? 是否需要用string包裹防止xss
-    event.returnValue = window.$message.create(String(arg.message), arg.options)
-  })
-
-  window.ipcRenderer.on('renderer.WindowManager:loaded', () => {
-  //   window.removeLoading()
-  })
-}
+/**
+ * @file hooks/events/ui.ts
+ * @description ui人机交互钩子
+ */
+
+export default function useUiHooks(): void {
+  window.ipcRenderer.on('renderer.WindowManager:showMessage', (event, arg) => {
+    // ? 是否需要用string包裹防止xss
+    event.returnValue = window.$message.create(String(arg.message), arg.options)
+  })
+
+  window.ipcRenderer.on('renderer.WindowManager:loaded', () => {
+    //   window.removeLoading()
+  })
+}
diff --git a/packages/renderer/src/hooks/index.ts b/packages/renderer/src/hooks/index.ts
index 27b41ed2..75e8ab0b 100644
--- a/packages/renderer/src/hooks/index.ts
+++ b/packages/renderer/src/hooks/index.ts
@@ -4,7 +4,7 @@ import useDeviceEvents from './events/devices'
 import useThemeEvents from './events/theme'
 import useUiHooks from './events/ui'
 
-export function initHook (): void {
+export function initHook(): void {
   useDeviceEvents()
   useThemeEvents()
   useCallbackEvents()
diff --git a/packages/renderer/src/i18n/index.ts b/packages/renderer/src/i18n/index.ts
index b39fd15b..b3247d48 100644
--- a/packages/renderer/src/i18n/index.ts
+++ b/packages/renderer/src/i18n/index.ts
@@ -1,34 +1,41 @@
-/* eslint-disable import/no-duplicates */
-import { zhCN as NZhCN, dateZhCN as NDateZhCN } from 'naive-ui'
-import { enUS as NEnUS, dateEnUS as NDateEnUS } from 'naive-ui'
-import { createI18n } from 'vue-i18n'
-
-import ZhCN from './zhCN.json'
-import EnUS from './enUS.json'
-
-export const naiveUiLocale = {
-  NZhCN,
-  NDateZhCN,
-  NEnUS,
-  NDateEnUS
-}
-
-export const appLocale = {
-  ZhCN,
-  EnUS
-}
-
-export const i18n = createI18n({
-  legacy: false, // must set to `false`
-  locale: 'EnUS',
-  messages: appLocale
-})
-
-export const showBoolean = (value: boolean, option: BooleanDisplayOption = 'Yes/No'): string => {
-  switch (option) {
-    case 'Right/Wrong':
-      return value ? i18n.global.t('Common.Boolean.Right') : i18n.global.t('Common.Boolean.Wrong')
-    case 'Yes/No':
-      return value ? i18n.global.t('Common.Boolean.Yes') : i18n.global.t('Common.Boolean.No')
-  }
+/* eslint-disable import/no-duplicates */
+import { zhCN as NZhCN, dateZhCN as NDateZhCN } from 'naive-ui'
+import { enUS as NEnUS, dateEnUS as NDateEnUS } from 'naive-ui'
+import { createI18n } from 'vue-i18n'
+
+import ZhCN from './zhCN.json'
+import EnUS from './enUS.json'
+
+export const naiveUiLocale = {
+  NZhCN,
+  NDateZhCN,
+  NEnUS,
+  NDateEnUS,
+}
+
+export const appLocale = {
+  ZhCN,
+  EnUS,
+}
+
+export const i18n = createI18n({
+  legacy: false, // must set to `false`
+  locale: 'EnUS',
+  messages: appLocale,
+})
+
+export const showBoolean = (
+  value: boolean,
+  option: BooleanDisplayOption = 'Yes/No'
+): string => {
+  switch (option) {
+    case 'Right/Wrong':
+      return value
+        ? i18n.global.t('Common.Boolean.Right')
+        : i18n.global.t('Common.Boolean.Wrong')
+    case 'Yes/No':
+      return value
+        ? i18n.global.t('Common.Boolean.Yes')
+        : i18n.global.t('Common.Boolean.No')
+  }
 }
diff --git a/packages/renderer/src/layouts/pages/Device.vue b/packages/renderer/src/layouts/pages/Device.vue
index ad16b630..67ebc431 100644
--- a/packages/renderer/src/layouts/pages/Device.vue
+++ b/packages/renderer/src/layouts/pages/Device.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
-import { NInput, NAlert, NButton, NIcon, NText, NForm, NFormItem, useDialog } from 'naive-ui'
+import {
+  NInput,
+  NAlert,
+  NButton,
+  NIcon,
+  NText,
+  NForm,
+  NFormItem,
+  useDialog,
+} from 'naive-ui'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import useDeviceStore from '@/store/devices'
@@ -26,16 +35,19 @@ function addressChecker(cs: string) {
     console.log(`is_number: ${_.isNumber(port)}`)
     return false
   }
-  return ip.split('.').length === 4 && ip.split('.').every((v, i, a) => {
-    if (a.length !== 4) {
-      return false
-    }
-    const n = Number(v)
-    if (isNaN(Number(v))) {
-      return false
-    }
-    return n >= 0 && n <= 255
-  })
+  return (
+    ip.split('.').length === 4 &&
+    ip.split('.').every((v, i, a) => {
+      if (a.length !== 4) {
+        return false
+      }
+      const n = Number(v)
+      if (isNaN(Number(v))) {
+        return false
+      }
+      return n >= 0 && n <= 255
+    })
+  )
 }
 
 async function handleCustomConnect() {
@@ -47,7 +59,10 @@ async function handleCustomConnect() {
       showMessage('设备已经存在了哦', { type: 'warning', duration: 5000 })
       return
     }
-    const uuid = await window.ipcRenderer.invoke('main.DeviceDetector:getDeviceUuid', address.value)
+    const uuid = await window.ipcRenderer.invoke(
+      'main.DeviceDetector:getDeviceUuid',
+      address.value
+    )
     if (!(uuid as string | false)) {
       loading.destroy()
       showMessage('连接失败，检查一下地址吧', { type: 'error', duration: 5000 })
@@ -57,8 +72,8 @@ async function handleCustomConnect() {
       {
         uuid: uuid as string,
         address: address.value,
-        name: 'General'
-      }
+        name: 'General',
+      },
     ])
     loading.destroy()
   } else {
@@ -75,22 +90,22 @@ onMounted(async () => {
   if (!settingStore.version.core.current && settingStore.hintCoreNotInstalled) {
     dialog.info({
       title: t('Common.hint'),
-      content: t('componentManager.notInstalled',
-        { componentType: t('download["Maa Core"]') }
-      ),
+      content: t('componentManager.notInstalled', {
+        componentType: t('download["Maa Core"]'),
+      }),
       positiveText: t('Common.goNow'),
       negativeText: t('Common.dontShowAgain'),
       onPositiveClick: () => {
         router.push({
           path: '/settings',
           query: {
-            requireInstallComponent: 1
-          }
+            requireInstallComponent: 1,
+          },
         })
       },
       onNegativeClick: () => {
         settingStore.dontShowCoreNotInstalled()
-      }
+      },
     })
   }
 })
@@ -99,12 +114,8 @@ onMounted(async () => {
 <template>
   <div>
     <NAlert title="连接一个设备 / 模拟器以继续" type="info" closable>
-      <NText tag="div" :depth="3">
-        1. 双击可用设备快速连接
-      </NText>
-      <NText tag="div" :depth="3">
-        2. 连接到自定义设备地址
-      </NText>
+      <NText tag="div" :depth="3"> 1. 双击可用设备快速连接 </NText>
+      <NText tag="div" :depth="3"> 2. 连接到自定义设备地址 </NText>
     </NAlert>
     <div class="form-connect">
       <NForm
@@ -118,7 +129,11 @@ onMounted(async () => {
         </NFormItem>
         <!-- 保持空格，使button和input对齐 -->
         <NFormItem label=" ">
-          <NButton type="primary" class="operation" @click="handleCustomConnect">
+          <NButton
+            type="primary"
+            class="operation"
+            @click="handleCustomConnect"
+          >
             <span>添加</span>
             <NIcon size="24px">
               <IconLink />
diff --git a/packages/renderer/src/layouts/pages/Setting.vue b/packages/renderer/src/layouts/pages/Setting.vue
index edaf34ed..53f2ca91 100644
--- a/packages/renderer/src/layouts/pages/Setting.vue
+++ b/packages/renderer/src/layouts/pages/Setting.vue
@@ -1,70 +1,68 @@
-<script setup lang="ts">
-import { provide, computed } from 'vue'
-import {
-  NForm
-} from 'naive-ui'
-
-import Developer from '@/components/Setting/Developer'
-import Version from '@/components/Setting/Version'
-import Appearance from '@/components/Setting/Appearance'
-import About from '@/components/Setting/About'
-import Clear from '@/components/Setting/Clear/Index.vue'
-import Report from '@/components/Setting/Report/Index.vue'
-import General from '@/components/Setting/General/Index.vue'
-import Advance from '@/components/Setting/Advance/Index.vue'
-import Other from '@/components/Setting/Other/Index.vue'
-
-import useDeviceStore from '@/store/devices'
-
-const deviceStore = useDeviceStore()
-
-provide(
-  'coreSettingsDisabled',
-  computed(() => {
-    return { nre: deviceStore.devices.some(device => device.status === 'tasking') }
-  })
-)
-
-</script>
-
-<template>
-  <NForm
-    class="setting-form"
-    label-width="250px"
-    :show-feedback="false"
-    label-placement="left"
-  >
-    <General />
-    <Report />
-    <Version />
-    <Advance />
-    <Appearance />
-    <Clear />
-    <Other />
-    <About />
-    <div id="develop">
-      <h2 class="title">
-        开发者
-      </h2>
-      <Developer />
-    </div>
-  </NForm>
-</template>
-
-<style lang="less" scoped>
-.setting-form {
-  text-align: center;
-}
-
-#appearance {
-  text-align: center;
-}
-</style>
-
-<style lang="less">
-.setting-form {
-  .title, .subtitle {
-    text-align: left;
-  }
-}
-</style>
+<script setup lang="ts">
+import { provide, computed } from 'vue'
+import { NForm } from 'naive-ui'
+
+import Developer from '@/components/Setting/Developer'
+import Version from '@/components/Setting/Version'
+import Appearance from '@/components/Setting/Appearance'
+import About from '@/components/Setting/About'
+import Clear from '@/components/Setting/Clear/Index.vue'
+import Report from '@/components/Setting/Report/Index.vue'
+import General from '@/components/Setting/General/Index.vue'
+import Advance from '@/components/Setting/Advance/Index.vue'
+import Other from '@/components/Setting/Other/Index.vue'
+
+import useDeviceStore from '@/store/devices'
+
+const deviceStore = useDeviceStore()
+
+provide(
+  'coreSettingsDisabled',
+  computed(() => {
+    return {
+      nre: deviceStore.devices.some(device => device.status === 'tasking'),
+    }
+  })
+)
+</script>
+
+<template>
+  <NForm
+    class="setting-form"
+    label-width="250px"
+    :show-feedback="false"
+    label-placement="left"
+  >
+    <General />
+    <Report />
+    <Version />
+    <Advance />
+    <Appearance />
+    <Clear />
+    <Other />
+    <About />
+    <div id="develop">
+      <h2 class="title">开发者</h2>
+      <Developer />
+    </div>
+  </NForm>
+</template>
+
+<style lang="less" scoped>
+.setting-form {
+  text-align: center;
+}
+
+#appearance {
+  text-align: center;
+}
+</style>
+
+<style lang="less">
+.setting-form {
+  .title,
+  .subtitle {
+    text-align: left;
+  }
+}
+</style>
diff --git a/packages/renderer/src/layouts/pages/Task.vue b/packages/renderer/src/layouts/pages/Task.vue
index 2fe9c649..57cc78c3 100644
--- a/packages/renderer/src/layouts/pages/Task.vue
+++ b/packages/renderer/src/layouts/pages/Task.vue
@@ -1,6 +1,14 @@
 <script setup lang="ts">
 import { computed, ref, provide, watch } from 'vue'
-import { NSpace, NButton, NSwitch, NIcon, NTooltip, NSelect, SelectOption } from 'naive-ui'
+import {
+  NSpace,
+  NButton,
+  NSwitch,
+  NIcon,
+  NTooltip,
+  NSelect,
+  SelectOption,
+} from 'naive-ui'
 import _ from 'lodash'
 import Draggable from 'vuedraggable'
 import TaskCard from '@/components/Task/TaskCard.vue'
@@ -30,7 +38,7 @@ const actionLoading = ref(false)
 
 const uuid = computed(() => router.currentRoute.value.params.uuid as string)
 const device = computed(() =>
-  deviceStore.devices.find((device) => device.uuid === uuid.value)
+  deviceStore.devices.find(device => device.uuid === uuid.value)
 )
 const tasks = computed(() => {
   if (!taskStore.deviceTasks[uuid.value]) {
@@ -51,14 +59,17 @@ const deviceStatus = computed(() => {
   return device.status
 })
 
-watch(() => device.value?.status, async (newStatus) => {
-  switch (newStatus) {
-    case 'waitingTaskEnd':
-      deviceStore.updateDeviceStatus(uuid.value, 'tasking')
-      await handleSubStart()
-      break
+watch(
+  () => device.value?.status,
+  async newStatus => {
+    switch (newStatus) {
+      case 'waitingTaskEnd':
+        deviceStore.updateDeviceStatus(uuid.value, 'tasking')
+        await handleSubStart()
+        break
+    }
   }
-})
+)
 
 async function handleStartUnconnected(task: Task) {
   deviceStore.updateDeviceStatus(uuid.value, 'tasking')
@@ -67,17 +78,20 @@ async function handleStartUnconnected(task: Task) {
     const devices: any[] = await window.ipcRenderer.invoke(
       'main.DeviceDetector:getEmulators'
     ) // 等待时间结束后进行一次设备搜索，但不合并结果
-    const device = devices.find((device) => device.uuid === uuid.value) // 检查指定uuid的设备是否存在
+    const device = devices.find(device => device.uuid === uuid.value) // 检查指定uuid的设备是否存在
     if (device) {
       // 设备活了
       logger.debug(device)
-      const status = await window.ipcRenderer.invoke('main.CoreLoader:initCore', {
-        // 创建连接
-        address: device.address,
-        uuid: device.uuid,
-        adb_path: device.adbPath,
-        config: device.config
-      })
+      const status = await window.ipcRenderer.invoke(
+        'main.CoreLoader:initCore',
+        {
+          // 创建连接
+          address: device.address,
+          uuid: device.uuid,
+          adb_path: device.adbPath,
+          config: device.config,
+        }
+      )
       if (status) {
         taskStore.updateTaskStatus(uuid.value, task.task_id, 'success', 0)
         logger.silly('自动启动模拟器成功')
@@ -88,7 +102,7 @@ async function handleStartUnconnected(task: Task) {
       showMessage('启动设备失败', {
         type: 'error',
         duration: 0,
-        closable: true
+        closable: true,
       })
     }
   }, 10000)
@@ -96,7 +110,7 @@ async function handleStartUnconnected(task: Task) {
 }
 
 async function handleSubStart() {
-  if (_.findIndex(tasks.value, (task) => task.enable === true) === -1) {
+  if (_.findIndex(tasks.value, task => task.enable === true) === -1) {
     showMessage('请至少选择一个任务', { type: 'warning', duration: 5000 })
     return
   }
@@ -104,14 +118,14 @@ async function handleSubStart() {
   await runTasks(uuid.value)
 
   await window.ipcRenderer.invoke('main.CoreLoader:start', {
-    uuid: uuid.value
+    uuid: uuid.value,
   })
 }
 
 async function handleSubStop() {
   actionLoading.value = true
   const status = await window.ipcRenderer.invoke('main.CoreLoader:stop', {
-    uuid: uuid.value
+    uuid: uuid.value,
   }) // 等待core停止任务
   actionLoading.value = false
   if (!status) {
@@ -139,25 +153,34 @@ async function handleStart() {
       uuid: device.uuid,
       adb_path: device.adbPath,
       config: device.config,
-      touch_mode: touchMode.value
+      touch_mode: touchMode.value,
     } as InitCoreParam)
   } else {
     // 设备状态为 unknown 或 disconnect , 检查是否有启动模拟器的参数, 如果有则尝试自启动, 没有则提示
-    if (device?.commandLine && device.commandLine?.length > 0) { // 有启动参数
-      if (await deviceStore.wakeUpDevice(uuid.value)) { // 有启动参数, 且自启成功
+    if (device?.commandLine && device.commandLine?.length > 0) {
+      // 有启动参数
+      if (await deviceStore.wakeUpDevice(uuid.value)) {
+        // 有启动参数, 且自启成功
         deviceStore.updateDeviceStatus(device.uuid as string, 'waitingTask')
         await window.ipcRenderer.invoke('main.CoreLoader:initCore', {
           address: device.address,
           uuid: device.uuid,
           adb_path: device.adbPath,
           config: device.config,
-          touch_mode: touchMode.value
+          touch_mode: touchMode.value,
         } as InitCoreParam)
       } else {
-        showMessage('设备自启失败, 请尝试手动启动设备', { type: 'warning', duration: 2000 })
+        showMessage('设备自启失败, 请尝试手动启动设备', {
+          type: 'warning',
+          duration: 2000,
+        })
       }
-    } else { // 无启动参数
-      showMessage('设备启动参数未知, 请先刷新设备列表或尝试手动连接', { type: 'warning', duration: 2000 })
+    } else {
+      // 无启动参数
+      showMessage('设备启动参数未知, 请先刷新设备列表或尝试手动连接', {
+        type: 'warning',
+        duration: 2000,
+      })
     }
   }
 }
@@ -194,7 +217,7 @@ function handleChangeTaskGroupIndex(value: number) {
 
 const taskGroupOptions = computed(() => {
   const options: SelectOption[] = []
-  taskStore.deviceTasks[uuid.value]?.groups.forEach((v) => {
+  taskStore.deviceTasks[uuid.value]?.groups.forEach(v => {
     options.push({ label: v.name, value: v.id })
   })
   return options
@@ -207,9 +230,11 @@ const currentTaskGroupIndexValue = computed({
   },
   set(value) {
     taskStore.deviceTasks[uuid.value].currentId = value
-  }
+  },
 })
-const currentTaskGroup = computed(() => taskStore.getCurrentTaskGroup(uuid.value))
+const currentTaskGroup = computed(() =>
+  taskStore.getCurrentTaskGroup(uuid.value)
+)
 </script>
 
 <template>
@@ -217,10 +242,7 @@ const currentTaskGroup = computed(() => taskStore.getCurrentTaskGroup(uuid.value
     <NSpace justify="space-between" align="center">
       <h2>任务</h2>
       <NSpace align="center">
-        <TaskGroupActions
-          :device-uuid="uuid"
-          :task-group="currentTaskGroup"
-        />
+        <TaskGroupActions :device-uuid="uuid" :task-group="currentTaskGroup" />
         <NSelect
           v-model:value="currentTaskGroupIndexValue"
           :options="taskGroupOptions"
@@ -249,7 +271,7 @@ const currentTaskGroup = computed(() => taskStore.getCurrentTaskGroup(uuid.value
               </template>
             </NSwitch>
           </template>
-          <span>切换到{{ isGrid ? "简单" : "详细" }}信息</span>
+          <span>切换到{{ isGrid ? '简单' : '详细' }}信息</span>
         </NTooltip>
 
         <NButton
@@ -258,7 +280,7 @@ const currentTaskGroup = computed(() => taskStore.getCurrentTaskGroup(uuid.value
           :loading="actionLoading"
           @click="handleStart"
         >
-          <span>{{ deviceStatus === "tasking" ? "停止" : "开始" }}</span>
+          <span>{{ deviceStatus === 'tasking' ? '停止' : '开始' }}</span>
         </NButton>
       </NSpace>
     </NSpace>
@@ -277,11 +299,15 @@ const currentTaskGroup = computed(() => taskStore.getCurrentTaskGroup(uuid.value
           v-model:showResult="task.showResult"
           :is-collapsed="!isGrid"
           :task-info="task"
-          @update:enable="(enabled) => (task.enable = enabled)"
+          @update:enable="enabled => (task.enable = enabled)"
           @copy="() => handleTaskCopy(index)"
           @delete="() => handleTaskDelete(index)"
         >
-          <Result v-if="task.showResult" :name="task.name" :results="task.results" />
+          <Result
+            v-if="task.showResult"
+            :name="task.name"
+            :results="task.results"
+          />
           <Configuration
             v-else
             :name="task.name"
diff --git a/packages/renderer/src/layouts/sidebars/Device.vue b/packages/renderer/src/layouts/sidebars/Device.vue
index 57bf8e99..56c770c6 100644
--- a/packages/renderer/src/layouts/sidebars/Device.vue
+++ b/packages/renderer/src/layouts/sidebars/Device.vue
@@ -1,172 +1,187 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import {
-  NIcon,
-  NSpace,
-  NButton,
-  NTooltip,
-  NText,
-  NTime,
-  useDialog
-} from 'naive-ui'
-import { useI18n } from 'vue-i18n'
-import IconRefresh from '@/assets/icons/refresh.svg?component'
-import IconSettings from '@/assets/icons/settings.svg?component'
-import DeviceCard from '@/components/Device/DeviceCard.vue'
-
-import useDeviceStore from '@/store/devices'
-import useSettingStore from '@/store/settings'
-
-import { showMessage } from '@/utils/message'
-
-const dialog = useDialog()
-const { t } = useI18n()
-const connectedStatus = ['connected', 'tasking']
-const deviceStore = useDeviceStore()
-const settingStore = useSettingStore()
-const connectedDevices = computed(() =>
-  deviceStore.devices.filter(device => connectedStatus.includes(device.status))
-)
-const disconnectedDevices = computed(() =>
-  deviceStore.devices.filter(device => !connectedStatus.includes(device.status))
-)
-
-// TODO: 从maa启动模拟器的支持
-
-/**
- * @description 过滤不可用的连接设备，并在神谕上提示
- */
-function deviceInfoParser(devices: Device[]): any[] {
-  const ret: any[] = []
-  devices.forEach((info) => {
-    if (!info.uuid) {
-      showMessage(
-        t('device.connectionError', { address: info.address }),
-        {
-          type: 'error',
-          duration: 0,
-          closable: true
-        }
-      )
-    } else {
-      ret.push({
-        status: 'available',
-        uuid: info.uuid,
-        address: info.address,
-        config: info.config,
-        commandLine: info.commandLine,
-        adbPath: info.adbPath,
-        pid: info.pid,
-        displayName: info.displayName
-      })
-    }
-  })
-  if (ret.length === 0) {
-    showMessage(
-      t('device.noAvailableDevice'),
-      {
-        type: 'info',
-        duration: 0,
-        closable: true
-      },
-      true
-    )
-  } else {
-    showMessage(
-      t('device.availableDeviceFound', { count: ret.length }),
-      {
-        type: 'info'
-      },
-      true
-    )
-  }
-  return ret
-}
-
-async function handleRefreshDevices() {
-  const is_exist = await window.ipcRenderer.invoke('main.DeviceDetector:isDefaultAdbExists')
-  if (!is_exist) {
-    showMessage(t('device.adbNotAvailable'), {
-      type: 'error',
-      duration: 0,
-      closable: true
-    })
-    return
-  }
-
-  const refreshingMessage = showMessage(t('device.refreshingDevices'), { type: 'loading', duration: 0 })
-
-  window.ipcRenderer.invoke('main.DeviceDetector:getEmulators').then(
-    ret => {
-      const devices = deviceInfoParser(ret)
-      deviceStore.mergeSearchResult(devices)
-    }
-  ).catch(() => {
-    refreshingMessage.destroy()
-    dialog.error({
-      title: t('Common.error'),
-      content: t('device.refreshingError')
-    })
-  })
-}
-
-const now = ref(Date.now())
-
-setInterval(() => {
-  now.value = Date.now()
-}, 1000)
-</script>
-
-<template>
-  <div>
-    <NButton text style="font-size: 24px" @click="$router.push({ path: '/settings' })">
-      <NIcon>
-        <IconSettings />
-      </NIcon>
-    </NButton>
-    <h2>已连接的设备</h2>
-    <div class="connected-devices">
-      <DeviceCard v-for="device in connectedDevices" :key="device.uuid" :device="device" />
-    </div>
-    <NSpace :justify="'space-between'" :align="'center'">
-      <h2>其他设备</h2>
-      <NTooltip>
-        <template #trigger>
-          <NButton
-            text
-            style="font-size: 24px"
-            :disabled="settingStore.version.core === undefined ? true : false"
-            @click="handleRefreshDevices"
-          >
-            <NIcon>
-              <IconRefresh />
-            </NIcon>
-          </NButton>
-        </template>
-        刷新
-      </NTooltip>
-    </NSpace>
-    <div class="disconnected-devices">
-      <DeviceCard v-for="device in disconnectedDevices" :key="device.uuid" :device="device" />
-    </div>
-    <!-- <div class="unknown-devices">
-                  <DeviceCard
-                    v-for="device in unknownDevices"
-                    :uuid="device.uuid"
-                    :key="device.uuid"
-                  />
-                </div> -->
-    <div :style="{ textAlign: 'center' }">
-      <NText depth="2">
-        {{ $t("Common.lastUpdate") }}:&nbsp;
-        <span v-if="deviceStore.lastUpdate === null">从不</span>
-        <NTime
-          v-else
-          :time="deviceStore.lastUpdate"
-          :to="now"
-          type="relative"
-        />
-      </NText>
-    </div>
-  </div>
-</template>
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import {
+  NIcon,
+  NSpace,
+  NButton,
+  NTooltip,
+  NText,
+  NTime,
+  useDialog,
+} from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+import IconRefresh from '@/assets/icons/refresh.svg?component'
+import IconSettings from '@/assets/icons/settings.svg?component'
+import DeviceCard from '@/components/Device/DeviceCard.vue'
+
+import useDeviceStore from '@/store/devices'
+import useSettingStore from '@/store/settings'
+
+import { showMessage } from '@/utils/message'
+
+const dialog = useDialog()
+const { t } = useI18n()
+const connectedStatus = ['connected', 'tasking']
+const deviceStore = useDeviceStore()
+const settingStore = useSettingStore()
+const connectedDevices = computed(() =>
+  deviceStore.devices.filter(device => connectedStatus.includes(device.status))
+)
+const disconnectedDevices = computed(() =>
+  deviceStore.devices.filter(device => !connectedStatus.includes(device.status))
+)
+
+// TODO: 从maa启动模拟器的支持
+
+/**
+ * @description 过滤不可用的连接设备，并在神谕上提示
+ */
+function deviceInfoParser(devices: Device[]): any[] {
+  const ret: any[] = []
+  devices.forEach(info => {
+    if (!info.uuid) {
+      showMessage(t('device.connectionError', { address: info.address }), {
+        type: 'error',
+        duration: 0,
+        closable: true,
+      })
+    } else {
+      ret.push({
+        status: 'available',
+        uuid: info.uuid,
+        address: info.address,
+        config: info.config,
+        commandLine: info.commandLine,
+        adbPath: info.adbPath,
+        pid: info.pid,
+        displayName: info.displayName,
+      })
+    }
+  })
+  if (ret.length === 0) {
+    showMessage(
+      t('device.noAvailableDevice'),
+      {
+        type: 'info',
+        duration: 0,
+        closable: true,
+      },
+      true
+    )
+  } else {
+    showMessage(
+      t('device.availableDeviceFound', { count: ret.length }),
+      {
+        type: 'info',
+      },
+      true
+    )
+  }
+  return ret
+}
+
+async function handleRefreshDevices() {
+  const is_exist = await window.ipcRenderer.invoke(
+    'main.DeviceDetector:isDefaultAdbExists'
+  )
+  if (!is_exist) {
+    showMessage(t('device.adbNotAvailable'), {
+      type: 'error',
+      duration: 0,
+      closable: true,
+    })
+    return
+  }
+
+  const refreshingMessage = showMessage(t('device.refreshingDevices'), {
+    type: 'loading',
+    duration: 0,
+  })
+
+  window.ipcRenderer
+    .invoke('main.DeviceDetector:getEmulators')
+    .then(ret => {
+      const devices = deviceInfoParser(ret)
+      deviceStore.mergeSearchResult(devices)
+    })
+    .catch(() => {
+      refreshingMessage.destroy()
+      dialog.error({
+        title: t('Common.error'),
+        content: t('device.refreshingError'),
+      })
+    })
+}
+
+const now = ref(Date.now())
+
+setInterval(() => {
+  now.value = Date.now()
+}, 1000)
+</script>
+
+<template>
+  <div>
+    <NButton
+      text
+      style="font-size: 24px"
+      @click="$router.push({ path: '/settings' })"
+    >
+      <NIcon>
+        <IconSettings />
+      </NIcon>
+    </NButton>
+    <h2>已连接的设备</h2>
+    <div class="connected-devices">
+      <DeviceCard
+        v-for="device in connectedDevices"
+        :key="device.uuid"
+        :device="device"
+      />
+    </div>
+    <NSpace :justify="'space-between'" :align="'center'">
+      <h2>其他设备</h2>
+      <NTooltip>
+        <template #trigger>
+          <NButton
+            text
+            style="font-size: 24px"
+            :disabled="settingStore.version.core === undefined ? true : false"
+            @click="handleRefreshDevices"
+          >
+            <NIcon>
+              <IconRefresh />
+            </NIcon>
+          </NButton>
+        </template>
+        刷新
+      </NTooltip>
+    </NSpace>
+    <div class="disconnected-devices">
+      <DeviceCard
+        v-for="device in disconnectedDevices"
+        :key="device.uuid"
+        :device="device"
+      />
+    </div>
+    <!-- <div class="unknown-devices">
+                  <DeviceCard
+                    v-for="device in unknownDevices"
+                    :uuid="device.uuid"
+                    :key="device.uuid"
+                  />
+                </div> -->
+    <div :style="{ textAlign: 'center' }">
+      <NText depth="2">
+        {{ $t('Common.lastUpdate') }}:&nbsp;
+        <span v-if="deviceStore.lastUpdate === null">从不</span>
+        <NTime
+          v-else
+          :time="deviceStore.lastUpdate"
+          :to="now"
+          type="relative"
+        />
+      </NText>
+    </div>
+  </div>
+</template>
diff --git a/packages/renderer/src/layouts/sidebars/Setting.vue b/packages/renderer/src/layouts/sidebars/Setting.vue
index ef38cc68..d9370ab8 100644
--- a/packages/renderer/src/layouts/sidebars/Setting.vue
+++ b/packages/renderer/src/layouts/sidebars/Setting.vue
@@ -1,54 +1,29 @@
-<script setup lang="ts">
-import IconChevronLeft from '@/assets/icons/chevron-left.svg?component'
-import { NButton, NIcon, NAnchor, NAnchorLink } from 'naive-ui'
-</script>
-
-<template>
-  <div>
-    <NButton
-      text
-      style="font-size: 24px"
-      @click="$router.back()"
-    >
-      <NIcon>
-        <IconChevronLeft />
-      </NIcon>
-    </NButton>
-    <h2>设置</h2>
-    <NAnchor
-      class="setting-anchor"
-      offset-target=".main"
-      type="block"
-      :bound="80"
-    >
-      <NAnchorLink
-        title="数据上报"
-        href="#statistics-report"
-      />
-      <NAnchorLink
-        title="版本信息"
-        href="#version"
-      />
-      <NAnchorLink
-        title="外观"
-        href="#appearance"
-      />
-      <NAnchorLink
-        title="缓存清理"
-        href="#clear"
-      />
-      <NAnchorLink
-        title="其他"
-        href="#other"
-      />
-      <NAnchorLink
-        title="关于"
-        href="#about"
-      />
-      <NAnchorLink
-        title="开发者"
-        href="#develop"
-      />
-    </NAnchor>
-  </div>
-</template>
+<script setup lang="ts">
+import IconChevronLeft from '@/assets/icons/chevron-left.svg?component'
+import { NButton, NIcon, NAnchor, NAnchorLink } from 'naive-ui'
+</script>
+
+<template>
+  <div>
+    <NButton text style="font-size: 24px" @click="$router.back()">
+      <NIcon>
+        <IconChevronLeft />
+      </NIcon>
+    </NButton>
+    <h2>设置</h2>
+    <NAnchor
+      class="setting-anchor"
+      offset-target=".main"
+      type="block"
+      :bound="80"
+    >
+      <NAnchorLink title="数据上报" href="#statistics-report" />
+      <NAnchorLink title="版本信息" href="#version" />
+      <NAnchorLink title="外观" href="#appearance" />
+      <NAnchorLink title="缓存清理" href="#clear" />
+      <NAnchorLink title="其他" href="#other" />
+      <NAnchorLink title="关于" href="#about" />
+      <NAnchorLink title="开发者" href="#develop" />
+    </NAnchor>
+  </div>
+</template>
diff --git a/packages/renderer/src/layouts/sidebars/Task.vue b/packages/renderer/src/layouts/sidebars/Task.vue
index 1f8c2950..ed4e1ddc 100644
--- a/packages/renderer/src/layouts/sidebars/Task.vue
+++ b/packages/renderer/src/layouts/sidebars/Task.vue
@@ -1,77 +1,91 @@
-<script setup lang="ts">
-import IconSettings from '@/assets/icons/settings.svg?component'
-import IconDevices from '@/assets/icons/devices.svg?component'
-import IconTool from '@/assets/icons/tool.svg?component'
-import { NIcon, NSpace, NButton, NTooltip } from 'naive-ui'
-import DeviceCard from '@/components/Device/DeviceCard.vue'
-import router from '@/router'
-
-import useDeviceStore from '@/store/devices'
-import { computed } from 'vue'
-
-const deviceStore = useDeviceStore()
-const currentUuid = computed(() => router.currentRoute.value.params.uuid as string)
-const currentDevice = computed(() => deviceStore.devices.find(device => device.uuid === currentUuid.value))
-const otherDevices = deviceStore.devices.filter(device => device.uuid !== currentUuid.value)
-</script>
-
-<template>
-  <div>
-    <NButton text style="font-size: 24px" @click="$router.push({ path: '/settings' })">
-      <NIcon>
-        <IconSettings />
-      </NIcon>
-    </NButton>
-    <NSpace justify="space-between" align="center">
-      <h2>当前设备</h2>
-      <NSpace>
-        <!-- <NTooltip>
-          <template #trigger>
-            <NButton
-              :disabled="
-                // currentDevice?.status !== 'connected'
-                undefined
-              "
-              text
-              style="font-size: 24px"
-              @click="$router.push({ path: `/tool/${currentUuid}` })"
-            >
-              <NIcon>
-                <IconTool />
-              </NIcon>
-            </NButton>
-          </template>
-          小工具
-        </NTooltip> -->
-        <NTooltip>
-          <template #trigger>
-            <NButton text style="font-size: 24px" @click="$router.push({ path: '/device' })">
-              <NIcon>
-                <IconDevices />
-              </NIcon>
-            </NButton>
-          </template>
-          查看所有设备
-        </NTooltip>
-      </NSpace>
-    </NSpace>
-    <div class="current-device">
-      <DeviceCard :device="currentDevice!" />
-    </div>
-    <h2>其他设备</h2>
-    <div class="other-devices">
-      <DeviceCard
-        v-for="device in otherDevices"
-        :key="device.uuid"
-        :device="device"
-      />
-    </div>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.router {
-  display: block;
-  margin-bottom: 8px;
-}
-</style>
+<script setup lang="ts">
+import IconSettings from '@/assets/icons/settings.svg?component'
+import IconDevices from '@/assets/icons/devices.svg?component'
+import IconTool from '@/assets/icons/tool.svg?component'
+import { NIcon, NSpace, NButton, NTooltip } from 'naive-ui'
+import DeviceCard from '@/components/Device/DeviceCard.vue'
+import router from '@/router'
+
+import useDeviceStore from '@/store/devices'
+import { computed } from 'vue'
+
+const deviceStore = useDeviceStore()
+const currentUuid = computed(
+  () => router.currentRoute.value.params.uuid as string
+)
+const currentDevice = computed(() =>
+  deviceStore.devices.find(device => device.uuid === currentUuid.value)
+)
+const otherDevices = deviceStore.devices.filter(
+  device => device.uuid !== currentUuid.value
+)
+</script>
+
+<template>
+  <div>
+    <NButton
+      text
+      style="font-size: 24px"
+      @click="$router.push({ path: '/settings' })"
+    >
+      <NIcon>
+        <IconSettings />
+      </NIcon>
+    </NButton>
+    <NSpace justify="space-between" align="center">
+      <h2>当前设备</h2>
+      <NSpace>
+        <!-- <NTooltip>
+          <template #trigger>
+            <NButton
+              :disabled="
+                // currentDevice?.status !== 'connected'
+                undefined
+              "
+              text
+              style="font-size: 24px"
+              @click="$router.push({ path: `/tool/${currentUuid}` })"
+            >
+              <NIcon>
+                <IconTool />
+              </NIcon>
+            </NButton>
+          </template>
+          小工具
+        </NTooltip> -->
+        <NTooltip>
+          <template #trigger>
+            <NButton
+              text
+              style="font-size: 24px"
+              @click="$router.push({ path: '/device' })"
+            >
+              <NIcon>
+                <IconDevices />
+              </NIcon>
+            </NButton>
+          </template>
+          查看所有设备
+        </NTooltip>
+      </NSpace>
+    </NSpace>
+    <div class="current-device">
+      <DeviceCard :device="currentDevice!" />
+    </div>
+    <h2>其他设备</h2>
+    <div class="other-devices">
+      <DeviceCard
+        v-for="device in otherDevices"
+        :key="device.uuid"
+        :device="device"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.router {
+  display: block;
+  margin-bottom: 8px;
+}
+</style>
diff --git a/packages/renderer/src/layouts/sidebars/Tool.vue b/packages/renderer/src/layouts/sidebars/Tool.vue
index 91ee1f17..cf21da74 100644
--- a/packages/renderer/src/layouts/sidebars/Tool.vue
+++ b/packages/renderer/src/layouts/sidebars/Tool.vue
@@ -10,46 +10,51 @@ import IconChevronLeft from '@/assets/icons/chevron-left.svg?component'
 const deviceStore = useDeviceStore()
 
 const currentUuid = router.currentRoute.value.params.uuid as string
-const currentDevice = computed(() => deviceStore.devices.find(device => device.uuid !== currentUuid))
+const currentDevice = computed(() =>
+  deviceStore.devices.find(device => device.uuid !== currentUuid)
+)
 
 const menuActiveKey: Ref<string | null> = ref(null)
 const menuOptions: MenuOption[] = [
   {
-    label: () => h(
-      RouterLink,
-      {
-        to: `/tool/${currentUuid}/copilot`
-      },
-      {
-        default: () => 'MAA Copilot'
-      }
-    ),
-    key: 'copilot'
+    label: () =>
+      h(
+        RouterLink,
+        {
+          to: `/tool/${currentUuid}/copilot`,
+        },
+        {
+          default: () => 'MAA Copilot',
+        }
+      ),
+    key: 'copilot',
   },
   {
-    label: () => h(
-      RouterLink,
-      {
-        to: `/tool/${currentUuid}/item`
-      },
-      {
-        default: () => '仓库识别'
-      }
-    ),
-    key: 'item'
+    label: () =>
+      h(
+        RouterLink,
+        {
+          to: `/tool/${currentUuid}/item`,
+        },
+        {
+          default: () => '仓库识别',
+        }
+      ),
+    key: 'item',
   },
   {
-    label: () => h(
-      RouterLink,
-      {
-        to: `/tool/${currentUuid}/recruit`
-      },
-      {
-        default: () => '公招识别'
-      }
-    ),
-    key: 'recruit'
-  }
+    label: () =>
+      h(
+        RouterLink,
+        {
+          to: `/tool/${currentUuid}/recruit`,
+        },
+        {
+          default: () => '公招识别',
+        }
+      ),
+    key: 'recruit',
+  },
 ]
 </script>
 
diff --git a/packages/renderer/src/main.ts b/packages/renderer/src/main.ts
index 84e0da40..28a4dc61 100644
--- a/packages/renderer/src/main.ts
+++ b/packages/renderer/src/main.ts
@@ -20,7 +20,7 @@ app.mount('#app').$nextTick(() => {
   initialStore().then(() => {
     router.replace({ path: '/device' })
     // debug only
-    window.onclick = (event) => {
+    window.onclick = event => {
       console.log('you clicked: ', event.target)
     }
   })
diff --git a/packages/renderer/src/router/index.ts b/packages/renderer/src/router/index.ts
index e7672e39..22fd7879 100644
--- a/packages/renderer/src/router/index.ts
+++ b/packages/renderer/src/router/index.ts
@@ -1,73 +1,73 @@
-import { createMemoryHistory, createRouter, RouteRecordRaw } from 'vue-router'
-
-import SideBarTask from '@/layouts/sidebars/Task.vue'
-import PageTask from '@/layouts/pages/Task.vue'
-
-import SideBarSetting from '@/layouts/sidebars/Setting.vue'
-import PageSetting from '@/layouts/pages/Setting.vue'
-
-import SideBarDevice from '@/layouts/sidebars/Device.vue'
-import PageDevice from '@/layouts/pages/Device.vue'
-
-import SideBarTool from '@/layouts/sidebars/Tool.vue'
-import PageTool from '@/layouts/pages/Tool.vue'
-
-import ToolCopilot from '@/components/Tool/Copilot.vue'
-import ToolItem from '@/components/Tool/Item.vue'
-import ToolRecruit from '@/components/Tool/Recruit.vue'
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/task/:uuid',
-    components: {
-      Main: PageTask,
-      SideBar: SideBarTask
-    }
-  },
-  {
-    path: '/settings',
-    components: {
-      Main: PageSetting,
-      SideBar: SideBarSetting
-    }
-  },
-  {
-    path: '/device',
-    components: {
-      Main: PageDevice,
-      SideBar: SideBarDevice
-    }
-  },
-  {
-    path: '/tool/:uuid',
-    components: {
-      Main: PageTool,
-      SideBar: SideBarTool
-    },
-    children: [
-      {
-        path: 'copilot',
-        component: ToolCopilot
-      },
-      {
-        path: 'item',
-        component: ToolItem
-      },
-      {
-        path: 'recruit',
-        component: ToolRecruit
-      }
-    ]
-  }
-]
-
-const router = createRouter({
-  history: createMemoryHistory(),
-  routes
-})
-
-router.beforeEach((to, from, next) => {
-  next()
-})
-
-export default router
+import { createMemoryHistory, createRouter, RouteRecordRaw } from 'vue-router'
+
+import SideBarTask from '@/layouts/sidebars/Task.vue'
+import PageTask from '@/layouts/pages/Task.vue'
+
+import SideBarSetting from '@/layouts/sidebars/Setting.vue'
+import PageSetting from '@/layouts/pages/Setting.vue'
+
+import SideBarDevice from '@/layouts/sidebars/Device.vue'
+import PageDevice from '@/layouts/pages/Device.vue'
+
+import SideBarTool from '@/layouts/sidebars/Tool.vue'
+import PageTool from '@/layouts/pages/Tool.vue'
+
+import ToolCopilot from '@/components/Tool/Copilot.vue'
+import ToolItem from '@/components/Tool/Item.vue'
+import ToolRecruit from '@/components/Tool/Recruit.vue'
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/task/:uuid',
+    components: {
+      Main: PageTask,
+      SideBar: SideBarTask,
+    },
+  },
+  {
+    path: '/settings',
+    components: {
+      Main: PageSetting,
+      SideBar: SideBarSetting,
+    },
+  },
+  {
+    path: '/device',
+    components: {
+      Main: PageDevice,
+      SideBar: SideBarDevice,
+    },
+  },
+  {
+    path: '/tool/:uuid',
+    components: {
+      Main: PageTool,
+      SideBar: SideBarTool,
+    },
+    children: [
+      {
+        path: 'copilot',
+        component: ToolCopilot,
+      },
+      {
+        path: 'item',
+        component: ToolItem,
+      },
+      {
+        path: 'recruit',
+        component: ToolRecruit,
+      },
+    ],
+  },
+]
+
+const router = createRouter({
+  history: createMemoryHistory(),
+  routes,
+})
+
+router.beforeEach((to, from, next) => {
+  next()
+})
+
+export default router
diff --git a/packages/renderer/src/store/components.ts b/packages/renderer/src/store/components.ts
index f90db9ef..9919a724 100644
--- a/packages/renderer/src/store/components.ts
+++ b/packages/renderer/src/store/components.ts
@@ -19,34 +19,36 @@ export interface ComponentStoreAction {
   ) => void
 }
 
-const useComponentStore = defineStore<'component', ComponentStoreState, {}, ComponentStoreAction>(
+const useComponentStore = defineStore<
   'component',
-  {
-    state: () => {
-      return {
-        'Maa Core': {
-          componentStatus: 'not-installed',
-          installerStatus: 'pending',
-          installerProgress: 0
-        },
-        'Android Platform Tools': {
-          componentStatus: 'not-installed',
-          installerStatus: 'pending',
-          installerProgress: 0
-        },
-        'Maa App': {
-          componentStatus: 'not-installed',
-          installerStatus: 'pending',
-          installerProgress: 0
-        }
-      }
-    },
-    actions: {
-      updateComponentStatus (component, status) {
-        this[component] = { ...this[component], ...status }
-      }
+  ComponentStoreState,
+  {},
+  ComponentStoreAction
+>('component', {
+  state: () => {
+    return {
+      'Maa Core': {
+        componentStatus: 'not-installed',
+        installerStatus: 'pending',
+        installerProgress: 0,
+      },
+      'Android Platform Tools': {
+        componentStatus: 'not-installed',
+        installerStatus: 'pending',
+        installerProgress: 0,
+      },
+      'Maa App': {
+        componentStatus: 'not-installed',
+        installerStatus: 'pending',
+        installerProgress: 0,
+      },
     }
-  }
-)
+  },
+  actions: {
+    updateComponentStatus(component, status) {
+      this[component] = { ...this[component], ...status }
+    },
+  },
+})
 
 export default useComponentStore
diff --git a/packages/renderer/src/store/devices.ts b/packages/renderer/src/store/devices.ts
index 5b58a487..2999136d 100644
--- a/packages/renderer/src/store/devices.ts
+++ b/packages/renderer/src/store/devices.ts
@@ -25,23 +25,29 @@ const useDeviceStore = defineStore<'device', DeviceState, {}, DeviceAction>(
     state: () => {
       return {
         devices: [],
-        lastUpdate: null
+        lastUpdate: null,
       }
     },
     actions: {
-      async mergeSearchResult (devices) {
-        const defaultAdbPath = await window.ipcRenderer.invoke('main.DeviceDetector:getAdbPath')
+      async mergeSearchResult(devices) {
+        const defaultAdbPath = await window.ipcRenderer.invoke(
+          'main.DeviceDetector:getAdbPath'
+        )
         this.lastUpdate = Date.now()
         for (const device of devices) {
-          const origin = this.devices.find((dev) => dev.uuid === device.uuid)
-          if (origin == null) { // 不存在该设备，则添加
+          const origin = this.devices.find(dev => dev.uuid === device.uuid)
+          if (origin == null) {
+            // 不存在该设备，则添加
             this.devices.push({
               status: 'available',
               config: 'General',
               adbPath: defaultAdbPath,
-              ...device
+              ...device,
             })
-          } else if (['disconnected', 'unknown', 'available'].includes(origin.status)) { // 曾今连过，更新
+          } else if (
+            ['disconnected', 'unknown', 'available'].includes(origin.status)
+          ) {
+            // 曾今连过，更新
             logger.debug(`uuid ${origin.uuid}  origin status: ${origin.status}`)
             origin.status = 'available'
             origin.pid = device.pid
@@ -52,26 +58,32 @@ const useDeviceStore = defineStore<'device', DeviceState, {}, DeviceAction>(
           }
         }
       },
-      updateDeviceStatus (uuid, status) {
-        const origin = this.devices.find((dev) => dev.uuid === uuid)
+      updateDeviceStatus(uuid, status) {
+        const origin = this.devices.find(dev => dev.uuid === uuid)
         if (origin != null) {
-          logger.info('change device status', origin.uuid, origin.status, '->', status)
+          logger.info(
+            'change device status',
+            origin.uuid,
+            origin.status,
+            '->',
+            status
+          )
           origin.status = status
         }
       },
-      removeNotInUseDevice () {
-        this.devices.forEach((v) => (v.status = 'connected'))
+      removeNotInUseDevice() {
+        this.devices.forEach(v => (v.status = 'connected'))
       },
-      updateDeviceUuid (oldUuid, newUuid) {
+      updateDeviceUuid(oldUuid, newUuid) {
         console.log(`old uuid: ${oldUuid}`)
-        const origin = this.devices.find((dev) => dev.uuid === oldUuid)
+        const origin = this.devices.find(dev => dev.uuid === oldUuid)
         console.log(`new uuid: ${newUuid}`)
         if (origin != null) {
           origin.uuid = newUuid
         }
       },
-      updateDeviceDisplayName (uuid, displayName) {
-        const origin = this.devices.find((dev) => dev.uuid === uuid)
+      updateDeviceDisplayName(uuid, displayName) {
+        const origin = this.devices.find(dev => dev.uuid === uuid)
         if (origin != null) {
           if (displayName === '') {
             displayName = origin.uuid // 如果为空，则使用uuid
@@ -79,46 +91,61 @@ const useDeviceStore = defineStore<'device', DeviceState, {}, DeviceAction>(
           origin.displayName = displayName
         }
       },
-      deleteDevice (uuid) {
+      deleteDevice(uuid) {
         const index = this.devices.findIndex(d => d.uuid === uuid)
         this.devices.splice(index, 1)
       },
-      getDevice (uuid) {
-        return this.devices.find((dev) => dev.uuid === uuid)
+      getDevice(uuid) {
+        return this.devices.find(dev => dev.uuid === uuid)
       },
-      async wakeUpDevice (uuid) { // try wake up emulator by start command line
-        const origin = this.devices.find((dev) => dev.uuid === uuid)
+      async wakeUpDevice(uuid) {
+        // try wake up emulator by start command line
+        const origin = this.devices.find(dev => dev.uuid === uuid)
         const connectRetry = 3
         const retryTimeout = 8000
 
-        function * timeoutGenerator (timeout: number = retryTimeout): Generator<number, void, unknown> {
+        function* timeoutGenerator(
+          timeout: number = retryTimeout
+        ): Generator<number, void, unknown> {
           yield timeout
           timeout *= 2 // 8s 16s 32s 一分钟还不能启动的模拟器建议卸载(
           // TODO 寻思超时时间设置后面可以拉到一个配置里去
         }
 
         if (!origin) return false
-        const wakeUpMessage = showMessage(`正在尝试启动设备 ${origin.displayName as string}`, {
-          type: 'loading',
-          duration: 0
-        })
+        const wakeUpMessage = showMessage(
+          `正在尝试启动设备 ${origin.displayName as string}`,
+          {
+            type: 'loading',
+            duration: 0,
+          }
+        )
 
         if (!origin.commandLine || origin.commandLine === '') {
-          wakeUpMessage.content = `设备 ${origin.displayName as string} 未配置启动命令, 请手动刷新设备`
+          wakeUpMessage.content = `设备 ${
+            origin.displayName as string
+          } 未配置启动命令, 请手动刷新设备`
           wakeUpMessage.type = 'warning'
           wakeUpMessage.duration = 3000
           wakeUpMessage.closable = true
           return false
         }
         origin.status = 'connecting'
-        window.ipcRenderer.invoke('main.DeviceDetector:startEmulator2', origin.commandLine)
+        window.ipcRenderer.invoke(
+          'main.DeviceDetector:startEmulator2',
+          origin.commandLine
+        )
         const timeout = timeoutGenerator()
         let device
         for (let i = 0; i < connectRetry; i++) {
           const to = timeout.next().value as number
-          logger.info(`wait ${to}ms for emulator ${origin.displayName as string} start`)
+          logger.info(
+            `wait ${to}ms for emulator ${origin.displayName as string} start`
+          )
           await new Promise(resolve => setTimeout(resolve, to))
-          const devices: Device[] = await window.ipcRenderer.invoke('main.DeviceDetector:getEmulators')
+          const devices: Device[] = await window.ipcRenderer.invoke(
+            'main.DeviceDetector:getEmulators'
+          )
           device = devices.find(d => d.uuid === origin.uuid)
           if (device) {
             origin.status = 'available'
@@ -129,7 +156,9 @@ const useDeviceStore = defineStore<'device', DeviceState, {}, DeviceAction>(
             origin.config = device.config
             origin.commandLine = device.commandLine
 
-            wakeUpMessage.content = `设备 ${origin.displayName as string} 启动成功`
+            wakeUpMessage.content = `设备 ${
+              origin.displayName as string
+            } 启动成功`
             wakeUpMessage.type = 'success'
             wakeUpMessage.duration = 3000
             wakeUpMessage.closable = true
@@ -143,8 +172,8 @@ const useDeviceStore = defineStore<'device', DeviceState, {}, DeviceAction>(
         wakeUpMessage.type = 'error'
         wakeUpMessage.closable = true
         return false
-      }
-    }
+      },
+    },
   }
 )
 
diff --git a/packages/renderer/src/store/initial.ts b/packages/renderer/src/store/initial.ts
index 2c698532..01f5c1c4 100644
--- a/packages/renderer/src/store/initial.ts
+++ b/packages/renderer/src/store/initial.ts
@@ -9,21 +9,21 @@ import logger from '@/hooks/caller/logger'
 
 type Patcher<T> = (storage: T) => T
 
-export async function initialStore (): Promise<void> {
+export async function initialStore(): Promise<void> {
   const stores: Record<string, Store> = {
     device: useDeviceStore(),
     setting: useSettingStore(),
     tasks: useTaskStore(),
-    theme: useThemeStore()
+    theme: useThemeStore(),
   }
 
   const patcher: Record<string, Patcher<any>> = {
     device: (storage: DeviceState) => {
-      storage.devices = storage.devices.map((device) => ({
+      storage.devices = storage.devices.map(device => ({
         ...device,
         status: 'unknown',
         address: '',
-        pid: ''
+        pid: '',
       }))
       return storage
     },
@@ -48,17 +48,19 @@ export async function initialStore (): Promise<void> {
     },
     theme: (storage: ThemeState) => {
       return storage
-    }
+    },
   }
 
   const promises = []
 
   for (const [storeId, store] of Object.entries(stores)) {
-    promises.push(storage.get(storeId).then(s => {
-      if (s) {
-        store.$patch(patcher[storeId](s))
-      }
-    }))
+    promises.push(
+      storage.get(storeId).then(s => {
+        if (s) {
+          store.$patch(patcher[storeId](s))
+        }
+      })
+    )
   }
 
   Promise.all(promises).then(() => {
diff --git a/packages/renderer/src/store/plugin/watcher.ts b/packages/renderer/src/store/plugin/watcher.ts
index 763fe433..48074307 100644
--- a/packages/renderer/src/store/plugin/watcher.ts
+++ b/packages/renderer/src/store/plugin/watcher.ts
@@ -1,13 +1,16 @@
-import type { PiniaPluginContext } from 'pinia'
-import _ from 'lodash'
-import storage from '@/hooks/caller/storage'
-
-export default function watcher (context: PiniaPluginContext): void {
-  context.store.$subscribe((mutation, state) => {
-    if (mutation.type === 'patch function') {
-      return
-    }
-    storage.set(mutation.storeId, _.cloneDeep(state))
-    console.log('configutation sync')
-  }, { deep: true })
-}
+import type { PiniaPluginContext } from 'pinia'
+import _ from 'lodash'
+import storage from '@/hooks/caller/storage'
+
+export default function watcher(context: PiniaPluginContext): void {
+  context.store.$subscribe(
+    (mutation, state) => {
+      if (mutation.type === 'patch function') {
+        return
+      }
+      storage.set(mutation.storeId, _.cloneDeep(state))
+      console.log('configutation sync')
+    },
+    { deep: true }
+  )
+}
diff --git a/packages/renderer/src/store/settings.ts b/packages/renderer/src/store/settings.ts
index e046ea57..7a9a8e0b 100644
--- a/packages/renderer/src/store/settings.ts
+++ b/packages/renderer/src/store/settings.ts
@@ -1,112 +1,113 @@
-import { defineStore } from 'pinia'
-import { useI18n } from 'vue-i18n'
-import version from '@/hooks/caller/version'
-import { TouchMode } from '@common/enum/settings'
-
-export enum Locale {
-  zhCN = 'ZhCN',
-  enUS = 'EnUS',
-}
-
-export interface SettingState {
-  penguinReportId: string
-  yituliuReportId: string
-  version: {
-    core: {
-      current?: string
-      latest?: string
-    }
-    ui: {
-      current?: string
-      latest?: string
-    }
-  }
-  _locale: Locale
-  monsters: boolean
-  touchMode: TouchMode
-  hintCoreNotInstalled: boolean
-}
-
-export interface SettingAction {
-  checkUpdate: () => void
-  setPenguinReportId: (reportId: string) => void
-  setYituliuReportId: (reportId: string) => void
-  changeLocale: (locale: Locale) => void
-  updateVersionInfo: () => Promise<void>
-  toggleMonsters: () => void
-  setTouchMode: (mode: TouchMode) => void
-  dontShowCoreNotInstalled: () => void
-}
-
-export interface SettingGetters {
-  [K: string]: any
-  locale: (state: SettingState) => Locale
-}
-
-const useSettingStore = defineStore<'setting', SettingState, SettingGetters, SettingAction>(
-  'setting',
-  {
-    state: () => {
-      return {
-        penguinReportId: '',
-        yituliuReportId: '',
-        version: {
-          core: {},
-          ui: {}
-        },
-        _locale: Locale.zhCN,
-        monsters: false,
-        touchMode: TouchMode.minitouch,
-        hintCoreNotInstalled: true
-      }
-    },
-    getters: {
-      locale (state) {
-        if (state.monsters) {
-          return Locale.enUS
-        }
-        return state._locale
-      }
-    },
-    actions: {
-      checkUpdate () {
-      },
-      setPenguinReportId (reportId) {
-        this.penguinReportId = reportId
-      },
-      setYituliuReportId (reportId) {
-        this.yituliuReportId = reportId
-      },
-      changeLocale (locale: Locale) {
-        if (this.monsters) {
-          this.toggleMonsters()
-        }
-        this._locale = locale
-        const i18n = useI18n()
-        i18n.locale.value = this.locale
-      },
-      async updateVersionInfo () {
-        this.version.core.current = await version.core() ?? undefined
-        this.version.ui.current = await version.ui()
-      },
-      toggleMonsters () {
-        this.monsters = !this.monsters
-        if (this.monsters) {
-          document.body.className = 'monster'
-        } else {
-          document.body.className = ''
-        }
-        const i18n = useI18n()
-        i18n.locale.value = this.locale
-      },
-      setTouchMode (mode: TouchMode) {
-        this.touchMode = mode
-      },
-      dontShowCoreNotInstalled () {
-        this.hintCoreNotInstalled = false
-      }
-    }
-  }
-)
-
-export default useSettingStore
+import { defineStore } from 'pinia'
+import { useI18n } from 'vue-i18n'
+import version from '@/hooks/caller/version'
+import { TouchMode } from '@common/enum/settings'
+
+export enum Locale {
+  zhCN = 'ZhCN',
+  enUS = 'EnUS',
+}
+
+export interface SettingState {
+  penguinReportId: string
+  yituliuReportId: string
+  version: {
+    core: {
+      current?: string
+      latest?: string
+    }
+    ui: {
+      current?: string
+      latest?: string
+    }
+  }
+  _locale: Locale
+  monsters: boolean
+  touchMode: TouchMode
+  hintCoreNotInstalled: boolean
+}
+
+export interface SettingAction {
+  checkUpdate: () => void
+  setPenguinReportId: (reportId: string) => void
+  setYituliuReportId: (reportId: string) => void
+  changeLocale: (locale: Locale) => void
+  updateVersionInfo: () => Promise<void>
+  toggleMonsters: () => void
+  setTouchMode: (mode: TouchMode) => void
+  dontShowCoreNotInstalled: () => void
+}
+
+export interface SettingGetters {
+  [K: string]: any
+  locale: (state: SettingState) => Locale
+}
+
+const useSettingStore = defineStore<
+  'setting',
+  SettingState,
+  SettingGetters,
+  SettingAction
+>('setting', {
+  state: () => {
+    return {
+      penguinReportId: '',
+      yituliuReportId: '',
+      version: {
+        core: {},
+        ui: {},
+      },
+      _locale: Locale.zhCN,
+      monsters: false,
+      touchMode: TouchMode.minitouch,
+      hintCoreNotInstalled: true,
+    }
+  },
+  getters: {
+    locale(state) {
+      if (state.monsters) {
+        return Locale.enUS
+      }
+      return state._locale
+    },
+  },
+  actions: {
+    checkUpdate() {},
+    setPenguinReportId(reportId) {
+      this.penguinReportId = reportId
+    },
+    setYituliuReportId(reportId) {
+      this.yituliuReportId = reportId
+    },
+    changeLocale(locale: Locale) {
+      if (this.monsters) {
+        this.toggleMonsters()
+      }
+      this._locale = locale
+      const i18n = useI18n()
+      i18n.locale.value = this.locale
+    },
+    async updateVersionInfo() {
+      this.version.core.current = (await version.core()) ?? undefined
+      this.version.ui.current = await version.ui()
+    },
+    toggleMonsters() {
+      this.monsters = !this.monsters
+      if (this.monsters) {
+        document.body.className = 'monster'
+      } else {
+        document.body.className = ''
+      }
+      const i18n = useI18n()
+      i18n.locale.value = this.locale
+    },
+    setTouchMode(mode: TouchMode) {
+      this.touchMode = mode
+    },
+    dontShowCoreNotInstalled() {
+      this.hintCoreNotInstalled = false
+    },
+  },
+})
+
+export default useSettingStore
diff --git a/packages/renderer/src/store/tasks.ts b/packages/renderer/src/store/tasks.ts
index bb71eb20..53fcd6d0 100644
--- a/packages/renderer/src/store/tasks.ts
+++ b/packages/renderer/src/store/tasks.ts
@@ -55,9 +55,9 @@ export const taskTemplate: Record<string, Task> = {
     enable: false,
     configurations: {
       commandLine: '',
-      delay: 300 // 执行后续任务的等待延迟
+      delay: 300, // 执行后续任务的等待延迟
     },
-    results: {}
+    results: {},
   },
   startup: {
     name: 'startup',
@@ -67,9 +67,9 @@ export const taskTemplate: Record<string, Task> = {
     enable: true,
     configurations: {
       client_type: 'Official', // 区服 Official | Bilibili
-      start_game_enabled: true // 模拟器启动游戏
+      start_game_enabled: true, // 模拟器启动游戏
     },
-    results: {}
+    results: {},
   },
   fight: {
     name: 'fight',
@@ -86,9 +86,9 @@ export const taskTemplate: Record<string, Task> = {
       report_to_penguin: false,
       server: 'CN', // 影响掉落识别与上传
       client_type: 'Official', // 断线重连服务器
-      DrGrandet: false // 在碎石确认界面等待，直到当前的 1 点理智恢复完成后再立刻碎石
+      DrGrandet: false, // 在碎石确认界面等待，直到当前的 1 点理智恢复完成后再立刻碎石
     },
-    results: {}
+    results: {},
   },
   recruit: {
     name: 'recruit',
@@ -108,12 +108,12 @@ export const taskTemplate: Record<string, Task> = {
       recruitment_time: {
         3: 540,
         4: 540,
-        5: 540
+        5: 540,
       },
       report_to_penguin: false,
-      report_to_yituliu: false
+      report_to_yituliu: false,
     },
-    results: {}
+    results: {},
   },
   infrast: {
     name: 'infrast',
@@ -132,13 +132,13 @@ export const taskTemplate: Record<string, Task> = {
         'Control',
         'Reception',
         'Office',
-        'Dorm'
+        'Dorm',
       ],
       drones: '_NotUse', // 无人机用途
       threshold: 0.3,
-      replenish: false // 自动源石补货
+      replenish: false, // 自动源石补货
     },
-    results: {}
+    results: {},
   },
   mall: {
     name: 'mall',
@@ -149,9 +149,9 @@ export const taskTemplate: Record<string, Task> = {
     configurations: {
       shopping: true,
       buy_first: ['龙门币', '招聘许可', '赤金'],
-      blacklist: ['家具零件', '加急许可']
+      blacklist: ['家具零件', '加急许可'],
     },
-    results: {}
+    results: {},
   },
   award: {
     name: 'award',
@@ -160,7 +160,7 @@ export const taskTemplate: Record<string, Task> = {
     status: 'idle',
     enable: true,
     configurations: {},
-    results: {}
+    results: {},
   },
   rogue: {
     name: 'rogue',
@@ -179,9 +179,9 @@ export const taskTemplate: Record<string, Task> = {
       roles: '取长补短',
       core_char: '',
       use_support: false,
-      use_nonfriend_support: false
+      use_nonfriend_support: false,
     },
-    results: {}
+    results: {},
   },
   shutdown: {
     name: 'shutdown',
@@ -191,9 +191,9 @@ export const taskTemplate: Record<string, Task> = {
     enable: false,
     configurations: {
       option: 'shutdownComputer',
-      delay: 300
+      delay: 300,
     },
-    results: {}
+    results: {},
   },
   idle: {
     name: 'idle',
@@ -202,10 +202,10 @@ export const taskTemplate: Record<string, Task> = {
     status: 'idle',
     enable: false,
     configurations: {
-      delay: 600
+      delay: 600,
     },
-    results: {}
-  }
+    results: {},
+  },
   // ReclamationAlgorithm: {
   //   name: 'ReclamationAlgorithm',
   //   task_id: -1,
@@ -230,7 +230,7 @@ const defaultTaskConf: Record<string, Task> = {
   award: _.cloneDeep(taskTemplate.award),
   rogue: _.cloneDeep(taskTemplate.rogue),
   shutdown: _.cloneDeep(taskTemplate.shutdown),
-  idle: _.cloneDeep(taskTemplate.idle)
+  idle: _.cloneDeep(taskTemplate.idle),
 }
 
 export const defaultTask = Object.values(defaultTaskConf)
@@ -238,11 +238,11 @@ export const defaultTask = Object.values(defaultTaskConf)
 const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
   state: () => {
     return {
-      deviceTasks: {}
+      deviceTasks: {},
     }
   },
   actions: {
-    updateTaskConfigurations (uuid, key, value, predicate) {
+    updateTaskConfigurations(uuid, key, value, predicate) {
       const tasks = this.getCurrentTaskGroup(uuid)?.tasks
       const task = tasks?.find(predicate)
       if (task) {
@@ -254,13 +254,13 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
           window.ipcRenderer.invoke('main.CoreLoader:setTaskParams', {
             uuid,
             task_id: task.task_id,
-            params: configurations
+            params: configurations,
           })
         }
       }
     },
-    updateTaskStatus (uuid, taskId, status, progress) {
-      const task = this.getTask(uuid, (task) => task.task_id === taskId)
+    updateTaskStatus(uuid, taskId, status, progress) {
+      const task = this.getTask(uuid, task => task.task_id === taskId)
       if (!task) {
         logger.warn(`Task ${uuid}|${taskId} not found`)
       }
@@ -289,8 +289,8 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
         task.progress = progress
       }
     },
-    mergeTaskResult (uuid, taskId, patch) {
-      const task = this.getTask(uuid, (task) => task.task_id === taskId)
+    mergeTaskResult(uuid, taskId, patch) {
+      const task = this.getTask(uuid, task => task.task_id === taskId)
       if (task) {
         _.mergeWith(task.results, patch, (objValue, srcValue) => {
           if (_.isArray(objValue)) {
@@ -299,38 +299,38 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
         })
       }
     },
-    changeTaskOrder (uuid, from, to) {
+    changeTaskOrder(uuid, from, to) {
       const taskGroup = this.getCurrentTaskGroup(uuid)
       if (taskGroup) {
         const item = taskGroup.tasks.splice(from, 1)
         taskGroup.tasks.splice(to, 0, item[0])
       }
     },
-    updateTask (uuid, tasks) {
+    updateTask(uuid, tasks) {
       const taskGroup = this.getCurrentTaskGroup(uuid)
       if (taskGroup) taskGroup.tasks = tasks
     },
-    newTask () {
+    newTask() {
       const tasks = []
       for (const [, v] of Object.entries(defaultTaskConf)) {
         tasks.push(_.cloneDeep(v))
       }
       return tasks
     },
-    getTask (uuid, predicate) {
+    getTask(uuid, predicate) {
       const tasks = this.getCurrentTaskGroup(uuid)?.tasks
       const task = tasks?.find(predicate)
       return task
     },
-    getTaskProcess (uuid, taskId) {
-      const task = this.getTask(uuid, (task) => task.name === taskId)
+    getTaskProcess(uuid, taskId) {
+      const task = this.getTask(uuid, task => task.name === taskId)
       return task != null ? task.progress : 0
     },
-    stopAllTasks (uuid) {
+    stopAllTasks(uuid) {
       const origin = this.getCurrentTaskGroup(uuid)?.tasks
 
       if (origin) {
-        origin.forEach((task) => {
+        origin.forEach(task => {
           if (task.status !== 'idle') {
             task.status = 'stopped'
           }
@@ -342,7 +342,7 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
       }
       this.resetToIdle(uuid)
     },
-    copyTask (uuid, index) {
+    copyTask(uuid, index) {
       const tasks = this.getCurrentTaskGroup(uuid)?.tasks
       const task = tasks?.at(index)
       if (tasks && task) {
@@ -354,14 +354,14 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
           startTime: undefined,
           endTime: undefined,
           progress: undefined,
-          results: {}
+          results: {},
         }
         tasks.splice(index, 0, newTask)
         return true
       }
       return false
     },
-    deleteTask (uuid, index) {
+    deleteTask(uuid, index) {
       const taskGroup = this.getCurrentTaskGroup(uuid)?.tasks
       const origin = taskGroup?.at(index)
       if (taskGroup && origin) {
@@ -377,11 +377,11 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
       }
       return false
     },
-    fixTaskList (uuid) {
+    fixTaskList(uuid) {
       const origin = this.getCurrentTaskGroup(uuid)?.tasks
       if (!origin) return
       // STEP 1. update task config.
-      origin.forEach((task) => {
+      origin.forEach(task => {
         if (!defaultTaskConf[task.name]) return
         task.title = defaultTaskConf[task.name].title
         if (
@@ -401,12 +401,12 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
       })
       // STEP 2. add new tasks.
       for (const [, conf] of Object.entries(defaultTaskConf)) {
-        if (!origin?.some((t) => t.name === conf.name)) {
+        if (!origin?.some(t => t.name === conf.name)) {
           origin?.push(_.cloneDeep(conf))
         }
       }
     },
-    copyTaskFromTemplate (uuid, task_name) {
+    copyTaskFromTemplate(uuid, task_name) {
       const origin = this.getCurrentTaskGroup(uuid)?.tasks
       const task = taskTemplate[task_name]
       if (task) {
@@ -415,36 +415,35 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
       }
       return false
     },
-    newTaskGroup (uuid) {
+    newTaskGroup(uuid) {
       // 新建任务组
       const origin = this.deviceTasks[uuid]
       let group_id = 1
       if (origin) {
-        group_id =
-          Math.max(...origin.groups.map((group) => group.id), 1) + 1
+        group_id = Math.max(...origin.groups.map(group => group.id), 1) + 1
       }
       const newTaskGroup: TaskGroup = {
         id: group_id,
         name: `New Task Group #${group_id}`,
-        tasks: this.newTask()
+        tasks: this.newTask(),
       }
       return newTaskGroup
     },
-    initDeviceTask (uuid) {
+    initDeviceTask(uuid) {
       const newGroup = this.newTaskGroup(uuid)
       this.deviceTasks[uuid] = {
         currentId: 1,
-        groups: [newGroup]
+        groups: [newGroup],
       }
     },
-    getCurrentTaskGroup (uuid) {
+    getCurrentTaskGroup(uuid) {
       const origin = this.deviceTasks[uuid]
       const current = origin?.currentId
-      return origin?.groups.find((group) => group.id === current)
+      return origin?.groups.find(group => group.id === current)
     },
-    resetToIdle (uuid) {
-      this.deviceTasks[uuid].groups.forEach((group) => {
-        group.tasks.forEach((task) => {
+    resetToIdle(uuid) {
+      this.deviceTasks[uuid].groups.forEach(group => {
+        group.tasks.forEach(task => {
           task.status = 'idle'
           task.progress = 0
           task.startTime = undefined
@@ -452,21 +451,21 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
         })
       })
     },
-    changeTaskGroupName (uuid: string, task_group_id: number, name: string) {
+    changeTaskGroupName(uuid: string, task_group_id: number, name: string) {
       const origin = this.deviceTasks[uuid]
-      const group = origin?.groups.find((group) => group.id === task_group_id)
+      const group = origin?.groups.find(group => group.id === task_group_id)
       if (group) {
         group.name = name
       }
     },
-    deleteTaskGroup (uuid: string, task_group_id: number) {
+    deleteTaskGroup(uuid: string, task_group_id: number) {
       const origin = this.deviceTasks[uuid]
       if (origin.groups.length === 1) {
         throw new Error('taskGroupIsLast')
       }
-      const group = origin?.groups.find((group) => group.id === task_group_id)
+      const group = origin?.groups.find(group => group.id === task_group_id)
       if (group) {
-        if (group.tasks.some((task) => task.status !== 'idle')) {
+        if (group.tasks.some(task => task.status !== 'idle')) {
           throw new Error('taskIsRunning')
         }
         const index = origin.groups.indexOf(group)
@@ -474,8 +473,8 @@ const useTaskStore = defineStore<'tasks', TaskState, {}, TaskAction>('tasks', {
         // 回到上一个任务组
         origin.currentId = origin.groups[index - 1].id
       }
-    }
-  }
+    },
+  },
 })
 
 export default useTaskStore
diff --git a/packages/renderer/src/store/theme.ts b/packages/renderer/src/store/theme.ts
index b1b7fb3d..e3d41084 100644
--- a/packages/renderer/src/store/theme.ts
+++ b/packages/renderer/src/store/theme.ts
@@ -1,90 +1,98 @@
-import { defineStore } from 'pinia'
-
-export interface ThemeState {
-  theme: Theme
-  systemTheme: SystemTheme
-  themeColorOpacity: number
-  bgFollowTheme: boolean
-  acrylic: boolean
-  bgLight: {
-    url?: string
-    opacity: number
-  }
-  bgDark: {
-    url?: string
-    opacity: number
-  }
-}
-
-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-export type ThemeGetter = {
-  currentTheme: () => SystemTheme
-}
-
-export interface ThemeAction {
-  updateTheme: (theme: Theme) => void
-  updateSystemTheme: (theme: SystemTheme) => void
-  updateColorOpacity: (opacity: number) => void
-  updateBgFollowTheme: (isFollow: boolean) => void
-  updateAcrylic: (isAcrylic: boolean) => void
-  updateBgLight: (bgLight: { url?: string, opacity: number }) => void
-  updateBgDark: (bgDark: { url?: string, opacity: number }) => void
-}
-
-const useThemeStore = defineStore<'theme', ThemeState, ThemeGetter, ThemeAction>(
-  'theme',
-  {
-    state: () => {
-      return {
-        theme: 'maa-light',
-        systemTheme: 'maa-light',
-        themeColorOpacity: 0.9,
-        bgFollowTheme: false,
-        acrylic: true,
-        bgLight: {
-          url: undefined,
-          opacity: 1
-        },
-        bgDark: {
-          url: undefined,
-          opacity: 1
-        }
-      }
-    },
-    getters: {
-      currentTheme () {
-        if (this.theme === 'system') {
-          return this.systemTheme
-        }
-        return this.theme
-      }
-    },
-    actions: {
-      updateTheme (theme) {
-        this.theme = theme
-        window.ipcRenderer.invoke('main.AppearanceManager:themeUpdated', this.currentTheme === 'maa-dark')
-      },
-      updateSystemTheme (theme) {
-        this.systemTheme = theme
-        window.ipcRenderer.invoke('main.AppearanceManager:themeUpdated', this.currentTheme === 'maa-dark')
-      },
-      updateColorOpacity (opacity) {
-        this.themeColorOpacity = opacity
-      },
-      updateBgFollowTheme (isFollow: boolean) {
-        this.bgFollowTheme = isFollow
-      },
-      updateAcrylic (isAcrylic: boolean) {
-        this.acrylic = isAcrylic
-      },
-      updateBgLight (bgLight: { url?: string, opacity: number }) {
-        this.bgLight = bgLight
-      },
-      updateBgDark (bgDark: { url?: string, opacity: number }) {
-        this.bgDark = bgDark
-      }
-    }
-  }
-)
-
-export default useThemeStore
+import { defineStore } from 'pinia'
+
+export interface ThemeState {
+  theme: Theme
+  systemTheme: SystemTheme
+  themeColorOpacity: number
+  bgFollowTheme: boolean
+  acrylic: boolean
+  bgLight: {
+    url?: string
+    opacity: number
+  }
+  bgDark: {
+    url?: string
+    opacity: number
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export type ThemeGetter = {
+  currentTheme: () => SystemTheme
+}
+
+export interface ThemeAction {
+  updateTheme: (theme: Theme) => void
+  updateSystemTheme: (theme: SystemTheme) => void
+  updateColorOpacity: (opacity: number) => void
+  updateBgFollowTheme: (isFollow: boolean) => void
+  updateAcrylic: (isAcrylic: boolean) => void
+  updateBgLight: (bgLight: { url?: string; opacity: number }) => void
+  updateBgDark: (bgDark: { url?: string; opacity: number }) => void
+}
+
+const useThemeStore = defineStore<
+  'theme',
+  ThemeState,
+  ThemeGetter,
+  ThemeAction
+>('theme', {
+  state: () => {
+    return {
+      theme: 'maa-light',
+      systemTheme: 'maa-light',
+      themeColorOpacity: 0.9,
+      bgFollowTheme: false,
+      acrylic: true,
+      bgLight: {
+        url: undefined,
+        opacity: 1,
+      },
+      bgDark: {
+        url: undefined,
+        opacity: 1,
+      },
+    }
+  },
+  getters: {
+    currentTheme() {
+      if (this.theme === 'system') {
+        return this.systemTheme
+      }
+      return this.theme
+    },
+  },
+  actions: {
+    updateTheme(theme) {
+      this.theme = theme
+      window.ipcRenderer.invoke(
+        'main.AppearanceManager:themeUpdated',
+        this.currentTheme === 'maa-dark'
+      )
+    },
+    updateSystemTheme(theme) {
+      this.systemTheme = theme
+      window.ipcRenderer.invoke(
+        'main.AppearanceManager:themeUpdated',
+        this.currentTheme === 'maa-dark'
+      )
+    },
+    updateColorOpacity(opacity) {
+      this.themeColorOpacity = opacity
+    },
+    updateBgFollowTheme(isFollow: boolean) {
+      this.bgFollowTheme = isFollow
+    },
+    updateAcrylic(isAcrylic: boolean) {
+      this.acrylic = isAcrylic
+    },
+    updateBgLight(bgLight: { url?: string; opacity: number }) {
+      this.bgLight = bgLight
+    },
+    updateBgDark(bgDark: { url?: string; opacity: number }) {
+      this.bgDark = bgDark
+    },
+  },
+})
+
+export default useThemeStore
diff --git a/packages/renderer/src/utils/core_functions.ts b/packages/renderer/src/utils/core_functions.ts
index 70a5ba10..306d3165 100644
--- a/packages/renderer/src/utils/core_functions.ts
+++ b/packages/renderer/src/utils/core_functions.ts
@@ -5,18 +5,26 @@ import { TouchMode } from '@common/enum/settings'
  * roguelike theme extra resources
  * @returns Promise<boolean>
  */
-export async function loadCoreResources (): Promise<void> {
-  const basePath = await window.ipcRenderer.invoke('main.CoreLoader:getLibPath') as string
-  const status = await window.ipcRenderer.invoke('main.CoreLoader:loadResource', basePath)
+export async function loadCoreResources(): Promise<void> {
+  const basePath = (await window.ipcRenderer.invoke(
+    'main.CoreLoader:getLibPath'
+  )) as string
+  const status = await window.ipcRenderer.invoke(
+    'main.CoreLoader:loadResource',
+    basePath
+  )
   logger.info('Load base resources', basePath, status)
 }
 
-export async function changeTouchMode (mode: TouchMode): Promise<boolean> {
+export async function changeTouchMode(mode: TouchMode): Promise<boolean> {
   // check is RogueTheme contains mode
   if (!Object.values(TouchMode).includes(mode)) {
     logger.error('Invalid touchmode', mode)
     return false
   } else {
-    return await window.ipcRenderer.invoke('main.CoreLoader:changeTouchMode', mode)
+    return await window.ipcRenderer.invoke(
+      'main.CoreLoader:changeTouchMode',
+      mode
+    )
   }
 }
diff --git a/packages/renderer/src/utils/dialog.ts b/packages/renderer/src/utils/dialog.ts
index 4909f4e4..7776771e 100644
--- a/packages/renderer/src/utils/dialog.ts
+++ b/packages/renderer/src/utils/dialog.ts
@@ -1,5 +1,5 @@
 import { DialogOptions, DialogReactive } from 'naive-ui'
 
-export const confirm = (options: DialogOptions): DialogReactive=>{
-    return window.$dialog.warning(options)
-}
\ No newline at end of file
+export const confirm = (options: DialogOptions): DialogReactive => {
+  return window.$dialog.warning(options)
+}
diff --git a/packages/renderer/src/utils/game_image.ts b/packages/renderer/src/utils/game_image.ts
index ac4833a1..98380ecf 100644
--- a/packages/renderer/src/utils/game_image.ts
+++ b/packages/renderer/src/utils/game_image.ts
@@ -1,32 +1,35 @@
-import { MD5 } from 'crypto-js'
-
-const baseUrl = 'https://prts.wiki/images'
-
-const getFileUrl = (filename: string): string => {
-  const hash = String(MD5(filename))
-  return `${baseUrl}/${hash[0]}/${hash.substring(0, 2)}/${filename}`
-}
-
-export const getOperatorAvatar = (operatorCode: string): string =>
-  getFileUrl(`头像_${operatorCode}.png`)
-
-export const getOperatorHalfImage = (operatorCode: string): string =>
-  getFileUrl(`半身像_${operatorCode}.png`)
-
-export const getOperatorFullImage = (operatorCode: string): string =>
-  getFileUrl(`立绘_${operatorCode}.png`)
-
-export const getSkillImage = (skillName: string): string =>
-  getFileUrl(`技能_${skillName}.png`)
-
-export const getItemBorderedImage = (itemName: string): string =>
-  getFileUrl(`道具_带框_${itemName}.png`)
-
-export const getActivityImage = (activityName: string): string =>
-  getFileUrl(`活动名称_${activityName}.png`)
-
-export const getMainlineImage = (mainlineName: string): string =>
-  getFileUrl(`章节名称_${mainlineName}.png`)
-
-export const getProfessionImage = (professionName: string, isWhite = false): string =>
-  getFileUrl(`图标_职业_${professionName}_大图${isWhite ? '_白' : ''}.png`)
+import { MD5 } from 'crypto-js'
+
+const baseUrl = 'https://prts.wiki/images'
+
+const getFileUrl = (filename: string): string => {
+  const hash = String(MD5(filename))
+  return `${baseUrl}/${hash[0]}/${hash.substring(0, 2)}/${filename}`
+}
+
+export const getOperatorAvatar = (operatorCode: string): string =>
+  getFileUrl(`头像_${operatorCode}.png`)
+
+export const getOperatorHalfImage = (operatorCode: string): string =>
+  getFileUrl(`半身像_${operatorCode}.png`)
+
+export const getOperatorFullImage = (operatorCode: string): string =>
+  getFileUrl(`立绘_${operatorCode}.png`)
+
+export const getSkillImage = (skillName: string): string =>
+  getFileUrl(`技能_${skillName}.png`)
+
+export const getItemBorderedImage = (itemName: string): string =>
+  getFileUrl(`道具_带框_${itemName}.png`)
+
+export const getActivityImage = (activityName: string): string =>
+  getFileUrl(`活动名称_${activityName}.png`)
+
+export const getMainlineImage = (mainlineName: string): string =>
+  getFileUrl(`章节名称_${mainlineName}.png`)
+
+export const getProfessionImage = (
+  professionName: string,
+  isWhite = false
+): string =>
+  getFileUrl(`图标_职业_${professionName}_大图${isWhite ? '_白' : ''}.png`)
diff --git a/packages/renderer/src/utils/message.ts b/packages/renderer/src/utils/message.ts
index 492ccbe8..ed756c73 100644
--- a/packages/renderer/src/utils/message.ts
+++ b/packages/renderer/src/utils/message.ts
@@ -1,22 +1,22 @@
-import { MessageOptions } from 'naive-ui'
-import { VNodeChild } from 'vue'
-import type { MessageReactive } from 'naive-ui'
-
-export const hideAllMessages = (): void => {
-  window.$message.destroyAll()
-}
-
-/**
- * 天降神谕
- * @param content 神谕内容
- * @param options 神谕选项
- * @param hide 隐藏之前的神谕
- */
-export const showMessage = (
-  content: string | (() => VNodeChild),
-  options: MessageOptions = {},
-  hide: boolean = false
-): MessageReactive => {
-  if (hide) hideAllMessages()
-  return window.$message.create(content, options)
-}
+import { MessageOptions } from 'naive-ui'
+import { VNodeChild } from 'vue'
+import type { MessageReactive } from 'naive-ui'
+
+export const hideAllMessages = (): void => {
+  window.$message.destroyAll()
+}
+
+/**
+ * 天降神谕
+ * @param content 神谕内容
+ * @param options 神谕选项
+ * @param hide 隐藏之前的神谕
+ */
+export const showMessage = (
+  content: string | (() => VNodeChild),
+  options: MessageOptions = {},
+  hide: boolean = false
+): MessageReactive => {
+  if (hide) hideAllMessages()
+  return window.$message.create(content, options)
+}
diff --git a/packages/renderer/src/utils/task_helper.ts b/packages/renderer/src/utils/task_helper.ts
index 14edcc58..4877582f 100644
--- a/packages/renderer/src/utils/task_helper.ts
+++ b/packages/renderer/src/utils/task_helper.ts
@@ -7,7 +7,7 @@ import _ from 'lodash'
  * @param newTask 新任务配置
  * @returns 是否兼容
  */
-export function compareObjKey (oldTask: object, newTask: object): boolean {
+export function compareObjKey(oldTask: object, newTask: object): boolean {
   for (const key in newTask) {
     if (!Object.prototype.hasOwnProperty.call(oldTask, key)) {
       return false
@@ -16,12 +16,12 @@ export function compareObjKey (oldTask: object, newTask: object): boolean {
   return true
 }
 
-export function convertToCoreTaskConfiguration (task: Task): any {
+export function convertToCoreTaskConfiguration(task: Task): any {
   switch (task.name) {
     case 'startup': {
       return {
         enable: task.enable,
-        ..._.cloneDeep(task.configurations)
+        ..._.cloneDeep(task.configurations),
       }
     }
     case 'fight': {
@@ -31,41 +31,41 @@ export function convertToCoreTaskConfiguration (task: Task): any {
         penguin_id: settingStore.penguinReportId,
         yituliu_id: settingStore.yituliuReportId,
         ..._.cloneDeep(task.configurations),
-        report_to_penguin: false
+        report_to_penguin: false,
       }
     }
     case 'recruit': {
       return {
         enable: task.enable,
-        ..._.cloneDeep(task.configurations)
+        ..._.cloneDeep(task.configurations),
       }
     }
     case 'infrast': {
       return {
         enable: task.enable,
-        ..._.cloneDeep(task.configurations)
+        ..._.cloneDeep(task.configurations),
       }
     }
     case 'visit': {
       return {
-        enable: task.enable
+        enable: task.enable,
       }
     }
     case 'mall': {
       return {
         enable: task.enable,
-        ..._.cloneDeep(task.configurations)
+        ..._.cloneDeep(task.configurations),
       }
     }
     case 'award': {
       return {
-        enable: task.enable
+        enable: task.enable,
       }
     }
     case 'rogue': {
       return {
         enable: task.enable,
-        ..._.cloneDeep(task.configurations)
+        ..._.cloneDeep(task.configurations),
       }
     }
     case 'copilot': {
diff --git a/packages/renderer/src/utils/task_runner.ts b/packages/renderer/src/utils/task_runner.ts
index 2943691a..a8818cc7 100644
--- a/packages/renderer/src/utils/task_runner.ts
+++ b/packages/renderer/src/utils/task_runner.ts
@@ -1,116 +1,132 @@
-import logger from '@/hooks/caller/logger'
-import useTaskStore from '@/store/tasks'
-import { TaskChainMap } from '@common/enum/callback'
-import { showMessage } from './message'
-import { convertToCoreTaskConfiguration } from './task_helper'
-
-let selfIncreasedId = 1000000
-const genUiTaskId = (): number => { selfIncreasedId += 1; return selfIncreasedId }
-
-export async function runStartEmulator (uuid: string, task: Task): Promise<void> {
-  const taskStore = useTaskStore()
-  task.task_id = genUiTaskId()
-  // 不await
-  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
-  window.ipcRenderer.invoke('main.DeviceDetector:startEmulator', task.configurations.commandLine)
-}
-
-async function runTaskEmulator (uuid: string, task: Task): Promise<void> {
-  const taskStore = useTaskStore()
-  task.task_id = genUiTaskId()
-  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
-  window.ipcRenderer.invoke('main.DeviceDetector:startEmulator', task.configurations.commandLine)
-  // eslint-disable-next-line @typescript-eslint/no-misused-promises
-  task.schedule_id = setTimeout(async () => {
-    const devices: any[] = await window.ipcRenderer.invoke(
-      'main.DeviceDetector:getEmulators'
-    ) // 等待时间结束后进行一次设备搜索，但不合并结果
-    const device = devices.find((device) => device.uuid === uuid) // 检查指定uuid的设备是否存在
-    if (device) {
-      // 设备活了
-      logger.silly('Emulator is alive', uuid)
-      const status = await window.ipcRenderer.invoke('main.CoreLoader:initCore', {
-        // 创建连接
-        address: device.address,
-        uuid: device.uuid,
-        adb_path: device.adbPath,
-        config: device.config
-      })
-      if (status) {
-        taskStore.updateTaskStatus(uuid, task.task_id, 'success', 0)
-        logger.silly('Emulator is alive and connected', uuid)
-        await runTasks(uuid) // 继续执行剩下的任务
-      } else {
-        taskStore.updateTaskStatus(uuid, task.task_id, 'exception', 0)
-        logger.warn('Emulator is alive but failed to connect', uuid)
-        showMessage('检测到设备, 但连接失败', {
-          type: 'error',
-          duration: 0,
-          closable: true
-        })
-      }
-    } else {
-      // 设备没活
-      taskStore.updateTaskStatus(uuid, task.task_id, 'exception', 0)
-      showMessage('启动设备失败', {
-        type: 'error',
-        duration: 0,
-        closable: true
-      })
-    }
-  }, 10000)
-}
-
-async function runTaskShutdown (uuid: string, task: Task): Promise<void> {
-  const taskStore = useTaskStore()
-  // TODO
-}
-
-async function runTaskIdle (uuid: string, task: Task): Promise<void> {
-  const taskStore = useTaskStore()
-  task.task_id = genUiTaskId()
-  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
-  // eslint-disable-next-line @typescript-eslint/no-misused-promises
-  task.schedule_id = setTimeout(async () => {
-    taskStore.updateTaskStatus(uuid, task.task_id, 'success', 0)
-    await runTasks(uuid)
-  }, task.configurations.delay as number * 1000)
-}
-
-export async function runTasks (uuid: string): Promise<void> {
-  const taskStore = useTaskStore()
-  const tasks = taskStore.getCurrentTaskGroup(uuid)?.tasks
-  // 寻找第一个可用的任务
-  const task = tasks?.find((task) => task.enable && task.status === 'idle')
-  if (task) {
-    switch (task.name) {
-      case 'emulator': {
-        runTaskEmulator(uuid, task)
-        break
-      }
-      case 'shutdown': {
-        break
-      }
-      case 'idle': {
-        await runTaskIdle(uuid, task)
-        break
-      }
-      default: { // default -> core tasks
-        task.status = 'waiting'
-        const taskId = await window.ipcRenderer.invoke(
-          'main.CoreLoader:appendTask',
-          {
-            uuid: uuid,
-            type: TaskChainMap[task.name],
-            params: convertToCoreTaskConfiguration(task)
-          }
-        )
-        if (taskId !== 0) {
-          task.task_id = taskId
-        }
-        await runTasks(uuid)
-        break
-      }
-    }
-  }
-}
+import logger from '@/hooks/caller/logger'
+import useTaskStore from '@/store/tasks'
+import { TaskChainMap } from '@common/enum/callback'
+import { showMessage } from './message'
+import { convertToCoreTaskConfiguration } from './task_helper'
+
+let selfIncreasedId = 1000000
+const genUiTaskId = (): number => {
+  selfIncreasedId += 1
+  return selfIncreasedId
+}
+
+export async function runStartEmulator(
+  uuid: string,
+  task: Task
+): Promise<void> {
+  const taskStore = useTaskStore()
+  task.task_id = genUiTaskId()
+  // 不await
+  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
+  window.ipcRenderer.invoke(
+    'main.DeviceDetector:startEmulator',
+    task.configurations.commandLine
+  )
+}
+
+async function runTaskEmulator(uuid: string, task: Task): Promise<void> {
+  const taskStore = useTaskStore()
+  task.task_id = genUiTaskId()
+  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
+  window.ipcRenderer.invoke(
+    'main.DeviceDetector:startEmulator',
+    task.configurations.commandLine
+  )
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+  task.schedule_id = setTimeout(async () => {
+    const devices: any[] = await window.ipcRenderer.invoke(
+      'main.DeviceDetector:getEmulators'
+    ) // 等待时间结束后进行一次设备搜索，但不合并结果
+    const device = devices.find(device => device.uuid === uuid) // 检查指定uuid的设备是否存在
+    if (device) {
+      // 设备活了
+      logger.silly('Emulator is alive', uuid)
+      const status = await window.ipcRenderer.invoke(
+        'main.CoreLoader:initCore',
+        {
+          // 创建连接
+          address: device.address,
+          uuid: device.uuid,
+          adb_path: device.adbPath,
+          config: device.config,
+        }
+      )
+      if (status) {
+        taskStore.updateTaskStatus(uuid, task.task_id, 'success', 0)
+        logger.silly('Emulator is alive and connected', uuid)
+        await runTasks(uuid) // 继续执行剩下的任务
+      } else {
+        taskStore.updateTaskStatus(uuid, task.task_id, 'exception', 0)
+        logger.warn('Emulator is alive but failed to connect', uuid)
+        showMessage('检测到设备, 但连接失败', {
+          type: 'error',
+          duration: 0,
+          closable: true,
+        })
+      }
+    } else {
+      // 设备没活
+      taskStore.updateTaskStatus(uuid, task.task_id, 'exception', 0)
+      showMessage('启动设备失败', {
+        type: 'error',
+        duration: 0,
+        closable: true,
+      })
+    }
+  }, 10000)
+}
+
+async function runTaskShutdown(uuid: string, task: Task): Promise<void> {
+  const taskStore = useTaskStore()
+  // TODO
+}
+
+async function runTaskIdle(uuid: string, task: Task): Promise<void> {
+  const taskStore = useTaskStore()
+  task.task_id = genUiTaskId()
+  taskStore.updateTaskStatus(uuid, task.task_id, 'processing', 0)
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+  task.schedule_id = setTimeout(async () => {
+    taskStore.updateTaskStatus(uuid, task.task_id, 'success', 0)
+    await runTasks(uuid)
+  }, (task.configurations.delay as number) * 1000)
+}
+
+export async function runTasks(uuid: string): Promise<void> {
+  const taskStore = useTaskStore()
+  const tasks = taskStore.getCurrentTaskGroup(uuid)?.tasks
+  // 寻找第一个可用的任务
+  const task = tasks?.find(task => task.enable && task.status === 'idle')
+  if (task) {
+    switch (task.name) {
+      case 'emulator': {
+        runTaskEmulator(uuid, task)
+        break
+      }
+      case 'shutdown': {
+        break
+      }
+      case 'idle': {
+        await runTaskIdle(uuid, task)
+        break
+      }
+      default: {
+        // default -> core tasks
+        task.status = 'waiting'
+        const taskId = await window.ipcRenderer.invoke(
+          'main.CoreLoader:appendTask',
+          {
+            uuid: uuid,
+            type: TaskChainMap[task.name],
+            params: convertToCoreTaskConfiguration(task),
+          }
+        )
+        if (taskId !== 0) {
+          task.task_id = taskId
+        }
+        await runTasks(uuid)
+        break
+      }
+    }
+  }
+}
diff --git a/packages/renderer/src/utils/time_picker.ts b/packages/renderer/src/utils/time_picker.ts
index 96cab134..f1cae23f 100644
--- a/packages/renderer/src/utils/time_picker.ts
+++ b/packages/renderer/src/utils/time_picker.ts
@@ -1,20 +1,20 @@
-export function formattedDurationToSeconds (time: string | null): number {
-  if (!time) return 0
-  const [hour, minute, second] = time.split(':').map(v => {
-    const num = Number(v)
-    return isNaN(num) ? 0 : num
-  })
-  return hour * 3600 + minute * 60 + second
-}
-
-export function secondsToFormattedDuration (seconds: number): string {
-  if (seconds >= 86400 || seconds < 0) {
-    return '00:00:00'
-  }
-  const arr = []
-  for (let index = 0; index < 3; ++index) {
-    arr.push(String(seconds % 60).padStart(2, '0'))
-    seconds = Math.floor(seconds / 60)
-  }
-  return arr.reverse().join(':')
-}
+export function formattedDurationToSeconds(time: string | null): number {
+  if (!time) return 0
+  const [hour, minute, second] = time.split(':').map(v => {
+    const num = Number(v)
+    return isNaN(num) ? 0 : num
+  })
+  return hour * 3600 + minute * 60 + second
+}
+
+export function secondsToFormattedDuration(seconds: number): string {
+  if (seconds >= 86400 || seconds < 0) {
+    return '00:00:00'
+  }
+  const arr = []
+  for (let index = 0; index < 3; ++index) {
+    arr.push(String(seconds % 60).padStart(2, '0'))
+    seconds = Math.floor(seconds / 60)
+  }
+  return arr.reverse().join(':')
+}
diff --git a/packages/renderer/vite.config.ts b/packages/renderer/vite.config.ts
index b9e469f0..a54f8fbe 100644
--- a/packages/renderer/vite.config.ts
+++ b/packages/renderer/vite.config.ts
@@ -1,11 +1,11 @@
-import { builtinModules } from "module";
-import { defineConfig, Plugin } from "vite";
-import path from "path";
-import vue from "@vitejs/plugin-vue";
-import resolve from "vite-plugin-resolve";
+import { builtinModules } from 'module'
+import { defineConfig, Plugin } from 'vite'
+import path from 'path'
+import vue from '@vitejs/plugin-vue'
+import resolve from 'vite-plugin-resolve'
 import vueI18n from '@intlify/vite-plugin-vue-i18n'
-import pkg from "../../package.json";
-import svgLoader from "vite-svg-loader";
+import pkg from '../../package.json'
+import svgLoader from 'vite-svg-loader'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -15,32 +15,32 @@ export default defineConfig({
     vue(),
     svgLoader(),
     vueI18n({
-      include: path.resolve(__dirname, 'src/i18n/**')
-    })
+      include: path.resolve(__dirname, 'src/i18n/**'),
+    }),
   ],
-  base: "./",
+  base: './',
   resolve: {
     alias: {
-      "@": path.join(__dirname, "src"),
-      "@common": path.join(__dirname, "../common"),
+      '@': path.join(__dirname, 'src'),
+      '@common': path.join(__dirname, '../common'),
     },
   },
   build: {
     emptyOutDir: true,
     sourcemap: true,
-    outDir: "../../dist/renderer",
+    outDir: '../../dist/renderer',
     rollupOptions: {
-      output:{
+      output: {
         entryFileNames: `assets/[name].js`,
         chunkFileNames: `assets/[name].js`,
         assetFileNames: `assets/[name].[ext]`,
-      }
-    }
+      },
+    },
   },
   server: {
     port: pkg.env.PORT,
   },
-});
+})
 
 /**
  * For usage of Electron and NodeJS APIs in the Renderer process
@@ -49,7 +49,7 @@ export default defineConfig({
 export function resolveElectron(
   resolves: Parameters<typeof resolve>[0] = {}
 ): Plugin {
-  const builtins = builtinModules.filter((t) => !t.startsWith("_"));
+  const builtins = builtinModules.filter(t => !t.startsWith('_'))
 
   /**
    * @see https://github.com/caoxiemeihao/vite-plugins/tree/main/packages/resolve#readme
@@ -58,7 +58,7 @@ export function resolveElectron(
     electron: electronExport(),
     ...builtinModulesExport(builtins),
     ...resolves,
-  });
+  })
 
   function electronExport() {
     return `
@@ -90,29 +90,29 @@ export {
   desktopCapturer,
   deprecate,
 }
-`;
+`
   }
 
   function builtinModulesExport(modules: string[]) {
     return modules
-      .map((moduleId) => {
-        const nodeModule = require(moduleId);
-        const requireModule = `const M = require("${moduleId}");`;
-        const exportDefault = "export default M;";
+      .map(moduleId => {
+        const nodeModule = require(moduleId)
+        const requireModule = `const M = require("${moduleId}");`
+        const exportDefault = 'export default M;'
         const exportMembers =
           Object.keys(nodeModule)
-            .map((attr) => `export const ${attr} = M.${attr}`)
-            .join(";\n") + ";";
+            .map(attr => `export const ${attr} = M.${attr}`)
+            .join(';\n') + ';'
         const nodeModuleCode = `
 ${requireModule}
 
 ${exportDefault}
 
 ${exportMembers}
-`;
+`
 
-        return { [moduleId]: nodeModuleCode };
+        return { [moduleId]: nodeModuleCode }
       })
-      .reduce((memo, item) => Object.assign(memo, item), {});
+      .reduce((memo, item) => Object.assign(memo, item), {})
   }
 }
diff --git a/scripts/build.mjs b/scripts/build.mjs
index 287f7641..cb967caf 100644
--- a/scripts/build.mjs
+++ b/scripts/build.mjs
@@ -1,5 +1,5 @@
-import { build } from "vite";
-
-await build({ configFile: "packages/main/vite.config.ts" });
-await build({ configFile: "packages/preload/vite.config.ts" });
-await build({ configFile: "packages/renderer/vite.config.ts" });
+import { build } from 'vite'
+
+await build({ configFile: 'packages/main/vite.config.ts' })
+await build({ configFile: 'packages/preload/vite.config.ts' })
+await build({ configFile: 'packages/renderer/vite.config.ts' })
diff --git a/scripts/watch.mjs b/scripts/watch.mjs
index 44939f0e..0f2c9fe2 100644
--- a/scripts/watch.mjs
+++ b/scripts/watch.mjs
@@ -1,6 +1,6 @@
-import { spawn } from "child_process";
-import { createServer, build } from "vite";
-import electron from "electron";
+import { spawn } from 'child_process'
+import { createServer, build } from 'vite'
+import electron from 'electron'
 
 /**
  * @type {(server: import('vite').ViteDevServer) => Promise<import('rollup').RollupWatcher>}
@@ -9,27 +9,32 @@ function watchMain(server) {
   /**
    * @type {import('child_process').ChildProcessWithoutNullStreams | null}
    */
-  let electronProcess = null;
-  const address = server.httpServer.address();
+  let electronProcess = null
+  const address = server.httpServer.address()
   const env = Object.assign(process.env, {
     VITE_DEV_SERVER_HOST: address.address,
     VITE_DEV_SERVER_PORT: address.port,
-  });
+  })
 
   return build({
-    configFile: "packages/main/vite.config.ts",
-    mode: "development",
-    plugins: [{
-      name: "electron-main-watcher",
-      writeBundle() {
-        electronProcess && electronProcess.kill();
-        electronProcess = spawn(electron, [".", "--inspect"], { stdio: "inherit", env });
+    configFile: 'packages/main/vite.config.ts',
+    mode: 'development',
+    plugins: [
+      {
+        name: 'electron-main-watcher',
+        writeBundle() {
+          electronProcess && electronProcess.kill()
+          electronProcess = spawn(electron, ['.', '--inspect'], {
+            stdio: 'inherit',
+            env,
+          })
+        },
       },
-    }],
+    ],
     build: {
       watch: true,
     },
-  });
+  })
 }
 
 /**
@@ -37,23 +42,27 @@ function watchMain(server) {
  */
 function watchPreload(server) {
   return build({
-    configFile: "packages/preload/vite.config.ts",
-    mode: "development",
-    plugins: [{
-      name: "electron-preload-watcher",
-      writeBundle() {
-        server.ws.send({ type: "full-reload" });
+    configFile: 'packages/preload/vite.config.ts',
+    mode: 'development',
+    plugins: [
+      {
+        name: 'electron-preload-watcher',
+        writeBundle() {
+          server.ws.send({ type: 'full-reload' })
+        },
       },
-    }],
+    ],
     build: {
       watch: true,
     },
-  });
+  })
 }
 
 // bootstrap
-const server = await createServer({ configFile: "packages/renderer/vite.config.ts" });
+const server = await createServer({
+  configFile: 'packages/renderer/vite.config.ts',
+})
 
-await server.listen();
-await watchPreload(server);
-await watchMain(server);
+await server.listen()
+await watchPreload(server)
+await watchMain(server)
diff --git a/types.d.ts b/types.d.ts
index b435aecd..7d792420 100644
--- a/types.d.ts
+++ b/types.d.ts
@@ -1,4 +1,3 @@
-
 declare namespace NodeJS {
   interface ProcessEnv {
     NODE_ENV: 'development' | 'production'