diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index be6618f..1479d8e 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -7,29 +7,29 @@ ci:
   autoupdate_commit_msg: ":arrow_up: auto update by pre-commit hooks"
 repos:
   - repo: https://github.com/hadialqattan/pycln
-    rev: v2.1.3
+    rev: v2.6.0
     hooks:
       - id: pycln
         args: [--config, pyproject.toml]
-        stages: [commit]
+        stages: [pre-commit]
 
   - repo: https://github.com/pycqa/isort
-    rev: 5.12.0
+    rev: 7.0.0
     hooks:
       - id: isort
-        stages: [commit]
+        stages: [pre-commit]
 
-  - repo: https://github.com/psf/black
-    rev: 23.7.0
+  - repo: https://github.com/psf/black-pre-commit-mirror
+    rev: 25.12.0
     hooks:
       - id: black
-        stages: [commit]
+        stages: [pre-commit]
 
   - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v3.0.3
+    rev: v4.0.0-alpha.8
     hooks:
       - id: prettier
-        stages: [commit]
+        stages: [pre-commit]
 
   - repo: https://github.com/nonebot/nonemoji
     rev: v0.1.4
diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
index 50ee96f..e7ab8f6 100644
--- a/frontend/.eslintrc.cjs
+++ b/frontend/.eslintrc.cjs
@@ -1,15 +1,15 @@
 /* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
+require("@rushstack/eslint-patch/modern-module-resolution");
 
 module.exports = {
   root: true,
   extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/eslint-config-typescript',
-    '@vue/eslint-config-prettier/skip-formatting'
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript",
+    "@vue/eslint-config-prettier/skip-formatting",
   ],
   parserOptions: {
-    ecmaVersion: 'latest'
-  }
-}
+    ecmaVersion: "latest",
+  },
+};
diff --git a/frontend/openapi-ts.config.ts b/frontend/openapi-ts.config.ts
index e4279b9..642c32f 100644
--- a/frontend/openapi-ts.config.ts
+++ b/frontend/openapi-ts.config.ts
@@ -1,13 +1,13 @@
-import { defineConfig } from '@hey-api/openapi-ts'
+import { defineConfig } from "@hey-api/openapi-ts";
 
 export default defineConfig({
-  client: '@hey-api/client-fetch',
-  input: '../openapi.json',
+  client: "@hey-api/client-fetch",
+  input: "../openapi.json",
   output: {
-    format: 'prettier',
-    path: './src/client/api'
+    format: "prettier",
+    path: "./src/client/api",
   },
   services: {
-    asClass: true
-  }
-})
+    asClass: true,
+  },
+});
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
index ffde384..750d0a3 100644
--- a/frontend/postcss.config.js
+++ b/frontend/postcss.config.js
@@ -1,8 +1,8 @@
 export default {
   plugins: {
-    'postcss-import': {},
-    'tailwindcss/nesting': 'postcss-nesting',
+    "postcss-import": {},
+    "tailwindcss/nesting": "postcss-nesting",
     tailwindcss: {},
-    autoprefixer: {}
-  }
-}
+    autoprefixer: {},
+  },
+};
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 13c4a63..e2af2f2 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { RouterView } from 'vue-router'
-import ToastItem from '@/components/ToastItem.vue'
-import { useToastStore } from '@/stores'
+import { RouterView } from "vue-router";
+import ToastItem from "@/components/ToastItem.vue";
+import { useToastStore } from "@/stores";
 
-const store = useToastStore()
+const store = useToastStore();
 </script>
 
 <template>
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 98e23e3..f20d7f2 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -1,4 +1,4 @@
-@import 'material-symbols';
+@import "material-symbols";
 
 @tailwind base;
 @tailwind components;
diff --git a/frontend/src/client/api/index.ts b/frontend/src/client/api/index.ts
index d4894af..1cb041d 100644
--- a/frontend/src/client/api/index.ts
+++ b/frontend/src/client/api/index.ts
@@ -1,4 +1,4 @@
 // This file is auto-generated by @hey-api/openapi-ts
-export * from './schemas.gen'
-export * from './services.gen'
-export * from './types.gen'
+export * from "./schemas.gen";
+export * from "./services.gen";
+export * from "./types.gen";
diff --git a/frontend/src/client/api/schemas.gen.ts b/frontend/src/client/api/schemas.gen.ts
index e1a5050..672b2f8 100644
--- a/frontend/src/client/api/schemas.gen.ts
+++ b/frontend/src/client/api/schemas.gen.ts
@@ -1,1267 +1,1269 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 export const AdapterSchema = {
-  title: 'Adapter',
-  type: 'object',
+  title: "Adapter",
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string',
-      default: '0.0.0'
+      title: "Version",
+      type: "string",
+      default: "0.0.0",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
-    }
-  }
-} as const
+      title: "Is Download",
+      type: "boolean",
+      default: false,
+    },
+  },
+} as const;
 
 export const AddProjectDataSchema = {
-  title: 'AddProjectData',
-  required: ['project_name', 'project_dir', 'mirror_url'],
-  type: 'object',
+  title: "AddProjectData",
+  required: ["project_name", "project_dir", "mirror_url"],
+  type: "object",
   properties: {
     project_name: {
-      title: 'Project Name',
-      type: 'string'
+      title: "Project Name",
+      type: "string",
     },
     project_dir: {
-      title: 'Project Dir',
-      type: 'string'
+      title: "Project Dir",
+      type: "string",
     },
     mirror_url: {
-      title: 'Mirror Url',
-      type: 'string'
+      title: "Mirror Url",
+      type: "string",
     },
     adapters: {
-      title: 'Adapters',
-      type: 'array',
+      title: "Adapters",
+      type: "array",
       items: {
-        type: 'string'
+        type: "string",
       },
-      default: []
+      default: [],
     },
     plugins: {
-      title: 'Plugins',
-      type: 'array',
+      title: "Plugins",
+      type: "array",
       items: {
-        type: 'string'
+        type: "string",
       },
-      default: []
+      default: [],
     },
     plugin_dirs: {
-      title: 'Plugin Dirs',
-      type: 'array',
+      title: "Plugin Dirs",
+      type: "array",
       items: {
-        type: 'string'
+        type: "string",
       },
-      default: []
+      default: [],
     },
     builtin_plugins: {
-      title: 'Builtin Plugins',
-      type: 'array',
+      title: "Builtin Plugins",
+      type: "array",
       items: {
-        type: 'string'
+        type: "string",
       },
-      default: []
-    }
-  }
-} as const
+      default: [],
+    },
+  },
+} as const;
 
 export const Body_search_nonebot_store_item_v1_store_nonebot_search_postSchema = {
-  title: 'Body_search_nonebot_store_item_v1_store_nonebot_search_post',
-  required: ['data'],
-  type: 'object',
+  title: "Body_search_nonebot_store_item_v1_store_nonebot_search_post",
+  required: ["data"],
+  type: "object",
   properties: {
     data: {
-      $ref: '#/components/schemas/SearchRequest'
-    }
-  }
-} as const
+      $ref: "#/components/schemas/SearchRequest",
+    },
+  },
+} as const;
 
 export const ConfigTypeSchema = {
-  title: 'ConfigType',
-  enum: ['project', 'toml'],
-  type: 'string',
-  description: 'An enumeration.'
-} as const
+  title: "ConfigType",
+  enum: ["project", "toml"],
+  type: "string",
+  description: "An enumeration.",
+} as const;
 
 export const CreateProjectDataSchema = {
-  title: 'CreateProjectData',
+  title: "CreateProjectData",
   required: [
-    'is_bootstrap',
-    'project_name',
-    'project_dir',
-    'mirror_url',
-    'drivers',
-    'adapters',
-    'use_src'
+    "is_bootstrap",
+    "project_name",
+    "project_dir",
+    "mirror_url",
+    "drivers",
+    "adapters",
+    "use_src",
   ],
-  type: 'object',
+  type: "object",
   properties: {
     is_bootstrap: {
-      title: 'Is Bootstrap',
-      type: 'boolean'
+      title: "Is Bootstrap",
+      type: "boolean",
     },
     project_name: {
-      title: 'Project Name',
-      type: 'string'
+      title: "Project Name",
+      type: "string",
     },
     project_dir: {
-      title: 'Project Dir',
-      type: 'string'
+      title: "Project Dir",
+      type: "string",
     },
     mirror_url: {
-      title: 'Mirror Url',
-      type: 'string'
+      title: "Mirror Url",
+      type: "string",
     },
     drivers: {
-      title: 'Drivers',
-      type: 'array',
+      title: "Drivers",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
-      }
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo",
+      },
     },
     adapters: {
-      title: 'Adapters',
-      type: 'array',
+      title: "Adapters",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
-      }
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo",
+      },
     },
     use_src: {
-      title: 'Use Src',
-      type: 'boolean'
-    }
-  }
-} as const
+      title: "Use Src",
+      type: "boolean",
+    },
+  },
+} as const;
 
 export const DriverSchema = {
-  title: 'Driver',
-  type: 'object',
+  title: "Driver",
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string',
-      default: '0.0.0'
+      title: "Version",
+      type: "string",
+      default: "0.0.0",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
-    }
-  }
-} as const
+      title: "Is Download",
+      type: "boolean",
+      default: false,
+    },
+  },
+} as const;
 
 export const FileInfoSchema = {
-  title: 'FileInfo',
-  required: ['name', 'is_dir', 'path', 'modified_time', 'absolute_path'],
-  type: 'object',
+  title: "FileInfo",
+  required: ["name", "is_dir", "path", "modified_time", "absolute_path"],
+  type: "object",
   properties: {
     name: {
-      title: 'Name',
-      type: 'string'
+      title: "Name",
+      type: "string",
     },
     is_dir: {
-      title: 'Is Dir',
-      type: 'boolean'
+      title: "Is Dir",
+      type: "boolean",
     },
     path: {
-      title: 'Path',
-      type: 'string'
+      title: "Path",
+      type: "string",
     },
     modified_time: {
-      title: 'Modified Time',
-      type: 'string'
+      title: "Modified Time",
+      type: "string",
     },
     absolute_path: {
-      title: 'Absolute Path',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Absolute Path",
+      type: "string",
+    },
+  },
+} as const;
 
 export const FileResponseSchema = {
-  title: 'FileResponse',
-  required: ['detail'],
-  type: 'object',
+  title: "FileResponse",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'array',
+      title: "Detail",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/FileInfo'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/FileInfo",
+      },
+    },
+  },
+} as const;
 
 export const GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schemas_ProcessLog__Schema =
   {
-    title: 'GenericResponse[List[nb_cli_plugin_webui.app.handlers.process.schemas.ProcessLog]]',
-    required: ['detail'],
-    type: 'object',
+    title:
+      "GenericResponse[List[nb_cli_plugin_webui.app.handlers.process.schemas.ProcessLog]]",
+    required: ["detail"],
+    type: "object",
     properties: {
       detail: {
-        title: 'Detail',
-        type: 'array',
+        title: "Detail",
+        type: "array",
         items: {
-          $ref: '#/components/schemas/ProcessLog'
-        }
-      }
-    }
-  } as const
+          $ref: "#/components/schemas/ProcessLog",
+        },
+      },
+    },
+  } as const;
 
-export const GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__Schema = {
-  title: 'GenericResponse[List[nb_cli_plugin_webui.app.models.base.ModuleInfo]]',
-  required: ['detail'],
-  type: 'object',
-  properties: {
-    detail: {
-      title: 'Detail',
-      type: 'array',
-      items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
-      }
-    }
-  }
-} as const
+export const GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__Schema =
+  {
+    title: "GenericResponse[List[nb_cli_plugin_webui.app.models.base.ModuleInfo]]",
+    required: ["detail"],
+    type: "object",
+    properties: {
+      detail: {
+        title: "Detail",
+        type: "array",
+        items: {
+          $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo",
+        },
+      },
+    },
+  } as const;
 
 export const GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__Schema = {
-  title: 'GenericResponse[List[nb_cli_plugin_webui.app.models.base.Plugin]]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[List[nb_cli_plugin_webui.app.models.base.Plugin]]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'array',
+      title: "Detail",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__Plugin'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__Plugin",
+      },
+    },
+  },
+} as const;
 
 export const GenericResponse_List_str__Schema = {
-  title: 'GenericResponse[List[str]]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[List[str]]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'array',
+      title: "Detail",
+      type: "array",
       items: {
-        type: 'string'
-      }
-    }
-  }
-} as const
+        type: "string",
+      },
+    },
+  },
+} as const;
 
 export const GenericResponse_NoneBotProjectMeta_Schema = {
-  title: 'GenericResponse[NoneBotProjectMeta]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[NoneBotProjectMeta]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      $ref: '#/components/schemas/NoneBotProjectMeta'
-    }
-  }
-} as const
+      $ref: "#/components/schemas/NoneBotProjectMeta",
+    },
+  },
+} as const;
 
 export const GenericResponse_ProjectTomlDetail_Schema = {
-  title: 'GenericResponse[ProjectTomlDetail]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[ProjectTomlDetail]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      $ref: '#/components/schemas/ProjectTomlDetail'
-    }
-  }
-} as const
+      $ref: "#/components/schemas/ProjectTomlDetail",
+    },
+  },
+} as const;
 
 export const GenericResponse_int_Schema = {
-  title: 'GenericResponse[int]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[int]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'integer'
-    }
-  }
-} as const
+      title: "Detail",
+      type: "integer",
+    },
+  },
+} as const;
 
 export const GenericResponse_str_Schema = {
-  title: 'GenericResponse[str]',
-  required: ['detail'],
-  type: 'object',
+  title: "GenericResponse[str]",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Detail",
+      type: "string",
+    },
+  },
+} as const;
 
 export const HTTPValidationErrorSchema = {
-  title: 'HTTPValidationError',
-  type: 'object',
+  title: "HTTPValidationError",
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'array',
+      title: "Detail",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ValidationError'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/ValidationError",
+      },
+    },
+  },
+} as const;
 
 export const ItemSchema = {
-  title: 'Item',
-  required: ['type'],
-  type: 'object',
+  title: "Item",
+  required: ["type"],
+  type: "object",
   properties: {
     enum: {
-      title: 'Enum',
-      type: 'array',
-      items: {}
+      title: "Enum",
+      type: "array",
+      items: {},
     },
     type: {
-      title: 'Type',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Type",
+      type: "string",
+    },
+  },
+} as const;
 
 export const ListProjectResponseSchema = {
-  title: 'ListProjectResponse',
-  required: ['detail'],
-  type: 'object',
+  title: "ListProjectResponse",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'object',
+      title: "Detail",
+      type: "object",
       additionalProperties: {
-        $ref: '#/components/schemas/NoneBotProjectMeta'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/NoneBotProjectMeta",
+      },
+    },
+  },
+} as const;
 
 export const LogLevelSchema = {
-  title: 'LogLevel',
-  enum: ['STDOUT', 'INFO', 'WARNING', 'ERROR', 'DEBUG'],
-  type: 'string',
-  description: 'An enumeration.'
-} as const
+  title: "LogLevel",
+  enum: ["STDOUT", "INFO", "WARNING", "ERROR", "DEBUG"],
+  type: "string",
+  description: "An enumeration.",
+} as const;
 
 export const LoginRequestSchema = {
-  title: 'LoginRequest',
-  required: ['token', 'mark'],
-  type: 'object',
+  title: "LoginRequest",
+  required: ["token", "mark"],
+  type: "object",
   properties: {
     token: {
-      title: 'Token',
-      type: 'string'
+      title: "Token",
+      type: "string",
     },
     mark: {
-      title: 'Mark',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Mark",
+      type: "string",
+    },
+  },
+} as const;
 
 export const ModuleConfigChildSchema = {
-  title: 'ModuleConfigChild',
-  required: ['title', 'name', 'conf_type', 'unique_items', 'is_secret'],
-  type: 'object',
+  title: "ModuleConfigChild",
+  required: ["title", "name", "conf_type", "unique_items", "is_secret"],
+  type: "object",
   properties: {
     title: {
-      title: 'Title',
-      type: 'string'
+      title: "Title",
+      type: "string",
     },
     description: {
-      title: 'Description',
-      type: 'string'
+      title: "Description",
+      type: "string",
     },
     name: {
-      title: 'Name',
-      type: 'string'
+      title: "Name",
+      type: "string",
     },
     default: {
-      title: 'Default'
+      title: "Default",
     },
     conf_type: {
-      title: 'Conf Type',
-      type: 'string'
+      title: "Conf Type",
+      type: "string",
     },
     enum: {
-      title: 'Enum',
-      type: 'array',
-      items: {}
+      title: "Enum",
+      type: "array",
+      items: {},
     },
     configured: {
-      title: 'Configured'
+      title: "Configured",
     },
     items: {
-      $ref: '#/components/schemas/Item'
+      $ref: "#/components/schemas/Item",
     },
     unique_items: {
-      title: 'Unique Items',
-      type: 'boolean'
+      title: "Unique Items",
+      type: "boolean",
     },
     is_secret: {
-      title: 'Is Secret',
-      type: 'boolean'
+      title: "Is Secret",
+      type: "boolean",
     },
     latest_change: {
-      title: 'Latest Change',
-      type: 'string',
-      default: '.env'
-    }
-  }
-} as const
+      title: "Latest Change",
+      type: "string",
+      default: ".env",
+    },
+  },
+} as const;
 
 export const ModuleConfigFatherSchema = {
-  title: 'ModuleConfigFather',
-  required: ['title', 'name', 'module_type', 'properties'],
-  type: 'object',
+  title: "ModuleConfigFather",
+  required: ["title", "name", "module_type", "properties"],
+  type: "object",
   properties: {
     title: {
-      title: 'Title',
-      type: 'string'
+      title: "Title",
+      type: "string",
     },
     description: {
-      title: 'Description',
-      type: 'string'
+      title: "Description",
+      type: "string",
     },
     name: {
-      title: 'Name',
-      type: 'string'
+      title: "Name",
+      type: "string",
     },
     module_type: {
-      title: 'Module Type',
+      title: "Module Type",
       anyOf: [
         {
-          $ref: '#/components/schemas/ModuleType'
+          $ref: "#/components/schemas/ModuleType",
         },
         {
-          $ref: '#/components/schemas/ConfigType'
-        }
-      ]
+          $ref: "#/components/schemas/ConfigType",
+        },
+      ],
     },
     properties: {
-      title: 'Properties',
-      type: 'array',
+      title: "Properties",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleConfigChild'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/ModuleConfigChild",
+      },
+    },
+  },
+} as const;
 
 export const ModuleConfigResponseSchema = {
-  title: 'ModuleConfigResponse',
-  required: ['detail'],
-  type: 'object',
+  title: "ModuleConfigResponse",
+  required: ["detail"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
-      type: 'array',
+      title: "Detail",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleConfigFather'
-      }
-    }
-  }
-} as const
+        $ref: "#/components/schemas/ModuleConfigFather",
+      },
+    },
+  },
+} as const;
 
 export const ModuleConfigUpdateRequestSchema = {
-  title: 'ModuleConfigUpdateRequest',
-  required: ['env', 'conf_type', 'k'],
-  type: 'object',
+  title: "ModuleConfigUpdateRequest",
+  required: ["env", "conf_type", "k"],
+  type: "object",
   properties: {
     env: {
-      title: 'Env',
-      type: 'string'
+      title: "Env",
+      type: "string",
     },
     conf_type: {
-      title: 'Conf Type',
-      type: 'string'
+      title: "Conf Type",
+      type: "string",
     },
     k: {
-      title: 'K',
-      type: 'string'
+      title: "K",
+      type: "string",
     },
     v: {
-      title: 'V'
-    }
-  }
-} as const
+      title: "V",
+    },
+  },
+} as const;
 
 export const ModuleTagSchema = {
-  title: 'ModuleTag',
-  required: ['label', 'color'],
-  type: 'object',
+  title: "ModuleTag",
+  required: ["label", "color"],
+  type: "object",
   properties: {
     label: {
-      title: 'Label',
-      type: 'string'
+      title: "Label",
+      type: "string",
     },
     color: {
-      title: 'Color',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Color",
+      type: "string",
+    },
+  },
+} as const;
 
 export const ModuleTypeSchema = {
-  title: 'ModuleType',
-  enum: ['module', 'plugin', 'adapter', 'driver'],
-  type: 'string',
-  description: 'An enumeration.'
-} as const
+  title: "ModuleType",
+  enum: ["module", "plugin", "adapter", "driver"],
+  type: "string",
+  description: "An enumeration.",
+} as const;
 
 export const NoneBotProjectMetaSchema = {
-  title: 'NoneBotProjectMeta',
+  title: "NoneBotProjectMeta",
   required: [
-    'project_id',
-    'project_name',
-    'project_dir',
-    'mirror_url',
-    'adapters',
-    'drivers',
-    'plugins',
-    'plugin_dirs',
-    'builtin_plugins'
+    "project_id",
+    "project_name",
+    "project_dir",
+    "mirror_url",
+    "adapters",
+    "drivers",
+    "plugins",
+    "plugin_dirs",
+    "builtin_plugins",
   ],
-  type: 'object',
+  type: "object",
   properties: {
     project_id: {
-      title: 'Project Id',
-      type: 'string'
+      title: "Project Id",
+      type: "string",
     },
     project_name: {
-      title: 'Project Name',
-      type: 'string'
+      title: "Project Name",
+      type: "string",
     },
     project_dir: {
-      title: 'Project Dir',
-      type: 'string'
+      title: "Project Dir",
+      type: "string",
     },
     mirror_url: {
-      title: 'Mirror Url',
-      type: 'string'
+      title: "Mirror Url",
+      type: "string",
     },
     adapters: {
-      title: 'Adapters',
-      type: 'array',
+      title: "Adapters",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
-      }
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo",
+      },
     },
     drivers: {
-      title: 'Drivers',
-      type: 'array',
+      title: "Drivers",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo'
-      }
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__ModuleInfo",
+      },
     },
     plugins: {
-      title: 'Plugins',
-      type: 'array',
+      title: "Plugins",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__base__Plugin'
-      }
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__base__Plugin",
+      },
     },
     plugin_dirs: {
-      title: 'Plugin Dirs',
-      type: 'array',
+      title: "Plugin Dirs",
+      type: "array",
       items: {
-        type: 'string'
-      }
+        type: "string",
+      },
     },
     builtin_plugins: {
-      title: 'Builtin Plugins',
-      type: 'array',
+      title: "Builtin Plugins",
+      type: "array",
       items: {
-        type: 'string'
-      }
+        type: "string",
+      },
     },
     is_running: {
-      title: 'Is Running',
-      type: 'boolean',
-      default: false
+      title: "Is Running",
+      type: "boolean",
+      default: false,
     },
     use_env: {
-      title: 'Use Env',
-      type: 'string',
-      default: '.env'
+      title: "Use Env",
+      type: "string",
+      default: ".env",
     },
     use_run_script: {
-      title: 'Use Run Script',
-      type: 'boolean',
-      default: false
+      title: "Use Run Script",
+      type: "boolean",
+      default: false,
     },
     run_script_name: {
-      title: 'Run Script Name',
-      type: 'string',
-      default: 'bot.py'
-    }
-  }
-} as const
+      title: "Run Script Name",
+      type: "string",
+      default: "bot.py",
+    },
+  },
+} as const;
 
 export const PluginTypeSchema = {
-  title: 'PluginType',
-  enum: ['application', 'library'],
-  type: 'string',
+  title: "PluginType",
+  enum: ["application", "library"],
+  type: "string",
   description: `类型参考:
-- https://github.com/nonebot/noneflow/blob/main/src/utils/validation/constants.py#L17`
-} as const
+- https://github.com/nonebot/noneflow/blob/main/src/utils/validation/constants.py#L17`,
+} as const;
 
 export const ProcessLogSchema = {
-  title: 'ProcessLog',
-  required: ['message'],
-  type: 'object',
+  title: "ProcessLog",
+  required: ["message"],
+  type: "object",
   properties: {
     time: {
-      title: 'Time',
+      title: "Time",
       anyOf: [
         {
-          type: 'string',
-          format: 'date-time'
+          type: "string",
+          format: "date-time",
         },
         {
-          type: 'string'
-        }
-      ]
+          type: "string",
+        },
+      ],
     },
     level: {
       allOf: [
         {
-          $ref: '#/components/schemas/LogLevel'
-        }
+          $ref: "#/components/schemas/LogLevel",
+        },
       ],
-      default: 'STDOUT'
+      default: "STDOUT",
     },
     message: {
-      title: 'Message',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Message",
+      type: "string",
+    },
+  },
+} as const;
 
 export const ProjectTomlDetailSchema = {
-  title: 'ProjectTomlDetail',
-  required: ['project_name', 'adapters', 'plugins', 'plugin_dirs', 'builtin_plugins'],
-  type: 'object',
+  title: "ProjectTomlDetail",
+  required: ["project_name", "adapters", "plugins", "plugin_dirs", "builtin_plugins"],
+  type: "object",
   properties: {
     project_name: {
-      title: 'Project Name',
-      type: 'string'
+      title: "Project Name",
+      type: "string",
     },
     adapters: {
-      title: 'Adapters',
-      type: 'array',
+      title: "Adapters",
+      type: "array",
       items: {
-        type: 'object',
+        type: "object",
         additionalProperties: {
-          type: 'string'
-        }
-      }
+          type: "string",
+        },
+      },
     },
     plugins: {
-      title: 'Plugins',
-      type: 'array',
+      title: "Plugins",
+      type: "array",
       items: {
-        type: 'string'
-      }
+        type: "string",
+      },
     },
     plugin_dirs: {
-      title: 'Plugin Dirs',
-      type: 'array',
+      title: "Plugin Dirs",
+      type: "array",
       items: {
-        type: 'string'
-      }
+        type: "string",
+      },
     },
     builtin_plugins: {
-      title: 'Builtin Plugins',
-      type: 'array',
+      title: "Builtin Plugins",
+      type: "array",
       items: {
-        type: 'string'
-      }
-    }
-  }
-} as const
+        type: "string",
+      },
+    },
+  },
+} as const;
 
 export const SearchRequestSchema = {
-  title: 'SearchRequest',
-  required: ['module_type', 'content'],
-  type: 'object',
+  title: "SearchRequest",
+  required: ["module_type", "content"],
+  type: "object",
   properties: {
     module_type: {
-      $ref: '#/components/schemas/ModuleType'
+      $ref: "#/components/schemas/ModuleType",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__store__SearchTag'
+        $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__store__SearchTag",
       },
-      default: []
+      default: [],
     },
     content: {
-      title: 'Content',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Content",
+      type: "string",
+    },
+  },
+} as const;
 
 export const SimpleModelSchema = {
-  title: 'SimpleModel',
-  required: ['name', 'is_dir', 'path'],
-  type: 'object',
+  title: "SimpleModel",
+  required: ["name", "is_dir", "path"],
+  type: "object",
   properties: {
     name: {
-      title: 'Name',
-      type: 'string'
+      title: "Name",
+      type: "string",
     },
     is_dir: {
-      title: 'Is Dir',
-      type: 'boolean'
+      title: "Is Dir",
+      type: "boolean",
     },
     path: {
-      title: 'Path',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Path",
+      type: "string",
+    },
+  },
+} as const;
 
 export const StoreListResponseSchema = {
-  title: 'StoreListResponse',
-  required: ['detail', 'now_page', 'total_page', 'total_item'],
-  type: 'object',
+  title: "StoreListResponse",
+  required: ["detail", "now_page", "total_page", "total_item"],
+  type: "object",
   properties: {
     detail: {
-      title: 'Detail',
+      title: "Detail",
       anyOf: [
         {
-          type: 'array',
+          type: "array",
           items: {
-            $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__store__Plugin'
-          }
+            $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__store__Plugin",
+          },
         },
         {
-          type: 'array',
+          type: "array",
           items: {
-            $ref: '#/components/schemas/Adapter'
-          }
+            $ref: "#/components/schemas/Adapter",
+          },
         },
         {
-          type: 'array',
+          type: "array",
           items: {
-            $ref: '#/components/schemas/Driver'
-          }
-        }
-      ]
+            $ref: "#/components/schemas/Driver",
+          },
+        },
+      ],
     },
     now_page: {
-      title: 'Now Page',
-      type: 'integer'
+      title: "Now Page",
+      type: "integer",
     },
     total_page: {
-      title: 'Total Page',
-      type: 'integer'
+      title: "Total Page",
+      type: "integer",
     },
     total_item: {
-      title: 'Total Item',
-      type: 'integer'
-    }
-  }
-} as const
+      title: "Total Item",
+      type: "integer",
+    },
+  },
+} as const;
 
 export const ValidationErrorSchema = {
-  title: 'ValidationError',
-  required: ['loc', 'msg', 'type'],
-  type: 'object',
+  title: "ValidationError",
+  required: ["loc", "msg", "type"],
+  type: "object",
   properties: {
     loc: {
-      title: 'Location',
-      type: 'array',
+      title: "Location",
+      type: "array",
       items: {
         anyOf: [
           {
-            type: 'string'
+            type: "string",
           },
           {
-            type: 'integer'
-          }
-        ]
-      }
+            type: "integer",
+          },
+        ],
+      },
     },
     msg: {
-      title: 'Message',
-      type: 'string'
+      title: "Message",
+      type: "string",
     },
     type: {
-      title: 'Error Type',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Error Type",
+      type: "string",
+    },
+  },
+} as const;
 
 export const VerifyRequestSchema = {
-  title: 'VerifyRequest',
-  required: ['jwt_token'],
-  type: 'object',
+  title: "VerifyRequest",
+  required: ["jwt_token"],
+  type: "object",
   properties: {
     jwt_token: {
-      title: 'Jwt Token',
-      type: 'string'
-    }
-  }
-} as const
+      title: "Jwt Token",
+      type: "string",
+    },
+  },
+} as const;
 
 export const nb_cli_plugin_webui__app__models__base__ModuleInfoSchema = {
-  title: 'ModuleInfo',
-  type: 'object',
+  title: "ModuleInfo",
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string',
-      default: '0.0.0'
+      title: "Version",
+      type: "string",
+      default: "0.0.0",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
-    }
-  }
-} as const
+      title: "Is Download",
+      type: "boolean",
+      default: false,
+    },
+  },
+} as const;
 
 export const nb_cli_plugin_webui__app__models__base__PluginSchema = {
-  title: 'Plugin',
-  type: 'object',
+  title: "Plugin",
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string',
-      default: '0.0.0'
+      title: "Version",
+      type: "string",
+      default: "0.0.0",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
+      title: "Is Download",
+      type: "boolean",
+      default: false,
     },
     config: {
-      title: 'Config',
-      type: 'object',
-      default: {}
-    }
-  }
-} as const
+      title: "Config",
+      type: "object",
+      default: {},
+    },
+  },
+} as const;
 
 export const nb_cli_plugin_webui__app__models__store__ModuleInfoSchema = {
-  title: 'ModuleInfo',
-  type: 'object',
+  title: "ModuleInfo",
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string',
-      default: '0.0.0'
+      title: "Version",
+      type: "string",
+      default: "0.0.0",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
+      title: "Is Download",
+      type: "boolean",
+      default: false,
     },
     module_type: {
-      title: 'Module Type',
-      enum: ['module'],
-      type: 'string',
-      default: 'module'
-    }
-  }
-} as const
+      title: "Module Type",
+      enum: ["module"],
+      type: "string",
+      default: "module",
+    },
+  },
+} as const;
 
 export const nb_cli_plugin_webui__app__models__store__PluginSchema = {
-  title: 'Plugin',
-  required: ['version', 'valid', 'time', 'skip_test'],
-  type: 'object',
+  title: "Plugin",
+  required: ["version", "valid", "time", "skip_test"],
+  type: "object",
   properties: {
     module_name: {
-      title: 'Module Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Module Name",
+      type: "string",
+      default: "unknown",
     },
     project_link: {
-      title: 'Project Link',
-      type: 'string',
-      default: 'unknown'
+      title: "Project Link",
+      type: "string",
+      default: "unknown",
     },
     name: {
-      title: 'Name',
-      type: 'string',
-      default: 'unknown'
+      title: "Name",
+      type: "string",
+      default: "unknown",
     },
     desc: {
-      title: 'Desc',
-      type: 'string',
-      default: 'unknown'
+      title: "Desc",
+      type: "string",
+      default: "unknown",
     },
     author: {
-      title: 'Author',
-      type: 'string',
-      default: 'unknown'
+      title: "Author",
+      type: "string",
+      default: "unknown",
     },
     homepage: {
-      title: 'Homepage',
-      type: 'string',
-      default: 'unknown'
+      title: "Homepage",
+      type: "string",
+      default: "unknown",
     },
     usage: {
-      title: 'Usage',
-      type: 'string',
-      default: 'unknown'
+      title: "Usage",
+      type: "string",
+      default: "unknown",
     },
     extra: {
-      title: 'Extra',
-      type: 'object'
+      title: "Extra",
+      type: "object",
     },
     tags: {
-      title: 'Tags',
-      type: 'array',
+      title: "Tags",
+      type: "array",
       items: {
-        $ref: '#/components/schemas/ModuleTag'
-      }
+        $ref: "#/components/schemas/ModuleTag",
+      },
     },
     is_official: {
-      title: 'Is Official',
-      type: 'boolean',
-      default: false
+      title: "Is Official",
+      type: "boolean",
+      default: false,
     },
     version: {
-      title: 'Version',
-      type: 'string'
+      title: "Version",
+      type: "string",
     },
     is_download: {
-      title: 'Is Download',
-      type: 'boolean',
-      default: false
+      title: "Is Download",
+      type: "boolean",
+      default: false,
     },
     config: {
-      title: 'Config',
-      type: 'object',
-      default: {}
+      title: "Config",
+      type: "object",
+      default: {},
     },
     type: {
-      $ref: '#/components/schemas/PluginType'
+      $ref: "#/components/schemas/PluginType",
     },
     supported_adapters: {
-      title: 'Supported Adapters',
-      type: 'array',
+      title: "Supported Adapters",
+      type: "array",
       items: {
-        type: 'string'
-      }
+        type: "string",
+      },
     },
     valid: {
-      title: 'Valid',
-      type: 'boolean'
+      title: "Valid",
+      type: "boolean",
     },
     time: {
-      title: 'Time',
-      type: 'string'
+      title: "Time",
+      type: "string",
     },
     skip_test: {
-      title: 'Skip Test',
-      type: 'boolean'
+      title: "Skip Test",
+      type: "boolean",
     },
     module_type: {
-      title: 'Module Type',
-      enum: ['plugin'],
-      type: 'string',
-      default: 'plugin'
-    }
+      title: "Module Type",
+      enum: ["plugin"],
+      type: "string",
+      default: "plugin",
+    },
   },
   description: `结构参考:
-- https://github.com/nonebot/noneflow/blob/main/src/utils/store_test/models.py#L14`
-} as const
+- https://github.com/nonebot/noneflow/blob/main/src/utils/store_test/models.py#L14`,
+} as const;
 
 export const nb_cli_plugin_webui__app__models__store__SearchTagSchema = {
-  title: 'SearchTag',
-  required: ['label'],
-  type: 'object',
+  title: "SearchTag",
+  required: ["label"],
+  type: "object",
   properties: {
     label: {
-      $ref: '#/components/schemas/nb_cli_plugin_webui__app__models__types__SearchTag'
+      $ref: "#/components/schemas/nb_cli_plugin_webui__app__models__types__SearchTag",
     },
     text: {
-      title: 'Text',
-      type: 'string',
-      default: ''
-    }
-  }
-} as const
+      title: "Text",
+      type: "string",
+      default: "",
+    },
+  },
+} as const;
 
 export const nb_cli_plugin_webui__app__models__types__SearchTagSchema = {
-  title: 'SearchTag',
-  enum: ['official', 'valid', 'latest', 'downloaded', 'author', 'tag'],
-  type: 'string',
-  description: 'An enumeration.'
-} as const
+  title: "SearchTag",
+  enum: ["official", "valid", "latest", "downloaded", "author", "tag"],
+  type: "string",
+  description: "An enumeration.",
+} as const;
diff --git a/frontend/src/client/api/services.gen.ts b/frontend/src/client/api/services.gen.ts
index 3292094..c1f1095 100644
--- a/frontend/src/client/api/services.gen.ts
+++ b/frontend/src/client/api/services.gen.ts
@@ -1,6 +1,6 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
-import { createClient, createConfig, type Options } from '@hey-api/client-fetch'
+import { createClient, createConfig, type Options } from "@hey-api/client-fetch";
 import type {
   AuthTokenV1AuthLoginPostData,
   AuthTokenV1AuthLoginPostError,
@@ -96,10 +96,10 @@ import type {
   GetAdaptersV1ProjectAdaptersGetResponse,
   GetDriversV1ProjectDriversGetData,
   GetDriversV1ProjectDriversGetError,
-  GetDriversV1ProjectDriversGetResponse
-} from './types.gen'
+  GetDriversV1ProjectDriversGetResponse,
+} from "./types.gen";
 
-export const client = createClient(createConfig())
+export const client = createClient(createConfig());
 
 export class AuthService {
   /**
@@ -107,7 +107,7 @@ export class AuthService {
    * - 登录, 成功后返回 JWT 密钥
    */
   public static authTokenV1AuthLoginPost<ThrowOnError extends boolean = false>(
-    options: Options<AuthTokenV1AuthLoginPostData, ThrowOnError>
+    options: Options<AuthTokenV1AuthLoginPostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       AuthTokenV1AuthLoginPostResponse,
@@ -115,8 +115,8 @@ export class AuthService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/auth/login'
-    })
+      url: "/v1/auth/login",
+    });
   }
 
   /**
@@ -124,7 +124,7 @@ export class AuthService {
    * - 验证 JWT 密钥是否可用, 返回到期时间戳
    */
   public static verifyTokenV1AuthVerifyPost<ThrowOnError extends boolean = false>(
-    options: Options<VerifyTokenV1AuthVerifyPostData, ThrowOnError>
+    options: Options<VerifyTokenV1AuthVerifyPostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       VerifyTokenV1AuthVerifyPostResponse,
@@ -132,8 +132,8 @@ export class AuthService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/auth/verify'
-    })
+      url: "/v1/auth/verify",
+    });
   }
 }
 
@@ -143,7 +143,7 @@ export class FileService {
    * - 根据提供的路径, 基于 base_dir 返回文件列表
    */
   public static getFileListV1FileListGet<ThrowOnError extends boolean = false>(
-    options: Options<GetFileListV1FileListGetData, ThrowOnError>
+    options: Options<GetFileListV1FileListGetData, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       GetFileListV1FileListGetResponse,
@@ -151,8 +151,8 @@ export class FileService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/file/list'
-    })
+      url: "/v1/file/list",
+    });
   }
 
   /**
@@ -160,7 +160,7 @@ export class FileService {
    * - 根据提供的路径, 基于 base_dir 创建文件
    */
   public static createFileV1FileCreatePost<ThrowOnError extends boolean = false>(
-    options: Options<CreateFileV1FileCreatePostData, ThrowOnError>
+    options: Options<CreateFileV1FileCreatePostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       CreateFileV1FileCreatePostResponse,
@@ -168,8 +168,8 @@ export class FileService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/file/create'
-    })
+      url: "/v1/file/create",
+    });
   }
 
   /**
@@ -177,7 +177,7 @@ export class FileService {
    * - 根据提供的路径, 基于 base_dir 删除文件
    */
   public static deleteFileV1FileDeleteDelete<ThrowOnError extends boolean = false>(
-    options: Options<DeleteFileV1FileDeleteDeleteData, ThrowOnError>
+    options: Options<DeleteFileV1FileDeleteDeleteData, ThrowOnError>,
   ) {
     return (options?.client ?? client).delete<
       DeleteFileV1FileDeleteDeleteResponse,
@@ -185,8 +185,8 @@ export class FileService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/file/delete'
-    })
+      url: "/v1/file/delete",
+    });
   }
 }
 
@@ -195,17 +195,17 @@ export class StoreService {
    *  Install Nonebot Module
    * - 安装模块至 NoneBot 实例
    */
-  public static installNonebotModuleV1StoreNonebotInstallPost<ThrowOnError extends boolean = false>(
-    options: Options<InstallNonebotModuleV1StoreNonebotInstallPostData, ThrowOnError>
-  ) {
+  public static installNonebotModuleV1StoreNonebotInstallPost<
+    ThrowOnError extends boolean = false,
+  >(options: Options<InstallNonebotModuleV1StoreNonebotInstallPostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       InstallNonebotModuleV1StoreNonebotInstallPostResponse,
       InstallNonebotModuleV1StoreNonebotInstallPostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/store/nonebot/install'
-    })
+      url: "/v1/store/nonebot/install",
+    });
   }
 
   /**
@@ -213,33 +213,35 @@ export class StoreService {
    * - 卸载 NoneBot 实例中的模块
    */
   public static uninstallNonebotModuleV1StoreNonebotUninstallPost<
-    ThrowOnError extends boolean = false
-  >(options: Options<UninstallNonebotModuleV1StoreNonebotUninstallPostData, ThrowOnError>) {
+    ThrowOnError extends boolean = false,
+  >(
+    options: Options<UninstallNonebotModuleV1StoreNonebotUninstallPostData, ThrowOnError>,
+  ) {
     return (options?.client ?? client).post<
       UninstallNonebotModuleV1StoreNonebotUninstallPostResponse,
       UninstallNonebotModuleV1StoreNonebotUninstallPostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/store/nonebot/uninstall'
-    })
+      url: "/v1/store/nonebot/uninstall",
+    });
   }
 
   /**
    *  Get Nonebot Store Items
    * - 获取 NoneBot Store 中的模块列表
    */
-  public static getNonebotStoreItemsV1StoreNonebotListGet<ThrowOnError extends boolean = false>(
-    options: Options<GetNonebotStoreItemsV1StoreNonebotListGetData, ThrowOnError>
-  ) {
+  public static getNonebotStoreItemsV1StoreNonebotListGet<
+    ThrowOnError extends boolean = false,
+  >(options: Options<GetNonebotStoreItemsV1StoreNonebotListGetData, ThrowOnError>) {
     return (options?.client ?? client).get<
       GetNonebotStoreItemsV1StoreNonebotListGetResponse,
       GetNonebotStoreItemsV1StoreNonebotListGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/store/nonebot/list'
-    })
+      url: "/v1/store/nonebot/list",
+    });
   }
 
   /**
@@ -247,7 +249,7 @@ export class StoreService {
    * - 搜索 NoneBot Store 中的模块
    */
   public static searchNonebotStoreItemV1StoreNonebotSearchPost<
-    ThrowOnError extends boolean = false
+    ThrowOnError extends boolean = false,
   >(options: Options<SearchNonebotStoreItemV1StoreNonebotSearchPostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       SearchNonebotStoreItemV1StoreNonebotSearchPostResponse,
@@ -255,8 +257,8 @@ export class StoreService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/store/nonebot/search'
-    })
+      url: "/v1/store/nonebot/search",
+    });
   }
 }
 
@@ -266,7 +268,7 @@ export class ProcessService {
    * - 运行 NoneBot 实例
    */
   public static runProcessV1ProcessRunPost<ThrowOnError extends boolean = false>(
-    options: Options<RunProcessV1ProcessRunPostData, ThrowOnError>
+    options: Options<RunProcessV1ProcessRunPostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       RunProcessV1ProcessRunPostResponse,
@@ -274,8 +276,8 @@ export class ProcessService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/process/run'
-    })
+      url: "/v1/process/run",
+    });
   }
 
   /**
@@ -283,7 +285,7 @@ export class ProcessService {
    * - 终止 NoneBot 实例
    */
   public static stopProcessV1ProcessStopPost<ThrowOnError extends boolean = false>(
-    options: Options<StopProcessV1ProcessStopPostData, ThrowOnError>
+    options: Options<StopProcessV1ProcessStopPostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       StopProcessV1ProcessStopPostResponse,
@@ -291,8 +293,8 @@ export class ProcessService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/process/stop'
-    })
+      url: "/v1/process/stop",
+    });
   }
 
   /**
@@ -300,7 +302,7 @@ export class ProcessService {
    * - 向 NoneBot 实例进程写入数据
    */
   public static writeToProcessV1ProcessWritePost<ThrowOnError extends boolean = false>(
-    options: Options<WriteToProcessV1ProcessWritePostData, ThrowOnError>
+    options: Options<WriteToProcessV1ProcessWritePostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       WriteToProcessV1ProcessWritePostResponse,
@@ -308,8 +310,8 @@ export class ProcessService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/process/write'
-    })
+      url: "/v1/process/write",
+    });
   }
 
   /**
@@ -317,7 +319,7 @@ export class ProcessService {
    * - 获取历史进程日志
    */
   public static getLogHistoryV1ProcessLogHistoryGet<ThrowOnError extends boolean = false>(
-    options: Options<GetLogHistoryV1ProcessLogHistoryGetData, ThrowOnError>
+    options: Options<GetLogHistoryV1ProcessLogHistoryGetData, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       GetLogHistoryV1ProcessLogHistoryGetResponse,
@@ -325,8 +327,8 @@ export class ProcessService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/process/log/history'
-    })
+      url: "/v1/process/log/history",
+    });
   }
 }
 
@@ -335,34 +337,34 @@ export class ProjectService {
    *  Get Project Env List
    * - 获取 NoneBot 实例中的环境文件列表
    */
-  public static getProjectEnvListV1ProjectConfigEnvListGet<ThrowOnError extends boolean = false>(
-    options: Options<GetProjectEnvListV1ProjectConfigEnvListGetData, ThrowOnError>
-  ) {
+  public static getProjectEnvListV1ProjectConfigEnvListGet<
+    ThrowOnError extends boolean = false,
+  >(options: Options<GetProjectEnvListV1ProjectConfigEnvListGetData, ThrowOnError>) {
     return (options?.client ?? client).get<
       GetProjectEnvListV1ProjectConfigEnvListGetResponse,
       GetProjectEnvListV1ProjectConfigEnvListGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/env/list'
-    })
+      url: "/v1/project/config/env/list",
+    });
   }
 
   /**
    *  Create Project Env
    * - 创建 NoneBot 实例中的环境文件
    */
-  public static createProjectEnvV1ProjectConfigEnvCreatePost<ThrowOnError extends boolean = false>(
-    options: Options<CreateProjectEnvV1ProjectConfigEnvCreatePostData, ThrowOnError>
-  ) {
+  public static createProjectEnvV1ProjectConfigEnvCreatePost<
+    ThrowOnError extends boolean = false,
+  >(options: Options<CreateProjectEnvV1ProjectConfigEnvCreatePostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       CreateProjectEnvV1ProjectConfigEnvCreatePostResponse,
       CreateProjectEnvV1ProjectConfigEnvCreatePostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/env/create'
-    })
+      url: "/v1/project/config/env/create",
+    });
   }
 
   /**
@@ -370,7 +372,7 @@ export class ProjectService {
    * - 删除 NoneBot 实例中的环境文件
    */
   public static deleteProjectEnvV1ProjectConfigEnvDeleteDelete<
-    ThrowOnError extends boolean = false
+    ThrowOnError extends boolean = false,
   >(options: Options<DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteData, ThrowOnError>) {
     return (options?.client ?? client).delete<
       DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteResponse,
@@ -378,25 +380,25 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/env/delete'
-    })
+      url: "/v1/project/config/env/delete",
+    });
   }
 
   /**
    *  Use Project Env
    * - 切换 NoneBot 实例所应用的环境文件
    */
-  public static useProjectEnvV1ProjectConfigEnvUsePost<ThrowOnError extends boolean = false>(
-    options: Options<UseProjectEnvV1ProjectConfigEnvUsePostData, ThrowOnError>
-  ) {
+  public static useProjectEnvV1ProjectConfigEnvUsePost<
+    ThrowOnError extends boolean = false,
+  >(options: Options<UseProjectEnvV1ProjectConfigEnvUsePostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       UseProjectEnvV1ProjectConfigEnvUsePostResponse,
       UseProjectEnvV1ProjectConfigEnvUsePostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/env/use'
-    })
+      url: "/v1/project/config/env/use",
+    });
   }
 
   /**
@@ -404,16 +406,18 @@ export class ProjectService {
    * - 获取 NoneBot 实例在 .toml 中的配置信息
    */
   public static getProjectMetaConfigV1ProjectConfigMetaDetailGet<
-    ThrowOnError extends boolean = false
-  >(options: Options<GetProjectMetaConfigV1ProjectConfigMetaDetailGetData, ThrowOnError>) {
+    ThrowOnError extends boolean = false,
+  >(
+    options: Options<GetProjectMetaConfigV1ProjectConfigMetaDetailGetData, ThrowOnError>,
+  ) {
     return (options?.client ?? client).get<
       GetProjectMetaConfigV1ProjectConfigMetaDetailGetResponse,
       GetProjectMetaConfigV1ProjectConfigMetaDetailGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/meta/detail'
-    })
+      url: "/v1/project/config/meta/detail",
+    });
   }
 
   /**
@@ -421,16 +425,21 @@ export class ProjectService {
    * - 获取 NoneBot 实例配置信息
    */
   public static getProjectNonebotConfigV1ProjectConfigNonebotDetailGet<
-    ThrowOnError extends boolean = false
-  >(options: Options<GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetData, ThrowOnError>) {
+    ThrowOnError extends boolean = false,
+  >(
+    options: Options<
+      GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetData,
+      ThrowOnError
+    >,
+  ) {
     return (options?.client ?? client).get<
       GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetResponse,
       GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/nonebot/detail'
-    })
+      url: "/v1/project/config/nonebot/detail",
+    });
   }
 
   /**
@@ -438,12 +447,12 @@ export class ProjectService {
    * - 获取 NoneBot 实例中所有 NoneBot 插件设置信息
    */
   public static getProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGet<
-    ThrowOnError extends boolean = false
+    ThrowOnError extends boolean = false,
   >(
     options: Options<
       GetProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGetData,
       ThrowOnError
-    >
+    >,
   ) {
     return (options?.client ?? client).get<
       GetProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGetResponse,
@@ -451,8 +460,8 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/nonebot/plugin/detail'
-    })
+      url: "/v1/project/config/nonebot/plugin/detail",
+    });
   }
 
   /**
@@ -461,51 +470,51 @@ export class ProjectService {
    * - 说明:
    * * `module_type` 仅作 WebUI 更新自身存储的实例信息，不会影响实例本体
    */
-  public static updateProjectConfigV1ProjectConfigUpdatePost<ThrowOnError extends boolean = false>(
-    options: Options<UpdateProjectConfigV1ProjectConfigUpdatePostData, ThrowOnError>
-  ) {
+  public static updateProjectConfigV1ProjectConfigUpdatePost<
+    ThrowOnError extends boolean = false,
+  >(options: Options<UpdateProjectConfigV1ProjectConfigUpdatePostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       UpdateProjectConfigV1ProjectConfigUpdatePostResponse,
       UpdateProjectConfigV1ProjectConfigUpdatePostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/update'
-    })
+      url: "/v1/project/config/update",
+    });
   }
 
   /**
    * Get Dotenv File
    * - 获取环境文件内容
    */
-  public static getDotenvFileV1ProjectConfigDotenvGet<ThrowOnError extends boolean = false>(
-    options: Options<GetDotenvFileV1ProjectConfigDotenvGetData, ThrowOnError>
-  ) {
+  public static getDotenvFileV1ProjectConfigDotenvGet<
+    ThrowOnError extends boolean = false,
+  >(options: Options<GetDotenvFileV1ProjectConfigDotenvGetData, ThrowOnError>) {
     return (options?.client ?? client).get<
       GetDotenvFileV1ProjectConfigDotenvGetResponse,
       GetDotenvFileV1ProjectConfigDotenvGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/dotenv'
-    })
+      url: "/v1/project/config/dotenv",
+    });
   }
 
   /**
    * Update Dotenv File
    * - 更新环境文件内容
    */
-  public static updateDotenvFileV1ProjectConfigDotenvPut<ThrowOnError extends boolean = false>(
-    options: Options<UpdateDotenvFileV1ProjectConfigDotenvPutData, ThrowOnError>
-  ) {
+  public static updateDotenvFileV1ProjectConfigDotenvPut<
+    ThrowOnError extends boolean = false,
+  >(options: Options<UpdateDotenvFileV1ProjectConfigDotenvPutData, ThrowOnError>) {
     return (options?.client ?? client).put<
       UpdateDotenvFileV1ProjectConfigDotenvPutResponse,
       UpdateDotenvFileV1ProjectConfigDotenvPutError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/config/dotenv'
-    })
+      url: "/v1/project/config/dotenv",
+    });
   }
 
   /**
@@ -514,7 +523,7 @@ export class ProjectService {
    * - 返回对应的日志密钥, 用于日志展现
    */
   public static createProjectV1ProjectCreatePost<ThrowOnError extends boolean = false>(
-    options: Options<CreateProjectV1ProjectCreatePostData, ThrowOnError>
+    options: Options<CreateProjectV1ProjectCreatePostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       CreateProjectV1ProjectCreatePostResponse,
@@ -522,8 +531,8 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/create'
-    })
+      url: "/v1/project/create",
+    });
   }
 
   /**
@@ -532,7 +541,7 @@ export class ProjectService {
    * - 返回对应的日志密钥, 用于日志展现
    */
   public static addProjectV1ProjectAddPost<ThrowOnError extends boolean = false>(
-    options: Options<AddProjectV1ProjectAddPostData, ThrowOnError>
+    options: Options<AddProjectV1ProjectAddPostData, ThrowOnError>,
   ) {
     return (options?.client ?? client).post<
       AddProjectV1ProjectAddPostResponse,
@@ -540,25 +549,25 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/add'
-    })
+      url: "/v1/project/add",
+    });
   }
 
   /**
    * Get Project Profile
    * - 获取 NoneBot 实例的配置信息
    */
-  public static getProjectProfileV1ProjectProfileGet<ThrowOnError extends boolean = false>(
-    options: Options<GetProjectProfileV1ProjectProfileGetData, ThrowOnError>
-  ) {
+  public static getProjectProfileV1ProjectProfileGet<
+    ThrowOnError extends boolean = false,
+  >(options: Options<GetProjectProfileV1ProjectProfileGetData, ThrowOnError>) {
     return (options?.client ?? client).get<
       GetProjectProfileV1ProjectProfileGetResponse,
       GetProjectProfileV1ProjectProfileGetError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/profile'
-    })
+      url: "/v1/project/profile",
+    });
   }
 
   /**
@@ -566,7 +575,7 @@ export class ProjectService {
    * - 删除 NoneBot 实例
    */
   public static deleteProjectV1ProjectDeleteDelete<ThrowOnError extends boolean = false>(
-    options: Options<DeleteProjectV1ProjectDeleteDeleteData, ThrowOnError>
+    options: Options<DeleteProjectV1ProjectDeleteDeleteData, ThrowOnError>,
   ) {
     return (options?.client ?? client).delete<
       DeleteProjectV1ProjectDeleteDeleteResponse,
@@ -574,8 +583,8 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/delete'
-    })
+      url: "/v1/project/delete",
+    });
   }
 
   /**
@@ -583,7 +592,7 @@ export class ProjectService {
    * - 获取所有 NoneBot 实例基本信息
    */
   public static listProjectV1ProjectListGet<ThrowOnError extends boolean = false>(
-    options?: Options<unknown, ThrowOnError>
+    options?: Options<unknown, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       ListProjectV1ProjectListGetResponse,
@@ -591,25 +600,25 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/list'
-    })
+      url: "/v1/project/list",
+    });
   }
 
   /**
    * Check Project Toml
    * - 检查 NoneBot 实例的 toml 文件并从中获取所需信息
    */
-  public static checkProjectTomlV1ProjectCheckTomlPost<ThrowOnError extends boolean = false>(
-    options: Options<CheckProjectTomlV1ProjectCheckTomlPostData, ThrowOnError>
-  ) {
+  public static checkProjectTomlV1ProjectCheckTomlPost<
+    ThrowOnError extends boolean = false,
+  >(options: Options<CheckProjectTomlV1ProjectCheckTomlPostData, ThrowOnError>) {
     return (options?.client ?? client).post<
       CheckProjectTomlV1ProjectCheckTomlPostResponse,
       CheckProjectTomlV1ProjectCheckTomlPostError,
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/check_toml'
-    })
+      url: "/v1/project/check_toml",
+    });
   }
 
   /**
@@ -617,7 +626,7 @@ export class ProjectService {
    * - 获取实例的插件列表
    */
   public static getPluginsV1ProjectPluginsGet<ThrowOnError extends boolean = false>(
-    options: Options<GetPluginsV1ProjectPluginsGetData, ThrowOnError>
+    options: Options<GetPluginsV1ProjectPluginsGetData, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       GetPluginsV1ProjectPluginsGetResponse,
@@ -625,8 +634,8 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/plugins'
-    })
+      url: "/v1/project/plugins",
+    });
   }
 
   /**
@@ -634,7 +643,7 @@ export class ProjectService {
    * - 获取实例的适配器列表
    */
   public static getAdaptersV1ProjectAdaptersGet<ThrowOnError extends boolean = false>(
-    options: Options<GetAdaptersV1ProjectAdaptersGetData, ThrowOnError>
+    options: Options<GetAdaptersV1ProjectAdaptersGetData, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       GetAdaptersV1ProjectAdaptersGetResponse,
@@ -642,8 +651,8 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/adapters'
-    })
+      url: "/v1/project/adapters",
+    });
   }
 
   /**
@@ -651,7 +660,7 @@ export class ProjectService {
    * - 获取实例的驱动器列表
    */
   public static getDriversV1ProjectDriversGet<ThrowOnError extends boolean = false>(
-    options: Options<GetDriversV1ProjectDriversGetData, ThrowOnError>
+    options: Options<GetDriversV1ProjectDriversGetData, ThrowOnError>,
   ) {
     return (options?.client ?? client).get<
       GetDriversV1ProjectDriversGetResponse,
@@ -659,7 +668,7 @@ export class ProjectService {
       ThrowOnError
     >({
       ...options,
-      url: '/v1/project/drivers'
-    })
+      url: "/v1/project/drivers",
+    });
   }
 }
diff --git a/frontend/src/client/api/types.gen.ts b/frontend/src/client/api/types.gen.ts
index de836a2..c7d534a 100644
--- a/frontend/src/client/api/types.gen.ts
+++ b/frontend/src/client/api/types.gen.ts
@@ -1,682 +1,693 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 export type Adapter = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version?: string
-  is_download?: boolean
-}
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version?: string;
+  is_download?: boolean;
+};
 
 export type AddProjectData = {
-  project_name: string
-  project_dir: string
-  mirror_url: string
-  adapters?: Array<string>
-  plugins?: Array<string>
-  plugin_dirs?: Array<string>
-  builtin_plugins?: Array<string>
-}
+  project_name: string;
+  project_dir: string;
+  mirror_url: string;
+  adapters?: Array<string>;
+  plugins?: Array<string>;
+  plugin_dirs?: Array<string>;
+  builtin_plugins?: Array<string>;
+};
 
 export type Body_search_nonebot_store_item_v1_store_nonebot_search_post = {
-  data: SearchRequest
-}
+  data: SearchRequest;
+};
 
 /**
  * An enumeration.
  */
-export type ConfigType = 'project' | 'toml'
+export type ConfigType = "project" | "toml";
 
 export type CreateProjectData = {
-  is_bootstrap: boolean
-  project_name: string
-  project_dir: string
-  mirror_url: string
-  drivers: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
-  adapters: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
-  use_src: boolean
-}
+  is_bootstrap: boolean;
+  project_name: string;
+  project_dir: string;
+  mirror_url: string;
+  drivers: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>;
+  adapters: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>;
+  use_src: boolean;
+};
 
 export type Driver = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version?: string
-  is_download?: boolean
-}
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version?: string;
+  is_download?: boolean;
+};
 
 export type FileInfo = {
-  name: string
-  is_dir: boolean
-  path: string
-  modified_time: string
-  absolute_path: string
-}
+  name: string;
+  is_dir: boolean;
+  path: string;
+  modified_time: string;
+  absolute_path: string;
+};
 
 export type FileResponse = {
-  detail: Array<FileInfo>
-}
+  detail: Array<FileInfo>;
+};
 
-export type GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schemas_ProcessLog__ = {
-  detail: Array<ProcessLog>
-}
+export type GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schemas_ProcessLog__ =
+  {
+    detail: Array<ProcessLog>;
+  };
 
 export type GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__ = {
-  detail: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
-}
+  detail: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>;
+};
 
 export type GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__ = {
-  detail: Array<nb_cli_plugin_webui__app__models__base__Plugin>
-}
+  detail: Array<nb_cli_plugin_webui__app__models__base__Plugin>;
+};
 
 export type GenericResponse_List_str__ = {
-  detail: Array<string>
-}
+  detail: Array<string>;
+};
 
 export type GenericResponse_NoneBotProjectMeta_ = {
-  detail: NoneBotProjectMeta
-}
+  detail: NoneBotProjectMeta;
+};
 
 export type GenericResponse_ProjectTomlDetail_ = {
-  detail: ProjectTomlDetail
-}
+  detail: ProjectTomlDetail;
+};
 
 export type GenericResponse_int_ = {
-  detail: number
-}
+  detail: number;
+};
 
 export type GenericResponse_str_ = {
-  detail: string
-}
+  detail: string;
+};
 
 export type HTTPValidationError = {
-  detail?: Array<ValidationError>
-}
+  detail?: Array<ValidationError>;
+};
 
 export type Item = {
-  enum?: Array<unknown>
-  type: string
-}
+  enum?: Array<unknown>;
+  type: string;
+};
 
 export type ListProjectResponse = {
   detail: {
-    [key: string]: NoneBotProjectMeta
-  }
-}
+    [key: string]: NoneBotProjectMeta;
+  };
+};
 
 /**
  * An enumeration.
  */
-export type LogLevel = 'STDOUT' | 'INFO' | 'WARNING' | 'ERROR' | 'DEBUG'
+export type LogLevel = "STDOUT" | "INFO" | "WARNING" | "ERROR" | "DEBUG";
 
 export type LoginRequest = {
-  token: string
-  mark: string
-}
+  token: string;
+  mark: string;
+};
 
 export type ModuleConfigChild = {
-  title: string
-  description?: string
-  name: string
-  default?: unknown
-  conf_type: string
-  enum?: Array<unknown>
-  configured?: unknown
-  items?: Item
-  unique_items: boolean
-  is_secret: boolean
-  latest_change?: string
-}
+  title: string;
+  description?: string;
+  name: string;
+  default?: unknown;
+  conf_type: string;
+  enum?: Array<unknown>;
+  configured?: unknown;
+  items?: Item;
+  unique_items: boolean;
+  is_secret: boolean;
+  latest_change?: string;
+};
 
 export type ModuleConfigFather = {
-  title: string
-  description?: string
-  name: string
-  module_type: ModuleType | ConfigType
-  properties: Array<ModuleConfigChild>
-}
+  title: string;
+  description?: string;
+  name: string;
+  module_type: ModuleType | ConfigType;
+  properties: Array<ModuleConfigChild>;
+};
 
 export type ModuleConfigResponse = {
-  detail: Array<ModuleConfigFather>
-}
+  detail: Array<ModuleConfigFather>;
+};
 
 export type ModuleConfigUpdateRequest = {
-  env: string
-  conf_type: string
-  k: string
-  v?: unknown
-}
+  env: string;
+  conf_type: string;
+  k: string;
+  v?: unknown;
+};
 
 export type ModuleTag = {
-  label: string
-  color: string
-}
+  label: string;
+  color: string;
+};
 
 /**
  * An enumeration.
  */
-export type ModuleType = 'module' | 'plugin' | 'adapter' | 'driver'
+export type ModuleType = "module" | "plugin" | "adapter" | "driver";
 
 export type NoneBotProjectMeta = {
-  project_id: string
-  project_name: string
-  project_dir: string
-  mirror_url: string
-  adapters: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
-  drivers: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>
-  plugins: Array<nb_cli_plugin_webui__app__models__base__Plugin>
-  plugin_dirs: Array<string>
-  builtin_plugins: Array<string>
-  is_running?: boolean
-  use_env?: string
-  use_run_script?: boolean
-  run_script_name?: string
-}
+  project_id: string;
+  project_name: string;
+  project_dir: string;
+  mirror_url: string;
+  adapters: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>;
+  drivers: Array<nb_cli_plugin_webui__app__models__base__ModuleInfo>;
+  plugins: Array<nb_cli_plugin_webui__app__models__base__Plugin>;
+  plugin_dirs: Array<string>;
+  builtin_plugins: Array<string>;
+  is_running?: boolean;
+  use_env?: string;
+  use_run_script?: boolean;
+  run_script_name?: string;
+};
 
 /**
  * 类型参考:
  * - https://github.com/nonebot/noneflow/blob/main/src/utils/validation/constants.py#L17
  */
-export type PluginType = 'application' | 'library'
+export type PluginType = "application" | "library";
 
 export type ProcessLog = {
-  time?: string
-  level?: LogLevel
-  message: string
-}
+  time?: string;
+  level?: LogLevel;
+  message: string;
+};
 
 export type ProjectTomlDetail = {
-  project_name: string
+  project_name: string;
   adapters: Array<{
-    [key: string]: string
-  }>
-  plugins: Array<string>
-  plugin_dirs: Array<string>
-  builtin_plugins: Array<string>
-}
+    [key: string]: string;
+  }>;
+  plugins: Array<string>;
+  plugin_dirs: Array<string>;
+  builtin_plugins: Array<string>;
+};
 
 export type SearchRequest = {
-  module_type: ModuleType
-  tags?: Array<nb_cli_plugin_webui__app__models__store__SearchTag>
-  content: string
-}
+  module_type: ModuleType;
+  tags?: Array<nb_cli_plugin_webui__app__models__store__SearchTag>;
+  content: string;
+};
 
 export type SimpleModel = {
-  name: string
-  is_dir: boolean
-  path: string
-}
+  name: string;
+  is_dir: boolean;
+  path: string;
+};
 
 export type StoreListResponse = {
-  detail: Array<nb_cli_plugin_webui__app__models__store__Plugin> | Array<Adapter> | Array<Driver>
-  now_page: number
-  total_page: number
-  total_item: number
-}
+  detail:
+    | Array<nb_cli_plugin_webui__app__models__store__Plugin>
+    | Array<Adapter>
+    | Array<Driver>;
+  now_page: number;
+  total_page: number;
+  total_item: number;
+};
 
 export type ValidationError = {
-  loc: Array<string | number>
-  msg: string
-  type: string
-}
+  loc: Array<string | number>;
+  msg: string;
+  type: string;
+};
 
 export type VerifyRequest = {
-  jwt_token: string
-}
+  jwt_token: string;
+};
 
 export type nb_cli_plugin_webui__app__models__base__ModuleInfo = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version?: string
-  is_download?: boolean
-}
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version?: string;
+  is_download?: boolean;
+};
 
 export type nb_cli_plugin_webui__app__models__base__Plugin = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version?: string
-  is_download?: boolean
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version?: string;
+  is_download?: boolean;
   config?: {
-    [key: string]: unknown
-  }
-}
+    [key: string]: unknown;
+  };
+};
 
 export type nb_cli_plugin_webui__app__models__store__ModuleInfo = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version?: string
-  is_download?: boolean
-  module_type?: 'module'
-}
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version?: string;
+  is_download?: boolean;
+  module_type?: "module";
+};
 
-export type module_type = 'module'
+export type module_type = "module";
 
 /**
  * 结构参考:
  * - https://github.com/nonebot/noneflow/blob/main/src/utils/store_test/models.py#L14
  */
 export type nb_cli_plugin_webui__app__models__store__Plugin = {
-  module_name?: string
-  project_link?: string
-  name?: string
-  desc?: string
-  author?: string
-  homepage?: string
-  usage?: string
+  module_name?: string;
+  project_link?: string;
+  name?: string;
+  desc?: string;
+  author?: string;
+  homepage?: string;
+  usage?: string;
   extra?: {
-    [key: string]: unknown
-  }
-  tags?: Array<ModuleTag>
-  is_official?: boolean
-  version: string
-  is_download?: boolean
+    [key: string]: unknown;
+  };
+  tags?: Array<ModuleTag>;
+  is_official?: boolean;
+  version: string;
+  is_download?: boolean;
   config?: {
-    [key: string]: unknown
-  }
-  type?: PluginType
-  supported_adapters?: Array<string>
-  valid: boolean
-  time: string
-  skip_test: boolean
-  module_type?: 'plugin'
-}
-
-export type module_type2 = 'plugin'
+    [key: string]: unknown;
+  };
+  type?: PluginType;
+  supported_adapters?: Array<string>;
+  valid: boolean;
+  time: string;
+  skip_test: boolean;
+  module_type?: "plugin";
+};
+
+export type module_type2 = "plugin";
 
 export type nb_cli_plugin_webui__app__models__store__SearchTag = {
-  label: nb_cli_plugin_webui__app__models__types__SearchTag
-  text?: string
-}
+  label: nb_cli_plugin_webui__app__models__types__SearchTag;
+  text?: string;
+};
 
 /**
  * An enumeration.
  */
 export type nb_cli_plugin_webui__app__models__types__SearchTag =
-  | 'official'
-  | 'valid'
-  | 'latest'
-  | 'downloaded'
-  | 'author'
-  | 'tag'
+  | "official"
+  | "valid"
+  | "latest"
+  | "downloaded"
+  | "author"
+  | "tag";
 
 export type AuthTokenV1AuthLoginPostData = {
-  body: LoginRequest
-}
+  body: LoginRequest;
+};
 
-export type AuthTokenV1AuthLoginPostResponse = GenericResponse_str_
+export type AuthTokenV1AuthLoginPostResponse = GenericResponse_str_;
 
-export type AuthTokenV1AuthLoginPostError = HTTPValidationError
+export type AuthTokenV1AuthLoginPostError = HTTPValidationError;
 
 export type VerifyTokenV1AuthVerifyPostData = {
-  body: VerifyRequest
-}
+  body: VerifyRequest;
+};
 
-export type VerifyTokenV1AuthVerifyPostResponse = GenericResponse_str_
+export type VerifyTokenV1AuthVerifyPostResponse = GenericResponse_str_;
 
-export type VerifyTokenV1AuthVerifyPostError = HTTPValidationError
+export type VerifyTokenV1AuthVerifyPostError = HTTPValidationError;
 
 export type GetFileListV1FileListGetData = {
   query: {
-    path: string
-  }
-}
+    path: string;
+  };
+};
 
-export type GetFileListV1FileListGetResponse = FileResponse
+export type GetFileListV1FileListGetResponse = FileResponse;
 
-export type GetFileListV1FileListGetError = HTTPValidationError
+export type GetFileListV1FileListGetError = HTTPValidationError;
 
 export type CreateFileV1FileCreatePostData = {
-  body: SimpleModel
-}
+  body: SimpleModel;
+};
 
-export type CreateFileV1FileCreatePostResponse = FileResponse
+export type CreateFileV1FileCreatePostResponse = FileResponse;
 
-export type CreateFileV1FileCreatePostError = HTTPValidationError
+export type CreateFileV1FileCreatePostError = HTTPValidationError;
 
 export type DeleteFileV1FileDeleteDeleteData = {
   query: {
-    path: string
-  }
-}
+    path: string;
+  };
+};
 
-export type DeleteFileV1FileDeleteDeleteResponse = FileResponse
+export type DeleteFileV1FileDeleteDeleteResponse = FileResponse;
 
-export type DeleteFileV1FileDeleteDeleteError = HTTPValidationError
+export type DeleteFileV1FileDeleteDeleteError = HTTPValidationError;
 
 export type InstallNonebotModuleV1StoreNonebotInstallPostData = {
   body:
     | nb_cli_plugin_webui__app__models__store__ModuleInfo
-    | nb_cli_plugin_webui__app__models__store__Plugin
+    | nb_cli_plugin_webui__app__models__store__Plugin;
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type InstallNonebotModuleV1StoreNonebotInstallPostResponse = GenericResponse_str_
+export type InstallNonebotModuleV1StoreNonebotInstallPostResponse = GenericResponse_str_;
 
-export type InstallNonebotModuleV1StoreNonebotInstallPostError = HTTPValidationError
+export type InstallNonebotModuleV1StoreNonebotInstallPostError = HTTPValidationError;
 
 export type UninstallNonebotModuleV1StoreNonebotUninstallPostData = {
   body:
     | nb_cli_plugin_webui__app__models__store__ModuleInfo
-    | nb_cli_plugin_webui__app__models__store__Plugin
+    | nb_cli_plugin_webui__app__models__store__Plugin;
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type UninstallNonebotModuleV1StoreNonebotUninstallPostResponse = GenericResponse_str_
+export type UninstallNonebotModuleV1StoreNonebotUninstallPostResponse =
+  GenericResponse_str_;
 
-export type UninstallNonebotModuleV1StoreNonebotUninstallPostError = HTTPValidationError
+export type UninstallNonebotModuleV1StoreNonebotUninstallPostError = HTTPValidationError;
 
 export type GetNonebotStoreItemsV1StoreNonebotListGetData = {
   query: {
-    is_search?: boolean
-    module_type: ModuleType
-    page: number
-    project_id?: string
-    show_all?: boolean
-  }
-}
+    is_search?: boolean;
+    module_type: ModuleType;
+    page: number;
+    project_id?: string;
+    show_all?: boolean;
+  };
+};
 
-export type GetNonebotStoreItemsV1StoreNonebotListGetResponse = StoreListResponse
+export type GetNonebotStoreItemsV1StoreNonebotListGetResponse = StoreListResponse;
 
-export type GetNonebotStoreItemsV1StoreNonebotListGetError = HTTPValidationError
+export type GetNonebotStoreItemsV1StoreNonebotListGetError = HTTPValidationError;
 
 export type SearchNonebotStoreItemV1StoreNonebotSearchPostData = {
-  body: Body_search_nonebot_store_item_v1_store_nonebot_search_post
+  body: Body_search_nonebot_store_item_v1_store_nonebot_search_post;
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type SearchNonebotStoreItemV1StoreNonebotSearchPostResponse = StoreListResponse
+export type SearchNonebotStoreItemV1StoreNonebotSearchPostResponse = StoreListResponse;
 
-export type SearchNonebotStoreItemV1StoreNonebotSearchPostError = HTTPValidationError
+export type SearchNonebotStoreItemV1StoreNonebotSearchPostError = HTTPValidationError;
 
 export type RunProcessV1ProcessRunPostData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type RunProcessV1ProcessRunPostResponse = GenericResponse_str_
+export type RunProcessV1ProcessRunPostResponse = GenericResponse_str_;
 
-export type RunProcessV1ProcessRunPostError = HTTPValidationError
+export type RunProcessV1ProcessRunPostError = HTTPValidationError;
 
 export type StopProcessV1ProcessStopPostData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type StopProcessV1ProcessStopPostResponse = GenericResponse_str_
+export type StopProcessV1ProcessStopPostResponse = GenericResponse_str_;
 
-export type StopProcessV1ProcessStopPostError = HTTPValidationError
+export type StopProcessV1ProcessStopPostError = HTTPValidationError;
 
 export type WriteToProcessV1ProcessWritePostData = {
   query: {
-    content: string
-    project_id: string
-  }
-}
+    content: string;
+    project_id: string;
+  };
+};
 
-export type WriteToProcessV1ProcessWritePostResponse = GenericResponse_int_
+export type WriteToProcessV1ProcessWritePostResponse = GenericResponse_int_;
 
-export type WriteToProcessV1ProcessWritePostError = HTTPValidationError
+export type WriteToProcessV1ProcessWritePostError = HTTPValidationError;
 
 export type GetLogHistoryV1ProcessLogHistoryGetData = {
   query: {
-    log_count: number
-    log_id: string
-  }
-}
+    log_count: number;
+    log_id: string;
+  };
+};
 
 export type GetLogHistoryV1ProcessLogHistoryGetResponse =
-  GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schemas_ProcessLog__
+  GenericResponse_List_nb_cli_plugin_webui_app_handlers_process_schemas_ProcessLog__;
 
-export type GetLogHistoryV1ProcessLogHistoryGetError = HTTPValidationError
+export type GetLogHistoryV1ProcessLogHistoryGetError = HTTPValidationError;
 
 export type GetProjectEnvListV1ProjectConfigEnvListGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type GetProjectEnvListV1ProjectConfigEnvListGetResponse = GenericResponse_List_str__
+export type GetProjectEnvListV1ProjectConfigEnvListGetResponse =
+  GenericResponse_List_str__;
 
-export type GetProjectEnvListV1ProjectConfigEnvListGetError = HTTPValidationError
+export type GetProjectEnvListV1ProjectConfigEnvListGetError = HTTPValidationError;
 
 export type CreateProjectEnvV1ProjectConfigEnvCreatePostData = {
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type CreateProjectEnvV1ProjectConfigEnvCreatePostResponse = GenericResponse_str_
+export type CreateProjectEnvV1ProjectConfigEnvCreatePostResponse = GenericResponse_str_;
 
-export type CreateProjectEnvV1ProjectConfigEnvCreatePostError = HTTPValidationError
+export type CreateProjectEnvV1ProjectConfigEnvCreatePostError = HTTPValidationError;
 
 export type DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteData = {
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteResponse = GenericResponse_str_
+export type DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteResponse = GenericResponse_str_;
 
-export type DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteError = HTTPValidationError
+export type DeleteProjectEnvV1ProjectConfigEnvDeleteDeleteError = HTTPValidationError;
 
 export type UseProjectEnvV1ProjectConfigEnvUsePostData = {
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type UseProjectEnvV1ProjectConfigEnvUsePostResponse = GenericResponse_str_
+export type UseProjectEnvV1ProjectConfigEnvUsePostResponse = GenericResponse_str_;
 
-export type UseProjectEnvV1ProjectConfigEnvUsePostError = HTTPValidationError
+export type UseProjectEnvV1ProjectConfigEnvUsePostError = HTTPValidationError;
 
 export type GetProjectMetaConfigV1ProjectConfigMetaDetailGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type GetProjectMetaConfigV1ProjectConfigMetaDetailGetResponse = ModuleConfigResponse
+export type GetProjectMetaConfigV1ProjectConfigMetaDetailGetResponse =
+  ModuleConfigResponse;
 
-export type GetProjectMetaConfigV1ProjectConfigMetaDetailGetError = HTTPValidationError
+export type GetProjectMetaConfigV1ProjectConfigMetaDetailGetError = HTTPValidationError;
 
 export type GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetResponse = ModuleConfigResponse
+export type GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetResponse =
+  ModuleConfigResponse;
 
-export type GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetError = HTTPValidationError
+export type GetProjectNonebotConfigV1ProjectConfigNonebotDetailGetError =
+  HTTPValidationError;
 
 export type GetProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
 export type GetProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGetResponse =
-  ModuleConfigResponse
+  ModuleConfigResponse;
 
 export type GetProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGetError =
-  HTTPValidationError
+  HTTPValidationError;
 
 export type UpdateProjectConfigV1ProjectConfigUpdatePostData = {
-  body: ModuleConfigUpdateRequest
+  body: ModuleConfigUpdateRequest;
   query: {
-    module_type: ModuleType | ConfigType
-    project_id: string
-  }
-}
+    module_type: ModuleType | ConfigType;
+    project_id: string;
+  };
+};
 
-export type UpdateProjectConfigV1ProjectConfigUpdatePostResponse = GenericResponse_str_
+export type UpdateProjectConfigV1ProjectConfigUpdatePostResponse = GenericResponse_str_;
 
-export type UpdateProjectConfigV1ProjectConfigUpdatePostError = HTTPValidationError
+export type UpdateProjectConfigV1ProjectConfigUpdatePostError = HTTPValidationError;
 
 export type GetDotenvFileV1ProjectConfigDotenvGetData = {
   query: {
-    env: string
-    project_id: string
-  }
-}
+    env: string;
+    project_id: string;
+  };
+};
 
-export type GetDotenvFileV1ProjectConfigDotenvGetResponse = GenericResponse_str_
+export type GetDotenvFileV1ProjectConfigDotenvGetResponse = GenericResponse_str_;
 
-export type GetDotenvFileV1ProjectConfigDotenvGetError = HTTPValidationError
+export type GetDotenvFileV1ProjectConfigDotenvGetError = HTTPValidationError;
 
 export type UpdateDotenvFileV1ProjectConfigDotenvPutData = {
   query: {
-    data: string
-    env: string
-    project_id: string
-  }
-}
+    data: string;
+    env: string;
+    project_id: string;
+  };
+};
 
-export type UpdateDotenvFileV1ProjectConfigDotenvPutResponse = GenericResponse_str_
+export type UpdateDotenvFileV1ProjectConfigDotenvPutResponse = GenericResponse_str_;
 
-export type UpdateDotenvFileV1ProjectConfigDotenvPutError = HTTPValidationError
+export type UpdateDotenvFileV1ProjectConfigDotenvPutError = HTTPValidationError;
 
 export type CreateProjectV1ProjectCreatePostData = {
-  body: CreateProjectData
-}
+  body: CreateProjectData;
+};
 
-export type CreateProjectV1ProjectCreatePostResponse = GenericResponse_str_
+export type CreateProjectV1ProjectCreatePostResponse = GenericResponse_str_;
 
-export type CreateProjectV1ProjectCreatePostError = HTTPValidationError
+export type CreateProjectV1ProjectCreatePostError = HTTPValidationError;
 
 export type AddProjectV1ProjectAddPostData = {
-  body: AddProjectData
-}
+  body: AddProjectData;
+};
 
-export type AddProjectV1ProjectAddPostResponse = GenericResponse_str_
+export type AddProjectV1ProjectAddPostResponse = GenericResponse_str_;
 
-export type AddProjectV1ProjectAddPostError = HTTPValidationError
+export type AddProjectV1ProjectAddPostError = HTTPValidationError;
 
 export type GetProjectProfileV1ProjectProfileGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
-export type GetProjectProfileV1ProjectProfileGetResponse = GenericResponse_NoneBotProjectMeta_
+export type GetProjectProfileV1ProjectProfileGetResponse =
+  GenericResponse_NoneBotProjectMeta_;
 
-export type GetProjectProfileV1ProjectProfileGetError = HTTPValidationError
+export type GetProjectProfileV1ProjectProfileGetError = HTTPValidationError;
 
 export type DeleteProjectV1ProjectDeleteDeleteData = {
   query: {
-    delete_fully?: boolean
-    project_id: string
-  }
-}
+    delete_fully?: boolean;
+    project_id: string;
+  };
+};
 
-export type DeleteProjectV1ProjectDeleteDeleteResponse = GenericResponse_str_
+export type DeleteProjectV1ProjectDeleteDeleteResponse = GenericResponse_str_;
 
-export type DeleteProjectV1ProjectDeleteDeleteError = HTTPValidationError
+export type DeleteProjectV1ProjectDeleteDeleteError = HTTPValidationError;
 
-export type ListProjectV1ProjectListGetResponse = ListProjectResponse
+export type ListProjectV1ProjectListGetResponse = ListProjectResponse;
 
-export type ListProjectV1ProjectListGetError = unknown
+export type ListProjectV1ProjectListGetError = unknown;
 
 export type CheckProjectTomlV1ProjectCheckTomlPostData = {
   query: {
-    project_dir: string
-  }
-}
+    project_dir: string;
+  };
+};
 
-export type CheckProjectTomlV1ProjectCheckTomlPostResponse = GenericResponse_ProjectTomlDetail_
+export type CheckProjectTomlV1ProjectCheckTomlPostResponse =
+  GenericResponse_ProjectTomlDetail_;
 
-export type CheckProjectTomlV1ProjectCheckTomlPostError = HTTPValidationError
+export type CheckProjectTomlV1ProjectCheckTomlPostError = HTTPValidationError;
 
 export type GetPluginsV1ProjectPluginsGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
 export type GetPluginsV1ProjectPluginsGetResponse =
-  GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_Plugin__;
 
-export type GetPluginsV1ProjectPluginsGetError = HTTPValidationError
+export type GetPluginsV1ProjectPluginsGetError = HTTPValidationError;
 
 export type GetAdaptersV1ProjectAdaptersGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
 export type GetAdaptersV1ProjectAdaptersGetResponse =
-  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__;
 
-export type GetAdaptersV1ProjectAdaptersGetError = HTTPValidationError
+export type GetAdaptersV1ProjectAdaptersGetError = HTTPValidationError;
 
 export type GetDriversV1ProjectDriversGetData = {
   query: {
-    project_id: string
-  }
-}
+    project_id: string;
+  };
+};
 
 export type GetDriversV1ProjectDriversGetResponse =
-  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__
+  GenericResponse_List_nb_cli_plugin_webui_app_models_base_ModuleInfo__;
 
-export type GetDriversV1ProjectDriversGetError = HTTPValidationError
+export type GetDriversV1ProjectDriversGetError = HTTPValidationError;
diff --git a/frontend/src/client/init.ts b/frontend/src/client/init.ts
index 907a8ff..e3477c8 100644
--- a/frontend/src/client/init.ts
+++ b/frontend/src/client/init.ts
@@ -1,65 +1,65 @@
-import { createApp, type App as VueAPP } from 'vue'
-import { createPinia } from 'pinia'
-import router from '@/router'
-import { client, AuthService } from './api'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import App from '@/App.vue'
-import './useMonacoWorker'
+import { createApp, type App as VueAPP } from "vue";
+import { createPinia } from "pinia";
+import router from "@/router";
+import { client, AuthService } from "./api";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import App from "@/App.vue";
+import "./useMonacoWorker";
 
 const installVuePlugins = (app: VueAPP) => {
-  app.use(createPinia())
-  app.use(router)
-}
+  app.use(createPinia());
+  app.use(router);
+};
 
 export const initWebUI = async () => {
-  const app = createApp(App)
-  installVuePlugins(app)
-  app.mount('#app')
+  const app = createApp(App);
+  installVuePlugins(app);
+  app.mount("#app");
 
-  const token = localStorage.getItem('token') || ''
-  const base = localStorage.getItem('debugUrl') || ''
+  const token = localStorage.getItem("token") || "";
+  const base = localStorage.getItem("debugUrl") || "";
 
   if (!token) {
-    router.push('/login')
-    return
+    router.push("/login");
+    return;
   }
 
   client.setConfig({
-    baseUrl: base
-  })
+    baseUrl: base,
+  });
   client.interceptors.request.use((request) => {
-    request.headers.set('Authorization', `Bearer ${token}`)
-    return request
-  })
+    request.headers.set("Authorization", `Bearer ${token}`);
+    return request;
+  });
 
-  const toast = useToastStore()
+  const toast = useToastStore();
 
   const { data, error, response } = await AuthService.verifyTokenV1AuthVerifyPost({
     body: {
-      jwt_token: token
-    }
-  })
+      jwt_token: token,
+    },
+  });
   if (error && response.status === 403) {
-    localStorage.clear()
-    router.push('/login')
-    toast.add('warning', 'Token 已失效, 请重新登陆', '', 5000)
-    return
+    localStorage.clear();
+    router.push("/login");
+    toast.add("warning", "Token 已失效, 请重新登陆", "", 5000);
+    return;
   }
 
   if (data) {
-    const expire = Number(data.detail)
-    const now = Date.now() / 1000
-    const diff = expire - now
+    const expire = Number(data.detail);
+    const now = Date.now() / 1000;
+    const diff = expire - now;
     toast.add(
-      'info',
+      "info",
       `Token 有效还剩: ${Math.floor((diff % 86400) / 3600)}h${Math.floor(
-        (diff % 3600) / 60
+        (diff % 3600) / 60,
       )}m${Math.floor(diff % 60)}s`,
-      '',
-      10000
-    )
+      "",
+      10000,
+    );
   }
 
-  const store = useNoneBotStore()
-  await store.loadBots()
-}
+  const store = useNoneBotStore();
+  await store.loadBots();
+};
diff --git a/frontend/src/client/useMonacoWorker.ts b/frontend/src/client/useMonacoWorker.ts
index 03e8aef..c76757e 100644
--- a/frontend/src/client/useMonacoWorker.ts
+++ b/frontend/src/client/useMonacoWorker.ts
@@ -1,7 +1,7 @@
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
 
 self.MonacoEnvironment = {
   getWorkerUrl: () => {
-    return './editor.worker.bundle.js'
-  }
-}
+    return "./editor.worker.bundle.js";
+  },
+};
diff --git a/frontend/src/client/utils.ts b/frontend/src/client/utils.ts
index 507e89a..5a09e30 100644
--- a/frontend/src/client/utils.ts
+++ b/frontend/src/client/utils.ts
@@ -1,62 +1,62 @@
-import { client } from './api'
+import { client } from "./api";
 
 export const covertTimestampToDateString = (
   timestamp: string,
   options: any = {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit'
-  }
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+  },
 ) => {
-  const fixedTimestamp = Number(timestamp) * 1000
-  const date = new Date(fixedTimestamp)
-  return date.toLocaleDateString(navigator.language, options)
-}
+  const fixedTimestamp = Number(timestamp) * 1000;
+  const date = new Date(fixedTimestamp);
+  return date.toLocaleDateString(navigator.language, options);
+};
 
 export const limitContentShow = (content: string, limit: number) => {
   if (content.length <= limit) {
-    return content
+    return content;
   }
-  return content.slice(0, limit) + '...'
-}
+  return content.slice(0, limit) + "...";
+};
 
 export const generateURLForWebUI = (path: string, isWebsocket = false) => {
-  const base = client.getConfig().baseUrl!
-  const protocol = isWebsocket ? 'ws' : 'http'
-  return `${protocol}://${base}${path}`
-}
+  const base = client.getConfig().baseUrl!;
+  const protocol = isWebsocket ? "ws" : "http";
+  return `${protocol}://${base}${path}`;
+};
 
 export const sleep = (ms: number) => {
-  return new Promise((resolve) => setTimeout(resolve, ms))
-}
+  return new Promise((resolve) => setTimeout(resolve, ms));
+};
 
 export const compareSemanticVersion = (v1: string, v2: string) => {
   const parseVersion = (v: string) => {
-    const [main, pre] = v.split('-')
-    const parts = main.split('.').map(Number)
-    return { parts, pre: pre || null }
-  }
+    const [main, pre] = v.split("-");
+    const parts = main.split(".").map(Number);
+    return { parts, pre: pre || null };
+  };
 
-  const v1Parsed = parseVersion(v1)
-  const v2Parsed = parseVersion(v2)
+  const v1Parsed = parseVersion(v1);
+  const v2Parsed = parseVersion(v2);
 
   // 逐位比较主版本号
-  const maxLength = Math.max(v1Parsed.parts.length, v2Parsed.parts.length)
+  const maxLength = Math.max(v1Parsed.parts.length, v2Parsed.parts.length);
   for (let i = 0; i < maxLength; i++) {
-    const part1 = v1Parsed.parts[i] || 0
-    const part2 = v2Parsed.parts[i] || 0
+    const part1 = v1Parsed.parts[i] || 0;
+    const part2 = v2Parsed.parts[i] || 0;
 
-    if (part1 > part2) return 1
-    if (part1 < part2) return -1
+    if (part1 > part2) return 1;
+    if (part1 < part2) return -1;
   }
 
   // 比较预发行版本
-  if (!v1Parsed.pre && v2Parsed.pre) return 1 // v1 是正式版，v2 是预发行版
-  if (v1Parsed.pre && !v2Parsed.pre) return -1 // v1 是预发行版，v2 是正式版
-  if (v1Parsed.pre && v2Parsed.pre) return v1Parsed.pre.localeCompare(v2Parsed.pre) // 按字典顺序比较预发行版本
+  if (!v1Parsed.pre && v2Parsed.pre) return 1; // v1 是正式版，v2 是预发行版
+  if (v1Parsed.pre && !v2Parsed.pre) return -1; // v1 是预发行版，v2 是正式版
+  if (v1Parsed.pre && v2Parsed.pre) return v1Parsed.pre.localeCompare(v2Parsed.pre); // 按字典顺序比较预发行版本
 
-  return 0 // 完全相等
-}
+  return 0; // 完全相等
+};
diff --git a/frontend/src/components/ChartItem.vue b/frontend/src/components/ChartItem.vue
index ece3c5a..e79c87c 100644
--- a/frontend/src/components/ChartItem.vue
+++ b/frontend/src/components/ChartItem.vue
@@ -1,82 +1,84 @@
 <script setup lang="ts" generic="T extends (number | string)[]">
-import { ref, watch } from 'vue'
-import VChart from 'vue-echarts'
-import { LineChart } from 'echarts/charts'
-import { use } from 'echarts/core'
-import { TooltipComponent, GridComponent } from 'echarts/components'
-import { CanvasRenderer } from 'echarts/renderers'
-import type { ComposeOption } from 'echarts/core'
-import type { LineSeriesOption } from 'echarts/charts'
-import type { TooltipComponentOption, GridComponentOption } from 'echarts/components'
-import type { LoadingOptions } from '@/types'
+import { ref, watch } from "vue";
+import VChart from "vue-echarts";
+import { LineChart } from "echarts/charts";
+import { use } from "echarts/core";
+import { TooltipComponent, GridComponent } from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
+import type { ComposeOption } from "echarts/core";
+import type { LineSeriesOption } from "echarts/charts";
+import type { TooltipComponentOption, GridComponentOption } from "echarts/components";
+import type { LoadingOptions } from "@/types";
 
-use([TooltipComponent, GridComponent, LineChart, CanvasRenderer])
+use([TooltipComponent, GridComponent, LineChart, CanvasRenderer]);
 
-type EChartsOption = ComposeOption<TooltipComponentOption | GridComponentOption | LineSeriesOption>
+type EChartsOption = ComposeOption<
+  TooltipComponentOption | GridComponentOption | LineSeriesOption
+>;
 
 type ChartItemData = {
-  name?: string
-  data: T
-}
+  name?: string;
+  data: T;
+};
 
 const props = defineProps<{
-  itemData: ChartItemData[]
-  timeData: T
-  isLoading?: boolean
-  loadingOptions?: LoadingOptions
-}>()
+  itemData: ChartItemData[];
+  timeData: T;
+  isLoading?: boolean;
+  loadingOptions?: LoadingOptions;
+}>();
 
 const parseValue = (value: any) => {
-  return isNaN(Number(value)) ? 'unknown' : Number(value).toFixed(3)
-}
+  return isNaN(Number(value)) ? "unknown" : Number(value).toFixed(3);
+};
 
 const getData = (): EChartsOption => {
   return {
     tooltip: {
-      trigger: 'axis',
+      trigger: "axis",
       formatter: (params: any) => {
-        let paramContent: string[] = []
+        let paramContent: string[] = [];
         params.forEach((param: any) => {
-          paramContent.push(`${param.seriesName}: ${parseValue(param.value)}`)
-        })
-        return paramContent.join('<br>')
-      }
+          paramContent.push(`${param.seriesName}: ${parseValue(param.value)}`);
+        });
+        return paramContent.join("<br>");
+      },
     },
     grid: {
-      top: '20%',
-      left: '10%',
-      right: '5%',
-      bottom: '20%'
+      top: "20%",
+      left: "10%",
+      right: "5%",
+      bottom: "20%",
     },
     xAxis: {
-      type: 'category',
+      type: "category",
       boundaryGap: false,
-      data: []
+      data: [],
     },
     yAxis: {
-      type: 'value',
+      type: "value",
       splitNumber: 2,
-      boundaryGap: [0, '100%']
+      boundaryGap: [0, "100%"],
     },
-    series: []
-  }
-}
+    series: [],
+  };
+};
 
-const option = ref<EChartsOption>(getData())
+const option = ref<EChartsOption>(getData());
 
 watch(props, () => {
   option.value.series = props.itemData.map((item) => {
     return {
       name: item.name,
       data: item.data,
-      type: 'line',
-      showSymbol: false
-    }
-  })
+      type: "line",
+      showSymbol: false,
+    };
+  });
   option.value.xAxis = {
-    data: props.timeData
-  }
-})
+    data: props.timeData,
+  };
+});
 </script>
 
 <template>
diff --git a/frontend/src/components/DrawerItem.vue b/frontend/src/components/DrawerItem.vue
index ca3f600..3b07482 100644
--- a/frontend/src/components/DrawerItem.vue
+++ b/frontend/src/components/DrawerItem.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
 // TODO: 优化组件使用体验
 
-import { ref } from 'vue'
+import { ref } from "vue";
 
-const isShow = ref(false)
+const isShow = ref(false);
 defineExpose({
   showDrawer: () => {
-    isShow.value = true
+    isShow.value = true;
   },
   hiddenDrawer: () => {
-    hiddenDrawer()
-  }
-})
+    hiddenDrawer();
+  },
+});
 
 const hiddenDrawer = () => {
-  isShow.value = false
-}
+  isShow.value = false;
+};
 </script>
 
 <template>
@@ -36,7 +36,7 @@ const hiddenDrawer = () => {
         'fixed top-0 right-0 z-50 h-screen bg-base-100 shadow-2xl transition shrink-0 flex flex-col': true,
         'w-full md:w-2/5 xl:w-1/4 ': true,
         'translate-x-0 opacity-100': isShow,
-        'translate-x-full opacity-0': !isShow
+        'translate-x-full opacity-0': !isShow,
       }"
     >
       <!-- Drawer Header -->
@@ -75,9 +75,9 @@ const hiddenDrawer = () => {
 
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24;
+    "FILL" 0,
+    "wght" 300,
+    "GRAD" 0,
+    "opsz" 24;
 }
 </style>
diff --git a/frontend/src/components/EditorItem.vue b/frontend/src/components/EditorItem.vue
index e4875c6..2c44d36 100644
--- a/frontend/src/components/EditorItem.vue
+++ b/frontend/src/components/EditorItem.vue
@@ -1,35 +1,35 @@
 <script setup lang="ts">
-import { editor as monacoEditor } from 'monaco-editor/esm/vs/editor/editor.api.js'
-import { onMounted, ref, watch } from 'vue'
+import { editor as monacoEditor } from "monaco-editor/esm/vs/editor/editor.api.js";
+import { onMounted, ref, watch } from "vue";
 
 const props = defineProps<{
-  modelValue: string
-  editorOptional: Partial<monacoEditor.IStandaloneEditorConstructionOptions>
-}>()
+  modelValue: string;
+  editorOptional: Partial<monacoEditor.IStandaloneEditorConstructionOptions>;
+}>();
 
 const emit = defineEmits<{
-  editor: [value: monacoEditor.IStandaloneCodeEditor]
-  updateValue: [value: string]
-}>()
+  editor: [value: monacoEditor.IStandaloneCodeEditor];
+  updateValue: [value: string];
+}>();
 
-const editorContainer = ref<HTMLDivElement>()
-let editor: monacoEditor.IStandaloneCodeEditor
+const editorContainer = ref<HTMLDivElement>();
+let editor: monacoEditor.IStandaloneCodeEditor;
 
 onMounted(() => {
   editor = monacoEditor.create(editorContainer.value!, {
     value: props.modelValue,
-    ...props.editorOptional
-  })
-  emit('editor', editor)
+    ...props.editorOptional,
+  });
+  emit("editor", editor);
   editor.onDidChangeModelContent(() => {
-    emit('updateValue', editor.getValue())
-  })
-})
+    emit("updateValue", editor.getValue());
+  });
+});
 
 watch(
   () => props.modelValue,
-  (value) => editor.setValue(value)
-)
+  (value) => editor.setValue(value),
+);
 </script>
 
 <template>
diff --git a/frontend/src/components/Modals/AddBot/AddBotIndex.vue b/frontend/src/components/Modals/AddBot/AddBotIndex.vue
index 35568ee..829ca33 100644
--- a/frontend/src/components/Modals/AddBot/AddBotIndex.vue
+++ b/frontend/src/components/Modals/AddBot/AddBotIndex.vue
@@ -1,58 +1,62 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import GetBotBasicInfo from './GetBotBasicInfo.vue'
-import MirrorSelect from './MirrorSelect.vue'
-import InstallationItem from './InstallationItem.vue'
-import { useAddBotStore } from '.'
+import { ref } from "vue";
+import GetBotBasicInfo from "./GetBotBasicInfo.vue";
+import MirrorSelect from "./MirrorSelect.vue";
+import InstallationItem from "./InstallationItem.vue";
+import { useAddBotStore } from ".";
 
-const store = useAddBotStore()
+const store = useAddBotStore();
 
-const addBotModal = ref<HTMLDialogElement>()
+const addBotModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: () => addBotModal.value?.showModal(),
-  closeModal: () => addBotModal.value?.close()
-})
+  closeModal: () => addBotModal.value?.close(),
+});
 
 interface StepItem {
-  title: string
-  pass: () => boolean
-  component?: any
+  title: string;
+  pass: () => boolean;
+  component?: any;
 }
 
 const steps: StepItem[] = [
   {
-    title: '信息获取',
+    title: "信息获取",
     pass: () => true,
-    component: GetBotBasicInfo
+    component: GetBotBasicInfo,
   },
   {
-    title: '镜像选择',
+    title: "镜像选择",
     pass: () => store.searchBotSuccess,
-    component: MirrorSelect
+    component: MirrorSelect,
   },
   {
-    title: '确认&安装依赖',
-    pass: () => store.pythonMirror !== '',
-    component: InstallationItem
-  }
-]
+    title: "确认&安装依赖",
+    pass: () => store.pythonMirror !== "",
+    component: InstallationItem,
+  },
+];
 </script>
 
 <template>
   <dialog ref="addBotModal" class="modal" @close="store.reset()">
-    <div class="modal-box overflow-hidden w-11/12 max-w-5xl rounded-xl flex flex-col gap-4">
+    <div
+      class="modal-box overflow-hidden w-11/12 max-w-5xl rounded-xl flex flex-col gap-4"
+    >
       <h3 class="font-semibold text-lg">添加 NoneBot 实例</h3>
       <div class="w-full flex justify-center">
         <ul class="steps w-full xl:w-3/4 gap-4">
           <li
             v-for="(step, index) in steps"
             :key="step.title"
-            :role="step.pass() && !store.isInstalling && !store.addBotSuccess ? 'button' : ''"
+            :role="
+              step.pass() && !store.isInstalling && !store.addBotSuccess ? 'button' : ''
+            "
             :data-content="index < store.step ? '✓' : index + 1"
             :class="{
               step: true,
-              'step-primary': index <= store.step
+              'step-primary': index <= store.step,
             }"
             @click="
               step.pass() && !store.isInstalling && !store.addBotSuccess
diff --git a/frontend/src/components/Modals/AddBot/GetBotBasicInfo.vue b/frontend/src/components/Modals/AddBot/GetBotBasicInfo.vue
index 21e4829..752d3f1 100644
--- a/frontend/src/components/Modals/AddBot/GetBotBasicInfo.vue
+++ b/frontend/src/components/Modals/AddBot/GetBotBasicInfo.vue
@@ -1,45 +1,48 @@
 <script setup lang="ts">
-import { ProjectService } from '@/client/api'
-import { ref } from 'vue'
-import { useAddBotStore } from '.'
+import { ProjectService } from "@/client/api";
+import { ref } from "vue";
+import { useAddBotStore } from ".";
 
-const store = useAddBotStore()
+const store = useAddBotStore();
 
-const inputValue = ref('')
+const inputValue = ref("");
 
 const search = async () => {
   if (!inputValue.value) {
-    store.warningMessage = '请输入实例路径'
-    return
+    store.warningMessage = "请输入实例路径";
+    return;
   }
 
   const { data, error } = await ProjectService.checkProjectTomlV1ProjectCheckTomlPost({
     query: {
-      project_dir: inputValue.value
-    }
-  })
+      project_dir: inputValue.value,
+    },
+  });
   if (error) {
-    store.warningMessage = error.detail?.toString() ?? ''
+    store.warningMessage = error.detail?.toString() ?? "";
   }
 
   if (data) {
-    const detail = data.detail
-    store.projectName = detail.project_name
-    store.adapters = detail.adapters
-    store.plugins = detail.plugins
-    store.pluginDirs = detail.plugin_dirs
-    store.projectPath = inputValue.value
+    const detail = data.detail;
+    store.projectName = detail.project_name;
+    store.adapters = detail.adapters;
+    store.plugins = detail.plugins;
+    store.pluginDirs = detail.plugin_dirs;
+    store.projectPath = inputValue.value;
 
-    store.searchBotSuccess = true
-    store.warningMessage = ''
-    inputValue.value = ''
+    store.searchBotSuccess = true;
+    store.warningMessage = "";
+    inputValue.value = "";
   }
-}
+};
 </script>
 
 <template>
   <div class="flex flex-col items-center gap-8">
-    <div v-if="!store.searchBotSuccess" class="flex flex-col justify-center gap-4 w-full max-w-xs">
+    <div
+      v-if="!store.searchBotSuccess"
+      class="flex flex-col justify-center gap-4 w-full max-w-xs"
+    >
       <div class="form-control">
         <div class="label">
           <span class="label-text">实例绝对路径</span>
@@ -64,11 +67,11 @@ const search = async () => {
       <div
         :class="{
           'flex gap-4 rounded-lg p-4 bg-base-200': true,
-          'opacity-50': !store.adapters.length
+          'opacity-50': !store.adapters.length,
         }"
       >
         <span class="font-semibold">
-          {{ store.adapters.length ? '已有适配器:' : '未找到适配器' }}
+          {{ store.adapters.length ? "已有适配器:" : "未找到适配器" }}
         </span>
         <div class="flex items-center flex-wrap gap-2">
           <span
@@ -85,11 +88,11 @@ const search = async () => {
       <div
         :class="{
           'flex gap-4 rounded-lg p-4 bg-base-200': true,
-          'opacity-50': !store.plugins.length
+          'opacity-50': !store.plugins.length,
         }"
       >
         <span class="font-semibold">
-          {{ store.plugins.length ? '已有插件:' : '未找到插件' }}
+          {{ store.plugins.length ? "已有插件:" : "未找到插件" }}
         </span>
         <div class="flex items-center flex-wrap gap-2">
           <span
@@ -106,11 +109,11 @@ const search = async () => {
       <div
         :class="{
           'flex gap-4 rounded-lg p-4 bg-base-200': true,
-          'opacity-50': !store.pluginDirs.length
+          'opacity-50': !store.pluginDirs.length,
         }"
       >
         <span class="font-semibold">
-          {{ store.pluginDirs.length ? '已有插件目录:' : '未找到插件目录' }}
+          {{ store.pluginDirs.length ? "已有插件目录:" : "未找到插件目录" }}
         </span>
         <div class="flex items-center flex-wrap gap-2">
           <span
@@ -129,7 +132,7 @@ const search = async () => {
       <button
         v-if="store.searchBotSuccess"
         class="btn btn-sm"
-        @click="(store.searchBotSuccess = false), store.reset()"
+        @click="((store.searchBotSuccess = false), store.reset())"
       >
         重新扫描
       </button>
@@ -144,7 +147,7 @@ const search = async () => {
         <button
           :class="{
             'btn btn-sm btn-primary text-base-100': true,
-            'btn-disabled': !store.searchBotSuccess
+            'btn-disabled': !store.searchBotSuccess,
           }"
           @click="store.step++"
         >
diff --git a/frontend/src/components/Modals/AddBot/InstallationItem.vue b/frontend/src/components/Modals/AddBot/InstallationItem.vue
index c935497..ee16f4e 100644
--- a/frontend/src/components/Modals/AddBot/InstallationItem.vue
+++ b/frontend/src/components/Modals/AddBot/InstallationItem.vue
@@ -1,34 +1,34 @@
 <script setup lang="ts">
-import { computed, onUnmounted, ref, watch } from 'vue'
-import { useAddBotStore } from '.'
-import { ProjectService, type ProcessLog } from '@/client/api'
-import { useWebSocket } from '@vueuse/core'
-import { generateURLForWebUI } from '@/client/utils'
-import { useNoneBotStore, useToastStore } from '@/stores'
+import { computed, onUnmounted, ref, watch } from "vue";
+import { useAddBotStore } from ".";
+import { ProjectService, type ProcessLog } from "@/client/api";
+import { useWebSocket } from "@vueuse/core";
+import { generateURLForWebUI } from "@/client/utils";
+import { useNoneBotStore, useToastStore } from "@/stores";
 
-const IS_FINISHED = '✨ Done!'
-const IS_FAILED = '❌ Failed!'
+const IS_FINISHED = "✨ Done!";
+const IS_FAILED = "❌ Failed!";
 
-const store = useAddBotStore()
-const nonebotStore = useNoneBotStore()
-const toast = useToastStore()
+const store = useAddBotStore();
+const nonebotStore = useNoneBotStore();
+const toast = useToastStore();
 
-const logKey = ref('')
-const isFailed = ref(false)
-const logContainer = ref<HTMLElement>()
-const logData = ref<ProcessLog[]>([])
+const logKey = ref("");
+const isFailed = ref(false);
+const logContainer = ref<HTMLElement>();
+const logData = ref<ProcessLog[]>([]);
 
-const getLogData = computed(() => [...logData.value].reverse())
+const getLogData = computed(() => [...logData.value].reverse());
 
 const addBot = async () => {
   if (isFailed.value) {
-    isFailed.value = false
-    store.warningMessage = ''
+    isFailed.value = false;
+    store.warningMessage = "";
 
-    logData.value = []
+    logData.value = [];
     logData.value.push({
-      message: 'Retrying...'
-    })
+      message: "Retrying...",
+    });
   }
 
   const { data, error } = await ProjectService.addProjectV1ProjectAddPost({
@@ -38,67 +38,67 @@ const addBot = async () => {
       mirror_url: store.pythonMirror,
       adapters: store.adapters.map((obj) => obj.module_name) ?? [],
       plugins: store.plugins,
-      plugin_dirs: store.pluginDirs
-    }
-  })
+      plugin_dirs: store.pluginDirs,
+    },
+  });
 
   if (error) {
-    store.warningMessage = error.detail?.toString() ?? ''
-    isFailed.value = true
+    store.warningMessage = error.detail?.toString() ?? "";
+    isFailed.value = true;
   }
 
   if (data) {
-    logKey.value = data.detail
-    open()
+    logKey.value = data.detail;
+    open();
   }
-}
+};
 
 const finish = async () => {
-  await nonebotStore.loadBots()
-  toast.add('success', `添加实例 ${store.projectName} 成功`, '', 5000)
-}
+  await nonebotStore.loadBots();
+  toast.add("success", `添加实例 ${store.projectName} 成功`, "", 5000);
+};
 
 const { status, data, close, open } = useWebSocket<ProcessLog>(
-  generateURLForWebUI('/v1/process/log/ws', true),
+  generateURLForWebUI("/v1/process/log/ws", true),
   {
     immediate: false,
     onConnected(ws) {
-      const token = localStorage.getItem('token') ?? ''
-      ws.send(token)
-      ws.send(JSON.stringify({ type: 'log', log_key: logKey.value }))
-    }
-  }
-)
+      const token = localStorage.getItem("token") ?? "";
+      ws.send(token);
+      ws.send(JSON.stringify({ type: "log", log_key: logKey.value }));
+    },
+  },
+);
 
 watch(
   () => data.value,
   (rawData) => {
-    if (!rawData) return
+    if (!rawData) return;
 
-    const data: ProcessLog = JSON.parse(rawData.toString())
+    const data: ProcessLog = JSON.parse(rawData.toString());
 
-    logData.value.push(data)
+    logData.value.push(data);
 
     if (data.message === IS_FINISHED) {
-      close()
-      store.addBotSuccess = true
+      close();
+      store.addBotSuccess = true;
     } else if (data.message === IS_FAILED) {
-      close()
-      isFailed.value = true
+      close();
+      isFailed.value = true;
     }
-  }
-)
+  },
+);
 
 watch(
   () => status.value,
   (status) => {
-    store.isInstalling = status === 'OPEN'
-  }
-)
+    store.isInstalling = status === "OPEN";
+  },
+);
 
 onUnmounted(() => {
-  close()
-})
+  close();
+});
 </script>
 
 <template>
@@ -128,7 +128,9 @@ onUnmounted(() => {
               >
                 {{ adapter.name }}
               </span>
-              <span v-if="!store.adapters.length" class="text-base-content/50"> 未找到适配器 </span>
+              <span v-if="!store.adapters.length" class="text-base-content/50">
+                未找到适配器
+              </span>
             </td>
           </tr>
           <tr>
@@ -141,7 +143,9 @@ onUnmounted(() => {
               >
                 {{ plugin }}
               </span>
-              <span v-if="!store.plugins.length" class="text-base-content/50"> 未找到插件 </span>
+              <span v-if="!store.plugins.length" class="text-base-content/50">
+                未找到插件
+              </span>
             </td>
           </tr>
           <tr>
@@ -170,7 +174,7 @@ onUnmounted(() => {
             :class="{
               'flex font-mono': true,
               'bg-error/50': log.level === 'ERROR',
-              'bg-warning/50': log.level === 'WARNING'
+              'bg-warning/50': log.level === 'WARNING',
             }"
           >
             <th class="sticky left-0 right-0 text-gray-500 bg-base-200">
@@ -187,7 +191,7 @@ onUnmounted(() => {
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': store.isInstalling || store.addBotSuccess
+          'btn-disabled': store.isInstalling || store.addBotSuccess,
         }"
         @click="store.step--"
       >
@@ -199,7 +203,7 @@ onUnmounted(() => {
           <button
             :class="{
               'btn btn-sm': true,
-              'btn-disabled': store.isInstalling || store.addBotSuccess
+              'btn-disabled': store.isInstalling || store.addBotSuccess,
             }"
           >
             取消
@@ -207,17 +211,19 @@ onUnmounted(() => {
         </form>
 
         <form v-if="store.addBotSuccess" method="dialog">
-          <button class="btn btn-sm btn-primary text-base-100" @click="finish()">完成</button>
+          <button class="btn btn-sm btn-primary text-base-100" @click="finish()">
+            完成
+          </button>
         </form>
         <button
           v-else
           :class="{
             'btn btn-sm btn-primary text-base-100': true,
-            'btn-disabled': store.isInstalling
+            'btn-disabled': store.isInstalling,
           }"
           @click="addBot()"
         >
-          {{ isFailed ? '重试' : '安装' }}
+          {{ isFailed ? "重试" : "安装" }}
         </button>
       </div>
     </div>
diff --git a/frontend/src/components/Modals/AddBot/MirrorSelect.vue b/frontend/src/components/Modals/AddBot/MirrorSelect.vue
index 34a2c48..537d947 100644
--- a/frontend/src/components/Modals/AddBot/MirrorSelect.vue
+++ b/frontend/src/components/Modals/AddBot/MirrorSelect.vue
@@ -1,41 +1,41 @@
 <script setup lang="ts">
-import { useAddBotStore } from '.'
+import { useAddBotStore } from ".";
 
-const store = useAddBotStore()
+const store = useAddBotStore();
 
 interface MirrorItem {
-  abbr: string
-  url: string
-  name: string
+  abbr: string;
+  url: string;
+  name: string;
 }
 
 const mirrors: MirrorItem[] = [
   {
-    abbr: 'pypi',
-    url: 'https://pypi.org/simple',
-    name: 'PyPI'
+    abbr: "pypi",
+    url: "https://pypi.org/simple",
+    name: "PyPI",
   },
   {
-    abbr: 'CERNET',
-    url: 'https://mirrors.cernet.edu.cn/pypi/web/simple',
-    name: '校园网联合镜像站'
+    abbr: "CERNET",
+    url: "https://mirrors.cernet.edu.cn/pypi/web/simple",
+    name: "校园网联合镜像站",
   },
   {
-    abbr: 'TUNA',
-    url: 'https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple',
-    name: '清华大学开源软件镜像站'
+    abbr: "TUNA",
+    url: "https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple",
+    name: "清华大学开源软件镜像站",
   },
   {
-    abbr: 'PKU',
-    url: 'https://mirrors.pku.edu.cn/pypi/web/simple',
-    name: '北京大学开源软件镜像站'
+    abbr: "PKU",
+    url: "https://mirrors.pku.edu.cn/pypi/web/simple",
+    name: "北京大学开源软件镜像站",
   },
   {
-    abbr: 'STSTech CRA',
-    url: 'https://mirrors.sustech.edu.cn/pypi/web/simple',
-    name: '南方科技大学开源软件镜像站'
-  }
-]
+    abbr: "STSTech CRA",
+    url: "https://mirrors.sustech.edu.cn/pypi/web/simple",
+    name: "南方科技大学开源软件镜像站",
+  },
+];
 </script>
 
 <template>
@@ -74,11 +74,13 @@ const mirrors: MirrorItem[] = [
     </div>
 
     <div class="w-full flex justify-between">
-      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">上一步</button>
+      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">
+        上一步
+      </button>
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.pythonMirror.length
+          'btn-disabled': !store.pythonMirror.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/AddBot/index.ts b/frontend/src/components/Modals/AddBot/index.ts
index 9425725..4e0636f 100644
--- a/frontend/src/components/Modals/AddBot/index.ts
+++ b/frontend/src/components/Modals/AddBot/index.ts
@@ -1,32 +1,32 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
-export const useAddBotStore = defineStore('addBotStore', () => {
-  const step = ref(0)
-  const warningMessage = ref('')
-  const projectName = ref('')
-  const projectPath = ref('')
-  const pythonMirror = ref('')
-  const adapters = ref<Record<string, string>[]>([])
-  const plugins = ref<string[]>([])
-  const pluginDirs = ref<string[]>([])
-  const isInstalling = ref(false)
-  const addBotSuccess = ref(false)
-  const searchBotSuccess = ref(false)
+export const useAddBotStore = defineStore("addBotStore", () => {
+  const step = ref(0);
+  const warningMessage = ref("");
+  const projectName = ref("");
+  const projectPath = ref("");
+  const pythonMirror = ref("");
+  const adapters = ref<Record<string, string>[]>([]);
+  const plugins = ref<string[]>([]);
+  const pluginDirs = ref<string[]>([]);
+  const isInstalling = ref(false);
+  const addBotSuccess = ref(false);
+  const searchBotSuccess = ref(false);
 
   const reset = () => {
-    step.value = 0
-    warningMessage.value = ''
-    projectName.value = ''
-    projectPath.value = ''
-    pythonMirror.value = ''
-    adapters.value = []
-    plugins.value = []
-    pluginDirs.value = []
-    isInstalling.value = false
-    addBotSuccess.value = false
-    searchBotSuccess.value = false
-  }
+    step.value = 0;
+    warningMessage.value = "";
+    projectName.value = "";
+    projectPath.value = "";
+    pythonMirror.value = "";
+    adapters.value = [];
+    plugins.value = [];
+    pluginDirs.value = [];
+    isInstalling.value = false;
+    addBotSuccess.value = false;
+    searchBotSuccess.value = false;
+  };
 
   return {
     step,
@@ -40,6 +40,6 @@ export const useAddBotStore = defineStore('addBotStore', () => {
     isInstalling,
     addBotSuccess,
     searchBotSuccess,
-    reset
-  }
-})
+    reset,
+  };
+});
diff --git a/frontend/src/components/Modals/CreateBot/AdapterSelect.vue b/frontend/src/components/Modals/CreateBot/AdapterSelect.vue
index b443dd4..529ef49 100644
--- a/frontend/src/components/Modals/CreateBot/AdapterSelect.vue
+++ b/frontend/src/components/Modals/CreateBot/AdapterSelect.vue
@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { StoreService, type Adapter } from '@/client/api'
-import ItemSelect from './ItemSelect.vue'
-import { useCreateBotStore } from '.'
+import { ref } from "vue";
+import { StoreService, type Adapter } from "@/client/api";
+import ItemSelect from "./ItemSelect.vue";
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
-const adapterList = ref<Adapter[]>([])
+const adapterList = ref<Adapter[]>([]);
 
 const { data } = await StoreService.getNonebotStoreItemsV1StoreNonebotListGet({
   query: {
-    module_type: 'adapter',
+    module_type: "adapter",
     page: 0,
     is_search: false,
-    show_all: true
-  }
-})
+    show_all: true,
+  },
+});
 
 if (data) {
-  adapterList.value = data.detail
+  adapterList.value = data.detail;
 }
 </script>
 
@@ -27,12 +27,14 @@ if (data) {
     <ItemSelect :data="adapterList" :data-type="'adapter'" />
 
     <div class="flex justify-between items-center">
-      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">上一步</button>
+      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">
+        上一步
+      </button>
 
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.adapters.length
+          'btn-disabled': !store.adapters.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/CreateBot/BotBasic.vue b/frontend/src/components/Modals/CreateBot/BotBasic.vue
index ecc82f4..cd60597 100644
--- a/frontend/src/components/Modals/CreateBot/BotBasic.vue
+++ b/frontend/src/components/Modals/CreateBot/BotBasic.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { limitContentShow } from '@/client/utils'
-import FolderSelect from '@/components/Modals/Global/FolderSelect.vue'
-import { useCreateBotStore } from '.'
+import { ref } from "vue";
+import { limitContentShow } from "@/client/utils";
+import FolderSelect from "@/components/Modals/Global/FolderSelect.vue";
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
-const folderSelectModal = ref<InstanceType<typeof FolderSelect> | null>()
+const folderSelectModal = ref<InstanceType<typeof FolderSelect> | null>();
 
 const acceptModalData = (data: string) => {
-  store.projectPath = data
-}
+  store.projectPath = data;
+};
 </script>
 
 <template>
@@ -38,7 +38,10 @@ const acceptModalData = (data: string) => {
           选择文件夹
         </button>
         <div class="label">
-          <span v-if="store.projectPath" class="label-text bg-base-300 p-1 rounded w-full">
+          <span
+            v-if="store.projectPath"
+            class="label-text bg-base-300 p-1 rounded w-full"
+          >
             当前选择: (Base Dir)/{{ limitContentShow(store.projectPath, 30) }}
           </span>
         </div>
@@ -46,14 +49,16 @@ const acceptModalData = (data: string) => {
     </div>
 
     <div class="w-full flex items-center">
-      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">上一步</button>
+      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">
+        上一步
+      </button>
 
       <div class="w-full"></div>
 
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.projectName.length || !store.projectPath.length
+          'btn-disabled': !store.projectName.length || !store.projectPath.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/CreateBot/CreateBotIndex.vue b/frontend/src/components/Modals/CreateBot/CreateBotIndex.vue
index 759343d..9abff90 100644
--- a/frontend/src/components/Modals/CreateBot/CreateBotIndex.vue
+++ b/frontend/src/components/Modals/CreateBot/CreateBotIndex.vue
@@ -1,65 +1,67 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import TemplateSelect from './TemplateSelect.vue'
-import BotBasic from './BotBasic.vue'
-import MirrorSelect from './MirrorSelect.vue'
-import DriverSelect from './DriverSelect.vue'
-import AdapterSelect from './AdapterSelect.vue'
-import InstallationItem from './InstallationItem.vue'
-import { useCreateBotStore } from '.'
+import { ref } from "vue";
+import TemplateSelect from "./TemplateSelect.vue";
+import BotBasic from "./BotBasic.vue";
+import MirrorSelect from "./MirrorSelect.vue";
+import DriverSelect from "./DriverSelect.vue";
+import AdapterSelect from "./AdapterSelect.vue";
+import InstallationItem from "./InstallationItem.vue";
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
-const createBotModal = ref<HTMLDialogElement>()
+const createBotModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: () => createBotModal.value?.showModal(),
-  closeModal: () => createBotModal.value?.close()
-})
+  closeModal: () => createBotModal.value?.close(),
+});
 
 interface StepItem {
-  title: string
-  pass: () => boolean
-  component?: any
+  title: string;
+  pass: () => boolean;
+  component?: any;
 }
 
 const steps: StepItem[] = [
   {
-    title: '模板选择',
+    title: "模板选择",
     pass: () => true,
-    component: TemplateSelect
+    component: TemplateSelect,
   },
   {
-    title: '基础信息',
-    pass: () => store.projectName !== '' && store.projectPath !== '',
-    component: BotBasic
+    title: "基础信息",
+    pass: () => store.projectName !== "" && store.projectPath !== "",
+    component: BotBasic,
   },
   {
-    title: '镜像选择',
-    pass: () => store.pythonMirror !== '',
-    component: MirrorSelect
+    title: "镜像选择",
+    pass: () => store.pythonMirror !== "",
+    component: MirrorSelect,
   },
   {
-    title: '驱动器选择',
+    title: "驱动器选择",
     pass: () => store.drivers.length > 0,
-    component: DriverSelect
+    component: DriverSelect,
   },
   {
-    title: '适配器选择',
+    title: "适配器选择",
     pass: () => store.adapters.length > 0,
-    component: AdapterSelect
+    component: AdapterSelect,
   },
   {
-    title: '安装依赖',
+    title: "安装依赖",
     pass: () => false,
-    component: InstallationItem
-  }
-]
+    component: InstallationItem,
+  },
+];
 </script>
 
 <template>
   <dialog ref="createBotModal" class="modal" @close="store.reset()">
-    <div class="overflow-hidden modal-box w-11/12 max-w-5xl rounded-xl flex flex-col gap-4">
+    <div
+      class="overflow-hidden modal-box w-11/12 max-w-5xl rounded-xl flex flex-col gap-4"
+    >
       <h3 class="font-semibold text-lg">创建 NoneBot 实例</h3>
       <div class="w-full flex justify-center">
         <ul class="steps w-full xl:w-3/4 gap-4">
@@ -67,12 +69,14 @@ const steps: StepItem[] = [
             v-for="(step, index) in steps"
             :key="step.title"
             :role="
-              step.pass() && !store.isInstalling && !store.createBotSuccess ? 'button' : undefined
+              step.pass() && !store.isInstalling && !store.createBotSuccess
+                ? 'button'
+                : undefined
             "
             :data-content="index < store.step ? '✓' : index + 1"
             :class="{
               step: true,
-              'step-primary': index <= store.step
+              'step-primary': index <= store.step,
             }"
             @click="
               step.pass() && !store.isInstalling && !store.createBotSuccess
diff --git a/frontend/src/components/Modals/CreateBot/DriverSelect.vue b/frontend/src/components/Modals/CreateBot/DriverSelect.vue
index 5066c16..1de9e13 100644
--- a/frontend/src/components/Modals/CreateBot/DriverSelect.vue
+++ b/frontend/src/components/Modals/CreateBot/DriverSelect.vue
@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import { StoreService, type Driver } from '@/client/api'
-import { ref } from 'vue'
-import ItemSelect from './ItemSelect.vue'
-import { useCreateBotStore } from '.'
+import { StoreService, type Driver } from "@/client/api";
+import { ref } from "vue";
+import ItemSelect from "./ItemSelect.vue";
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
-const driverList = ref<Driver[]>([])
+const driverList = ref<Driver[]>([]);
 
 const { data } = await StoreService.getNonebotStoreItemsV1StoreNonebotListGet({
   query: {
-    module_type: 'driver',
+    module_type: "driver",
     page: 0,
     is_search: false,
-    show_all: true
-  }
-})
+    show_all: true,
+  },
+});
 
 if (data) {
-  driverList.value = data.detail
+  driverList.value = data.detail;
 }
 </script>
 
@@ -27,12 +27,14 @@ if (data) {
     <ItemSelect :data="driverList" :data-type="'driver'" />
 
     <div class="flex justify-between items-center">
-      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">上一步</button>
+      <button class="btn btn-sm btn-primary text-base-100" @click="store.step--">
+        上一步
+      </button>
 
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.drivers.length
+          'btn-disabled': !store.drivers.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/CreateBot/InstallationItem.vue b/frontend/src/components/Modals/CreateBot/InstallationItem.vue
index 99a8d5f..9e47b4c 100644
--- a/frontend/src/components/Modals/CreateBot/InstallationItem.vue
+++ b/frontend/src/components/Modals/CreateBot/InstallationItem.vue
@@ -1,105 +1,105 @@
 <script setup lang="ts">
-import { ProjectService, type ProcessLog } from '@/client/api'
-import { useWebSocket } from '@vueuse/core'
-import { computed, onUnmounted, ref, watch } from 'vue'
-import { generateURLForWebUI } from '@/client/utils'
-import { useCreateBotStore } from '.'
-import { useNoneBotStore, useToastStore } from '@/stores'
+import { ProjectService, type ProcessLog } from "@/client/api";
+import { useWebSocket } from "@vueuse/core";
+import { computed, onUnmounted, ref, watch } from "vue";
+import { generateURLForWebUI } from "@/client/utils";
+import { useCreateBotStore } from ".";
+import { useNoneBotStore, useToastStore } from "@/stores";
 
-const IS_FINISHED = '✨ Done!',
-  IS_FAILED = '❌ Failed!'
+const IS_FINISHED = "✨ Done!",
+  IS_FAILED = "❌ Failed!";
 
-const store = useCreateBotStore()
-const toast = useToastStore()
-const nonebotStore = useNoneBotStore()
+const store = useCreateBotStore();
+const toast = useToastStore();
+const nonebotStore = useNoneBotStore();
 
-const logKey = ref('')
-const isFailed = ref(false)
-const logContainer = ref<HTMLElement>()
-const logData = ref<ProcessLog[]>([])
+const logKey = ref("");
+const isFailed = ref(false);
+const logContainer = ref<HTMLElement>();
+const logData = ref<ProcessLog[]>([]);
 
 const createBot = async () => {
   if (isFailed.value) {
-    isFailed.value = false
-    store.warningMessage = ''
+    isFailed.value = false;
+    store.warningMessage = "";
 
-    logData.value = []
+    logData.value = [];
     logData.value.push({
-      message: 'Retrying...'
-    })
+      message: "Retrying...",
+    });
   }
 
   const { data, error } = await ProjectService.createProjectV1ProjectCreatePost({
     body: {
-      is_bootstrap: store.template === 'bootstrap',
+      is_bootstrap: store.template === "bootstrap",
       use_src: store.useSrc,
       project_name: store.projectName,
       project_dir: store.projectPath,
       mirror_url: store.pythonMirror,
       drivers: store.drivers,
-      adapters: store.adapters
-    }
-  })
+      adapters: store.adapters,
+    },
+  });
 
   if (error) {
-    store.warningMessage = error.detail?.toString() ?? ''
-    isFailed.value = true
+    store.warningMessage = error.detail?.toString() ?? "";
+    isFailed.value = true;
   }
 
   if (data) {
-    logKey.value = data.detail
-    open()
+    logKey.value = data.detail;
+    open();
   }
-}
+};
 
 const finish = async () => {
-  await nonebotStore.loadBots()
-  toast.add('success', `创建实例 ${store.projectName} 成功`, '', 5000)
-}
+  await nonebotStore.loadBots();
+  toast.add("success", `创建实例 ${store.projectName} 成功`, "", 5000);
+};
 
 const { status, data, close, open } = useWebSocket<ProcessLog>(
-  generateURLForWebUI('/v1/process/log/ws', true),
+  generateURLForWebUI("/v1/process/log/ws", true),
   {
     immediate: false,
     onConnected(ws) {
-      const token = localStorage.getItem('token') ?? ''
-      ws.send(token)
-      ws.send(JSON.stringify({ type: 'log', log_key: logKey.value }))
-    }
-  }
-)
+      const token = localStorage.getItem("token") ?? "";
+      ws.send(token);
+      ws.send(JSON.stringify({ type: "log", log_key: logKey.value }));
+    },
+  },
+);
 
 watch(
   () => data.value,
   (rawData) => {
-    if (!rawData) return
+    if (!rawData) return;
 
-    const data: ProcessLog = JSON.parse(rawData.toString())
+    const data: ProcessLog = JSON.parse(rawData.toString());
 
-    logData.value.push(data)
+    logData.value.push(data);
 
     if (data.message === IS_FINISHED) {
-      close()
-      store.createBotSuccess = true
+      close();
+      store.createBotSuccess = true;
     } else if (data.message === IS_FAILED) {
-      close()
-      isFailed.value = true
+      close();
+      isFailed.value = true;
     }
-  }
-)
+  },
+);
 
 watch(
   () => status.value,
   (status) => {
-    store.isInstalling = status === 'OPEN'
-  }
-)
+    store.isInstalling = status === "OPEN";
+  },
+);
 
-const getLogData = computed(() => [...logData.value].reverse())
+const getLogData = computed(() => [...logData.value].reverse());
 
 onUnmounted(() => {
-  close()
-})
+  close();
+});
 </script>
 
 <template>
@@ -113,11 +113,11 @@ onUnmounted(() => {
           </tr>
           <tr>
             <th class="font-semibold text-base">实例类型</th>
-            <td>{{ store.template === 'bootstrap' ? '初学者 / 普通用户' : '开发者' }}</td>
+            <td>{{ store.template === "bootstrap" ? "初学者 / 普通用户" : "开发者" }}</td>
           </tr>
           <tr v-if="store.template === 'simple'">
             <th class="font-semibold text-base">实例插件加载位置</th>
-            <td>{{ store.useSrc ? '/src' : `/${store.projectName}` }}</td>
+            <td>{{ store.useSrc ? "/src" : `/${store.projectName}` }}</td>
           </tr>
           <tr>
             <th class="font-semibold text-base">实例路径</th>
@@ -154,10 +154,12 @@ onUnmounted(() => {
             :class="{
               'flex font-mono': true,
               'bg-error/50': item.level === 'ERROR',
-              'bg-warning/50': item.level === 'WARNING'
+              'bg-warning/50': item.level === 'WARNING',
             }"
           >
-            <th class="sticky left-0 right-0 bg-base-200 text-gray-500">{{ item.time }}</th>
+            <th class="sticky left-0 right-0 bg-base-200 text-gray-500">
+              {{ item.time }}
+            </th>
             <td class="flex">{{ item.level }}</td>
             <td class="flex">{{ item.message }}</td>
           </tr>
@@ -169,7 +171,7 @@ onUnmounted(() => {
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': store.isInstalling || store.createBotSuccess
+          'btn-disabled': store.isInstalling || store.createBotSuccess,
         }"
         @click="store.step--"
       >
@@ -181,7 +183,7 @@ onUnmounted(() => {
           <button
             :class="{
               'btn btn-sm': true,
-              'btn-disabled': store.isInstalling || store.createBotSuccess
+              'btn-disabled': store.isInstalling || store.createBotSuccess,
             }"
           >
             取消
@@ -189,17 +191,19 @@ onUnmounted(() => {
         </form>
 
         <form v-if="store.createBotSuccess" method="dialog">
-          <button class="btn btn-sm btn-primary text-base-100" @click="finish()">完成</button>
+          <button class="btn btn-sm btn-primary text-base-100" @click="finish()">
+            完成
+          </button>
         </form>
         <button
           v-else
           :class="{
             'btn btn-sm btn-primary text-base-100': true,
-            'btn-disabled': store.isInstalling
+            'btn-disabled': store.isInstalling,
           }"
           @click="createBot()"
         >
-          {{ isFailed ? '重试' : '安装' }}
+          {{ isFailed ? "重试" : "安装" }}
         </button>
       </div>
     </div>
diff --git a/frontend/src/components/Modals/CreateBot/ItemSelect.vue b/frontend/src/components/Modals/CreateBot/ItemSelect.vue
index 0b5bf5b..c6e2ff9 100644
--- a/frontend/src/components/Modals/CreateBot/ItemSelect.vue
+++ b/frontend/src/components/Modals/CreateBot/ItemSelect.vue
@@ -1,55 +1,55 @@
 <script setup lang="ts" generic="T extends Driver | Adapter">
-import { type Driver, type Adapter, type ModuleType } from '@/client/api'
-import { ref, watch, type Ref } from 'vue'
-import { limitContentShow } from '@/client/utils'
-import { useCreateBotStore } from '.'
+import { type Driver, type Adapter, type ModuleType } from "@/client/api";
+import { ref, watch, type Ref } from "vue";
+import { limitContentShow } from "@/client/utils";
+import { useCreateBotStore } from ".";
 
-const props = defineProps<{ data: T[]; dataType: ModuleType }>()
+const props = defineProps<{ data: T[]; dataType: ModuleType }>();
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
 const currentPage = ref(0),
   maxPage = ref(0),
   rawData = ref<T[]>([]) as Ref<T[]>,
-  showData = ref<T[]>([]) as Ref<T[]>
+  showData = ref<T[]>([]) as Ref<T[]>;
 
 watch(
   () => props.data,
   (value) => {
-    rawData.value = value
-    maxPage.value = Math.ceil(rawData.value.length / 12) - 1
-    updateData(currentPage.value)
-  }
-)
+    rawData.value = value;
+    maxPage.value = Math.ceil(rawData.value.length / 12) - 1;
+    updateData(currentPage.value);
+  },
+);
 
 const updateData = (page: number) => {
-  showData.value = rawData.value.slice(page * 12, (page + 1) * 12)
-}
+  showData.value = rawData.value.slice(page * 12, (page + 1) * 12);
+};
 
 const itemIsExisted = (data: T): number => {
-  if (props.dataType === 'driver') {
-    return store.drivers.findIndex((item) => item.name === data.name)
+  if (props.dataType === "driver") {
+    return store.drivers.findIndex((item) => item.name === data.name);
   } else {
-    return store.adapters.findIndex((item) => item.name === data.name)
+    return store.adapters.findIndex((item) => item.name === data.name);
   }
-}
+};
 
 const updateItem = (data: T) => {
-  const index = itemIsExisted(data)
+  const index = itemIsExisted(data);
   if (index === -1) {
-    if (props.dataType === 'driver') {
-      store.drivers.push(data as Driver)
+    if (props.dataType === "driver") {
+      store.drivers.push(data as Driver);
     } else {
-      store.adapters.push(data as Adapter)
+      store.adapters.push(data as Adapter);
     }
   } else {
-    if (props.dataType === 'driver') {
-      store.drivers.splice(index, 1)
+    if (props.dataType === "driver") {
+      store.drivers.splice(index, 1);
     } else {
-      store.adapters.splice(index, 1)
+      store.adapters.splice(index, 1);
     }
   }
-}
+};
 </script>
 
 <template>
@@ -58,8 +58,11 @@ const updateItem = (data: T) => {
       <div class="flex flex-col gap-4">
         <div class="h-full"></div>
         <button
-          :class="{ 'btn btn-sm btn-square btn-ghost': true, 'btn-disabled': currentPage <= 0 }"
-          @click="currentPage--, updateData(currentPage)"
+          :class="{
+            'btn btn-sm btn-square btn-ghost': true,
+            'btn-disabled': currentPage <= 0,
+          }"
+          @click="(currentPage--, updateData(currentPage))"
         >
           <span class="material-symbols-outlined"> expand_less </span>
         </button>
@@ -67,9 +70,9 @@ const updateItem = (data: T) => {
         <button
           :class="{
             'btn btn-sm btn-square btn-ghost': true,
-            'btn-disabled': currentPage >= maxPage
+            'btn-disabled': currentPage >= maxPage,
           }"
-          @click="currentPage++, updateData(currentPage)"
+          @click="(currentPage++, updateData(currentPage))"
         >
           <span class="material-symbols-outlined"> expand_more </span>
         </button>
@@ -96,8 +99,14 @@ const updateItem = (data: T) => {
               >
                 {{ limitContentShow(item.name!, 10) }}
               </a>
-              <div v-if="item.is_official" class="tooltip flex items-center" data-tip="官方认证">
-                <span class="material-symbols-outlined text-green-600"> check_circle </span>
+              <div
+                v-if="item.is_official"
+                class="tooltip flex items-center"
+                data-tip="官方认证"
+              >
+                <span class="material-symbols-outlined text-green-600">
+                  check_circle
+                </span>
               </div>
             </div>
             <div class="text-sm">{{ limitContentShow(item.desc!, 20) }}</div>
@@ -138,9 +147,9 @@ const updateItem = (data: T) => {
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 1,
-    'wght' 400,
-    'GRAD' 0,
-    'opsz' 24;
+    "FILL" 1,
+    "wght" 400,
+    "GRAD" 0,
+    "opsz" 24;
 }
 </style>
diff --git a/frontend/src/components/Modals/CreateBot/MirrorSelect.vue b/frontend/src/components/Modals/CreateBot/MirrorSelect.vue
index eb443e6..26afd2f 100644
--- a/frontend/src/components/Modals/CreateBot/MirrorSelect.vue
+++ b/frontend/src/components/Modals/CreateBot/MirrorSelect.vue
@@ -1,41 +1,41 @@
 <script setup lang="ts">
-import { useCreateBotStore } from '.'
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
 interface MirrorItem {
-  abbr: string
-  url: string
-  name: string
+  abbr: string;
+  url: string;
+  name: string;
 }
 
 const mirrors: MirrorItem[] = [
   {
-    abbr: 'pypi',
-    url: 'https://pypi.org/simple',
-    name: 'PyPI'
+    abbr: "pypi",
+    url: "https://pypi.org/simple",
+    name: "PyPI",
   },
   {
-    abbr: 'CERNET',
-    url: 'https://mirrors.cernet.edu.cn/pypi/web/simple',
-    name: '校园网联合镜像站'
+    abbr: "CERNET",
+    url: "https://mirrors.cernet.edu.cn/pypi/web/simple",
+    name: "校园网联合镜像站",
   },
   {
-    abbr: 'TUNA',
-    url: 'https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple',
-    name: '清华大学开源软件镜像站'
+    abbr: "TUNA",
+    url: "https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple",
+    name: "清华大学开源软件镜像站",
   },
   {
-    abbr: 'PKU',
-    url: 'https://mirrors.pku.edu.cn/pypi/web/simple',
-    name: '北京大学开源软件镜像站'
+    abbr: "PKU",
+    url: "https://mirrors.pku.edu.cn/pypi/web/simple",
+    name: "北京大学开源软件镜像站",
   },
   {
-    abbr: 'STSTech CRA',
-    url: 'https://mirrors.sustech.edu.cn/pypi/web/simple',
-    name: '南方科技大学开源软件镜像站'
-  }
-]
+    abbr: "STSTech CRA",
+    url: "https://mirrors.sustech.edu.cn/pypi/web/simple",
+    name: "南方科技大学开源软件镜像站",
+  },
+];
 </script>
 
 <template>
@@ -80,7 +80,7 @@ const mirrors: MirrorItem[] = [
       <div
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.pythonMirror.length
+          'btn-disabled': !store.pythonMirror.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/CreateBot/TemplateSelect.vue b/frontend/src/components/Modals/CreateBot/TemplateSelect.vue
index 906d2be..abbb118 100644
--- a/frontend/src/components/Modals/CreateBot/TemplateSelect.vue
+++ b/frontend/src/components/Modals/CreateBot/TemplateSelect.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import { useCreateBotStore } from '.'
+import { useCreateBotStore } from ".";
 
-const store = useCreateBotStore()
+const store = useCreateBotStore();
 
 interface OptionItem {
-  value: 'bootstrap' | 'simple'
-  text: string
+  value: "bootstrap" | "simple";
+  text: string;
 }
 
 const options: OptionItem[] = [
   {
-    value: 'bootstrap',
-    text: '初学者 / 普通用户'
+    value: "bootstrap",
+    text: "初学者 / 普通用户",
   },
   {
-    value: 'simple',
-    text: '开发者'
-  }
-]
+    value: "simple",
+    text: "开发者",
+  },
+];
 </script>
 
 <template>
@@ -31,7 +31,7 @@ const options: OptionItem[] = [
           :key="i.text"
           :class="{
             'w-full md:w-1/3 btn btn-primary font-normal text-base-100': true,
-            'btn-outline': store.template !== i.value
+            'btn-outline': store.template !== i.value,
           }"
           @click="store.template = i.value"
         >
@@ -76,7 +76,7 @@ const options: OptionItem[] = [
       <button
         :class="{
           'btn btn-sm btn-primary text-base-100': true,
-          'btn-disabled': !store.template.length
+          'btn-disabled': !store.template.length,
         }"
         @click="store.step++"
       >
diff --git a/frontend/src/components/Modals/CreateBot/index.ts b/frontend/src/components/Modals/CreateBot/index.ts
index db51661..d3fad6f 100644
--- a/frontend/src/components/Modals/CreateBot/index.ts
+++ b/frontend/src/components/Modals/CreateBot/index.ts
@@ -1,33 +1,33 @@
-import type { Adapter, Driver } from '@/client/api'
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import type { Adapter, Driver } from "@/client/api";
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
-export const useCreateBotStore = defineStore('createBotStore', () => {
-  const step = ref(0)
-  const warningMessage = ref('')
-  const template = ref('')
-  const useSrc = ref(false)
-  const projectName = ref('')
-  const projectPath = ref('')
-  const pythonMirror = ref('')
-  const drivers = ref<Driver[]>([])
-  const adapters = ref<Adapter[]>([])
-  const isInstalling = ref(false)
-  const createBotSuccess = ref(false)
+export const useCreateBotStore = defineStore("createBotStore", () => {
+  const step = ref(0);
+  const warningMessage = ref("");
+  const template = ref("");
+  const useSrc = ref(false);
+  const projectName = ref("");
+  const projectPath = ref("");
+  const pythonMirror = ref("");
+  const drivers = ref<Driver[]>([]);
+  const adapters = ref<Adapter[]>([]);
+  const isInstalling = ref(false);
+  const createBotSuccess = ref(false);
 
   const reset = () => {
-    step.value = 0
-    warningMessage.value = ''
-    template.value = ''
-    useSrc.value = false
-    projectName.value = ''
-    projectPath.value = ''
-    pythonMirror.value = ''
-    drivers.value = []
-    adapters.value = []
-    isInstalling.value = false
-    createBotSuccess.value = false
-  }
+    step.value = 0;
+    warningMessage.value = "";
+    template.value = "";
+    useSrc.value = false;
+    projectName.value = "";
+    projectPath.value = "";
+    pythonMirror.value = "";
+    drivers.value = [];
+    adapters.value = [];
+    isInstalling.value = false;
+    createBotSuccess.value = false;
+  };
 
   return {
     step,
@@ -41,6 +41,6 @@ export const useCreateBotStore = defineStore('createBotStore', () => {
     adapters,
     isInstalling,
     createBotSuccess,
-    reset
-  }
-})
+    reset,
+  };
+});
diff --git a/frontend/src/components/Modals/Global/FolderSelect.vue b/frontend/src/components/Modals/Global/FolderSelect.vue
index 4fb1178..9e40ec2 100644
--- a/frontend/src/components/Modals/Global/FolderSelect.vue
+++ b/frontend/src/components/Modals/Global/FolderSelect.vue
@@ -1,83 +1,83 @@
 <script setup lang="ts">
-import { FileService, type FileInfo } from '@/client/api'
-import { covertTimestampToDateString, limitContentShow } from '@/client/utils'
-import { ref } from 'vue'
+import { FileService, type FileInfo } from "@/client/api";
+import { covertTimestampToDateString, limitContentShow } from "@/client/utils";
+import { ref } from "vue";
 
 const emit = defineEmits<{
-  selectFolder: [value: string]
-}>()
+  selectFolder: [value: string];
+}>();
 
-const folderSelectModal = ref<HTMLDialogElement>()
+const folderSelectModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: async () => {
-    folderSelectModal.value?.showModal()
+    folderSelectModal.value?.showModal();
 
-    await getFileList('.')
+    await getFileList(".");
   },
   closeModal: () => {
-    folderSelectModal.value?.close()
-  }
-})
+    folderSelectModal.value?.close();
+  },
+});
 
-const newFolderModal = ref<HTMLDialogElement>()
+const newFolderModal = ref<HTMLDialogElement>();
 
 const fileList = ref<FileInfo[]>([]),
-  newFolderName = ref(''),
-  currentPath = ref(''),
-  selectedFolder = ref('')
+  newFolderName = ref(""),
+  currentPath = ref(""),
+  selectedFolder = ref("");
 
 const getFileList = async (path: string) => {
   const { data } = await FileService.getFileListV1FileListGet({
     query: {
-      path: path
-    }
-  })
+      path: path,
+    },
+  });
 
   if (data) {
-    fileList.value = data.detail
+    fileList.value = data.detail;
   }
-}
+};
 
 const createFolder = async (folderName: string, path: string) => {
   const { data } = await FileService.createFileV1FileCreatePost({
     body: {
       name: folderName,
       path: path,
-      is_dir: true
-    }
-  })
+      is_dir: true,
+    },
+  });
 
   if (data) {
-    fileList.value = data.detail
-    newFolderName.value = ''
-    newFolderModal.value?.close()
+    fileList.value = data.detail;
+    newFolderName.value = "";
+    newFolderModal.value?.close();
   }
-}
+};
 
 const deleteFolder = async (path: string) => {
   const { data } = await FileService.deleteFileV1FileDeleteDelete({
     query: {
-      path: path
-    }
-  })
+      path: path,
+    },
+  });
 
   if (data) {
-    fileList.value = data.detail
+    fileList.value = data.detail;
   }
-}
+};
 
 const updateFileList = async (path: string, isFolder: boolean) => {
-  if (!isFolder) return
+  if (!isFolder) return;
 
-  currentPath.value = path
-  await getFileList(path)
-}
+  currentPath.value = path;
+  await getFileList(path);
+};
 
 const selectFolder = (path: string, isFolder: boolean) => {
-  if (!isFolder) return
-  selectedFolder.value = path
-}
+  if (!isFolder) return;
+  selectedFolder.value = path;
+};
 </script>
 
 <template>
@@ -99,7 +99,7 @@ const selectFolder = (path: string, isFolder: boolean) => {
                       .split('/')
                       .slice(0, index + 1)
                       .join('/'),
-                    true
+                    true,
                   )
                 "
               >
@@ -129,7 +129,7 @@ const selectFolder = (path: string, isFolder: boolean) => {
               >
                 <td class="flex items-center gap-1 shrink-0 whitespace-nowrap">
                   <span class="material-symbols-outlined">
-                    {{ file.is_dir ? 'folder' : 'draft' }}
+                    {{ file.is_dir ? "folder" : "draft" }}
                   </span>
                   <a class="hover:link" @click="updateFileList(file.path, file.is_dir)">
                     {{ limitContentShow(file.name, 10) }}
@@ -138,12 +138,14 @@ const selectFolder = (path: string, isFolder: boolean) => {
                 <td class="whitespace-nowrap">
                   {{ covertTimestampToDateString(file.modified_time) }}
                 </td>
-                <td class="whitespace-nowrap">{{ file.is_dir ? '文件夹' : '文件' }}</td>
+                <td class="whitespace-nowrap">{{ file.is_dir ? "文件夹" : "文件" }}</td>
                 <td class="flex items-center whitespace-nowrap">
                   <label class="swap">
                     <input type="checkbox" />
 
-                    <span class="swap-on fill-current material-symbols-outlined"> check </span>
+                    <span class="swap-on fill-current material-symbols-outlined">
+                      check
+                    </span>
 
                     <span
                       class="swap-off fill-current material-symbols-outlined"
@@ -171,9 +173,15 @@ const selectFolder = (path: string, isFolder: boolean) => {
 
       <div class="flex justify-between flex-col md:flex-row gap-4 md:gap-0">
         <div class="flex gap-4 justify-between md:justify-start">
-          <button class="btn btn-sm" @click="updateFileList(currentPath, true)">刷新</button>
-          <button class="btn btn-sm" @click="newFolderModal?.showModal">新建文件夹</button>
-          <button class="btn btn-sm" @click="selectFolder(currentPath, true)">选中当前目录</button>
+          <button class="btn btn-sm" @click="updateFileList(currentPath, true)">
+            刷新
+          </button>
+          <button class="btn btn-sm" @click="newFolderModal?.showModal">
+            新建文件夹
+          </button>
+          <button class="btn btn-sm" @click="selectFolder(currentPath, true)">
+            选中当前目录
+          </button>
         </div>
 
         <div class="flex gap-4 justify-end">
@@ -181,9 +189,9 @@ const selectFolder = (path: string, isFolder: boolean) => {
           <button
             :class="{
               'btn btn-sm btn-primary text-base-100': true,
-              'btn-disabled': !selectedFolder
+              'btn-disabled': !selectedFolder,
             }"
-            @click="folderSelectModal?.close(), emit('selectFolder', selectedFolder)"
+            @click="(folderSelectModal?.close(), emit('selectFolder', selectedFolder))"
           >
             确认
           </button>
@@ -204,11 +212,17 @@ const selectFolder = (path: string, isFolder: boolean) => {
         />
       </div>
       <div class="flex justify-end gap-4">
-        <button class="btn btn-sm" @click="newFolderModal?.close(), (newFolderName = '')">
+        <button
+          class="btn btn-sm"
+          @click="(newFolderModal?.close(), (newFolderName = ''))"
+        >
           取消
         </button>
         <button
-          :class="{ 'btn btn-sm btn-primary text-base-100': true, 'btn-disabled': !newFolderName }"
+          :class="{
+            'btn btn-sm btn-primary text-base-100': true,
+            'btn-disabled': !newFolderName,
+          }"
           @click="createFolder(newFolderName, currentPath)"
         >
           确认
@@ -221,9 +235,9 @@ const selectFolder = (path: string, isFolder: boolean) => {
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24;
+    "FILL" 0,
+    "wght" 300,
+    "GRAD" 0,
+    "opsz" 24;
 }
 </style>
diff --git a/frontend/src/components/Modals/Global/LogView.vue b/frontend/src/components/Modals/Global/LogView.vue
index 5e1302e..fd461e8 100644
--- a/frontend/src/components/Modals/Global/LogView.vue
+++ b/frontend/src/components/Modals/Global/LogView.vue
@@ -1,91 +1,91 @@
 <script setup lang="ts">
-import type { ProcessLog } from '@/client/api'
-import { generateURLForWebUI } from '@/client/utils'
-import { useCustomStore } from '@/stores'
-import { useWebSocket } from '@vueuse/core'
-import { onUnmounted, ref, watch } from 'vue'
+import type { ProcessLog } from "@/client/api";
+import { generateURLForWebUI } from "@/client/utils";
+import { useCustomStore } from "@/stores";
+import { useWebSocket } from "@vueuse/core";
+import { onUnmounted, ref, watch } from "vue";
 
-const store = useCustomStore()
+const store = useCustomStore();
 
 const props = defineProps<{
-  logKey: string
-}>()
+  logKey: string;
+}>();
 
-const emit = defineEmits(['retry', 'finished'])
+const emit = defineEmits(["retry", "finished"]);
 
-const logViewModal = ref<HTMLDialogElement>()
+const logViewModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: () => {
-    logViewModal.value?.showModal()
+    logViewModal.value?.showModal();
   },
   closeModal: () => {
-    logViewModal.value?.close()
-  }
-})
+    logViewModal.value?.close();
+  },
+});
 
 const logData = ref<ProcessLog[]>([]),
   logContainer = ref<HTMLElement>(),
   isFailed = ref(false),
-  isInstalling = ref(false)
+  isInstalling = ref(false);
 
 const { status, data, close, open } = useWebSocket<ProcessLog>(
-  generateURLForWebUI('/v1/process/log/ws', true),
+  generateURLForWebUI("/v1/process/log/ws", true),
   {
     immediate: false,
     onConnected(ws) {
-      const token = localStorage.getItem('token') ?? ''
-      ws.send(token)
-      ws.send(JSON.stringify({ type: 'log', log_key: props.logKey }))
-    }
-  }
-)
+      const token = localStorage.getItem("token") ?? "";
+      ws.send(token);
+      ws.send(JSON.stringify({ type: "log", log_key: props.logKey }));
+    },
+  },
+);
 
 onUnmounted(() => {
-  close()
-})
+  close();
+});
 
 watch(
   () => status.value,
   (newValue) => {
-    isInstalling.value = newValue === 'OPEN'
+    isInstalling.value = newValue === "OPEN";
 
     if (store.isDebug) {
-      logData.value.push({ message: `WebSocket connection status: ${newValue}` })
+      logData.value.push({ message: `WebSocket connection status: ${newValue}` });
     }
-  }
-)
+  },
+);
 
 watch(
   () => data.value,
   (newValue) => {
-    if (!newValue) return
+    if (!newValue) return;
 
-    const data: ProcessLog = JSON.parse(newValue.toString())
+    const data: ProcessLog = JSON.parse(newValue.toString());
 
-    logData.value.push(data)
+    logData.value.push(data);
 
-    if (data.message === '❌ Failed!') {
-      isFailed.value = true
+    if (data.message === "❌ Failed!") {
+      isFailed.value = true;
     }
-    if (data.message === '✨ Done!') {
-      close()
+    if (data.message === "✨ Done!") {
+      close();
     }
 
     if (logContainer.value) {
-      logContainer.value.scrollTop = logContainer.value.scrollHeight
+      logContainer.value.scrollTop = logContainer.value.scrollHeight;
     }
-  }
-)
+  },
+);
 
 watch(
   () => props.logKey,
   (newValue) => {
-    if (!newValue) return
-    logData.value = []
-    open()
-  }
-)
+    if (!newValue) return;
+    logData.value = [];
+    open();
+  },
+);
 </script>
 
 <template>
@@ -102,10 +102,12 @@ watch(
               :class="{
                 'flex font-mono': true,
                 'bg-error/50': log.level === 'ERROR',
-                'bg-warning/50': log.level === 'WARNING'
+                'bg-warning/50': log.level === 'WARNING',
               }"
             >
-              <th v-if="log.time" class="sticky left-0 right-0 text-gray-500">{{ log.time }}</th>
+              <th v-if="log.time" class="sticky left-0 right-0 text-gray-500">
+                {{ log.time }}
+              </th>
               <td v-if="log.level" class="flex">{{ log.level }}</td>
               <td class="flex">{{ log.message }}</td>
             </tr>
@@ -132,9 +134,9 @@ watch(
         <button
           :class="{
             'btn btn-sm btn-primary text-base-100': true,
-            'btn-disabled': isFailed || isInstalling
+            'btn-disabled': isFailed || isInstalling,
           }"
-          @click="emit('finished', true), logViewModal?.close()"
+          @click="(emit('finished', true), logViewModal?.close())"
         >
           完成
         </button>
diff --git a/frontend/src/components/ToastItem.vue b/frontend/src/components/ToastItem.vue
index 81c86ad..6a33d99 100644
--- a/frontend/src/components/ToastItem.vue
+++ b/frontend/src/components/ToastItem.vue
@@ -1,25 +1,37 @@
 <script setup lang="ts">
-import { useToastStore, type ToastItem } from '@/stores'
+import { useToastStore, type ToastItem } from "@/stores";
 
-defineProps<{ data: ToastItem }>()
+defineProps<{ data: ToastItem }>();
 
-const store = useToastStore()
+const store = useToastStore();
 </script>
 
 <template>
   <div class="p-4 bg-base-100 shadow-xl rounded-lg max-w-96 min-w-60 flex flex-col gap-2">
     <div class="flex gap-2 justify-between">
       <div class="flex gap-2 text-wrap">
-        <span v-if="data.type === 'success'" class="material-symbols-outlined text-success">
+        <span
+          v-if="data.type === 'success'"
+          class="material-symbols-outlined text-success"
+        >
           check_circle
         </span>
-        <span v-else-if="data.type === 'error'" class="material-symbols-outlined text-error">
+        <span
+          v-else-if="data.type === 'error'"
+          class="material-symbols-outlined text-error"
+        >
           cancel
         </span>
-        <span v-else-if="data.type === 'info'" class="material-symbols-outlined text-info">
+        <span
+          v-else-if="data.type === 'info'"
+          class="material-symbols-outlined text-info"
+        >
           info
         </span>
-        <span v-else-if="data.type === 'warning'" class="material-symbols-outlined text-warning">
+        <span
+          v-else-if="data.type === 'warning'"
+          class="material-symbols-outlined text-warning"
+        >
           error
         </span>
 
@@ -37,9 +49,9 @@ const store = useToastStore()
 <style lang="css" scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' 0,
-    'opsz' 20;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" 0,
+    "opsz" 20;
 }
 </style>
diff --git a/frontend/src/components/header/BotChoose.vue b/frontend/src/components/header/BotChoose.vue
index d8dc760..2f98911 100644
--- a/frontend/src/components/header/BotChoose.vue
+++ b/frontend/src/components/header/BotChoose.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useNoneBotStore } from '@/stores'
-import DrawerItem from '@/components/DrawerItem.vue'
-import CreateBotIndex from '@/components/Modals/CreateBot/CreateBotIndex.vue'
+import { ref } from "vue";
+import { useNoneBotStore } from "@/stores";
+import DrawerItem from "@/components/DrawerItem.vue";
+import CreateBotIndex from "@/components/Modals/CreateBot/CreateBotIndex.vue";
 
-const store = useNoneBotStore()
+const store = useNoneBotStore();
 
-const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>(null)
-const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
+const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>(null);
+const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null);
 </script>
 
 <template>
@@ -45,7 +45,9 @@ const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
             >
               选择中
             </div>
-            <div v-if="bot.is_running" class="badge badge-success text-base-100">运行中</div>
+            <div v-if="bot.is_running" class="badge badge-success text-base-100">
+              运行中
+            </div>
           </div>
         </div>
       </div>
@@ -72,9 +74,9 @@ const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 </style>
diff --git a/frontend/src/components/header/HeaderIndex.vue b/frontend/src/components/header/HeaderIndex.vue
index b0ac264..6f36952 100644
--- a/frontend/src/components/header/HeaderIndex.vue
+++ b/frontend/src/components/header/HeaderIndex.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import TopMenu from '@/components/header/TopMenu.vue'
-import TabBar from '@/components/header/TabBar.vue'
+import TopMenu from "@/components/header/TopMenu.vue";
+import TabBar from "@/components/header/TabBar.vue";
 </script>
 
 <template>
@@ -14,9 +14,9 @@ import TabBar from '@/components/header/TabBar.vue'
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 </style>
diff --git a/frontend/src/components/header/NotificationItem.vue b/frontend/src/components/header/NotificationItem.vue
index b91fd7d..760fcab 100644
--- a/frontend/src/components/header/NotificationItem.vue
+++ b/frontend/src/components/header/NotificationItem.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from "vue";
 
-import DrawerItem from '@/components/DrawerItem.vue'
-import { useToastStore } from '@/stores'
+import DrawerItem from "@/components/DrawerItem.vue";
+import { useToastStore } from "@/stores";
 
-const store = useToastStore()
+const store = useToastStore();
 
-const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
+const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null);
 </script>
 
 <template>
@@ -70,7 +70,7 @@ const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
           </div>
 
           <div v-if="toast.from" class="text-xs text-base-content/50">
-            {{ toast.from ? `From: ${toast.from}` : '' }}
+            {{ toast.from ? `From: ${toast.from}` : "" }}
           </div>
         </div>
       </div>
@@ -91,9 +91,9 @@ const drawerRef = ref<InstanceType<typeof DrawerItem> | null>(null)
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 </style>
diff --git a/frontend/src/components/header/StatusItem.vue b/frontend/src/components/header/StatusItem.vue
index 87d67f0..aac82fb 100644
--- a/frontend/src/components/header/StatusItem.vue
+++ b/frontend/src/components/header/StatusItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useStatusStore } from '@/stores'
+import { useStatusStore } from "@/stores";
 
-const statusStore = useStatusStore()
+const statusStore = useStatusStore();
 </script>
 
 <template>
diff --git a/frontend/src/components/header/TabBar.vue b/frontend/src/components/header/TabBar.vue
index 7bd6644..db2f1bf 100644
--- a/frontend/src/components/header/TabBar.vue
+++ b/frontend/src/components/header/TabBar.vue
@@ -1,46 +1,46 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
-import router from '@/router'
-import { useViewHistoryRecorderStore } from '@/stores'
-import type { NavItem } from '@/router/client'
-import { ref } from 'vue'
+import { useRoute } from "vue-router";
+import router from "@/router";
+import { useViewHistoryRecorderStore } from "@/stores";
+import type { NavItem } from "@/router/client";
+import { ref } from "vue";
 
-const route = useRoute()
-const store = useViewHistoryRecorderStore()
+const route = useRoute();
+const store = useViewHistoryRecorderStore();
 
-const isCloseTab = ref(false)
-const draggedIndex = ref<number>()
+const isCloseTab = ref(false);
+const draggedIndex = ref<number>();
 
 const onDragStart = (index: number) => {
-  draggedIndex.value = index
-}
+  draggedIndex.value = index;
+};
 
 const onDragOver = (e: DragEvent) => {
-  e.preventDefault()
-}
+  e.preventDefault();
+};
 
 const onDragEnd = (index: number) => {
-  store.move(draggedIndex.value!, index)
-}
+  store.move(draggedIndex.value!, index);
+};
 
 const isCurrentRoute = (path: string) => {
-  return path === route.path
-}
+  return path === route.path;
+};
 
 const operation = (route: NavItem) => {
   if (!isCloseTab.value) {
-    router.push(route.routeData.path)
-    return
+    router.push(route.routeData.path);
+    return;
   }
 
-  store.remove(route)
+  store.remove(route);
   const routeTo =
     store.viewHistory.length > 0
       ? store.viewHistory[store.viewHistory.length - 1].routeData.path
-      : '/'
-  router.push(routeTo)
-  isCloseTab.value = false
-}
+      : "/";
+  router.push(routeTo);
+  isCloseTab.value = false;
+};
 </script>
 
 <template>
@@ -52,7 +52,7 @@ const operation = (route: NavItem) => {
         role="tab"
         :class="{
           'tab flex gap-2 hover:bg-primary/[.2] transition !border-b-0 shrink-0': true,
-          '[--tab-bg:oklch(var(--b2))] tab-active': isCurrentRoute(i.routeData.path)
+          '[--tab-bg:oklch(var(--b2))] tab-active': isCurrentRoute(i.routeData.path),
         }"
         @click="operation(i)"
         draggable="true"
@@ -78,10 +78,10 @@ const operation = (route: NavItem) => {
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 
 .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before,
diff --git a/frontend/src/components/header/TopMenu.vue b/frontend/src/components/header/TopMenu.vue
index edd1624..0b56f8b 100644
--- a/frontend/src/components/header/TopMenu.vue
+++ b/frontend/src/components/header/TopMenu.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import router from '@/router'
-import { useCustomStore, useToastStore } from '@/stores'
-import NotificationItem from '@/components/header/NotificationItem.vue'
-import BotChoose from '@/components/header/BotChoose.vue'
-import StatusItem from '@/components/header/StatusItem.vue'
-import WebUISettings from '@/components/header/WebUISettings.vue'
+import router from "@/router";
+import { useCustomStore, useToastStore } from "@/stores";
+import NotificationItem from "@/components/header/NotificationItem.vue";
+import BotChoose from "@/components/header/BotChoose.vue";
+import StatusItem from "@/components/header/StatusItem.vue";
+import WebUISettings from "@/components/header/WebUISettings.vue";
 
-const store = useCustomStore()
-const toast = useToastStore()
+const store = useCustomStore();
+const toast = useToastStore();
 
 const logout = () => {
-  localStorage.clear()
-  router.push('/login')
-  toast.add('success', '已登出', '', 5000)
-}
+  localStorage.clear();
+  router.push("/login");
+  toast.add("success", "已登出", "", 5000);
+};
 </script>
 
 <template>
@@ -21,7 +21,7 @@ const logout = () => {
     <button
       :class="{
         'z-20 absolute -left-5 size-10 flex items-center justify-center invisible lg:visible': true,
-        '-scale-100': store.menuMinify
+        '-scale-100': store.menuMinify,
       }"
       @click="store.toggleMenuMinify()"
     >
@@ -64,7 +64,9 @@ const logout = () => {
 
       <WebUISettings />
       <button class="btn btn-sm btn-ghost btn-square">
-        <span class="material-symbols-outlined text-primary" @click="logout()"> logout </span>
+        <span class="material-symbols-outlined text-primary" @click="logout()">
+          logout
+        </span>
       </button>
     </div>
   </div>
@@ -73,9 +75,9 @@ const logout = () => {
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 </style>
diff --git a/frontend/src/components/header/WebUISettings.vue b/frontend/src/components/header/WebUISettings.vue
index e08aced..3f57978 100644
--- a/frontend/src/components/header/WebUISettings.vue
+++ b/frontend/src/components/header/WebUISettings.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useCustomStore } from '@/stores'
-import DrawerItem from '@/components/DrawerItem.vue'
+import { ref } from "vue";
+import { useCustomStore } from "@/stores";
+import DrawerItem from "@/components/DrawerItem.vue";
 
-const store = useCustomStore()
+const store = useCustomStore();
 
-const drawerRef = ref<InstanceType<typeof DrawerItem> | null>()
+const drawerRef = ref<InstanceType<typeof DrawerItem> | null>();
 </script>
 
 <template>
@@ -63,9 +63,9 @@ const drawerRef = ref<InstanceType<typeof DrawerItem> | null>()
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" -25,
+    "opsz" 48;
 }
 </style>
diff --git a/frontend/src/components/sidebar/SideMenu.vue b/frontend/src/components/sidebar/SideMenu.vue
index 3972f0c..34a215a 100644
--- a/frontend/src/components/sidebar/SideMenu.vue
+++ b/frontend/src/components/sidebar/SideMenu.vue
@@ -1,38 +1,45 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
-import { useCustomStore, useViewHistoryRecorderStore } from '@/stores'
-import { defaultRoutes, type NavItem } from '@/router/client'
+import { useRoute } from "vue-router";
+import { useCustomStore, useViewHistoryRecorderStore } from "@/stores";
+import { defaultRoutes, type NavItem } from "@/router/client";
 
-const route = useRoute()
-const store = useViewHistoryRecorderStore()
-const customStore = useCustomStore()
+const route = useRoute();
+const store = useViewHistoryRecorderStore();
+const customStore = useCustomStore();
 
 const getCurrentRoute = () => {
-  return route.path
-}
+  return route.path;
+};
 
 const recordView = (route: NavItem) => {
   if (store.viewHistory.some((i: any) => i.routeData.path === route.routeData.path)) {
-    return
+    return;
   }
-  store.record(route)
-}
+  store.record(route);
+};
 </script>
 
 <template>
   <ul class="h-full pt-8 px-0 menu rounded-box">
-    <li v-for="route in defaultRoutes" :key="route.name" class="mb-2" @click="recordView(route)">
+    <li
+      v-for="route in defaultRoutes"
+      :key="route.name"
+      class="mb-2"
+      @click="recordView(route)"
+    >
       <RouterLink
         :to="route.routeData.path"
         :class="{
           active: route.routeData.path === getCurrentRoute(),
           'btn-block lg:btn-square flex items-center justify-start lg:justify-center':
-            customStore.menuMinify
+            customStore.menuMinify,
         }"
         @click="customStore.toggleMenuShow()"
       >
         <span class="material-symbols-outlined">{{ route.googleIcon }}</span>
-        <span :class="{ 'block lg:hidden': customStore.menuMinify }">{{ route.name }}</span>
+        <span :class="{ 'block lg:hidden': customStore.menuMinify }">{{
+          route.name
+        }}</span>
       </RouterLink>
     </li>
   </ul>
@@ -41,10 +48,10 @@ const recordView = (route: NavItem) => {
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 300,
+    "GRAD" -25,
+    "opsz" 48;
 }
 
 .menu li > *:not(ul, .menu-title, details, .btn):active,
diff --git a/frontend/src/components/sidebar/SidebarIndex.vue b/frontend/src/components/sidebar/SidebarIndex.vue
index c283302..a28c0e9 100644
--- a/frontend/src/components/sidebar/SidebarIndex.vue
+++ b/frontend/src/components/sidebar/SidebarIndex.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import SideMenu from '@/components/sidebar/SideMenu.vue'
-import router from '@/router'
-import { useCustomStore } from '@/stores'
+import SideMenu from "@/components/sidebar/SideMenu.vue";
+import router from "@/router";
+import { useCustomStore } from "@/stores";
 
-const store = useCustomStore()
+const store = useCustomStore();
 </script>
 
 <template>
@@ -22,7 +22,7 @@ const store = useCustomStore()
         'fixed lg:relative top-0 left-0 h-full flex flex-col justify-between py-2 px-4 transition-all': true,
         '-translate-x-full lg:translate-x-0 bg-base-200 lg:bg-base-200/50 shadow-md': true,
         '!-translate-x-0': store.menuShow,
-        'lg:!w-20': store.menuMinify
+        'lg:!w-20': store.menuMinify,
       }"
       class="w-full md:w-1/2 lg:w-72"
     >
@@ -30,7 +30,7 @@ const store = useCustomStore()
         <div
           role="button"
           class="flex items-center gap-2"
-          @click="router.push('/'), store.toggleMenuShow()"
+          @click="(router.push('/'), store.toggleMenuShow())"
         >
           <div class="indicator">
             <span
@@ -55,7 +55,7 @@ const store = useCustomStore()
         <button
           :class="{
             'btn btn-sm btn-square btn-ghost flex items-center justify-center': true,
-            'block lg:hidden': true
+            'block lg:hidden': true,
           }"
           @click="store.toggleMenuShow()"
         >
@@ -71,10 +71,10 @@ const store = useCustomStore()
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' -25,
-    'opsz' 48;
+    "FILL" 0,
+    "wght" 300,
+    "GRAD" -25,
+    "opsz" 48;
 }
 
 .v-enter-active,
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 88ea454..3dc872f 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,4 +1,4 @@
-import '@/assets/main.css'
-import { initWebUI } from '@/client/init'
+import "@/assets/main.css";
+import { initWebUI } from "@/client/init";
 
-initWebUI()
+initWebUI();
diff --git a/frontend/src/router/client.ts b/frontend/src/router/client.ts
index 5110aa0..d38ba36 100644
--- a/frontend/src/router/client.ts
+++ b/frontend/src/router/client.ts
@@ -1,63 +1,63 @@
 interface RouteInfo {
-  name: string
-  path: string
+  name: string;
+  path: string;
 }
 
 export interface RouteRecordRawRebuild extends RouteInfo {
-  component: () => Promise<any>
+  component: () => Promise<any>;
 }
 
 export interface NavItem {
-  googleIcon?: string
-  name: string
-  routeData: RouteRecordRawRebuild
+  googleIcon?: string;
+  name: string;
+  routeData: RouteRecordRawRebuild;
 }
 
 // WebUI default routes
 export const defaultRoutes: NavItem[] = [
   {
-    googleIcon: 'team_dashboard',
-    name: '概览',
+    googleIcon: "team_dashboard",
+    name: "概览",
     routeData: {
-      path: '/dashboard',
-      name: 'Dashboard',
-      component: () => import('@/views/Dashboard/DashboardIndex.vue')
-    }
+      path: "/dashboard",
+      name: "Dashboard",
+      component: () => import("@/views/Dashboard/DashboardIndex.vue"),
+    },
   },
   {
-    googleIcon: 'settings_applications',
-    name: '实例操作',
+    googleIcon: "settings_applications",
+    name: "实例操作",
     routeData: {
-      path: '/operation',
-      name: 'Operation',
-      component: () => import('@/views/Operation/OperationIndex.vue')
-    }
+      path: "/operation",
+      name: "Operation",
+      component: () => import("@/views/Operation/OperationIndex.vue"),
+    },
   },
   {
-    googleIcon: 'extension',
-    name: '拓展商店',
+    googleIcon: "extension",
+    name: "拓展商店",
     routeData: {
-      path: '/store',
-      name: 'Store',
-      component: () => import('@/views/Store/StoreIndex.vue')
-    }
+      path: "/store",
+      name: "Store",
+      component: () => import("@/views/Store/StoreIndex.vue"),
+    },
   },
   {
-    googleIcon: 'power',
-    name: '拓展管理',
+    googleIcon: "power",
+    name: "拓展管理",
     routeData: {
-      path: '/extension',
-      name: 'ExtensionManage',
-      component: () => import('@/views/ExtensionManage/ExtensionManageIndex.vue')
-    }
+      path: "/extension",
+      name: "ExtensionManage",
+      component: () => import("@/views/ExtensionManage/ExtensionManageIndex.vue"),
+    },
   },
   {
-    googleIcon: 'settings',
-    name: '实例设置',
+    googleIcon: "settings",
+    name: "实例设置",
     routeData: {
-      path: '/settings',
-      name: 'Settings',
-      component: () => import('@/views/Settings/SettingsIndex.vue')
-    }
-  }
-]
+      path: "/settings",
+      name: "Settings",
+      component: () => import("@/views/Settings/SettingsIndex.vue"),
+    },
+  },
+];
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index e3c8506..d9be75f 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,43 +1,43 @@
-import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
-import { defaultRoutes } from './client'
+import { createRouter, createWebHistory, type RouteRecordRaw } from "vue-router";
+import { defaultRoutes } from "./client";
 
 const routes: RouteRecordRaw[] = [
   {
-    path: '/login',
-    name: 'Login',
-    component: () => import('@/views/Login/LoginIndex.vue')
+    path: "/login",
+    name: "Login",
+    component: () => import("@/views/Login/LoginIndex.vue"),
   },
   {
-    path: '/',
-    name: 'WebUI',
-    component: () => import('@/views/ViewIndex.vue'),
+    path: "/",
+    name: "WebUI",
+    component: () => import("@/views/ViewIndex.vue"),
     children: [
       {
-        path: '/',
-        name: 'Welcome',
-        component: () => import('@/views/WelcomeItem.vue')
-      }
-    ]
+        path: "/",
+        name: "Welcome",
+        component: () => import("@/views/WelcomeItem.vue"),
+      },
+    ],
   },
   {
-    path: '/:pathMatched(.*)*',
-    name: 'Not Found',
+    path: "/:pathMatched(.*)*",
+    name: "Not Found",
     props: (route: { params: { pathMatched: string } }) => ({
-      pathMatched: `/${route.params.pathMatched}`
+      pathMatched: `/${route.params.pathMatched}`,
     }),
-    component: () => import('@/views/NotFound.vue')
-  }
-]
+    component: () => import("@/views/NotFound.vue"),
+  },
+];
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: routes
-})
+  routes: routes,
+});
 
 defaultRoutes
   .map((route) => route.routeData)
   .forEach((route) => {
-    router.addRoute('WebUI', route)
-  })
+    router.addRoute("WebUI", route);
+  });
 
-export default router
+export default router;
diff --git a/frontend/src/stores/ChartStore.ts b/frontend/src/stores/ChartStore.ts
index fb15fb1..139438d 100644
--- a/frontend/src/stores/ChartStore.ts
+++ b/frontend/src/stores/ChartStore.ts
@@ -1,67 +1,67 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
 interface DataTypeFields {
-  [key: string]: (number | string)[]
+  [key: string]: (number | string)[];
 }
 
 type DataState<T extends DataTypeFields> = {
-  [key: string]: T
-}
+  [key: string]: T;
+};
 
-export const useChartStore = defineStore('chartStore', () => {
-  const chartDataMaxLength = ref(100)
+export const useChartStore = defineStore("chartStore", () => {
+  const chartDataMaxLength = ref(100);
 
   const initArr = (defaultData: any = 0) =>
-    Array.from({ length: chartDataMaxLength.value }, () => defaultData)
+    Array.from({ length: chartDataMaxLength.value }, () => defaultData);
 
   const limitArrayLength = (arr: any[], maxLength: number) => {
     while (arr.length > maxLength) {
-      arr.shift()
+      arr.shift();
     }
-  }
+  };
 
-  const dataRefs = ref<Partial<DataState<DataTypeFields>>>({})
+  const dataRefs = ref<Partial<DataState<DataTypeFields>>>({});
 
-  const dataCreators: { [key: string]: () => DataTypeFields } = {}
+  const dataCreators: { [key: string]: () => DataTypeFields } = {};
 
   const updateData = <T extends keyof DataTypeFields>(
     dataType: T,
     field: T,
     v: DataTypeFields[T][number],
-    maxLength: number = chartDataMaxLength.value
+    maxLength: number = chartDataMaxLength.value,
   ) => {
-    const data = dataRefs.value[dataType]
-    if (!data) return
+    const data = dataRefs.value[dataType];
+    if (!data) return;
 
-    data[field].push(v)
-    limitArrayLength(data[field], maxLength)
-    dataRefs.value[dataType] = { ...data }
-  }
+    data[field].push(v);
+    limitArrayLength(data[field], maxLength);
+    dataRefs.value[dataType] = { ...data };
+  };
 
   const addDataType = <T extends DataTypeFields>(dataType: string, fields: T) => {
     const createDefault = () => {
-      const defaultFields: { [key in keyof T]: T[key] } = {} as any
+      const defaultFields: { [key in keyof T]: T[key] } = {} as any;
       for (const key in fields) {
-        defaultFields[key] = initArr(fields[key][0]) as T[Extract<keyof T, string>]
+        defaultFields[key] = initArr(fields[key][0]) as T[Extract<keyof T, string>];
       }
-      return defaultFields
-    }
-    if (dataRefs.value[dataType]) return
-    dataRefs.value[dataType] = createDefault()
-    dataCreators[dataType] = createDefault
-  }
+      return defaultFields;
+    };
+    if (dataRefs.value[dataType]) return;
+    dataRefs.value[dataType] = createDefault();
+    dataCreators[dataType] = createDefault;
+  };
 
   const resetData = (dataType: string) => {
-    const data = dataCreators[dataType]?.()
-    dataRefs.value[dataType] = data
-  }
+    const data = dataCreators[dataType]?.();
+    dataRefs.value[dataType] = data;
+  };
 
   return {
     chartDataMaxLength,
     dataRefs,
     updateData,
     addDataType,
-    resetData
-  }
-})
+    resetData,
+  };
+});
diff --git a/frontend/src/stores/CustomStore.ts b/frontend/src/stores/CustomStore.ts
index 68ccacc..dbcd607 100644
--- a/frontend/src/stores/CustomStore.ts
+++ b/frontend/src/stores/CustomStore.ts
@@ -1,90 +1,93 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import { useStatusStore } from './StatusStore'
-import { v4 as uuidv4 } from 'uuid'
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useStatusStore } from "./StatusStore";
+import { v4 as uuidv4 } from "uuid";
 
-const ID_OF_DEBUG_STATUS = uuidv4()
+const ID_OF_DEBUG_STATUS = uuidv4();
 
-export const useCustomStore = defineStore('customStore', () => {
-  let data: string | null
+export const useCustomStore = defineStore("customStore", () => {
+  let data: string | null;
 
-  const statusStore = useStatusStore()
+  const statusStore = useStatusStore();
 
-  const isDebug = ref(false)
+  const isDebug = ref(false);
 
-  data = localStorage.getItem('isDebug')
+  data = localStorage.getItem("isDebug");
   if (data) {
-    isDebug.value = data === '1'
-    if (isDebug.value) statusStore.update(ID_OF_DEBUG_STATUS, 'badge-warning', '开发模式')
+    isDebug.value = data === "1";
+    if (isDebug.value)
+      statusStore.update(ID_OF_DEBUG_STATUS, "badge-warning", "开发模式");
   }
 
   const toggleDebug = () => {
-    isDebug.value = !isDebug.value
-    localStorage.setItem('isDebug', isDebug.value ? '1' : '0')
+    isDebug.value = !isDebug.value;
+    localStorage.setItem("isDebug", isDebug.value ? "1" : "0");
 
     if (isDebug.value) {
-      statusStore.update(ID_OF_DEBUG_STATUS, 'badge-warning', '开发模式')
+      statusStore.update(ID_OF_DEBUG_STATUS, "badge-warning", "开发模式");
     } else {
-      statusStore.deleteStatus(ID_OF_DEBUG_STATUS)
+      statusStore.deleteStatus(ID_OF_DEBUG_STATUS);
     }
-  }
+  };
 
-  const toggleTheme = (theme: 'light' | 'dark') => {
-    currentTheme.value = theme
-    localStorage.setItem('theme', theme)
-    document.documentElement.setAttribute('data-theme', theme)
-  }
+  const toggleTheme = (theme: "light" | "dark") => {
+    currentTheme.value = theme;
+    localStorage.setItem("theme", theme);
+    document.documentElement.setAttribute("data-theme", theme);
+  };
 
-  const isThemeFollowSystem = ref(true)
+  const isThemeFollowSystem = ref(true);
 
-  data = localStorage.getItem('isThemeFollowSystem')
+  data = localStorage.getItem("isThemeFollowSystem");
   if (data) {
-    isThemeFollowSystem.value = data === '1'
+    isThemeFollowSystem.value = data === "1";
   }
 
   const toggleThemeFollowSystem = () => {
-    isThemeFollowSystem.value = !isThemeFollowSystem.value
-    localStorage.setItem('isThemeFollowSystem', isThemeFollowSystem.value ? '1' : '0')
-  }
+    isThemeFollowSystem.value = !isThemeFollowSystem.value;
+    localStorage.setItem("isThemeFollowSystem", isThemeFollowSystem.value ? "1" : "0");
+  };
 
-  const currentTheme = ref<string>('light')
+  const currentTheme = ref<string>("light");
 
-  data = localStorage.getItem('theme') ?? 'light'
-  const sysTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  data = localStorage.getItem("theme") ?? "light";
+  const sysTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+    ? "dark"
+    : "light";
 
   if (isThemeFollowSystem.value) {
-    toggleTheme(sysTheme)
+    toggleTheme(sysTheme);
   } else {
     if (data) {
-      toggleTheme(data as 'light' | 'dark')
+      toggleTheme(data as "light" | "dark");
     } else {
-      toggleTheme(sysTheme)
+      toggleTheme(sysTheme);
     }
   }
 
-  const isInstantSearch = ref(false)
+  const isInstantSearch = ref(false);
 
-  data = localStorage.getItem('instantSearch')
+  data = localStorage.getItem("instantSearch");
   if (data) {
-    isInstantSearch.value = data === '1'
+    isInstantSearch.value = data === "1";
   }
 
   const toggleInstantSearch = () => {
-    isInstantSearch.value = !isInstantSearch.value
-    localStorage.setItem('instantSearch', isInstantSearch.value ? '1' : '0')
-  }
+    isInstantSearch.value = !isInstantSearch.value;
+    localStorage.setItem("instantSearch", isInstantSearch.value ? "1" : "0");
+  };
 
-  const menuMinify = ref(false)
+  const menuMinify = ref(false);
 
   const toggleMenuMinify = () => {
-    menuMinify.value = !menuMinify.value
-  }
+    menuMinify.value = !menuMinify.value;
+  };
 
-  const menuShow = ref(false)
+  const menuShow = ref(false);
 
   const toggleMenuShow = () => {
-    menuShow.value = !menuShow.value
-  }
+    menuShow.value = !menuShow.value;
+  };
 
   return {
     isDebug,
@@ -98,6 +101,6 @@ export const useCustomStore = defineStore('customStore', () => {
     menuMinify,
     toggleMenuMinify,
     menuShow,
-    toggleMenuShow
-  }
-})
+    toggleMenuShow,
+  };
+});
diff --git a/frontend/src/stores/NoneBotStore.ts b/frontend/src/stores/NoneBotStore.ts
index feec9e7..b0883ea 100644
--- a/frontend/src/stores/NoneBotStore.ts
+++ b/frontend/src/stores/NoneBotStore.ts
@@ -1,89 +1,95 @@
-import { ref, watch } from 'vue'
-import { defineStore } from 'pinia'
-import { ProjectService } from '@/client/api'
-import type { NoneBotProjectMeta } from '@/client/api'
-import { useToastStore } from './ToastStore'
-import { useStatusStore } from './StatusStore'
-import { v4 as uuidv4 } from 'uuid'
+import { ref, watch } from "vue";
+import { defineStore } from "pinia";
+import { ProjectService } from "@/client/api";
+import type { NoneBotProjectMeta } from "@/client/api";
+import { useToastStore } from "./ToastStore";
+import { useStatusStore } from "./StatusStore";
+import { v4 as uuidv4 } from "uuid";
 
-const ID_OF_ENV_STATUS = uuidv4()
-const ID_OF_BOT_STATUS = uuidv4()
+const ID_OF_ENV_STATUS = uuidv4();
+const ID_OF_BOT_STATUS = uuidv4();
 
-export const useNoneBotStore = defineStore('nonebotStore', () => {
-  const bots = ref<{ [key: string]: NoneBotProjectMeta }>({})
-  const selectedBot = ref<NoneBotProjectMeta>()
+export const useNoneBotStore = defineStore("nonebotStore", () => {
+  const bots = ref<{ [key: string]: NoneBotProjectMeta }>({});
+  const selectedBot = ref<NoneBotProjectMeta>();
 
-  const toast = useToastStore()
-  const statusStore = useStatusStore()
+  const toast = useToastStore();
+  const statusStore = useStatusStore();
 
-  const selectedBotFromLocalStorage = localStorage.getItem('selectedBot')
+  const selectedBotFromLocalStorage = localStorage.getItem("selectedBot");
   if (selectedBotFromLocalStorage) {
-    selectedBot.value = JSON.parse(selectedBotFromLocalStorage)
+    selectedBot.value = JSON.parse(selectedBotFromLocalStorage);
   }
 
   const getExtendedBotsList = (): NoneBotProjectMeta[] => {
     return Object.keys(bots.value).map((projectID) => ({
       projectID,
-      ...bots.value[projectID]
-    }))
-  }
+      ...bots.value[projectID],
+    }));
+  };
 
   const selectBot = (bot: NoneBotProjectMeta) => {
-    selectedBot.value = bot
-    localStorage.setItem('selectedBot', JSON.stringify(bot))
-    toast.add('success', `已选择实例: ${bot.project_name}`, '', 5000)
-  }
+    selectedBot.value = bot;
+    localStorage.setItem("selectedBot", JSON.stringify(bot));
+    toast.add("success", `已选择实例: ${bot.project_name}`, "", 5000);
+  };
 
   const loadBots = async () => {
-    const { data } = await ProjectService.listProjectV1ProjectListGet()
+    const { data } = await ProjectService.listProjectV1ProjectListGet();
     if (data) {
-      bots.value = data.detail
-      selectedBot.value = selectedBot.value ? bots.value[selectedBot.value.project_id] : undefined
+      bots.value = data.detail;
+      selectedBot.value = selectedBot.value
+        ? bots.value[selectedBot.value.project_id]
+        : undefined;
     }
-  }
+  };
 
   const updateEnv = async (env: string) => {
     if (!selectedBot.value) {
-      return
+      return;
     }
 
     const { data, error } = await ProjectService.useProjectEnvV1ProjectConfigEnvUsePost({
       query: {
         env: env,
-        project_id: selectedBot.value.project_id
-      }
-    })
+        project_id: selectedBot.value.project_id,
+      },
+    });
 
     if (error) {
-      toast.add('error', `更新环节失败, 原因: ${error.detail?.toString()}`, '', 5000)
+      toast.add("error", `更新环节失败, 原因: ${error.detail?.toString()}`, "", 5000);
     }
 
     if (data && selectedBot.value) {
-      selectedBot.value.use_env = env
+      selectedBot.value.use_env = env;
     }
-  }
+  };
 
-  const data = localStorage.getItem('selectedBot')
+  const data = localStorage.getItem("selectedBot");
   if (data) {
-    selectedBot.value = JSON.parse(data) as NoneBotProjectMeta
+    selectedBot.value = JSON.parse(data) as NoneBotProjectMeta;
   }
 
   watch(
     () => selectedBot.value,
     (bot) => {
       if (bot) {
-        statusStore.update(ID_OF_BOT_STATUS, 'badge-ghost', `当前实例: ${bot.project_name}`)
-        statusStore.update(ID_OF_ENV_STATUS, 'badge-ghost', `当前环境: ${bot.use_env}`)
+        statusStore.update(
+          ID_OF_BOT_STATUS,
+          "badge-ghost",
+          `当前实例: ${bot.project_name}`,
+        );
+        statusStore.update(ID_OF_ENV_STATUS, "badge-ghost", `当前环境: ${bot.use_env}`);
       }
-    }
-  )
+    },
+  );
 
   watch(
     () => selectedBot.value?.use_env,
     (env) => {
-      statusStore.update(ID_OF_ENV_STATUS, 'badge-ghost', `当前环境: ${env}`)
-    }
-  )
+      statusStore.update(ID_OF_ENV_STATUS, "badge-ghost", `当前环境: ${env}`);
+    },
+  );
 
   return {
     bots,
@@ -91,6 +97,6 @@ export const useNoneBotStore = defineStore('nonebotStore', () => {
     getExtendedBotsList,
     selectBot,
     loadBots,
-    updateEnv
-  }
-})
+    updateEnv,
+  };
+});
diff --git a/frontend/src/stores/StatusStore.ts b/frontend/src/stores/StatusStore.ts
index ba0a3d8..239a202 100644
--- a/frontend/src/stores/StatusStore.ts
+++ b/frontend/src/stores/StatusStore.ts
@@ -1,30 +1,30 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
 interface StatusItem {
-  css: string[]
-  text: string
+  css: string[];
+  text: string;
 }
 
-export const useStatusStore = defineStore('statusStore', () => {
-  const statusItems = ref<{ [key: string]: StatusItem }>({})
+export const useStatusStore = defineStore("statusStore", () => {
+  const statusItems = ref<{ [key: string]: StatusItem }>({});
 
   const update = (id: string, css: string, text: string) => {
     if (!statusItems.value[id]) {
-      statusItems.value[id] = { css: [css], text }
+      statusItems.value[id] = { css: [css], text };
     }
 
-    statusItems.value[id].css = [css]
-    statusItems.value[id].text = text
-  }
+    statusItems.value[id].css = [css];
+    statusItems.value[id].text = text;
+  };
 
   const deleteStatus = (id: string) => {
-    delete statusItems.value[id]
-  }
+    delete statusItems.value[id];
+  };
 
   return {
     statusItems,
     update,
-    deleteStatus
-  }
-})
+    deleteStatus,
+  };
+});
diff --git a/frontend/src/stores/ToastStore.ts b/frontend/src/stores/ToastStore.ts
index 81b64f3..a3f7d88 100644
--- a/frontend/src/stores/ToastStore.ts
+++ b/frontend/src/stores/ToastStore.ts
@@ -1,74 +1,74 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import { v4 as uuidv4 } from 'uuid'
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { v4 as uuidv4 } from "uuid";
 
-const MAX_VISIBLE_TOASTS = 5
+const MAX_VISIBLE_TOASTS = 5;
 
-export type ToastType = 'success' | 'error' | 'info' | 'warning'
+export type ToastType = "success" | "error" | "info" | "warning";
 
 export interface ToastItem {
-  id: string
-  type: ToastType
-  message: string
-  from?: string
-  timer?: ReturnType<typeof setTimeout>
+  id: string;
+  type: ToastType;
+  message: string;
+  from?: string;
+  timer?: ReturnType<typeof setTimeout>;
 }
 
-export const useToastStore = defineStore('toastStore', () => {
-  const toasts = ref<ToastItem[]>([])
-  const visibleToasts = ref<ToastItem[]>([])
+export const useToastStore = defineStore("toastStore", () => {
+  const toasts = ref<ToastItem[]>([]);
+  const visibleToasts = ref<ToastItem[]>([]);
 
   const add = (type: ToastType, message: string, from?: string, exp?: number) => {
     if (visibleToasts.value.length >= MAX_VISIBLE_TOASTS) {
-      const toast = visibleToasts.value.shift()
+      const toast = visibleToasts.value.shift();
       if (toast) {
-        remove(toast.id)
+        remove(toast.id);
       }
     }
 
-    const id = uuidv4()
+    const id = uuidv4();
     const toast: ToastItem = {
       id: id,
       type,
       message,
-      from: from
-    }
+      from: from,
+    };
 
     if (exp) {
       toast.timer = setTimeout(() => {
-        remove(toast.id)
-      }, exp)
+        remove(toast.id);
+      }, exp);
     }
 
-    visibleToasts.value.push(toast)
-    toasts.value.push(toast)
-  }
+    visibleToasts.value.push(toast);
+    toasts.value.push(toast);
+  };
 
   const remove = (id: string, isVisible: boolean = true) => {
     if (isVisible) {
-      const index = visibleToasts.value.findIndex((toast) => toast.id === id)
+      const index = visibleToasts.value.findIndex((toast) => toast.id === id);
       if (index !== -1) {
-        clearTimeout(visibleToasts.value[index].timer!)
-        visibleToasts.value.splice(index, 1)
+        clearTimeout(visibleToasts.value[index].timer!);
+        visibleToasts.value.splice(index, 1);
       }
     } else {
-      const index = toasts.value.findIndex((toast) => toast.id === id)
+      const index = toasts.value.findIndex((toast) => toast.id === id);
       if (index !== -1) {
-        toasts.value.splice(index, 1)
+        toasts.value.splice(index, 1);
       }
     }
-  }
+  };
 
   const clear = () => {
-    toasts.value = []
-    visibleToasts.value = []
-  }
+    toasts.value = [];
+    visibleToasts.value = [];
+  };
 
   return {
     toasts,
     visibleToasts,
     add,
     remove,
-    clear
-  }
-})
+    clear,
+  };
+});
diff --git a/frontend/src/stores/index.ts b/frontend/src/stores/index.ts
index 1178cc7..65cffad 100644
--- a/frontend/src/stores/index.ts
+++ b/frontend/src/stores/index.ts
@@ -1,6 +1,6 @@
-export { useViewHistoryRecorderStore } from './viewHistoryRecorder'
-export { useNoneBotStore } from './NoneBotStore'
-export { useCustomStore } from './CustomStore'
-export { useChartStore } from './ChartStore'
-export { useToastStore, type ToastItem } from './ToastStore'
-export { useStatusStore } from './StatusStore'
+export { useViewHistoryRecorderStore } from "./viewHistoryRecorder";
+export { useNoneBotStore } from "./NoneBotStore";
+export { useCustomStore } from "./CustomStore";
+export { useChartStore } from "./ChartStore";
+export { useToastStore, type ToastItem } from "./ToastStore";
+export { useStatusStore } from "./StatusStore";
diff --git a/frontend/src/stores/viewHistoryRecorder.ts b/frontend/src/stores/viewHistoryRecorder.ts
index 45dd4c5..df9d10f 100644
--- a/frontend/src/stores/viewHistoryRecorder.ts
+++ b/frontend/src/stores/viewHistoryRecorder.ts
@@ -1,49 +1,52 @@
-import { ref } from 'vue'
-import { defineStore } from 'pinia'
-import type { NavItem } from '@/router/client'
-import { defaultRoutes } from '@/router/client'
+import { ref } from "vue";
+import { defineStore } from "pinia";
+import type { NavItem } from "@/router/client";
+import { defaultRoutes } from "@/router/client";
 
-export const useViewHistoryRecorderStore = defineStore('viewHistoryRecorder', () => {
-  const viewHistory = ref<NavItem[]>([])
+export const useViewHistoryRecorderStore = defineStore("viewHistoryRecorder", () => {
+  const viewHistory = ref<NavItem[]>([]);
 
-  const viewHistoryFromLocalStorage = localStorage.getItem('viewHistory')
+  const viewHistoryFromLocalStorage = localStorage.getItem("viewHistory");
   if (viewHistoryFromLocalStorage) {
-    const storedHistory = JSON.parse(viewHistoryFromLocalStorage)
+    const storedHistory = JSON.parse(viewHistoryFromLocalStorage);
     viewHistory.value = storedHistory.map((name: string) => {
-      const routeItem = defaultRoutes.find((route) => route.name === name)
-      return routeItem
-    })
+      const routeItem = defaultRoutes.find((route) => route.name === name);
+      return routeItem;
+    });
   }
 
   const _record = () => {
-    localStorage.setItem('viewHistory', JSON.stringify(viewHistory.value.map((item) => item.name)))
-  }
+    localStorage.setItem(
+      "viewHistory",
+      JSON.stringify(viewHistory.value.map((item) => item.name)),
+    );
+  };
 
   const _remove = (name: string) => {
-    const data = viewHistory.value.map((item) => item.name)
-    data.filter((item) => item !== name)
+    const data = viewHistory.value.map((item) => item.name);
+    data.filter((item) => item !== name);
 
-    localStorage.setItem('viewHistory', JSON.stringify(data))
-  }
+    localStorage.setItem("viewHistory", JSON.stringify(data));
+  };
 
   const record = (route: NavItem) => {
-    viewHistory.value.push(route)
-    _record()
-  }
+    viewHistory.value.push(route);
+    _record();
+  };
 
   const remove = (route: NavItem) => {
-    const index = viewHistory.value.findIndex((item: any) => item.name === route.name)
+    const index = viewHistory.value.findIndex((item: any) => item.name === route.name);
     if (index !== -1) {
-      viewHistory.value.splice(index, 1)
+      viewHistory.value.splice(index, 1);
     }
-    _remove(route.name)
-  }
+    _remove(route.name);
+  };
 
   const move = (from: number, to: number) => {
-    const item = viewHistory.value.splice(from, 1)[0]
-    viewHistory.value.splice(to, 0, item)
-    _record()
-  }
+    const item = viewHistory.value.splice(from, 1)[0];
+    viewHistory.value.splice(to, 0, item);
+    _record();
+  };
 
-  return { viewHistory, record, remove, move }
-})
+  return { viewHistory, record, remove, move };
+});
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index eb873a9..423ebfa 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -1,14 +1,14 @@
 export type LoadingOptions = {
-  text?: string
-  textColor?: string
-  fontSize?: number | string
-  fontWeight?: number | string
-  fontStyle?: string
-  fontFamily?: string
-  maskColor?: string
-  showSpinner?: boolean
-  color?: string
-  spinnerRadius?: number
-  lineWidth?: number
-  zlevel?: number
-}
+  text?: string;
+  textColor?: string;
+  fontSize?: number | string;
+  fontWeight?: number | string;
+  fontStyle?: string;
+  fontFamily?: string;
+  maskColor?: string;
+  showSpinner?: boolean;
+  color?: string;
+  spinnerRadius?: number;
+  lineWidth?: number;
+  zlevel?: number;
+};
diff --git a/frontend/src/views/Dashboard/DashboardIndex.vue b/frontend/src/views/Dashboard/DashboardIndex.vue
index 392f161..6103cf7 100644
--- a/frontend/src/views/Dashboard/DashboardIndex.vue
+++ b/frontend/src/views/Dashboard/DashboardIndex.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useNoneBotStore } from '@/stores'
-import CreateBotIndex from '@/components/Modals/CreateBot/CreateBotIndex.vue'
-import MachineStat from '@/views/Dashboard/MachineStat.vue'
-import AddBotIndex from '@/components/Modals/AddBot/AddBotIndex.vue'
+import { computed, ref } from "vue";
+import { useNoneBotStore } from "@/stores";
+import CreateBotIndex from "@/components/Modals/CreateBot/CreateBotIndex.vue";
+import MachineStat from "@/views/Dashboard/MachineStat.vue";
+import AddBotIndex from "@/components/Modals/AddBot/AddBotIndex.vue";
 
-const store = useNoneBotStore()
+const store = useNoneBotStore();
 
-const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>()
-const addBotModal = ref<InstanceType<typeof AddBotIndex> | null>()
+const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>();
+const addBotModal = ref<InstanceType<typeof AddBotIndex> | null>();
 
 const getBotIsRunning = computed(() => {
-  return store.getExtendedBotsList().filter((bot) => bot.is_running).length
-})
+  return store.getExtendedBotsList().filter((bot) => bot.is_running).length;
+});
 </script>
 
 <template>
@@ -21,20 +21,28 @@ const getBotIsRunning = computed(() => {
 
   <div class="grid gap-4">
     <div class="grid gap-4 grid-cols-1 xl:grid-cols-3">
-      <div class="col-span-1 xl:col-span-2 card bg-primary/[.2] card-body justify-center gap-4">
+      <div
+        class="col-span-1 xl:col-span-2 card bg-primary/[.2] card-body justify-center gap-4"
+      >
         <h2 class="card-title">欢迎 👋</h2>
         <div class="text-sm">
           <p>这是什么？这是 NoneBot CLI 图形化控制端</p>
           <p>可以干啥？创建并同时管理多个 NoneBot 实例</p>
           <p>
             意见反馈&交流:
-            <a class="link" href="https://nonebot.dev/docs/community/contact" target="_blank">
+            <a
+              class="link"
+              href="https://nonebot.dev/docs/community/contact"
+              target="_blank"
+            >
               直达链接
             </a>
           </p>
         </div>
         <div class="card-actions justify-start">
-          <button class="btn btn-primary btn-sm font-normal text-base-100">即刻上手</button>
+          <button class="btn btn-primary btn-sm font-normal text-base-100">
+            即刻上手
+          </button>
         </div>
       </div>
 
diff --git a/frontend/src/views/Dashboard/MachineStat.vue b/frontend/src/views/Dashboard/MachineStat.vue
index 42ef03b..2969426 100644
--- a/frontend/src/views/Dashboard/MachineStat.vue
+++ b/frontend/src/views/Dashboard/MachineStat.vue
@@ -1,220 +1,234 @@
 <script setup lang="ts">
-import { generateURLForWebUI } from '@/client/utils'
-import ChartItem from '@/components/ChartItem.vue'
-import { useWebSocket } from '@vueuse/core'
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
-import type { StatusInfo, ChartItem as ChartItemType } from './types'
-import { useChartStore, useCustomStore, useNoneBotStore, useToastStore } from '@/stores'
-import type { LoadingOptions } from '@/types'
+import { generateURLForWebUI } from "@/client/utils";
+import ChartItem from "@/components/ChartItem.vue";
+import { useWebSocket } from "@vueuse/core";
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
+import type { StatusInfo, ChartItem as ChartItemType } from "./types";
+import { useChartStore, useCustomStore, useNoneBotStore, useToastStore } from "@/stores";
+import type { LoadingOptions } from "@/types";
 
 const store = useCustomStore(),
   chartStore = useChartStore(),
-  nonebotStore = useNoneBotStore()
-const toast = useToastStore()
+  nonebotStore = useNoneBotStore();
+const toast = useToastStore();
 
-chartStore.addDataType('systemData', {
+chartStore.addDataType("systemData", {
   diskReadSpeed: [0],
   diskWriteSpeed: [0],
   netSentSpeed: [0],
-  netRecvSpeed: [0]
-})
+  netRecvSpeed: [0],
+});
 
-chartStore.addDataType('processData', {
+chartStore.addDataType("processData", {
   cpuPercent: [0],
-  memPercent: [0]
-})
+  memPercent: [0],
+});
 
-chartStore.addDataType('timeData', {
-  time: ['00:00:00']
-})
+chartStore.addDataType("timeData", {
+  time: ["00:00:00"],
+});
 
 const machineStatIsLoading = ref(true),
-  processStatIsLoading = ref(true)
+  processStatIsLoading = ref(true);
 
 const { data, close, open, send } = useWebSocket<StatusInfo>(
-  generateURLForWebUI('/v1/status/ws', true),
+  generateURLForWebUI("/v1/status/ws", true),
   {
     immediate: false,
     onConnected(ws) {
-      const token = localStorage.getItem('token') ?? ''
-      ws.send(token)
+      const token = localStorage.getItem("token") ?? "";
+      ws.send(token);
 
       if (nonebotStore.selectedBot) {
         ws.send(
           JSON.stringify({
-            type: 'status',
-            project_id: nonebotStore.selectedBot.project_id
-          })
-        )
+            type: "status",
+            project_id: nonebotStore.selectedBot.project_id,
+          }),
+        );
       }
 
       if (store.isDebug) {
-        toast.add('success', 'Debug: WebSocket 连接成功', 'views/Dashboard/MachineStat.vue', 5000)
+        toast.add(
+          "success",
+          "Debug: WebSocket 连接成功",
+          "views/Dashboard/MachineStat.vue",
+          5000,
+        );
       }
     },
     onDisconnected() {
-      if (!store.isDebug) return
-      toast.add('error', 'Debug: WebSocket 连接断开', 'views/Dashboard/MachineStat.vue', 5000)
-    }
-  }
-)
+      if (!store.isDebug) return;
+      toast.add(
+        "error",
+        "Debug: WebSocket 连接断开",
+        "views/Dashboard/MachineStat.vue",
+        5000,
+      );
+    },
+  },
+);
 
 watch(
   () => data.value,
   (rawData) => {
     if (!rawData) {
-      machineStatIsLoading.value = true
-      return
+      machineStatIsLoading.value = true;
+      return;
     } else {
-      machineStatIsLoading.value = false
+      machineStatIsLoading.value = false;
     }
 
-    const data: StatusInfo = JSON.parse(rawData.toString())
+    const data: StatusInfo = JSON.parse(rawData.toString());
 
-    const convertToMB = (v: number) => v / 1024 / 1024
-    const convertToKB = (v: number) => v / 1024
+    const convertToMB = (v: number) => v / 1024 / 1024;
+    const convertToKB = (v: number) => v / 1024;
 
-    const date = new Date()
+    const date = new Date();
 
     chartStore.updateData(
-      'timeData',
-      'time',
-      `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
-    )
+      "timeData",
+      "time",
+      `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`,
+    );
 
-    const diskSpeed = data.system.disk.speed
-    const netSpeed = data.system.net.speed
+    const diskSpeed = data.system.disk.speed;
+    const netSpeed = data.system.net.speed;
 
-    chartStore.updateData('systemData', 'diskReadSpeed', convertToMB(diskSpeed[0]))
-    chartStore.updateData('systemData', 'diskWriteSpeed', convertToMB(diskSpeed[1]))
-    chartStore.updateData('systemData', 'netSentSpeed', convertToKB(netSpeed[0]))
-    chartStore.updateData('systemData', 'netRecvSpeed', convertToKB(netSpeed[1]))
+    chartStore.updateData("systemData", "diskReadSpeed", convertToMB(diskSpeed[0]));
+    chartStore.updateData("systemData", "diskWriteSpeed", convertToMB(diskSpeed[1]));
+    chartStore.updateData("systemData", "netSentSpeed", convertToKB(netSpeed[0]));
+    chartStore.updateData("systemData", "netRecvSpeed", convertToKB(netSpeed[1]));
 
     if (data.process && data.process.performance) {
       chartStore.updateData(
-        'processData',
-        'cpuPercent',
-        Number(data.process.performance.cpu.toFixed(3)) * 100
-      )
+        "processData",
+        "cpuPercent",
+        Number(data.process.performance.cpu.toFixed(3)) * 100,
+      );
       chartStore.updateData(
-        'processData',
-        'memPercent',
-        Number(data.process.performance.mem.toFixed(3)) * 100
-      )
-      processStatIsLoading.value = false
+        "processData",
+        "memPercent",
+        Number(data.process.performance.mem.toFixed(3)) * 100,
+      );
+      processStatIsLoading.value = false;
     } else {
-      processStatIsLoading.value = true
+      processStatIsLoading.value = true;
     }
-  }
-)
+  },
+);
 
 onMounted(() => {
-  open()
-})
+  open();
+});
 
 onUnmounted(() => {
-  close()
-})
+  close();
+});
 
 watch(
   () => nonebotStore.selectedBot,
   (newValue) => {
-    if (!newValue) return
-    send(JSON.stringify({ type: 'status', project_id: newValue.project_id }))
+    if (!newValue) return;
+    send(JSON.stringify({ type: "status", project_id: newValue.project_id }));
 
     // bug: 重置数据后, 图表会停止更新
     // chartStore.resetData('processData')
-  }
-)
+  },
+);
 
 const loadingOptions: LoadingOptions = {
-  text: '等待数据传入...',
-  textColor: 'grey',
-  maskColor: 'rgba(255, 255, 255, 0)',
-  color: 'rgb(107 114 128)'
-}
+  text: "等待数据传入...",
+  textColor: "grey",
+  maskColor: "rgba(255, 255, 255, 0)",
+  color: "rgb(107 114 128)",
+};
 
 const chartItems: ChartItemType[] = [
   {
-    title: '机器硬盘情况',
+    title: "机器硬盘情况",
     subtitle: computed(() => {
-      const lastReadSpeed = chartStore.dataRefs.systemData?.diskReadSpeed.slice(-1)[0]
-      const lastWriteSpeed = chartStore.dataRefs.systemData?.diskWriteSpeed.slice(-1)[0]
+      const lastReadSpeed = chartStore.dataRefs.systemData?.diskReadSpeed.slice(-1)[0];
+      const lastWriteSpeed = chartStore.dataRefs.systemData?.diskWriteSpeed.slice(-1)[0];
       return `读取: ${Number(lastReadSpeed).toFixed(3)} MB/s, 写入: ${Number(
-        lastWriteSpeed
-      ).toFixed(3)} MB/s`
+        lastWriteSpeed,
+      ).toFixed(3)} MB/s`;
     }),
     isLoading: computed(() => machineStatIsLoading.value),
     timeData: chartStore.dataRefs.timeData?.time ?? [],
     data: [
       {
-        name: '读取',
-        data: chartStore.dataRefs.systemData?.diskReadSpeed ?? []
+        name: "读取",
+        data: chartStore.dataRefs.systemData?.diskReadSpeed ?? [],
       },
       {
-        name: '写入',
-        data: chartStore.dataRefs.systemData?.diskWriteSpeed ?? []
-      }
-    ]
+        name: "写入",
+        data: chartStore.dataRefs.systemData?.diskWriteSpeed ?? [],
+      },
+    ],
   },
   {
-    title: '机器网络情况',
+    title: "机器网络情况",
     subtitle: computed(() => {
-      const lastSentSpeed = chartStore.dataRefs.systemData?.netSentSpeed.slice(-1)[0]
-      const lastRecvSpeed = chartStore.dataRefs.systemData?.netRecvSpeed.slice(-1)[0]
-      return `发送: ${Number(lastSentSpeed).toFixed(3)} KB/s, 接收: ${Number(lastRecvSpeed).toFixed(
-        3
-      )} KB/s`
+      const lastSentSpeed = chartStore.dataRefs.systemData?.netSentSpeed.slice(-1)[0];
+      const lastRecvSpeed = chartStore.dataRefs.systemData?.netRecvSpeed.slice(-1)[0];
+      return `发送: ${Number(lastSentSpeed).toFixed(3)} KB/s, 接收: ${Number(
+        lastRecvSpeed,
+      ).toFixed(3)} KB/s`;
     }),
     isLoading: computed(() => machineStatIsLoading.value),
     timeData: chartStore.dataRefs.timeData?.time ?? [],
     data: [
       {
-        name: '发送',
-        data: chartStore.dataRefs.systemData?.netSentSpeed ?? []
+        name: "发送",
+        data: chartStore.dataRefs.systemData?.netSentSpeed ?? [],
       },
       {
-        name: '接收',
-        data: chartStore.dataRefs.systemData?.netRecvSpeed ?? []
-      }
-    ]
+        name: "接收",
+        data: chartStore.dataRefs.systemData?.netRecvSpeed ?? [],
+      },
+    ],
   },
   {
-    title: '实例 CPU 使用率',
+    title: "实例 CPU 使用率",
     subtitle: computed(() => {
-      const lastCpuPercent = chartStore.dataRefs.processData?.cpuPercent.slice(-1)[0]
-      return `当前: ${Number(lastCpuPercent).toFixed(3)}%`
+      const lastCpuPercent = chartStore.dataRefs.processData?.cpuPercent.slice(-1)[0];
+      return `当前: ${Number(lastCpuPercent).toFixed(3)}%`;
     }),
     isLoading: computed(() => processStatIsLoading.value),
     timeData: chartStore.dataRefs.timeData?.time ?? [],
     data: [
       {
-        name: 'CPU 使用率',
-        data: chartStore.dataRefs.processData?.cpuPercent ?? []
-      }
-    ]
+        name: "CPU 使用率",
+        data: chartStore.dataRefs.processData?.cpuPercent ?? [],
+      },
+    ],
   },
   {
-    title: '实例内存使用率',
+    title: "实例内存使用率",
     subtitle: computed(() => {
-      const lastMemPercent = chartStore.dataRefs.processData?.memPercent.slice(-1)[0]
-      return `当前: ${Number(lastMemPercent).toFixed(3)}%`
+      const lastMemPercent = chartStore.dataRefs.processData?.memPercent.slice(-1)[0];
+      return `当前: ${Number(lastMemPercent).toFixed(3)}%`;
     }),
     isLoading: computed(() => processStatIsLoading.value),
     timeData: chartStore.dataRefs.timeData?.time ?? [],
     data: [
       {
-        name: '内存使用率',
-        data: chartStore.dataRefs.processData?.memPercent ?? []
-      }
-    ]
-  }
-]
+        name: "内存使用率",
+        data: chartStore.dataRefs.processData?.memPercent ?? [],
+      },
+    ],
+  },
+];
 </script>
 
 <template>
   <div class="grid gap-4 grid-cols-1 md:grid-cols-2">
-    <div v-for="item in chartItems" :key="item.title" class="p-6 bg-base-200 rounded-box h-56">
+    <div
+      v-for="item in chartItems"
+      :key="item.title"
+      class="p-6 bg-base-200 rounded-box h-56"
+    >
       <div>{{ item.title }}</div>
       <div class="relative flex grow items-center h-full">
         <div class="absolute top-0 mt-2 mb-2 text-xs">{{ item.subtitle.value }}</div>
diff --git a/frontend/src/views/Dashboard/types.ts b/frontend/src/views/Dashboard/types.ts
index 9202ef3..384c26d 100644
--- a/frontend/src/views/Dashboard/types.ts
+++ b/frontend/src/views/Dashboard/types.ts
@@ -1,79 +1,79 @@
-import type { LoadingOptions } from '@/types'
-import type { ComputedRef } from 'vue'
+import type { LoadingOptions } from "@/types";
+import type { ComputedRef } from "vue";
 
 type PlatformProfile = {
-  name: string
-  struct: string
-  platform_type: string
-}
+  name: string;
+  struct: string;
+  platform_type: string;
+};
 
 type Cpu = {
-  name: string
-  count: number
-  max_freq: string
-  current_freq: string
-  percent: number
-  process: number
-}
+  name: string;
+  count: number;
+  max_freq: string;
+  current_freq: string;
+  percent: number;
+  process: number;
+};
 
 type Mem = {
-  total: number
-  available: number
-  percent: number
-  used: number
-  free: number
-}
+  total: number;
+  available: number;
+  percent: number;
+  used: number;
+  free: number;
+};
 
 type Disk = {
-  total: number
-  used: number
-  free: number
-  speed: number[]
-}
+  total: number;
+  used: number;
+  free: number;
+  speed: number[];
+};
 
 type Net = {
-  sent_total: number
-  recv_total: number
-  package_sent: number
-  package_recv: number
-  speed: number[]
-}
+  sent_total: number;
+  recv_total: number;
+  package_sent: number;
+  package_recv: number;
+  speed: number[];
+};
 
 type SystemInfo = {
-  platform: PlatformProfile
-  cpu: Cpu
-  mem: Mem
-  disk: Disk
-  net: Net
-}
+  platform: PlatformProfile;
+  cpu: Cpu;
+  mem: Mem;
+  disk: Disk;
+  net: Net;
+};
 
 type ProcessPerformance = {
-  cpu: number
-  mem: number
-}
+  cpu: number;
+  mem: number;
+};
 
 type ProcessInfo = {
-  status_code?: number
-  total_logs: number
-  is_running: boolean
-  performance?: ProcessPerformance
-}
+  status_code?: number;
+  total_logs: number;
+  is_running: boolean;
+  performance?: ProcessPerformance;
+};
 
 export type StatusInfo = {
-  system: SystemInfo
-  process?: ProcessInfo
-}
+  system: SystemInfo;
+  process?: ProcessInfo;
+};
 
-type NumberOrStringArray = (string | number)[]
+type NumberOrStringArray = (string | number)[];
 
 export type ChartItem = {
-  title: string
-  subtitle: ComputedRef<string>
-  isLoading?: ComputedRef<boolean>
-  loadingOptions?: LoadingOptions
-  timeData: NumberOrStringArray
+  title: string;
+  subtitle: ComputedRef<string>;
+  isLoading?: ComputedRef<boolean>;
+  loadingOptions?: LoadingOptions;
+  timeData: NumberOrStringArray;
   data: {
-    name?: string
-    data: NumberOrStringArray
-  }[]
-}
+    name?: string;
+    data: NumberOrStringArray;
+  }[];
+};
diff --git a/frontend/src/views/ExtensionManage/ExtensionManageIndex.vue b/frontend/src/views/ExtensionManage/ExtensionManageIndex.vue
index 1f0c95f..259624b 100644
--- a/frontend/src/views/ExtensionManage/ExtensionManageIndex.vue
+++ b/frontend/src/views/ExtensionManage/ExtensionManageIndex.vue
@@ -4,139 +4,140 @@ import {
   StoreService,
   type Adapter as BaseAdapter,
   type Driver as BaseDriver,
-  type nb_cli_plugin_webui__app__models__base__Plugin
-} from '@/client/api'
-import { compareSemanticVersion } from '@/client/utils'
-import router from '@/router'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import { useFetch } from '@vueuse/core'
-import { onMounted, ref } from 'vue'
+  type nb_cli_plugin_webui__app__models__base__Plugin,
+} from "@/client/api";
+import { compareSemanticVersion } from "@/client/utils";
+import router from "@/router";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import { useFetch } from "@vueuse/core";
+import { onMounted, ref } from "vue";
 
-const store = useNoneBotStore()
-const toast = useToastStore()
+const store = useNoneBotStore();
+const toast = useToastStore();
 
 interface Plugin extends nb_cli_plugin_webui__app__models__base__Plugin {
-  latestVersion?: string
-  releases?: string[]
-  selectedVersion?: string
+  latestVersion?: string;
+  releases?: string[];
+  selectedVersion?: string;
 }
 
 interface Adapter extends BaseAdapter {
-  latestVersion?: string
+  latestVersion?: string;
 }
 
 interface Driver extends BaseDriver {
-  latestVersion?: string
+  latestVersion?: string;
 }
 
-const pluginsRef = ref<Plugin[]>()
-const adaptersRef = ref<Adapter[]>()
-const driversRef = ref<Driver[]>()
+const pluginsRef = ref<Plugin[]>();
+const adaptersRef = ref<Adapter[]>();
+const driversRef = ref<Driver[]>();
 
 const getPlugins = async () => {
   const { data } = await ProjectService.getPluginsV1ProjectPluginsGet({
-    query: { project_id: store.selectedBot!.project_id }
-  })
+    query: { project_id: store.selectedBot!.project_id },
+  });
 
-  if (data) pluginsRef.value = data.detail
-}
+  if (data) pluginsRef.value = data.detail;
+};
 
 const getAdapters = async () => {
   const { data } = await ProjectService.getAdaptersV1ProjectAdaptersGet({
-    query: { project_id: store.selectedBot!.project_id }
-  })
+    query: { project_id: store.selectedBot!.project_id },
+  });
 
-  if (data) adaptersRef.value = data.detail
-}
+  if (data) adaptersRef.value = data.detail;
+};
 
 const getDrivers = async () => {
   const { data } = await ProjectService.getDriversV1ProjectDriversGet({
-    query: { project_id: store.selectedBot!.project_id }
-  })
+    query: { project_id: store.selectedBot!.project_id },
+  });
 
-  if (data) driversRef.value = data.detail
-}
+  if (data) driversRef.value = data.detail;
+};
 
 const getData = async () => {
   if (!store.selectedBot) {
-    toast.add('error', '请先选择实例', '', 5000)
-    return
+    toast.add("error", "请先选择实例", "", 5000);
+    return;
   }
 
-  await getPlugins()
-  await getAdapters()
-  await getDrivers()
+  await getPlugins();
+  await getAdapters();
+  await getDrivers();
 
-  toast.add('info', '数据加载完成', '', 5000)
-}
+  toast.add("info", "数据加载完成", "", 5000);
+};
 
 const updateLatestVersion = async () => {
   if (!store.selectedBot) {
-    toast.add('error', '请先选择实例', '', 5000)
-    return
+    toast.add("error", "请先选择实例", "", 5000);
+    return;
   }
 
   const fetchLatestVersion = async (moduleName: string) => {
-    const url = `https://pypi.org/pypi/${moduleName}/json`
+    const url = `https://pypi.org/pypi/${moduleName}/json`;
     const { data } = await useFetch(url).json<{
       info: {
-        version: string
-      }
-      releases: Record<string, any[]>
-    }>()
-    return data.value
-  }
+        version: string;
+      };
+      releases: Record<string, any[]>;
+    }>();
+    return data.value;
+  };
 
   if (pluginsRef.value) {
     pluginsRef.value = await Promise.all(
       pluginsRef.value.map(async (plugin: Plugin) => {
-        plugin.latestVersion = 'ignore'
-        const data = await fetchLatestVersion(plugin.module_name!)
+        plugin.latestVersion = "ignore";
+        const data = await fetchLatestVersion(plugin.module_name!);
         if (data) {
-          plugin.latestVersion = data.info.version
-          plugin.releases = Object.keys(data.releases)
-          plugin.selectedVersion = plugin.version
+          plugin.latestVersion = data.info.version;
+          plugin.releases = Object.keys(data.releases);
+          plugin.selectedVersion = plugin.version;
         }
-        return plugin
-      })
-    )
+        return plugin;
+      }),
+    );
   }
 
-  toast.add('info', '检查更新完成', '', 5000)
-}
+  toast.add("info", "检查更新完成", "", 5000);
+};
 
 onMounted(async () => {
-  await getData()
-  await updateLatestVersion()
-})
+  await getData();
+  await updateLatestVersion();
+});
 
 const uninstall = async (module: Plugin | Adapter | Driver) => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  const moduleType = 'valid' in module ? 'plugin' : 'module'
+  const moduleType = "valid" in module ? "plugin" : "module";
 
-  const { data, error } = await StoreService.uninstallNonebotModuleV1StoreNonebotUninstallPost({
-    query: {
-      env: store.selectedBot.use_env!,
-      project_id: store.selectedBot.project_id
-    },
+  const { data, error } =
+    await StoreService.uninstallNonebotModuleV1StoreNonebotUninstallPost({
+      query: {
+        env: store.selectedBot.use_env!,
+        project_id: store.selectedBot.project_id,
+      },
 
-    // @ts-ignore
-    body: {
-      ...module,
-      module_type: moduleType
-    }
-  })
+      // @ts-ignore
+      body: {
+        ...module,
+        module_type: moduleType,
+      },
+    });
 
   if (error) {
-    toast.add('error', `卸载失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `卸载失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    await getData()
-    toast.add('success', '卸载成功', '', 5000)
+    await getData();
+    toast.add("success", "卸载成功", "", 5000);
   }
-}
+};
 </script>
 
 <template>
@@ -330,14 +331,15 @@ const uninstall = async (module: Plugin | Adapter | Driver) => {
 .collapse[open] > :where(.collapse-content),
 .collapse-open > :where(.collapse-content),
 .collapse:focus:not(.collapse-close) > :where(.collapse-content),
-.collapse:not(.collapse-close) > :where(input[type='checkbox']:checked ~ .collapse-content),
-.collapse:not(.collapse-close) > :where(input[type='radio']:checked ~ .collapse-content) {
+.collapse:not(.collapse-close)
+  > :where(input[type="checkbox"]:checked ~ .collapse-content),
+.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
   @apply pb-4;
 }
 
 .collapse-title,
-:where(.collapse > input[type='checkbox']),
-:where(.collapse > input[type='radio']) {
+:where(.collapse > input[type="checkbox"]),
+:where(.collapse > input[type="radio"]) {
   @apply min-h-0;
 }
 </style>
diff --git a/frontend/src/views/Login/LoginForm.vue b/frontend/src/views/Login/LoginForm.vue
index eb85715..375c0c1 100644
--- a/frontend/src/views/Login/LoginForm.vue
+++ b/frontend/src/views/Login/LoginForm.vue
@@ -1,51 +1,51 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { client, AuthService } from '@/client/api'
-import router from '@/router'
-import { useNoneBotStore, useToastStore } from '@/stores'
+import { ref } from "vue";
+import { client, AuthService } from "@/client/api";
+import router from "@/router";
+import { useNoneBotStore, useToastStore } from "@/stores";
 
-const store = useToastStore()
-const nonebotStore = useNoneBotStore()
+const store = useToastStore();
+const nonebotStore = useNoneBotStore();
 
-const token = ref(''),
+const token = ref(""),
   isDebug = ref(false),
-  host = ref(''),
-  port = ref('')
+  host = ref(""),
+  port = ref("");
 
-const date = new Date()
+const date = new Date();
 
 const login = async () => {
   if (isDebug.value) {
-    const baseUrl = `//${host.value}:${port.value}/api`
+    const baseUrl = `//${host.value}:${port.value}/api`;
     client.setConfig({
-      baseUrl: baseUrl
-    })
-    localStorage.setItem('isDebug', '1')
-    localStorage.setItem('debugUrl', baseUrl)
+      baseUrl: baseUrl,
+    });
+    localStorage.setItem("isDebug", "1");
+    localStorage.setItem("debugUrl", baseUrl);
   }
 
   const { data, error } = await AuthService.authTokenV1AuthLoginPost({
     body: {
       token: token.value,
-      mark: date.toISOString()
-    }
-  })
+      mark: date.toISOString(),
+    },
+  });
 
   if (error) {
-    store.add('error', `错误: ${error.detail?.toString()}`, '', 5000)
+    store.add("error", `错误: ${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    localStorage.setItem('token', data.detail)
+    localStorage.setItem("token", data.detail);
     client.interceptors.request.use((request) => {
-      request.headers.set('Authorization', `Bearer ${data.detail}`)
-      return request
-    })
-    router.push('/')
-    await nonebotStore.loadBots()
-    store.add('success', '登陆成功', '', 5000)
+      request.headers.set("Authorization", `Bearer ${data.detail}`);
+      return request;
+    });
+    router.push("/");
+    await nonebotStore.loadBots();
+    store.add("success", "登陆成功", "", 5000);
   }
-}
+};
 </script>
 
 <template>
diff --git a/frontend/src/views/Login/LoginIndex.vue b/frontend/src/views/Login/LoginIndex.vue
index ef76dae..26640ec 100644
--- a/frontend/src/views/Login/LoginIndex.vue
+++ b/frontend/src/views/Login/LoginIndex.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import LoginForm from '@/views/Login/LoginForm.vue'
-import Footer from '@/components/FooterItem.vue'
+import LoginForm from "@/views/Login/LoginForm.vue";
+import Footer from "@/components/FooterItem.vue";
 </script>
 
 <template>
   <div class="hero min-h-screen">
     <div class="hero-content text-center flex-col">
-      <span class="material-symbols-outlined text-primary" style="font-size: 14rem"> circle </span>
+      <span class="material-symbols-outlined text-primary" style="font-size: 14rem">
+        circle
+      </span>
 
       <h1 class="text-5xl font-normal"><span class="text-primary">None</span>Bot</h1>
-      <p class="whitespace-nowrap text-base-content opacity-70 font-medium text-sm tracking-wide">
+      <p
+        class="whitespace-nowrap text-base-content opacity-70 font-medium text-sm tracking-wide"
+      >
         跨平台 PYTHON 异步机器人框架
       </p>
 
@@ -23,9 +27,9 @@ import Footer from '@/components/FooterItem.vue'
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 50,
-    'GRAD' -25,
-    'opsz' 20;
+    "FILL" 0,
+    "wght" 50,
+    "GRAD" -25,
+    "opsz" 20;
 }
 </style>
diff --git a/frontend/src/views/NotFound.vue b/frontend/src/views/NotFound.vue
index f439140..0c1e9c7 100644
--- a/frontend/src/views/NotFound.vue
+++ b/frontend/src/views/NotFound.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { RouterLink } from 'vue-router'
-import FooterItem from '@/components/FooterItem.vue'
+import { RouterLink } from "vue-router";
+import FooterItem from "@/components/FooterItem.vue";
 
-defineProps<{ pathMatched?: string }>()
+defineProps<{ pathMatched?: string }>();
 </script>
 
 <template>
diff --git a/frontend/src/views/Operation/BotDetails.vue b/frontend/src/views/Operation/BotDetails.vue
index 17c138e..c9fb00e 100644
--- a/frontend/src/views/Operation/BotDetails.vue
+++ b/frontend/src/views/Operation/BotDetails.vue
@@ -1,67 +1,73 @@
 <script setup lang="ts">
-import router from '@/router'
-import { useNoneBotStore } from '@/stores'
-import { computed, ref, type ComputedRef } from 'vue'
+import router from "@/router";
+import { useNoneBotStore } from "@/stores";
+import { computed, ref, type ComputedRef } from "vue";
 
 type detailItem = {
-  title: string
-  details?: ComputedRef<string[]>
-  editTo?: string
-  key?: string
-}
+  title: string;
+  details?: ComputedRef<string[]>;
+  editTo?: string;
+  key?: string;
+};
 
-const store = useNoneBotStore()
+const store = useNoneBotStore();
 
 const detailShowModal = ref<HTMLDialogElement>(),
-  detailShowModalTitle = ref(''),
-  detailShowModalContent = ref<string[]>([])
+  detailShowModalTitle = ref(""),
+  detailShowModalContent = ref<string[]>([]);
 
 const basicItems: detailItem[] = [
   {
-    title: '实例ID',
-    details: computed(() => [store.selectedBot?.project_id ?? 'unknown'])
+    title: "实例ID",
+    details: computed(() => [store.selectedBot?.project_id ?? "unknown"]),
   },
   {
-    title: '实例名称',
-    details: computed(() => [store.selectedBot?.project_name ?? 'unknown'])
+    title: "实例名称",
+    details: computed(() => [store.selectedBot?.project_name ?? "unknown"]),
   },
   {
-    title: '实例路径',
-    details: computed(() => [store.selectedBot?.project_dir ?? 'unknown'])
+    title: "实例路径",
+    details: computed(() => [store.selectedBot?.project_dir ?? "unknown"]),
   },
   {
-    title: '实例 Python 镜像',
-    details: computed(() => [store.selectedBot?.mirror_url ?? 'unknown'])
-  }
-]
+    title: "实例 Python 镜像",
+    details: computed(() => [store.selectedBot?.mirror_url ?? "unknown"]),
+  },
+];
 
 const installedItems: detailItem[] = [
   {
-    key: 'adapter',
-    title: '已安装适配器',
-    details: computed(() => store.selectedBot?.adapters.map((adapter) => adapter.name!) ?? []),
-    editTo: 'adapters'
+    key: "adapter",
+    title: "已安装适配器",
+    details: computed(
+      () => store.selectedBot?.adapters.map((adapter) => adapter.name!) ?? [],
+    ),
+    editTo: "adapters",
   },
   {
-    key: 'driver',
-    title: '已安装驱动',
-    details: computed(() => store.selectedBot?.drivers.map((driver) => driver.name!) ?? []),
-    editTo: 'drivers'
+    key: "driver",
+    title: "已安装驱动",
+    details: computed(
+      () => store.selectedBot?.drivers.map((driver) => driver.name!) ?? [],
+    ),
+    editTo: "drivers",
   },
   {
-    key: 'plugin',
-    title: '已安装插件',
-    details: computed(() => store.selectedBot?.plugins.map((plugin) => plugin.name!) ?? []),
-    editTo: 'plugins'
-  }
-]
+    key: "plugin",
+    title: "已安装插件",
+    details: computed(
+      () => store.selectedBot?.plugins.map((plugin) => plugin.name!) ?? [],
+    ),
+    editTo: "plugins",
+  },
+];
 
 const openModal = (key: string) => {
-  const target = installedItems.find((item) => item.key === key)
-  detailShowModalTitle.value = target?.title ?? ''
-  detailShowModalContent.value = target?.details?.value ?? []
-  detailShowModal.value?.showModal()
-}
+  const target = installedItems.find((item) => item.key === key);
+  detailShowModalTitle.value = target?.title ?? "";
+  detailShowModalContent.value = target?.details?.value ?? [];
+  detailShowModal.value?.showModal();
+};
 </script>
 
 <template>
@@ -80,14 +86,16 @@ const openModal = (key: string) => {
         <div class="flex items-center gap-2">
           <button
             class="btn btn-sm btn-primary font-normal text-base-100"
-            @click="router.push('/store'), detailShowModal?.close()"
+            @click="(router.push('/store'), detailShowModal?.close())"
           >
             管理
           </button>
         </div>
 
         <div class="flex items-center gap-2">
-          <button class="btn btn-sm btn-ghost" @click="detailShowModal?.close()">关闭</button>
+          <button class="btn btn-sm btn-ghost" @click="detailShowModal?.close()">
+            关闭
+          </button>
         </div>
       </div>
     </div>
@@ -116,7 +124,9 @@ const openModal = (key: string) => {
               <div class="badge">{{ item.details?.value.length }} 个</div>
             </td>
             <td class="flex justify-end pr-0">
-              <button class="btn btn-sm btn-ghost" @click="openModal(item.key!)">详细</button>
+              <button class="btn btn-sm btn-ghost" @click="openModal(item.key!)">
+                详细
+              </button>
             </td>
           </tr>
         </tbody>
diff --git a/frontend/src/views/Operation/OperationBar.vue b/frontend/src/views/Operation/OperationBar.vue
index 73f1f74..54a8c60 100644
--- a/frontend/src/views/Operation/OperationBar.vue
+++ b/frontend/src/views/Operation/OperationBar.vue
@@ -1,110 +1,110 @@
 <script setup lang="ts">
-import { ProcessService, ProjectService } from '@/client/api'
-import { sleep } from '@/client/utils'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import { ref } from 'vue'
+import { ProcessService, ProjectService } from "@/client/api";
+import { sleep } from "@/client/utils";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import { ref } from "vue";
 
-const store = useNoneBotStore()
-const toast = useToastStore()
+const store = useNoneBotStore();
+const toast = useToastStore();
 
-const deleteConfirmModal = ref<HTMLDialogElement>()
+const deleteConfirmModal = ref<HTMLDialogElement>();
 
-const oLock = ref(false)
+const oLock = ref(false);
 
 const runBot = async () => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  oLock.value = true
+  oLock.value = true;
   const { data, error } = await ProcessService.runProcessV1ProcessRunPost({
     query: {
-      project_id: store.selectedBot?.project_id
-    }
-  })
+      project_id: store.selectedBot?.project_id,
+    },
+  });
 
   if (error) {
-    toast.add('error', `启动失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `启动失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    await store.loadBots()
-    toast.add('success', `${store.selectedBot?.project_name} 已启动`, '', 5000)
+    await store.loadBots();
+    toast.add("success", `${store.selectedBot?.project_name} 已启动`, "", 5000);
   }
 
-  oLock.value = false
-}
+  oLock.value = false;
+};
 
 const stopBot = async () => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  oLock.value = true
+  oLock.value = true;
   const { data, error } = await ProcessService.stopProcessV1ProcessStopPost({
     query: {
-      project_id: store.selectedBot?.project_id
-    }
-  })
+      project_id: store.selectedBot?.project_id,
+    },
+  });
 
   if (error) {
-    toast.add('error', `停止失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `停止失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    await store.loadBots()
-    toast.add('success', `${store.selectedBot?.project_name} 已停止`, '', 5000)
+    await store.loadBots();
+    toast.add("success", `${store.selectedBot?.project_name} 已停止`, "", 5000);
   }
 
-  oLock.value = false
-}
+  oLock.value = false;
+};
 
 const restartBot = async () => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  oLock.value = true
+  oLock.value = true;
 
-  await stopBot()
+  await stopBot();
 
-  const pollingInterval = 2000
-  const maxAttempts = 30
+  const pollingInterval = 2000;
+  const maxAttempts = 30;
 
-  let attempts = 0
+  let attempts = 0;
   while (attempts < maxAttempts) {
     if (!store.selectedBot.is_running) {
-      break
+      break;
     }
 
-    await sleep(pollingInterval)
+    await sleep(pollingInterval);
   }
 
   if (attempts >= maxAttempts) {
-    toast.add('error', '重启失败', '', 5000)
+    toast.add("error", "重启失败", "", 5000);
   } else {
-    await runBot()
+    await runBot();
   }
-  oLock.value = false
-}
+  oLock.value = false;
+};
 
 const deleteBot = async (isFully: boolean = false) => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  oLock.value = true
+  oLock.value = true;
 
   const { data, error } = await ProjectService.deleteProjectV1ProjectDeleteDelete({
     query: {
       project_id: store.selectedBot.project_id,
-      delete_fully: isFully
-    }
-  })
+      delete_fully: isFully,
+    },
+  });
 
   if (error) {
-    toast.add('error', `删除失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `删除失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    await store.loadBots()
-    store.selectBot(Object.values(store.bots)[0])
+    await store.loadBots();
+    store.selectBot(Object.values(store.bots)[0]);
   }
 
-  oLock.value = false
-}
+  oLock.value = false;
+};
 </script>
 
 <template>
@@ -118,7 +118,9 @@ const deleteBot = async (isFully: boolean = false) => {
         <button class="btn btn-sm hover:btn-warning shadow-none" @click="deleteBot()">
           仅删除信息
         </button>
-        <button class="btn btn-sm shadow-none" @click="deleteConfirmModal?.close()">取消</button>
+        <button class="btn btn-sm shadow-none" @click="deleteConfirmModal?.close()">
+          取消
+        </button>
       </div>
     </div>
   </dialog>
@@ -129,7 +131,9 @@ const deleteBot = async (isFully: boolean = false) => {
     <div class="flex items-center gap-4">
       <div class="text-lg font-semibold">{{ store.selectedBot?.project_name }}</div>
       <div class="flex items-center gap-2">
-        <div class="badge badge-sm text-gray-500">{{ store.selectedBot?.project_id }}</div>
+        <div class="badge badge-sm text-gray-500">
+          {{ store.selectedBot?.project_id }}
+        </div>
 
         <div
           v-if="store.selectedBot?.is_running"
@@ -145,7 +149,7 @@ const deleteBot = async (isFully: boolean = false) => {
       <button
         :class="{
           'btn btn-sm btn-primary font-normal text-base-100': true,
-          'btn-disabled': store.selectedBot?.is_running || oLock
+          'btn-disabled': store.selectedBot?.is_running || oLock,
         }"
         @click="runBot()"
       >
@@ -154,7 +158,7 @@ const deleteBot = async (isFully: boolean = false) => {
       <button
         :class="{
           'btn btn-sm shadow-none font-normal': true,
-          'btn-disabled': !store.selectedBot?.is_running || oLock
+          'btn-disabled': !store.selectedBot?.is_running || oLock,
         }"
         @click="stopBot()"
       >
@@ -163,7 +167,7 @@ const deleteBot = async (isFully: boolean = false) => {
       <button
         :class="{
           'btn btn-sm shadow-none font-normal border-red': true,
-          'btn-disabled': !store.selectedBot?.is_running || oLock
+          'btn-disabled': !store.selectedBot?.is_running || oLock,
         }"
         @click="restartBot()"
       >
@@ -173,7 +177,9 @@ const deleteBot = async (isFully: boolean = false) => {
         :class="{
           'btn btn-sm btn-outline btn-primary shadow-none font-normal': true,
           'btn-disabled':
-            store.selectedBot?.is_running || Object.values(store.bots).length <= 1 || oLock
+            store.selectedBot?.is_running ||
+            Object.values(store.bots).length <= 1 ||
+            oLock,
         }"
         @click="deleteConfirmModal?.showModal()"
       >
diff --git a/frontend/src/views/Operation/OperationIndex.vue b/frontend/src/views/Operation/OperationIndex.vue
index 5f1ce00..1f939bf 100644
--- a/frontend/src/views/Operation/OperationIndex.vue
+++ b/frontend/src/views/Operation/OperationIndex.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import OperationBar from '@/views/Operation/OperationBar.vue'
-import BotDetails from '@/views/Operation/BotDetails.vue'
-import TerminalItem from '@/views/Operation/TerminalItem.vue'
+import OperationBar from "@/views/Operation/OperationBar.vue";
+import BotDetails from "@/views/Operation/BotDetails.vue";
+import TerminalItem from "@/views/Operation/TerminalItem.vue";
 </script>
 
 <template>
diff --git a/frontend/src/views/Operation/TerminalItem.vue b/frontend/src/views/Operation/TerminalItem.vue
index 56c827b..117f0c1 100644
--- a/frontend/src/views/Operation/TerminalItem.vue
+++ b/frontend/src/views/Operation/TerminalItem.vue
@@ -1,118 +1,129 @@
 <script setup lang="ts">
-import { ProcessService, type ProcessLog } from '@/client/api'
-import { generateURLForWebUI } from '@/client/utils'
-import { useCustomStore, useNoneBotStore, useToastStore } from '@/stores'
-import { useWebSocket } from '@vueuse/core'
-import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { ProcessService, type ProcessLog } from "@/client/api";
+import { generateURLForWebUI } from "@/client/utils";
+import { useCustomStore, useNoneBotStore, useToastStore } from "@/stores";
+import { useWebSocket } from "@vueuse/core";
+import { onMounted, onUnmounted, ref, watch } from "vue";
 
-const store = useNoneBotStore()
-const customStore = useCustomStore()
-const toast = useToastStore()
+const store = useNoneBotStore();
+const customStore = useCustomStore();
+const toast = useToastStore();
 
 const logData = ref<ProcessLog[]>([]),
   logShowTable = ref<HTMLElement>(),
-  currentBot = ref('')
+  currentBot = ref("");
 
 const getHistoryLogs = async () => {
-  if (!store.selectedBot) return
+  if (!store.selectedBot) return;
 
-  const getLogCount = 20
+  const getLogCount = 20;
 
   const { data, error } = await ProcessService.getLogHistoryV1ProcessLogHistoryGet({
     query: {
       log_count: getLogCount,
-      log_id: store.selectedBot.project_id
-    }
-  })
+      log_id: store.selectedBot.project_id,
+    },
+  });
 
   if (error) {
-    toast.add('warning', '获取日志失败, 原因: ' + error.detail, '', 5000)
+    toast.add("warning", "获取日志失败, 原因: " + error.detail, "", 5000);
   }
 
   if (data) {
-    logData.value = data.detail
-    const dataLength = data.detail.length
+    logData.value = data.detail;
+    const dataLength = data.detail.length;
     if (dataLength > 0) {
       logData.value.push({
-        message: `已获取近期 ${dataLength} 条日志`
-      })
+        message: `已获取近期 ${dataLength} 条日志`,
+      });
     }
   }
-}
+};
 
 const { status, data, close, open, send } = useWebSocket<ProcessLog>(
-  generateURLForWebUI('/v1/process/log/ws', true),
+  generateURLForWebUI("/v1/process/log/ws", true),
   {
     immediate: false,
     onConnected(ws) {
-      const token = localStorage.getItem('token') ?? ''
-      ws.send(token)
+      const token = localStorage.getItem("token") ?? "";
+      ws.send(token);
 
       if (store.selectedBot) {
-        send(JSON.stringify({ type: 'log', log_key: store.selectedBot?.project_id }))
-        currentBot.value = store.selectedBot?.project_id
+        send(JSON.stringify({ type: "log", log_key: store.selectedBot?.project_id }));
+        currentBot.value = store.selectedBot?.project_id;
       }
 
       if (customStore.isDebug) {
-        toast.add('success', 'Debug: WebSocket 连接成功', 'views/Operation/Terminal.vue', 5000)
+        toast.add(
+          "success",
+          "Debug: WebSocket 连接成功",
+          "views/Operation/Terminal.vue",
+          5000,
+        );
       }
     },
     onDisconnected() {
-      if (!customStore.isDebug) return
-      toast.add('error', 'Debug: WebSocket 连接断开', 'views/Operation/Terminal.vue', 5000)
-    }
-  }
-)
+      if (!customStore.isDebug) return;
+      toast.add(
+        "error",
+        "Debug: WebSocket 连接断开",
+        "views/Operation/Terminal.vue",
+        5000,
+      );
+    },
+  },
+);
 onMounted(async () => {
-  if (!store.selectedBot) return
-  open()
-  await getHistoryLogs()
-})
+  if (!store.selectedBot) return;
+  open();
+  await getHistoryLogs();
+});
 
 onUnmounted(() => {
-  close()
-})
+  close();
+});
 
 watch(
   () => data.value,
   (rawData) => {
-    if (!rawData) return
+    if (!rawData) return;
 
-    const data: ProcessLog = JSON.parse(rawData.toString())
+    const data: ProcessLog = JSON.parse(rawData.toString());
 
-    logData.value.push(data)
-    if (logShowTable.value) logShowTable.value.scrollTop = logShowTable.value.scrollHeight
-  }
-)
+    logData.value.push(data);
+    if (logShowTable.value)
+      logShowTable.value.scrollTop = logShowTable.value.scrollHeight;
+  },
+);
 
 watch(
   () => store.selectedBot,
   (newValue) => {
-    if (!newValue) return
+    if (!newValue) return;
 
     if (newValue.project_id === currentBot.value) {
-      if (status.value !== 'OPEN') open()
-      return
+      if (status.value !== "OPEN") open();
+      return;
     }
 
-    currentBot.value = newValue.project_id
-    logData.value = []
+    currentBot.value = newValue.project_id;
+    logData.value = [];
     if (newValue.is_running) {
-      open()
-      send(JSON.stringify({ type: 'log', log_key: newValue.project_id }))
+      open();
+      send(JSON.stringify({ type: "log", log_key: newValue.project_id }));
     } else {
-      close()
+      close();
     }
-  }
-)
+  },
+);
 
 const retry = () => {
-  if (store.selectedBot?.project_id !== currentBot.value) logData.value = []
+  if (store.selectedBot?.project_id !== currentBot.value) logData.value = [];
   logData.value.push({
-    message: 'Retrying...'
-  })
-  open()
-}
+    message: "Retrying...",
+  });
+  open();
+};
 </script>
 
 <template>
@@ -126,7 +137,9 @@ const retry = () => {
         >
           已连接
         </div>
-        <div v-else class="badge badge-sm badge-error font-normal text-base-100">未连接</div>
+        <div v-else class="badge badge-sm badge-error font-normal text-base-100">
+          未连接
+        </div>
       </div>
 
       <div class="flex items-center gap-4">
@@ -139,7 +152,10 @@ const retry = () => {
       </div>
     </div>
 
-    <table ref="logShowTable" class="overflow-auto h-96 !flex table table-xs rounded-none">
+    <table
+      ref="logShowTable"
+      class="overflow-auto h-96 !flex table table-xs rounded-none"
+    >
       <tbody>
         <tr
           v-for="item in logData"
@@ -147,10 +163,13 @@ const retry = () => {
           :class="{
             'flex font-mono': true,
             'bg-error/50': item.level === 'ERROR',
-            'bg-warning/50': item.level === 'WARNING'
+            'bg-warning/50': item.level === 'WARNING',
           }"
         >
-          <th v-if="item.time" class="sticky left-0 right-0 text-gray-500 pl-0 bg-base-200">
+          <th
+            v-if="item.time"
+            class="sticky left-0 right-0 text-gray-500 pl-0 bg-base-200"
+          >
             {{ item.time }}
           </th>
           <td v-if="item.level" class="flex">{{ item.level }}</td>
diff --git a/frontend/src/views/Settings/DotenvEditorModal.vue b/frontend/src/views/Settings/DotenvEditorModal.vue
index 63ae1ce..99e21d6 100644
--- a/frontend/src/views/Settings/DotenvEditorModal.vue
+++ b/frontend/src/views/Settings/DotenvEditorModal.vue
@@ -1,87 +1,92 @@
 <script setup lang="ts">
-import { ProjectService } from '@/client/api'
-import EditorItem from '@/components/EditorItem.vue'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import { editor as monacoEditor } from 'monaco-editor/esm/vs/editor/editor.api.js'
-import { ref, watch } from 'vue'
+import { ProjectService } from "@/client/api";
+import EditorItem from "@/components/EditorItem.vue";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import { editor as monacoEditor } from "monaco-editor/esm/vs/editor/editor.api.js";
+import { ref, watch } from "vue";
 
-const dotenvEditorModal = ref<HTMLDialogElement>()
+const dotenvEditorModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: async () => {
-    dotenvEditorModal.value?.showModal()
-    await getDotenvFile()
+    dotenvEditorModal.value?.showModal();
+    await getDotenvFile();
   },
-  closeModal: () => dotenvEditorModal.value?.close()
-})
+  closeModal: () => dotenvEditorModal.value?.close(),
+});
 
 const props = defineProps<{
-  theme: string
-}>()
+  theme: string;
+}>();
 
-const nonebotStore = useNoneBotStore()
-const toast = useToastStore()
+const nonebotStore = useNoneBotStore();
+const toast = useToastStore();
 
-const editorValue = ref<string>('')
-const returnEditorValue = ref<string>('')
-const editor = ref<monacoEditor.IStandaloneCodeEditor>()
+const editorValue = ref<string>("");
+const returnEditorValue = ref<string>("");
+const editor = ref<monacoEditor.IStandaloneCodeEditor>();
 
 watch(
   () => props.theme,
   (theme) => {
     editor.value?.updateOptions({
-      theme: theme === 'dark' ? 'vs-dark' : 'vs'
-    })
-  }
-)
+      theme: theme === "dark" ? "vs-dark" : "vs",
+    });
+  },
+);
 
 const getDotenvFile = async () => {
   if (!nonebotStore.selectedBot) {
-    return
+    return;
   }
 
   const { data, error } = await ProjectService.getDotenvFileV1ProjectConfigDotenvGet({
     query: {
       env: nonebotStore.selectedBot.use_env!,
-      project_id: nonebotStore.selectedBot.project_id
-    }
-  })
+      project_id: nonebotStore.selectedBot.project_id,
+    },
+  });
 
   if (error) {
-    dotenvEditorModal.value?.close()
-    toast.add('error', `获取 dotenv 文件失败, 原因：${error.detail?.toString()}`, '', 5000)
+    dotenvEditorModal.value?.close();
+    toast.add(
+      "error",
+      `获取 dotenv 文件失败, 原因：${error.detail?.toString()}`,
+      "",
+      5000,
+    );
   }
 
   if (data) {
-    editorValue.value = data.detail
+    editorValue.value = data.detail;
   }
-}
+};
 
 const updateDotenvFile = async () => {
   if (!nonebotStore.selectedBot) {
-    return
+    return;
   }
 
   const { error } = await ProjectService.updateDotenvFileV1ProjectConfigDotenvPut({
     query: {
       data: returnEditorValue.value,
       env: nonebotStore.selectedBot.use_env!,
-      project_id: nonebotStore.selectedBot.project_id
+      project_id: nonebotStore.selectedBot.project_id,
     },
     body: {
-      detail: returnEditorValue.value
-    }
-  })
+      detail: returnEditorValue.value,
+    },
+  });
 
   if (error) {
-    toast.add('error', `更新文件失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `更新文件失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (!error) {
-    dotenvEditorModal.value?.close()
-    toast.add('success', `${nonebotStore.selectedBot.use_env} 文件已更新`, '', 5000)
+    dotenvEditorModal.value?.close();
+    toast.add("success", `${nonebotStore.selectedBot.use_env} 文件已更新`, "", 5000);
   }
-}
+};
 </script>
 
 <template>
@@ -98,16 +103,16 @@ const updateDotenvFile = async () => {
             minimap: { enabled: false },
             accessibilitySupport: 'off',
             automaticLayout: true,
-            lineNumbers: 'off'
+            lineNumbers: 'off',
           }"
           v-on:editor="
             (event) => {
-              editor = event
+              editor = event;
             }
           "
           v-on:update-value="
             (value) => {
-              returnEditorValue = value
+              returnEditorValue = value;
             }
           "
         />
diff --git a/frontend/src/views/Settings/DotenvManageModal.vue b/frontend/src/views/Settings/DotenvManageModal.vue
index e7e2390..14c896e 100644
--- a/frontend/src/views/Settings/DotenvManageModal.vue
+++ b/frontend/src/views/Settings/DotenvManageModal.vue
@@ -1,100 +1,104 @@
 <script setup lang="ts">
-import { ProjectService } from '@/client/api'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import { ref } from 'vue'
+import { ProjectService } from "@/client/api";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import { ref } from "vue";
 
-const dotenvManageModal = ref<HTMLDialogElement>()
+const dotenvManageModal = ref<HTMLDialogElement>();
 
 defineExpose({
   openModal: () => {
-    dotenvManageModal.value?.showModal()
-    getDotenvList()
+    dotenvManageModal.value?.showModal();
+    getDotenvList();
   },
-  closeModal: () => dotenvManageModal.value?.close()
-})
+  closeModal: () => dotenvManageModal.value?.close(),
+});
 
-const nonebotStore = useNoneBotStore()
-const toast = useToastStore()
+const nonebotStore = useNoneBotStore();
+const toast = useToastStore();
 
-const dotenvList = ref<string[]>([])
-const isAddEnv = ref(false)
-const inputValue = ref()
+const dotenvList = ref<string[]>([]);
+const isAddEnv = ref(false);
+const inputValue = ref();
 
 const getDotenvList = async () => {
   if (!nonebotStore.selectedBot) {
-    toast.add('warning', '未选择实例', '', 5000)
-    return
+    toast.add("warning", "未选择实例", "", 5000);
+    return;
   }
-  const { data, error } = await ProjectService.getProjectEnvListV1ProjectConfigEnvListGet({
-    query: {
-      project_id: nonebotStore.selectedBot.project_id
-    }
-  })
+  const { data, error } = await ProjectService.getProjectEnvListV1ProjectConfigEnvListGet(
+    {
+      query: {
+        project_id: nonebotStore.selectedBot.project_id,
+      },
+    },
+  );
 
   if (error) {
-    toast.add('error', `获取环境失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `获取环境失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    dotenvList.value = data.detail
+    dotenvList.value = data.detail;
   }
-}
+};
 
 const addEnv = async () => {
   if (!inputValue.value) {
-    toast.add('warning', '请输入环境名称', '', 5000)
-    return
+    toast.add("warning", "请输入环境名称", "", 5000);
+    return;
   }
 
   if (!nonebotStore.selectedBot) {
-    toast.add('warning', '未选择实例', '', 5000)
-    return
+    toast.add("warning", "未选择实例", "", 5000);
+    return;
   }
 
-  const { data, error } = await ProjectService.createProjectEnvV1ProjectConfigEnvCreatePost({
-    query: {
-      env: inputValue.value,
-      project_id: nonebotStore.selectedBot.project_id
-    }
-  })
+  const { data, error } =
+    await ProjectService.createProjectEnvV1ProjectConfigEnvCreatePost({
+      query: {
+        env: inputValue.value,
+        project_id: nonebotStore.selectedBot.project_id,
+      },
+    });
 
   if (error) {
-    toast.add('error', `添加环境失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `添加环境失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    dotenvList.value.push(inputValue.value)
-    cancel()
+    dotenvList.value.push(inputValue.value);
+    cancel();
   }
-}
+};
 
 const removeEnv = async (env: string) => {
   if (!nonebotStore.selectedBot) {
-    toast.add('warning', '未选择实例', '', 5000)
-    return
+    toast.add("warning", "未选择实例", "", 5000);
+    return;
   }
 
-  const { data, error } = await ProjectService.deleteProjectEnvV1ProjectConfigEnvDeleteDelete({
-    query: {
-      env: env,
-      project_id: nonebotStore.selectedBot.project_id
-    }
-  })
+  const { data, error } =
+    await ProjectService.deleteProjectEnvV1ProjectConfigEnvDeleteDelete({
+      query: {
+        env: env,
+        project_id: nonebotStore.selectedBot.project_id,
+      },
+    });
 
   if (error) {
-    toast.add('error', `删除环境失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `删除环境失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    await getDotenvList()
-    await nonebotStore.updateEnv(dotenvList.value[0])
+    await getDotenvList();
+    await nonebotStore.updateEnv(dotenvList.value[0]);
   }
-}
+};
 
 const cancel = () => {
-  isAddEnv.value = false
-  inputValue.value = ''
-}
+  isAddEnv.value = false;
+  inputValue.value = "";
+};
 </script>
 
 <template>
@@ -110,7 +114,11 @@ const cancel = () => {
           </tr>
         </thead>
         <tbody>
-          <tr v-for="i in dotenvList" :key="i" class="transition-colors hover:bg-base-300">
+          <tr
+            v-for="i in dotenvList"
+            :key="i"
+            class="transition-colors hover:bg-base-300"
+          >
             <td role="btn" @click="nonebotStore.updateEnv(i)">
               {{ i }}
               <span
@@ -122,7 +130,10 @@ const cancel = () => {
             </td>
             <td>
               <button
-                :class="{ 'btn btn-xs btn-square btn-ghost': true, 'btn-disabled': i === '.env' }"
+                :class="{
+                  'btn btn-xs btn-square btn-ghost': true,
+                  'btn-disabled': i === '.env',
+                }"
                 @click="removeEnv(i)"
               >
                 <span class="material-symbols-outlined text-base"> close </span>
@@ -137,7 +148,11 @@ const cancel = () => {
           + 添加
         </button>
         <div v-else class="flex gap-2">
-          <input v-model="inputValue" class="input input-sm bg-base-200" placeholder="请输入" />
+          <input
+            v-model="inputValue"
+            class="input input-sm bg-base-200"
+            placeholder="请输入"
+          />
           <button class="btn btn-sm btn-ghost" @click="addEnv()">确认</button>
           <button class="btn btn-sm btn-ghost" @click="cancel()">取消</button>
         </div>
diff --git a/frontend/src/views/Settings/InputTemplate/ArrayInput.vue b/frontend/src/views/Settings/InputTemplate/ArrayInput.vue
index 502f1ef..d4ab68a 100644
--- a/frontend/src/views/Settings/InputTemplate/ArrayInput.vue
+++ b/frontend/src/views/Settings/InputTemplate/ArrayInput.vue
@@ -1,70 +1,77 @@
 <script setup lang="ts">
-import type { ConfigType, ModuleConfigChild, ModuleType } from '@/client/api'
-import { ref } from 'vue'
-import { updateConfig } from '../client'
-import { useNoneBotStore } from '@/stores'
+import type { ConfigType, ModuleConfigChild, ModuleType } from "@/client/api";
+import { ref } from "vue";
+import { updateConfig } from "../client";
+import { useNoneBotStore } from "@/stores";
 
-const store = useNoneBotStore()
+const store = useNoneBotStore();
 
 const props = defineProps<{
-  moduleType: ModuleType | ConfigType
-  data: ModuleConfigChild
-}>()
-const data = props.data as Omit<ModuleConfigChild, 'configured' | 'enum'> & {
-  configured: string[]
-  enum: any[]
-}
+  moduleType: ModuleType | ConfigType;
+  data: ModuleConfigChild;
+}>();
+const data = props.data as Omit<ModuleConfigChild, "configured" | "enum"> & {
+  configured: string[];
+  enum: any[];
+};
 
 const isAddItem = ref(false),
-  inputValue = ref<string>()
+  inputValue = ref<string>();
 
 const findItem = (fItem: string) => {
-  return data.configured.findIndex((item: string) => item === fItem)
-}
+  return data.configured.findIndex((item: string) => item === fItem);
+};
 
 const addItem = async () => {
   if (!inputValue.value) {
-    return
+    return;
   }
 
   if (!store.selectedBot) {
-    return
+    return;
   }
 
-  data.configured.push(inputValue.value)
+  data.configured.push(inputValue.value);
 
-  const result = await updateConfig(props.moduleType, data.conf_type, data.name, data.configured)
+  const result = await updateConfig(
+    props.moduleType,
+    data.conf_type,
+    data.name,
+    data.configured,
+  );
 
   if (result?.error) {
-    const index = findItem(inputValue.value!)
-    if (index === -1) return
-    data.configured.splice(index, 1)
+    const index = findItem(inputValue.value!);
+    if (index === -1) return;
+    data.configured.splice(index, 1);
   }
 
   if (result?.data) {
-    inputValue.value = ''
-    isAddItem.value = false
+    inputValue.value = "";
+    isAddItem.value = false;
   }
-}
+};
 
 const removeItem = async (rItem: string) => {
   if (!store.selectedBot) {
-    return
+    return;
   }
 
-  const index = findItem(rItem)
-  if (index === -1) return
-  data.configured.splice(index, 1)
+  const index = findItem(rItem);
+  if (index === -1) return;
+  data.configured.splice(index, 1);
 
-  await updateConfig(props.moduleType, data.conf_type, data.name, data.configured).catch(() => {
-    data.configured.push(rItem)
-  })
-}
+  await updateConfig(props.moduleType, data.conf_type, data.name, data.configured).catch(
+    () => {
+      data.configured.push(rItem);
+    },
+  );
+};
 
 const cancel = () => {
-  isAddItem.value = false
-  inputValue.value = ''
-}
+  isAddItem.value = false;
+  inputValue.value = "";
+};
 </script>
 
 <template>
@@ -78,7 +85,11 @@ const cancel = () => {
           </tr>
         </thead>
         <tbody>
-          <tr v-for="i in data.configured" :key="i" class="transition-colors hover:bg-base-300">
+          <tr
+            v-for="i in data.configured"
+            :key="i"
+            class="transition-colors hover:bg-base-300"
+          >
             <td>{{ i }}</td>
             <td>
               <button class="btn btn-xs btn-square btn-ghost" @click="removeItem(i)">
diff --git a/frontend/src/views/Settings/InputTemplate/BooleanInput.vue b/frontend/src/views/Settings/InputTemplate/BooleanInput.vue
index 9a707d9..ff74c4c 100644
--- a/frontend/src/views/Settings/InputTemplate/BooleanInput.vue
+++ b/frontend/src/views/Settings/InputTemplate/BooleanInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ConfigType, ModuleConfigChild, ModuleType } from '@/client/api'
-import { updateConfig } from '../client'
+import type { ConfigType, ModuleConfigChild, ModuleType } from "@/client/api";
+import { updateConfig } from "../client";
 
-defineProps<{ moduleType: ModuleType | ConfigType; data: ModuleConfigChild }>()
+defineProps<{ moduleType: ModuleType | ConfigType; data: ModuleConfigChild }>();
 </script>
 
 <template>
@@ -12,9 +12,11 @@ defineProps<{ moduleType: ModuleType | ConfigType; data: ModuleConfigChild }>()
     :checked="data.configured as boolean"
     @click="
       async () => {
-        await updateConfig(moduleType, data.conf_type, data.name, !data.configured).then(() => {
-          data.configured! = !data.configured
-        })
+        await updateConfig(moduleType, data.conf_type, data.name, !data.configured).then(
+          () => {
+            data.configured! = !data.configured;
+          },
+        );
       }
     "
   />
diff --git a/frontend/src/views/Settings/InputTemplate/NumberInput.vue b/frontend/src/views/Settings/InputTemplate/NumberInput.vue
index f1c93d0..385fa34 100644
--- a/frontend/src/views/Settings/InputTemplate/NumberInput.vue
+++ b/frontend/src/views/Settings/InputTemplate/NumberInput.vue
@@ -1,32 +1,33 @@
 <script setup lang="ts">
-import type { ConfigType, ModuleConfigChild, ModuleType } from '@/client/api'
-import { ref, watch } from 'vue'
-import { updateConfig } from '../client'
+import type { ConfigType, ModuleConfigChild, ModuleType } from "@/client/api";
+import { ref, watch } from "vue";
+import { updateConfig } from "../client";
 
 const props = defineProps<{
-  moduleType: ModuleType | ConfigType
-  data: ModuleConfigChild
-}>()
+  moduleType: ModuleType | ConfigType;
+  data: ModuleConfigChild;
+}>();
 
-const data = props.data as Omit<ModuleConfigChild, 'configured' | 'default'> & {
-  configured: string
-  default: string
-}
+const data = props.data as Omit<ModuleConfigChild, "configured" | "default"> & {
+  configured: string;
+  default: string;
+};
 
 const inputValue = ref(data.configured),
   inEditing = ref(false),
-  isNumber = ref(true)
+  isNumber = ref(true);
 
 const update = async () => {
   if (!inputValue.value) {
-    return
+    return;
   }
-  await updateConfig(props.moduleType, data.conf_type, data.name, inputValue.value)
-}
+  await updateConfig(props.moduleType, data.conf_type, data.name, inputValue.value);
+};
 
 watch(inputValue, (value) => {
-  isNumber.value = value !== undefined && value.trim().length !== 0 && !isNaN(Number(value.trim()))
-})
+  isNumber.value =
+    value !== undefined && value.trim().length !== 0 && !isNaN(Number(value.trim()));
+});
 </script>
 
 <template>
@@ -45,7 +46,10 @@ watch(inputValue, (value) => {
     </label>
 
     <div class="join">
-      <button class="btn btn-xs btn-ghost join-item tooltip font-normal" data-tip="恢复默认">
+      <button
+        class="btn btn-xs btn-ghost join-item tooltip font-normal"
+        data-tip="恢复默认"
+      >
         <span class="material-symbols-outlined text-base"> refresh </span>
       </button>
 
@@ -54,7 +58,12 @@ watch(inputValue, (value) => {
         data-tip="编辑"
         @click="inEditing = !inEditing"
       >
-        <span :class="{ 'material-symbols-outlined text-base': true, 'text-primary': inEditing }">
+        <span
+          :class="{
+            'material-symbols-outlined text-base': true,
+            'text-primary': inEditing,
+          }"
+        >
           edit
         </span>
       </button>
diff --git a/frontend/src/views/Settings/InputTemplate/SelectInput.vue b/frontend/src/views/Settings/InputTemplate/SelectInput.vue
index a88e872..c468a72 100644
--- a/frontend/src/views/Settings/InputTemplate/SelectInput.vue
+++ b/frontend/src/views/Settings/InputTemplate/SelectInput.vue
@@ -1,26 +1,29 @@
 <script setup lang="ts">
-import { type ConfigType, type ModuleConfigChild, type ModuleType } from '@/client/api'
-import { ref, watch } from 'vue'
-import { updateConfig } from '../client'
+import { type ConfigType, type ModuleConfigChild, type ModuleType } from "@/client/api";
+import { ref, watch } from "vue";
+import { updateConfig } from "../client";
 
-const props = defineProps<{ moduleType: ModuleType | ConfigType; data: ModuleConfigChild }>()
+const props = defineProps<{
+  moduleType: ModuleType | ConfigType;
+  data: ModuleConfigChild;
+}>();
 
-const data = props.data as Omit<ModuleConfigChild, 'configured' | 'default' | 'enum'> & {
-  configured: any
-  default: any
-  enum: any[]
-}
+const data = props.data as Omit<ModuleConfigChild, "configured" | "default" | "enum"> & {
+  configured: any;
+  default: any;
+  enum: any[];
+};
 
-const selectedValue = ref(data.configured)
-const inEditing = ref(false)
+const selectedValue = ref(data.configured);
+const inEditing = ref(false);
 
 const update = async (v: any) => {
-  await updateConfig(props.moduleType, data.conf_type, data.name, v)
-}
+  await updateConfig(props.moduleType, data.conf_type, data.name, v);
+};
 
 watch(selectedValue, async () => {
-  await update(selectedValue.value)
-})
+  await update(selectedValue.value);
+});
 </script>
 
 <template>
@@ -43,7 +46,12 @@ watch(selectedValue, async () => {
         data-tip="编辑"
         @click="inEditing = !inEditing"
       >
-        <span :class="{ 'material-symbols-outlined text-base': true, 'text-primary': inEditing }">
+        <span
+          :class="{
+            'material-symbols-outlined text-base': true,
+            'text-primary': inEditing,
+          }"
+        >
           edit
         </span>
       </button>
diff --git a/frontend/src/views/Settings/InputTemplate/StringInput.vue b/frontend/src/views/Settings/InputTemplate/StringInput.vue
index d19844f..f0d8e71 100644
--- a/frontend/src/views/Settings/InputTemplate/StringInput.vue
+++ b/frontend/src/views/Settings/InputTemplate/StringInput.vue
@@ -1,31 +1,31 @@
 <script setup lang="ts">
-import type { ConfigType, ModuleConfigChild, ModuleType } from '@/client/api'
-import { updateConfig } from '../client'
-import { ref } from 'vue'
+import type { ConfigType, ModuleConfigChild, ModuleType } from "@/client/api";
+import { updateConfig } from "../client";
+import { ref } from "vue";
 
 const props = defineProps<{
-  moduleType: ModuleType | ConfigType
-  data: ModuleConfigChild
-}>()
+  moduleType: ModuleType | ConfigType;
+  data: ModuleConfigChild;
+}>();
 
-const data = props.data as Omit<ModuleConfigChild, 'configured' | 'default'> & {
-  configured: any
-  default: any
-}
+const data = props.data as Omit<ModuleConfigChild, "configured" | "default"> & {
+  configured: any;
+  default: any;
+};
 
 const inputValue = ref(
-    data.conf_type === 'object' ? JSON.stringify(data.configured) : data.configured
+    data.conf_type === "object" ? JSON.stringify(data.configured) : data.configured,
   ),
   inEditing = ref(false),
-  inVisible = ref(data.is_secret)
+  inVisible = ref(data.is_secret);
 
 const update = async () => {
   if (!inputValue.value) {
-    return
+    return;
   }
-  const data = props.data
-  await updateConfig(props.moduleType, data.conf_type, data.name, inputValue.value)
-}
+  const data = props.data;
+  await updateConfig(props.moduleType, data.conf_type, data.name, inputValue.value);
+};
 </script>
 
 <template>
@@ -60,7 +60,10 @@ const update = async () => {
         <span class="material-symbols-outlined text-base"> visibility </span>
       </button>
 
-      <button class="btn btn-xs btn-ghost join-item tooltip font-normal" data-tip="恢复默认">
+      <button
+        class="btn btn-xs btn-ghost join-item tooltip font-normal"
+        data-tip="恢复默认"
+      >
         <span class="material-symbols-outlined text-base"> refresh </span>
       </button>
 
@@ -69,7 +72,12 @@ const update = async () => {
         data-tip="编辑"
         @click="inEditing = !inEditing"
       >
-        <span :class="{ 'material-symbols-outlined text-base': true, 'text-primary': inEditing }">
+        <span
+          :class="{
+            'material-symbols-outlined text-base': true,
+            'text-primary': inEditing,
+          }"
+        >
           edit
         </span>
       </button>
diff --git a/frontend/src/views/Settings/SearchBar.vue b/frontend/src/views/Settings/SearchBar.vue
index 97776a6..606f249 100644
--- a/frontend/src/views/Settings/SearchBar.vue
+++ b/frontend/src/views/Settings/SearchBar.vue
@@ -1,79 +1,79 @@
 <script setup lang="ts">
-import { ConfigTypeSchema, ModuleTypeSchema } from '@/client/api'
-import { useCustomStore, useNoneBotStore } from '@/stores'
-import { onMounted, ref, watch } from 'vue'
-import { useSettingsStore, type ModuleConfigType } from './client'
-import DotenvManageModal from './DotenvManageModal.vue'
-import { useRoute } from 'vue-router'
-import DotenvEditorModal from './DotenvEditorModal.vue'
+import { ConfigTypeSchema, ModuleTypeSchema } from "@/client/api";
+import { useCustomStore, useNoneBotStore } from "@/stores";
+import { onMounted, ref, watch } from "vue";
+import { useSettingsStore, type ModuleConfigType } from "./client";
+import DotenvManageModal from "./DotenvManageModal.vue";
+import { useRoute } from "vue-router";
+import DotenvEditorModal from "./DotenvEditorModal.vue";
 
-const customStore = useCustomStore()
-const settingsStore = useSettingsStore()
-const nonebotStore = useNoneBotStore()
+const customStore = useCustomStore();
+const settingsStore = useSettingsStore();
+const nonebotStore = useNoneBotStore();
 
-const route = useRoute()
+const route = useRoute();
 
-const searchInputElement = ref<HTMLInputElement>()
-const dotenvManageModal = ref<InstanceType<typeof DotenvManageModal> | null>()
-const dotenvEditorModal = ref<InstanceType<typeof DotenvEditorModal> | null>()
+const searchInputElement = ref<HTMLInputElement>();
+const dotenvManageModal = ref<InstanceType<typeof DotenvManageModal> | null>();
+const dotenvEditorModal = ref<InstanceType<typeof DotenvEditorModal> | null>();
 
 onMounted(() => {
   settingsStore.searchInput = Array.isArray(route.query.search)
-    ? route.query.search[0] ?? ''
-    : route.query.search ?? ''
-})
-
-document.addEventListener('keydown', (e) => {
-  if (e.key === '/' && !e.ctrlKey && !e.altKey && !e.metaKey) {
-    e.preventDefault()
-    searchInputElement.value?.focus()
+    ? (route.query.search[0] ?? "")
+    : (route.query.search ?? "");
+});
+
+document.addEventListener("keydown", (e) => {
+  if (e.key === "/" && !e.ctrlKey && !e.altKey && !e.metaKey) {
+    e.preventDefault();
+    searchInputElement.value?.focus();
   }
-})
+});
 
 const checkIsSearch = (e: KeyboardEvent) => {
-  if (e.key === 'Enter' && settingsStore.searchInput && !customStore.isInstantSearch) {
-    settingsStore.updateViewData(settingsStore.searchInput)
+  if (e.key === "Enter" && settingsStore.searchInput && !customStore.isInstantSearch) {
+    settingsStore.updateViewData(settingsStore.searchInput);
   }
-}
+};
 
 const searchInputPlaceholder = () => {
-  let text = '键入 / 以开始'
-  const noInstanceSearchText = ', 回车以搜索'
+  let text = "键入 / 以开始";
+  const noInstanceSearchText = ", 回车以搜索";
   if (!customStore.isInstantSearch) {
-    text += noInstanceSearchText
+    text += noInstanceSearchText;
   }
-  return text
-}
+  return text;
+};
 
 watch(
   () => settingsStore.searchInput,
   () => {
     if (customStore.isInstantSearch || !settingsStore.searchInput) {
-      settingsStore.updateViewData(settingsStore.searchInput)
+      settingsStore.updateViewData(settingsStore.searchInput);
     }
-  }
-)
+  },
+);
 
 type moduleItem = {
-  label: ModuleConfigType
-  text: string
-}
+  label: ModuleConfigType;
+  text: string;
+};
 
 const configTypeItems = Object.values(ConfigTypeSchema.enum).map((type) => ({
   label: type,
-  text: type.charAt(0).toUpperCase() + type.slice(1)
-}))
+  text: type.charAt(0).toUpperCase() + type.slice(1),
+}));
 
 const moduleItemFromEnum = Object.values(ModuleTypeSchema.enum).map((type) => ({
   label: type,
-  text: type.charAt(0).toUpperCase() + type.slice(1)
-}))
+  text: type.charAt(0).toUpperCase() + type.slice(1),
+}));
 
 const moduleItems: moduleItem[] = [
-  { label: 'all', text: 'All' },
+  { label: "all", text: "All" },
   ...configTypeItems,
-  ...moduleItemFromEnum
-]
+  ...moduleItemFromEnum,
+];
 </script>
 
 <template>
@@ -82,7 +82,9 @@ const moduleItems: moduleItem[] = [
 
   <div class="flex flex-col gap-4">
     <div class="w-full flex justify-center">
-      <div class="p-2 pl-4 bg-base-200 rounded-box w-full lg:w-3/4 flex items-center gap-2">
+      <div
+        class="p-2 pl-4 bg-base-200 rounded-box w-full lg:w-3/4 flex items-center gap-2"
+      >
         <input
           ref="searchInputElement"
           v-model="settingsStore.searchInput"
@@ -112,14 +114,19 @@ const moduleItems: moduleItem[] = [
       </div>
 
       <div class="flex items-center gap-2">
-        <button class="btn btn-sm btn-outline btn-primary" @click="dotenvManageModal?.openModal()">
+        <button
+          class="btn btn-sm btn-outline btn-primary"
+          @click="dotenvManageModal?.openModal()"
+        >
           <div class="flex gap-1 items-center">
             <span class="material-symbols-outlined text-base"> menu </span>
-            当前环境：{{ nonebotStore.selectedBot?.use_env || '未知' }}
+            当前环境：{{ nonebotStore.selectedBot?.use_env || "未知" }}
           </div>
         </button>
 
-        <button class="btn btn-sm" @click="dotenvEditorModal?.openModal()">编辑文件</button>
+        <button class="btn btn-sm" @click="dotenvEditorModal?.openModal()">
+          编辑文件
+        </button>
       </div>
     </div>
   </div>
diff --git a/frontend/src/views/Settings/SettingCard.vue b/frontend/src/views/Settings/SettingCard.vue
index 9c98588..c6644fb 100644
--- a/frontend/src/views/Settings/SettingCard.vue
+++ b/frontend/src/views/Settings/SettingCard.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import type { ModuleConfigFather } from '@/client/api'
-import StringInput from './InputTemplate/StringInput.vue'
-import BooleanInput from './InputTemplate/BooleanInput.vue'
-import ArrayInput from './InputTemplate/ArrayInput.vue'
-import NumberInput from './InputTemplate/NumberInput.vue'
-import SelectInput from './InputTemplate/SelectInput.vue'
+import type { ModuleConfigFather } from "@/client/api";
+import StringInput from "./InputTemplate/StringInput.vue";
+import BooleanInput from "./InputTemplate/BooleanInput.vue";
+import ArrayInput from "./InputTemplate/ArrayInput.vue";
+import NumberInput from "./InputTemplate/NumberInput.vue";
+import SelectInput from "./InputTemplate/SelectInput.vue";
 
-const props = defineProps<{ data: ModuleConfigFather }>()
+const props = defineProps<{ data: ModuleConfigFather }>();
 </script>
 
 <template>
@@ -50,7 +50,11 @@ const props = defineProps<{ data: ModuleConfigFather }>()
         :data="i"
         :module-type="data.module_type"
       />
-      <ArrayInput v-else-if="i.conf_type === 'array'" :data="i" :module-type="data.module_type" />
+      <ArrayInput
+        v-else-if="i.conf_type === 'array'"
+        :data="i"
+        :module-type="data.module_type"
+      />
       <NumberInput
         v-else-if="i.conf_type === 'integer'"
         :data="i"
diff --git a/frontend/src/views/Settings/SettingsIndex.vue b/frontend/src/views/Settings/SettingsIndex.vue
index f49babb..4c78b19 100644
--- a/frontend/src/views/Settings/SettingsIndex.vue
+++ b/frontend/src/views/Settings/SettingsIndex.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import SettingCard from './SettingCard.vue'
-import SearchBar from './SearchBar.vue'
-import { useSettingsStore } from './client'
+import SettingCard from "./SettingCard.vue";
+import SearchBar from "./SearchBar.vue";
+import { useSettingsStore } from "./client";
 
-const settingsStore = useSettingsStore()
+const settingsStore = useSettingsStore();
 
-settingsStore.init()
+settingsStore.init();
 </script>
 
 <template>
diff --git a/frontend/src/views/Settings/client.ts b/frontend/src/views/Settings/client.ts
index bddc240..b679a37 100644
--- a/frontend/src/views/Settings/client.ts
+++ b/frontend/src/views/Settings/client.ts
@@ -4,156 +4,172 @@ import {
   type ModuleConfigFather,
   ProjectService,
   ConfigTypeSchema,
-  ModuleTypeSchema
-} from '@/client/api'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+  ModuleTypeSchema,
+} from "@/client/api";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
-const store = useNoneBotStore()
-const toast = useToastStore()
+const store = useNoneBotStore();
+const toast = useToastStore();
 
-export type ModuleConfigType = ModuleType | ConfigType | 'all'
+export type ModuleConfigType = ModuleType | ConfigType | "all";
 
 export const updateConfig = async (
   moduleType: ModuleType | ConfigType,
   confType: string,
   k: string,
-  v: any
+  v: any,
 ) => {
   if (!store.selectedBot) {
-    toast.add('warning', '未选择实例', '', 5000)
-    return
+    toast.add("warning", "未选择实例", "", 5000);
+    return;
   }
 
-  const { data, error } = await ProjectService.updateProjectConfigV1ProjectConfigUpdatePost({
-    query: {
-      module_type: moduleType,
-      project_id: store.selectedBot.project_id
-    },
-    body: {
-      env: store.selectedBot.use_env!,
-      conf_type: confType,
-      k: k,
-      v: v
-    }
-  })
+  const { data, error } =
+    await ProjectService.updateProjectConfigV1ProjectConfigUpdatePost({
+      query: {
+        module_type: moduleType,
+        project_id: store.selectedBot.project_id,
+      },
+      body: {
+        env: store.selectedBot.use_env!,
+        conf_type: confType,
+        k: k,
+        v: v,
+      },
+    });
 
   if (error) {
-    toast.add('error', `更新失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `更新失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    toast.add('success', '更新成功', '', 5000)
+    toast.add("success", "更新成功", "", 5000);
   }
 
-  return { data, error }
-}
+  return { data, error };
+};
 
-export const useSettingsStore = defineStore('settingsStore', () => {
-  const viewModule = ref<ModuleConfigType>('all')
-  const settingsData = ref<ModuleConfigFather[]>([])
-  const viewData = ref<ModuleConfigFather[]>([])
-  const isRequesting = ref(false)
-  const searchInput = ref<string>('')
+export const useSettingsStore = defineStore("settingsStore", () => {
+  const viewModule = ref<ModuleConfigType>("all");
+  const settingsData = ref<ModuleConfigFather[]>([]);
+  const viewData = ref<ModuleConfigFather[]>([]);
+  const isRequesting = ref(false);
+  const searchInput = ref<string>("");
 
   const getTomlConf = async (projectID: string) => {
-    isRequesting.value = true
-    const { data, error } = await ProjectService.getProjectMetaConfigV1ProjectConfigMetaDetailGet({
-      query: {
-        project_id: projectID
-      }
-    })
+    isRequesting.value = true;
+    const { data, error } =
+      await ProjectService.getProjectMetaConfigV1ProjectConfigMetaDetailGet({
+        query: {
+          project_id: projectID,
+        },
+      });
 
     if (error) {
-      toast.add('error', `获取实例 toml 配置失败, 原因：${error.detail?.toString()}`, '', 5000)
+      toast.add(
+        "error",
+        `获取实例 toml 配置失败, 原因：${error.detail?.toString()}`,
+        "",
+        5000,
+      );
     }
 
     if (data) {
-      settingsData.value = settingsData.value.concat(data.detail)
+      settingsData.value = settingsData.value.concat(data.detail);
     }
 
-    isRequesting.value = false
-  }
+    isRequesting.value = false;
+  };
 
   const getNoneBotConf = async (projectID: string) => {
-    isRequesting.value = true
+    isRequesting.value = true;
     const { data, error } =
       await ProjectService.getProjectNonebotConfigV1ProjectConfigNonebotDetailGet({
         query: {
-          project_id: projectID
-        }
-      })
+          project_id: projectID,
+        },
+      });
 
     if (error) {
-      toast.add('error', `获取实例 NoneBot 配置失败, 原因：${error.detail?.toString()}`, '', 5000)
+      toast.add(
+        "error",
+        `获取实例 NoneBot 配置失败, 原因：${error.detail?.toString()}`,
+        "",
+        5000,
+      );
     }
 
     if (data) {
-      settingsData.value = settingsData.value.concat(data.detail)
+      settingsData.value = settingsData.value.concat(data.detail);
     }
 
-    isRequesting.value = false
-  }
+    isRequesting.value = false;
+  };
 
   const getNoneBotPluginConf = async (projectID: string) => {
-    isRequesting.value = true
+    isRequesting.value = true;
     const { data, error } =
-      await ProjectService.getProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGet({
-        query: {
-          project_id: projectID
-        }
-      })
+      await ProjectService.getProjectNonebotPluginConfigV1ProjectConfigNonebotPluginDetailGet(
+        {
+          query: {
+            project_id: projectID,
+          },
+        },
+      );
 
     if (error) {
-      toast.add('error', `获取实例配置失败, 原因：${error.detail?.toString()}`, '', 5000)
+      toast.add("error", `获取实例配置失败, 原因：${error.detail?.toString()}`, "", 5000);
     }
 
     if (data) {
-      settingsData.value = settingsData.value.concat(data.detail)
+      settingsData.value = settingsData.value.concat(data.detail);
     }
 
-    isRequesting.value = false
-  }
+    isRequesting.value = false;
+  };
 
   const updateViewData = (searchText?: string) => {
     viewData.value = settingsData.value.filter((item) => {
-      if (!searchText) return true
+      if (!searchText) return true;
       return (
         item.title.includes(searchText) ||
         item.name.includes(searchText) ||
-        (item.description ?? '').includes(searchText)
-      )
-    })
-
-    const filter = [...ConfigTypeSchema.enum, ...ModuleTypeSchema.enum]
-    if (viewModule.value !== 'all' && Object.values(filter).includes(viewModule.value)) {
-      viewData.value = viewData.value.filter((item) => item.module_type === viewModule.value)
+        (item.description ?? "").includes(searchText)
+      );
+    });
+
+    const filter = [...ConfigTypeSchema.enum, ...ModuleTypeSchema.enum];
+    if (viewModule.value !== "all" && Object.values(filter).includes(viewModule.value)) {
+      viewData.value = viewData.value.filter(
+        (item) => item.module_type === viewModule.value,
+      );
     }
-  }
+  };
 
   const init = async () => {
     if (!store.selectedBot) {
-      toast.add('warning', '未选择实例', '', 5000)
-      return
+      toast.add("warning", "未选择实例", "", 5000);
+      return;
     }
 
-    settingsData.value = []
+    settingsData.value = [];
 
-    const projectID = store.selectedBot.project_id
+    const projectID = store.selectedBot.project_id;
 
-    await getTomlConf(projectID)
-    await getNoneBotConf(projectID)
-    await getNoneBotPluginConf(projectID)
+    await getTomlConf(projectID);
+    await getNoneBotConf(projectID);
+    await getNoneBotPluginConf(projectID);
 
-    updateViewData(searchInput.value)
-  }
+    updateViewData(searchInput.value);
+  };
 
   const setViewModule = (module: ModuleConfigType) => {
-    viewModule.value = module
-    searchInput.value = ''
-    updateViewData()
-  }
+    viewModule.value = module;
+    searchInput.value = "";
+    updateViewData();
+  };
 
   return {
     viewModule,
@@ -163,6 +179,6 @@ export const useSettingsStore = defineStore('settingsStore', () => {
     searchInput,
     init,
     updateViewData,
-    setViewModule
-  }
-})
+    setViewModule,
+  };
+});
diff --git a/frontend/src/views/Store/ExtensionCard.vue b/frontend/src/views/Store/ExtensionCard.vue
index 472f51f..e9f1d19 100644
--- a/frontend/src/views/Store/ExtensionCard.vue
+++ b/frontend/src/views/Store/ExtensionCard.vue
@@ -10,137 +10,139 @@
 import {
   StoreService,
   type nb_cli_plugin_webui__app__models__base__ModuleInfo,
-  type nb_cli_plugin_webui__app__models__store__Plugin
-} from '@/client/api'
-import type { PypiInfo } from '@/views/Store/types'
-import { useFetch } from '@vueuse/core'
-import { computed, ref } from 'vue'
-import { useSearchStore } from './client'
-import { useNoneBotStore, useToastStore } from '@/stores'
-import LogView from '@/components/Modals/Global/LogView.vue'
-import router from '@/router'
+  type nb_cli_plugin_webui__app__models__store__Plugin,
+} from "@/client/api";
+import type { PypiInfo } from "@/views/Store/types";
+import { useFetch } from "@vueuse/core";
+import { computed, ref } from "vue";
+import { useSearchStore } from "./client";
+import { useNoneBotStore, useToastStore } from "@/stores";
+import LogView from "@/components/Modals/Global/LogView.vue";
+import router from "@/router";
 
 const store = useSearchStore(),
-  nonebotStore = useNoneBotStore()
+  nonebotStore = useNoneBotStore();
 
-const toast = useToastStore()
+const toast = useToastStore();
 
 const props = defineProps<{
-  data: T
-}>()
+  data: T;
+}>();
 
 const extensionCardModal = ref<HTMLDialogElement>(),
   pypiData = ref<PypiInfo>(),
   logViewModal = ref<InstanceType<typeof LogView> | null>(),
-  installLogKey = ref(''),
-  extensionUninstallConfirmModal = ref<HTMLDialogElement>()
+  installLogKey = ref(""),
+  extensionUninstallConfirmModal = ref<HTMLDialogElement>();
 
 const open = async () => {
-  extensionCardModal.value?.showModal()
+  extensionCardModal.value?.showModal();
 
-  const pypiURL = `https://pypi.org/pypi/${props.data.project_link}/json`
-  const { data } = await useFetch(pypiURL).json<PypiInfo>()
-  if (data.value) pypiData.value = data.value
-}
+  const pypiURL = `https://pypi.org/pypi/${props.data.project_link}/json`;
+  const { data } = await useFetch(pypiURL).json<PypiInfo>();
+  if (data.value) pypiData.value = data.value;
+};
 
 const isTestPassed = (data: T): boolean => {
-  if ('valid' in data && 'skip_test' in data) {
-    return data.valid && !data.skip_test
+  if ("valid" in data && "skip_test" in data) {
+    return data.valid && !data.skip_test;
   }
-  return false
-}
+  return false;
+};
 
 const installModule = async (module: T) => {
-  if (!nonebotStore.selectedBot || !module) return
+  if (!nonebotStore.selectedBot || !module) return;
 
-  const moduleType = 'valid' in module ? 'plugin' : 'module'
+  const moduleType = "valid" in module ? "plugin" : "module";
 
-  const { data, error } = await StoreService.installNonebotModuleV1StoreNonebotInstallPost({
-    query: {
-      env: nonebotStore.selectedBot.use_env!,
-      project_id: nonebotStore.selectedBot.project_id
-    },
+  const { data, error } =
+    await StoreService.installNonebotModuleV1StoreNonebotInstallPost({
+      query: {
+        env: nonebotStore.selectedBot.use_env!,
+        project_id: nonebotStore.selectedBot.project_id,
+      },
 
-    // TODO: 正常 Module 同 Plugin 拓展数据冲突, 待修复
-    // @ts-ignore
-    body: {
-      ...module,
-      module_type: moduleType
-    }
-  })
+      // TODO: 正常 Module 同 Plugin 拓展数据冲突, 待修复
+      // @ts-ignore
+      body: {
+        ...module,
+        module_type: moduleType,
+      },
+    });
 
   if (error) {
-    toast.add('error', `提交安装失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `提交安装失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    installLogKey.value = data.detail
-    logViewModal.value?.openModal()
+    installLogKey.value = data.detail;
+    logViewModal.value?.openModal();
   }
-}
+};
 
 const uninstallModule = async (module: T) => {
-  if (!nonebotStore.selectedBot || !module) return
-  if (!module.is_download) return
-
-  const moduleType = 'valid' in module ? 'plugin' : 'module'
-
-  const { data, error } = await StoreService.uninstallNonebotModuleV1StoreNonebotUninstallPost({
-    query: {
-      env: nonebotStore.selectedBot.use_env!,
-      project_id: nonebotStore.selectedBot.project_id
-    },
-
-    // TODO: 正常 Module 同 Plugin 拓展数据冲突, 待修复
-    // @ts-ignore
-    body: {
-      ...module,
-      module_type: moduleType
-    }
-  })
+  if (!nonebotStore.selectedBot || !module) return;
+  if (!module.is_download) return;
+
+  const moduleType = "valid" in module ? "plugin" : "module";
+
+  const { data, error } =
+    await StoreService.uninstallNonebotModuleV1StoreNonebotUninstallPost({
+      query: {
+        env: nonebotStore.selectedBot.use_env!,
+        project_id: nonebotStore.selectedBot.project_id,
+      },
+
+      // TODO: 正常 Module 同 Plugin 拓展数据冲突, 待修复
+      // @ts-ignore
+      body: {
+        ...module,
+        module_type: moduleType,
+      },
+    });
 
   if (error) {
-    toast.add('error', `卸载失败, 原因：${error.detail?.toString()}`, '', 5000)
+    toast.add("error", `卸载失败, 原因：${error.detail?.toString()}`, "", 5000);
   }
 
   if (data) {
-    extensionUninstallConfirmModal.value?.close()
-    await store.updateData(nonebotStore.selectedBot.project_id, false)
-    toast.add('success', '卸载成功', '', 5000)
+    extensionUninstallConfirmModal.value?.close();
+    await store.updateData(nonebotStore.selectedBot.project_id, false);
+    toast.add("success", "卸载成功", "", 5000);
   }
-}
+};
 
 const isRetry = () => {
-  installModule(props.data)
-}
+  installModule(props.data);
+};
 
 const isFinished = async () => {
-  await store.updateData(nonebotStore.selectedBot!.project_id, false)
-}
+  await store.updateData(nonebotStore.selectedBot!.project_id, false);
+};
 
 const getUpdateTime = computed(() => {
-  if (!('time' in props.data)) return 'ignore'
+  if (!("time" in props.data)) return "ignore";
 
-  const time = new Date(props.data.time)
-  const now = new Date()
-  const diff = now.getTime() - time.getTime()
-  const diffHours = diff / (1000 * 60 * 60)
-  const diffDays = diff / (1000 * 60 * 60 * 24)
-  const diffMonths = diff / (1000 * 60 * 60 * 24 * 30)
-  const diffYears = diff / (1000 * 60 * 60 * 24 * 365)
+  const time = new Date(props.data.time);
+  const now = new Date();
+  const diff = now.getTime() - time.getTime();
+  const diffHours = diff / (1000 * 60 * 60);
+  const diffDays = diff / (1000 * 60 * 60 * 24);
+  const diffMonths = diff / (1000 * 60 * 60 * 24 * 30);
+  const diffYears = diff / (1000 * 60 * 60 * 24 * 365);
 
   if (diffYears >= 1) {
-    return `${Math.floor(diffYears)}年前`
+    return `${Math.floor(diffYears)}年前`;
   } else if (diffMonths >= 1) {
-    return `${Math.floor(diffMonths)}个月前`
+    return `${Math.floor(diffMonths)}个月前`;
   } else if (diffDays >= 1) {
-    return `${Math.floor(diffDays)}天前`
+    return `${Math.floor(diffDays)}天前`;
   } else if (diffHours >= 1) {
-    return `${Math.floor(diffHours)}小时前`
+    return `${Math.floor(diffHours)}小时前`;
   } else {
-    return '刚刚'
+    return "刚刚";
   }
-})
+});
 </script>
 
 <template>
@@ -157,7 +159,9 @@ const getUpdateTime = computed(() => {
 
       <div class="w-full grid grid-cols-2 gap-4">
         <button class="btn btn-sm" @click="uninstallModule(props.data)">确定</button>
-        <button class="btn btn-sm" @click="extensionUninstallConfirmModal?.close()">取消</button>
+        <button class="btn btn-sm" @click="extensionUninstallConfirmModal?.close()">
+          取消
+        </button>
       </div>
     </div>
   </dialog>
@@ -208,7 +212,9 @@ const getUpdateTime = computed(() => {
           >
             卸载
           </button>
-          <button v-else class="btn btn-sm" @click="installModule(props.data)">安装</button>
+          <button v-else class="btn btn-sm" @click="installModule(props.data)">
+            安装
+          </button>
         </div>
       </div>
 
@@ -218,7 +224,10 @@ const getUpdateTime = computed(() => {
         <div class="flex flex-col justify-between gap-2">
           <div class="opacity-70 text-sm">{{ props.data.desc }}</div>
 
-          <div v-if="props.data.tags?.length" class="flex flex-wrap items-center gap-1 md:gap-2">
+          <div
+            v-if="props.data.tags?.length"
+            class="flex flex-wrap items-center gap-1 md:gap-2"
+          >
             <div
               v-for="tag in props.data.tags"
               :key="tag.label"
@@ -252,7 +261,10 @@ const getUpdateTime = computed(() => {
 
             <div class="flex items-center gap-1 text-sm">
               <span class="material-symbols-outlined text-base"> file_save </span>
-              {{ (pypiData?.releases[Object.keys(pypiData.releases).pop()!][1].size ?? 0) / 1000 }}
+              {{
+                (pypiData?.releases[Object.keys(pypiData.releases).pop()!][1].size ?? 0) /
+                1000
+              }}
               K
             </div>
 
@@ -348,7 +360,7 @@ const getUpdateTime = computed(() => {
         @click="
           store.updateTag({
             label: 'author',
-            text: props.data.author
+            text: props.data.author,
           })
         "
       >
@@ -369,7 +381,7 @@ const getUpdateTime = computed(() => {
         @click="
           store.updateTag({
             label: 'tag',
-            text: tag.label
+            text: tag.label,
           })
         "
       >
@@ -407,7 +419,9 @@ const getUpdateTime = computed(() => {
         >
           设置
         </button>
-        <button v-else class="btn btn-sm btn-ghost" @click="installModule(props.data)">安装</button>
+        <button v-else class="btn btn-sm btn-ghost" @click="installModule(props.data)">
+          安装
+        </button>
       </div>
     </div>
   </div>
diff --git a/frontend/src/views/Store/ExtensionContainer.vue b/frontend/src/views/Store/ExtensionContainer.vue
index fe549df..002bac7 100644
--- a/frontend/src/views/Store/ExtensionContainer.vue
+++ b/frontend/src/views/Store/ExtensionContainer.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import ExtensionCard from './ExtensionCard.vue'
-import { useSearchStore } from './client'
+import ExtensionCard from "./ExtensionCard.vue";
+import { useSearchStore } from "./client";
 
-const store = useSearchStore()
+const store = useSearchStore();
 </script>
 
 <template>
diff --git a/frontend/src/views/Store/Pagination.vue b/frontend/src/views/Store/Pagination.vue
index f041118..4078952 100644
--- a/frontend/src/views/Store/Pagination.vue
+++ b/frontend/src/views/Store/Pagination.vue
@@ -1,45 +1,49 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useSearchStore } from './client'
-import { useNoneBotStore } from '@/stores'
+import { ref, watch } from "vue";
+import { useSearchStore } from "./client";
+import { useNoneBotStore } from "@/stores";
 
 const store = useSearchStore(),
-  nonebotStore = useNoneBotStore()
+  nonebotStore = useNoneBotStore();
 
-const pages = ref<(string | number)[]>([])
+const pages = ref<(string | number)[]>([]);
 
-const generatePageNumbers = (currentPage: number, totalPage: number, maxVisiblePages: number) => {
-  pages.value = []
+const generatePageNumbers = (
+  currentPage: number,
+  totalPage: number,
+  maxVisiblePages: number,
+) => {
+  pages.value = [];
   const range = (start: number, end: number) => {
-    const result = []
-    start = start > 0 ? start : 1
+    const result = [];
+    start = start > 0 ? start : 1;
     for (let i = start; i <= end; i++) {
-      result.push(i)
+      result.push(i);
     }
-    return result
-  }
+    return result;
+  };
   if (totalPage < maxVisiblePages) {
-    pages.value.push(...range(1, totalPage))
+    pages.value.push(...range(1, totalPage));
   } else if (currentPage >= 4 && currentPage <= totalPage - 3) {
-    const left = currentPage - 1
-    const right = currentPage + 1
+    const left = currentPage - 1;
+    const right = currentPage + 1;
 
-    pages.value.push(1, '...', ...range(left, right), '...', totalPage)
+    pages.value.push(1, "...", ...range(left, right), "...", totalPage);
   } else if (currentPage >= totalPage - 5) {
-    pages.value.push(1, '...', ...range(totalPage - 3, totalPage))
+    pages.value.push(1, "...", ...range(totalPage - 3, totalPage));
   } else {
-    pages.value.push(...range(1, 4), '...', totalPage)
+    pages.value.push(...range(1, 4), "...", totalPage);
   }
-}
+};
 
-generatePageNumbers(store.nowPage, store.totalPage, 7)
+generatePageNumbers(store.nowPage, store.totalPage, 7);
 
 watch(
   () => [store.nowPage, store.totalPage],
   () => {
-    generatePageNumbers(store.nowPage, store.totalPage, 7)
-  }
-)
+    generatePageNumbers(store.nowPage, store.totalPage, 7);
+  },
+);
 </script>
 
 <template>
@@ -49,12 +53,14 @@ watch(
         :class="{
           'btn btn-sm shadow-none px-1': true,
           'btn-disabled': store.nowPage <= 1,
-          hidden: store.storeData.length <= 0
+          hidden: store.storeData.length <= 0,
         }"
       >
         <span
           class="material-symbols-outlined"
-          @click="store.turnPage(store.nowPage - 1, nonebotStore.selectedBot?.project_id ?? '')"
+          @click="
+            store.turnPage(store.nowPage - 1, nonebotStore.selectedBot?.project_id ?? '')
+          "
         >
           chevron_left
         </span>
@@ -65,12 +71,12 @@ watch(
         :key="page"
         :class="{
           'btn btn-sm shadow-none': true,
-          'btn-primary text-base-100': Number(page) === store.nowPage
+          'btn-primary text-base-100': Number(page) === store.nowPage,
         }"
         @click="
           () => {
             if (typeof page === 'number' && nonebotStore.selectedBot) {
-              store.turnPage(page, nonebotStore.selectedBot?.project_id)
+              store.turnPage(page, nonebotStore.selectedBot?.project_id);
             }
           }
         "
@@ -82,9 +88,11 @@ watch(
         :class="{
           'btn btn-sm shadow-none px-1': true,
           'btn-disabled': store.nowPage >= store.totalPage,
-          hidden: store.storeData.length <= 0
+          hidden: store.storeData.length <= 0,
         }"
-        @click="store.turnPage(store.nowPage + 1, nonebotStore.selectedBot?.project_id ?? '')"
+        @click="
+          store.turnPage(store.nowPage + 1, nonebotStore.selectedBot?.project_id ?? '')
+        "
       >
         <span class="material-symbols-outlined"> chevron_right </span>
       </button>
@@ -95,9 +103,9 @@ watch(
 <style scoped>
 .material-symbols-outlined {
   font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' -25,
-    'opsz' 24;
+    "FILL" 0,
+    "wght" 300,
+    "GRAD" -25,
+    "opsz" 24;
 }
 </style>
diff --git a/frontend/src/views/Store/SearchBar.vue b/frontend/src/views/Store/SearchBar.vue
index 897ebde..41b3a29 100644
--- a/frontend/src/views/Store/SearchBar.vue
+++ b/frontend/src/views/Store/SearchBar.vue
@@ -1,121 +1,129 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { useSearchStore } from './client'
+import { ref, watch } from "vue";
+import { useSearchStore } from "./client";
 import {
   type ModuleType,
   type nb_cli_plugin_webui__app__models__types__SearchTag,
-  nb_cli_plugin_webui__app__models__types__SearchTagSchema
-} from '@/client/api'
-import { useCustomStore, useNoneBotStore } from '@/stores'
+  nb_cli_plugin_webui__app__models__types__SearchTagSchema,
+} from "@/client/api";
+import { useCustomStore, useNoneBotStore } from "@/stores";
 
 const store = useSearchStore(),
   nonebotStore = useNoneBotStore(),
-  customStore = useCustomStore()
+  customStore = useCustomStore();
 
 const searchInputElement = ref<HTMLInputElement>(),
-  authorInput = ref(''),
-  labelInput = ref('')
+  authorInput = ref(""),
+  labelInput = ref("");
 
-document.addEventListener('keydown', (e) => {
-  if (e.key === '/' && !e.ctrlKey && !e.altKey && !e.metaKey) {
-    e.preventDefault()
-    searchInputElement.value?.focus()
+document.addEventListener("keydown", (e) => {
+  if (e.key === "/" && !e.ctrlKey && !e.altKey && !e.metaKey) {
+    e.preventDefault();
+    searchInputElement.value?.focus();
   }
-})
+});
 
 const checkIsDelete = (e: KeyboardEvent) => {
-  if (e.key === 'Backspace' && !store.searchInput) {
-    store.searchTags.pop()
+  if (e.key === "Backspace" && !store.searchInput) {
+    store.searchTags.pop();
   }
-}
+};
 
 const checkIsAddTag = (e: KeyboardEvent) => {
-  const addTag = (label: nb_cli_plugin_webui__app__models__types__SearchTag, text: string) => {
-    e.preventDefault()
-    store.searchTags.push({ label, text })
-    store.searchInput = ''
-  }
+  const addTag = (
+    label: nb_cli_plugin_webui__app__models__types__SearchTag,
+    text: string,
+  ) => {
+    e.preventDefault();
+    store.searchTags.push({ label, text });
+    store.searchInput = "";
+  };
 
-  const noTextLabel = ['official', 'valid', 'downloaded']
+  const noTextLabel = ["official", "valid", "downloaded"];
 
-  if (e.key === ' ') {
-    let input = store.searchInput
+  if (e.key === " ") {
+    let input = store.searchInput;
 
     for (let tag in nb_cli_plugin_webui__app__models__types__SearchTagSchema.enum) {
-      tag = tag.toLowerCase()
+      tag = tag.toLowerCase();
       if (input.startsWith(`${tag}:`) && input.length > tag.length + 1) {
         if (noTextLabel.includes(tag)) {
-          input = ''
+          input = "";
         }
 
         addTag(
           tag as nb_cli_plugin_webui__app__models__types__SearchTag,
-          input.slice(tag.length + 1)
-        )
-        return
+          input.slice(tag.length + 1),
+        );
+        return;
       }
     }
   }
-}
+};
 
 const checkIsSearch = (e: KeyboardEvent) => {
   if (
-    e.key === 'Enter' &&
+    e.key === "Enter" &&
     (store.searchInput || store.searchTags.length > 0) &&
     !customStore.isInstantSearch
   ) {
-    store.upDataBySearch(nonebotStore.selectedBot?.project_id!)
+    store.upDataBySearch(nonebotStore.selectedBot?.project_id!);
   }
-}
+};
 
 watch(
   () => [store.searchInput, store.searchTags.length],
   async () => {
-    if (customStore.isInstantSearch || (!store.searchInput && store.searchTags.length === 0)) {
-      await store.upDataBySearch(nonebotStore.selectedBot?.project_id!)
+    if (
+      customStore.isInstantSearch ||
+      (!store.searchInput && store.searchTags.length === 0)
+    ) {
+      await store.upDataBySearch(nonebotStore.selectedBot?.project_id!);
     }
-  }
-)
+  },
+);
 
 const searchInputPlaceholder = () => {
-  let text = '键入 / 以开始'
-  const noInstanceSearchText = ', 回车以搜索'
+  let text = "键入 / 以开始";
+  const noInstanceSearchText = ", 回车以搜索";
   if (!customStore.isInstantSearch) {
-    text += noInstanceSearchText
+    text += noInstanceSearchText;
   }
-  return text
-}
+  return text;
+};
 
 type moduleItem = {
-  label: ModuleType
-  tip: string
-}
+  label: ModuleType;
+  tip: string;
+};
 
 const moduleItems: moduleItem[] = [
-  { label: 'plugin', tip: '插件' },
-  { label: 'adapter', tip: '适配器' },
-  { label: 'driver', tip: '驱动器' }
-]
+  { label: "plugin", tip: "插件" },
+  { label: "adapter", tip: "适配器" },
+  { label: "driver", tip: "驱动器" },
+];
 
 type filterItem = {
-  label: nb_cli_plugin_webui__app__models__types__SearchTag
-  text?: string
-  tip: string
-}
+  label: nb_cli_plugin_webui__app__models__types__SearchTag;
+  text?: string;
+  tip: string;
+};
 
 const filterItems: filterItem[] = [
-  { label: 'official', tip: '官方认证' },
-  { label: 'valid', tip: '测试通过' },
-  { label: 'downloaded', tip: '已下载' },
-  { label: 'latest', text: 'week', tip: '最近一周' },
-  { label: 'latest', text: 'month', tip: '最近一月' }
-]
+  { label: "official", tip: "官方认证" },
+  { label: "valid", tip: "测试通过" },
+  { label: "downloaded", tip: "已下载" },
+  { label: "latest", text: "week", tip: "最近一周" },
+  { label: "latest", text: "month", tip: "最近一月" },
+];
 </script>
 
 <template>
   <div class="flex flex-col gap-4">
     <div class="w-full flex justify-center">
-      <div class="p-2 pl-4 bg-base-200 rounded-box w-full lg:w-3/4 flex items-center gap-2">
+      <div
+        class="p-2 pl-4 bg-base-200 rounded-box w-full lg:w-3/4 flex items-center gap-2"
+      >
         <div class="w-full flex flex-wrap items-center gap-1">
           <div
             v-for="tag in store.searchTags"
@@ -133,7 +141,9 @@ const filterItems: filterItem[] = [
             type="text"
             class="grow input input-sm bg-base-200 !outline-none border-none rounded-none p-0 leading-5 h-auto"
             :placeholder="searchInputPlaceholder()"
-            @keydown="checkIsDelete($event), checkIsAddTag($event), checkIsSearch($event)"
+            @keydown="
+              (checkIsDelete($event), checkIsAddTag($event), checkIsSearch($event))
+            "
           />
         </div>
         <span
@@ -148,7 +158,9 @@ const filterItems: filterItem[] = [
       </div>
     </div>
 
-    <div class="flex justify-center md:justify-between flex-wrap md:flex-row gap-4 md:gap-0">
+    <div
+      class="flex justify-center md:justify-between flex-wrap md:flex-row gap-4 md:gap-0"
+    >
       <div role="tablist" class="tabs tabs-boxed">
         <a
           v-for="m in moduleItems"
@@ -179,7 +191,10 @@ const filterItems: filterItem[] = [
               >
                 <a
                   :class="{
-                    active: store.isTagExisted({ label: filter.label, text: filter.text })
+                    active: store.isTagExisted({
+                      label: filter.label,
+                      text: filter.text,
+                    }),
                   }"
                 >
                   {{ filter.tip }}
@@ -202,11 +217,11 @@ const filterItems: filterItem[] = [
               placeholder="请键入"
               class="input input-sm input-bordered"
               @keydown.enter="
-                store.updateTag({
+                (store.updateTag({
                   label: 'author',
-                  text: authorInput
+                  text: authorInput,
                 }),
-                  (authorInput = '')
+                (authorInput = ''))
               "
             />
           </div>
@@ -225,11 +240,11 @@ const filterItems: filterItem[] = [
               placeholder="请键入"
               class="input input-sm input-bordered"
               @keydown.enter="
-                store.updateTag({
+                (store.updateTag({
                   label: 'tag',
-                  text: labelInput
+                  text: labelInput,
                 }),
-                  (labelInput = '')
+                (labelInput = ''))
               "
             />
           </div>
diff --git a/frontend/src/views/Store/StoreIndex.vue b/frontend/src/views/Store/StoreIndex.vue
index 7408b9b..f2538be 100644
--- a/frontend/src/views/Store/StoreIndex.vue
+++ b/frontend/src/views/Store/StoreIndex.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
-import SearchBar from './SearchBar.vue'
-import ExtensionContainer from './ExtensionContainer.vue'
-import Pagination from './Pagination.vue'
-import { useSearchStore } from './client'
-import { onMounted } from 'vue'
-import { useNoneBotStore, useToastStore } from '@/stores'
+import SearchBar from "./SearchBar.vue";
+import ExtensionContainer from "./ExtensionContainer.vue";
+import Pagination from "./Pagination.vue";
+import { useSearchStore } from "./client";
+import { onMounted } from "vue";
+import { useNoneBotStore, useToastStore } from "@/stores";
 
 const store = useSearchStore(),
-  nonebotStore = useNoneBotStore()
+  nonebotStore = useNoneBotStore();
 
-const toast = useToastStore()
+const toast = useToastStore();
 
 onMounted(async () => {
   if (!nonebotStore.selectedBot) {
-    toast.add('warning', '未选择实例', '', 5000)
-    return
+    toast.add("warning", "未选择实例", "", 5000);
+    return;
   }
-  await store.updateData(nonebotStore.selectedBot.project_id, false)
-})
+  await store.updateData(nonebotStore.selectedBot.project_id, false);
+});
 </script>
 
 <template>
diff --git a/frontend/src/views/Store/client.ts b/frontend/src/views/Store/client.ts
index abe67cf..776e650 100644
--- a/frontend/src/views/Store/client.ts
+++ b/frontend/src/views/Store/client.ts
@@ -4,122 +4,127 @@ import {
   type nb_cli_plugin_webui__app__models__store__Plugin,
   StoreService,
   type ModuleType,
-  type nb_cli_plugin_webui__app__models__store__SearchTag
-} from '@/client/api'
-import { useToastStore } from '@/stores'
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
+  type nb_cli_plugin_webui__app__models__store__SearchTag,
+} from "@/client/api";
+import { useToastStore } from "@/stores";
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
-const toast = useToastStore()
+const toast = useToastStore();
 
-export const useSearchStore = defineStore('storeSearchStore', () => {
-  const searchInput = ref(''),
+export const useSearchStore = defineStore("storeSearchStore", () => {
+  const searchInput = ref(""),
     searchTags = ref<nb_cli_plugin_webui__app__models__store__SearchTag[]>([]),
-    storeData = ref<(nb_cli_plugin_webui__app__models__store__Plugin | Adapter | Driver)[]>([]),
+    storeData = ref<
+      (nb_cli_plugin_webui__app__models__store__Plugin | Adapter | Driver)[]
+    >([]),
     nowPage = ref(1),
     totalPage = ref(1),
     totalItem = ref(0),
-    viewModule = ref<ModuleType>('plugin'),
-    isRequesting = ref(false)
+    viewModule = ref<ModuleType>("plugin"),
+    isRequesting = ref(false);
 
   const clear = () => {
-    searchInput.value = ''
-    searchTags.value = []
-    storeData.value = []
-    nowPage.value = 1
-    totalPage.value = 1
-    totalItem.value = 0
-  }
+    searchInput.value = "";
+    searchTags.value = [];
+    storeData.value = [];
+    nowPage.value = 1;
+    totalPage.value = 1;
+    totalItem.value = 0;
+  };
 
   const isTagExisted = (tag: nb_cli_plugin_webui__app__models__store__SearchTag) => {
-    return searchTags.value.some((t) => t.label === tag.label && t.text === tag.text)
-  }
+    return searchTags.value.some((t) => t.label === tag.label && t.text === tag.text);
+  };
 
   const removeTag = (tag: nb_cli_plugin_webui__app__models__store__SearchTag) => {
-    const index = searchTags.value.findIndex((t) => t.label === tag.label && t.text === tag.text)
+    const index = searchTags.value.findIndex(
+      (t) => t.label === tag.label && t.text === tag.text,
+    );
     if (index !== -1) {
-      searchTags.value.splice(index, 1)
+      searchTags.value.splice(index, 1);
     }
-  }
+  };
 
   const updateTag = (tag: nb_cli_plugin_webui__app__models__store__SearchTag) => {
     if (isTagExisted(tag)) {
-      removeTag(tag)
+      removeTag(tag);
     } else {
-      searchTags.value.push(tag)
+      searchTags.value.push(tag);
     }
-  }
+  };
 
   const updateData = async (projectID: string, isShowAll: boolean) => {
-    isRequesting.value = true
-    const isSearch = searchInput.value !== '' || searchTags.value.length > 0
+    isRequesting.value = true;
+    const isSearch = searchInput.value !== "" || searchTags.value.length > 0;
     const { data, error } = await StoreService.getNonebotStoreItemsV1StoreNonebotListGet({
       query: {
         module_type: viewModule.value,
         page: nowPage.value,
         is_search: isSearch,
         show_all: isShowAll,
-        project_id: projectID
-      }
-    })
+        project_id: projectID,
+      },
+    });
 
     if (error) {
-      toast.add('error', `获取商店数据失败, 原因：${error.detail?.toString()}`, '', 5000)
+      toast.add("error", `获取商店数据失败, 原因：${error.detail?.toString()}`, "", 5000);
     }
 
     if (data) {
-      storeData.value = data.detail
-      totalPage.value = data.total_page
-      totalItem.value = data.total_item
+      storeData.value = data.detail;
+      totalPage.value = data.total_page;
+      totalItem.value = data.total_item;
     }
 
-    isRequesting.value = false
-  }
+    isRequesting.value = false;
+  };
 
   const selectModule = async (module: ModuleType, projectID: string) => {
-    viewModule.value = module
-    clear()
-    await updateData(projectID, false)
-  }
+    viewModule.value = module;
+    clear();
+    await updateData(projectID, false);
+  };
 
   const turnPage = async (page: number, projectID: string) => {
-    nowPage.value = page >= 0 ? page : 0
+    nowPage.value = page >= 0 ? page : 0;
 
     if (page >= totalPage.value) {
-      nowPage.value = totalPage.value
+      nowPage.value = totalPage.value;
     }
-    await updateData(projectID, false)
-  }
+    await updateData(projectID, false);
+  };
 
   const upDataBySearch = async (projectID: string) => {
-    isRequesting.value = true
-    const { data, error } = await StoreService.searchNonebotStoreItemV1StoreNonebotSearchPost({
-      query: {
-        project_id: projectID
-      },
-      body: {
-        data: {
-          module_type: viewModule.value,
-          tags: searchTags.value,
-          content: searchInput.value
-        }
-      }
-    })
+    isRequesting.value = true;
+    const { data, error } =
+      await StoreService.searchNonebotStoreItemV1StoreNonebotSearchPost({
+        query: {
+          project_id: projectID,
+        },
+        body: {
+          data: {
+            module_type: viewModule.value,
+            tags: searchTags.value,
+            content: searchInput.value,
+          },
+        },
+      });
 
     if (error) {
-      toast.add('error', `搜索失败, 原因：${error.detail?.toString()}`, '', 5000)
+      toast.add("error", `搜索失败, 原因：${error.detail?.toString()}`, "", 5000);
     }
 
     if (data) {
-      nowPage.value = 1
+      nowPage.value = 1;
 
-      storeData.value = data.detail
-      totalPage.value = data.total_page
-      totalItem.value = data.total_item
+      storeData.value = data.detail;
+      totalPage.value = data.total_page;
+      totalItem.value = data.total_item;
     }
 
-    isRequesting.value = false
-  }
+    isRequesting.value = false;
+  };
 
   return {
     searchInput,
@@ -137,6 +142,6 @@ export const useSearchStore = defineStore('storeSearchStore', () => {
     updateData,
     selectModule,
     turnPage,
-    upDataBySearch
-  }
-})
+    upDataBySearch,
+  };
+});
diff --git a/frontend/src/views/Store/types.ts b/frontend/src/views/Store/types.ts
index be75cdd..06ed7fa 100644
--- a/frontend/src/views/Store/types.ts
+++ b/frontend/src/views/Store/types.ts
@@ -1,96 +1,96 @@
 export interface PypiInfo {
-  info: Info
-  last_serial: number
-  releases: Releases
-  urls: Url[]
-  vulnerabilities: any[]
+  info: Info;
+  last_serial: number;
+  releases: Releases;
+  urls: Url[];
+  vulnerabilities: any[];
 }
 
 interface Info {
-  author: string
-  author_email: string
-  bugtrack_url: any
-  classifiers: string[]
-  description: string
-  description_content_type: string
-  docs_url: any
-  download_url: string
-  downloads: Downloads
-  dynamic: any
-  home_page: string
-  keywords: string
-  license: string
-  maintainer: string
-  maintainer_email: string
-  name: string
-  package_url: string
-  platform: any
-  project_url: string
-  project_urls: ProjectUrls
-  provides_extra: any
-  release_url: string
-  requires_dist: string[]
-  requires_python: string
-  summary: string
-  version: string
-  yanked: boolean
-  yanked_reason: any
+  author: string;
+  author_email: string;
+  bugtrack_url: any;
+  classifiers: string[];
+  description: string;
+  description_content_type: string;
+  docs_url: any;
+  download_url: string;
+  downloads: Downloads;
+  dynamic: any;
+  home_page: string;
+  keywords: string;
+  license: string;
+  maintainer: string;
+  maintainer_email: string;
+  name: string;
+  package_url: string;
+  platform: any;
+  project_url: string;
+  project_urls: ProjectUrls;
+  provides_extra: any;
+  release_url: string;
+  requires_dist: string[];
+  requires_python: string;
+  summary: string;
+  version: string;
+  yanked: boolean;
+  yanked_reason: any;
 }
 
 interface Downloads {
-  last_day: number
-  last_month: number
-  last_week: number
+  last_day: number;
+  last_month: number;
+  last_week: number;
 }
 
 interface ProjectUrls {
-  Documentation: string
-  Homepage: string
-  Repository: string
+  Documentation: string;
+  Homepage: string;
+  Repository: string;
 }
 
 interface Releases {
-  [key: string]: ReleaseInfo[]
+  [key: string]: ReleaseInfo[];
 }
 
 interface ReleaseInfo {
-  comment_text: string
-  digests: Digests
-  downloads: number
-  filename: string
-  has_sig: boolean
-  md5_digest: string
-  packagetype: string
-  python_version: string
-  requires_python: string
-  size: number
-  upload_time: string
-  upload_time_iso_8601: string
-  url: string
-  yanked: boolean
-  yanked_reason: any
+  comment_text: string;
+  digests: Digests;
+  downloads: number;
+  filename: string;
+  has_sig: boolean;
+  md5_digest: string;
+  packagetype: string;
+  python_version: string;
+  requires_python: string;
+  size: number;
+  upload_time: string;
+  upload_time_iso_8601: string;
+  url: string;
+  yanked: boolean;
+  yanked_reason: any;
 }
 
 interface Digests {
-  blake2b_256: string
-  md5: string
-  sha256: string
+  blake2b_256: string;
+  md5: string;
+  sha256: string;
 }
 
 interface Url {
-  comment_text: string
-  digests: Digests
-  downloads: number
-  filename: string
-  has_sig: boolean
-  md5_digest: string
-  packagetype: string
-  python_version: string
-  requires_python: string
-  size: number
-  upload_time: string
-  upload_time_iso_8601: string
-  url: string
-  yanked: boolean
-  yanked_reason: any
+  comment_text: string;
+  digests: Digests;
+  downloads: number;
+  filename: string;
+  has_sig: boolean;
+  md5_digest: string;
+  packagetype: string;
+  python_version: string;
+  requires_python: string;
+  size: number;
+  upload_time: string;
+  upload_time_iso_8601: string;
+  url: string;
+  yanked: boolean;
+  yanked_reason: any;
 }
diff --git a/frontend/src/views/ViewIndex.vue b/frontend/src/views/ViewIndex.vue
index 858d6aa..c7df28e 100644
--- a/frontend/src/views/ViewIndex.vue
+++ b/frontend/src/views/ViewIndex.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import HeaderIndex from '@/components/header/HeaderIndex.vue'
-import SidebarIndex from '@/components/sidebar/SidebarIndex.vue'
+import HeaderIndex from "@/components/header/HeaderIndex.vue";
+import SidebarIndex from "@/components/sidebar/SidebarIndex.vue";
 
-import { RouterView } from 'vue-router'
+import { RouterView } from "vue-router";
 </script>
 
 <template>
diff --git a/frontend/src/views/WelcomeItem.vue b/frontend/src/views/WelcomeItem.vue
index aa1426f..44d1f55 100644
--- a/frontend/src/views/WelcomeItem.vue
+++ b/frontend/src/views/WelcomeItem.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import AddBotIndex from '@/components/Modals/AddBot/AddBotIndex.vue'
-import CreateBotIndex from '@/components/Modals/CreateBot/CreateBotIndex.vue'
-import { useNoneBotStore } from '@/stores'
-import { ref } from 'vue'
+import AddBotIndex from "@/components/Modals/AddBot/AddBotIndex.vue";
+import CreateBotIndex from "@/components/Modals/CreateBot/CreateBotIndex.vue";
+import { useNoneBotStore } from "@/stores";
+import { ref } from "vue";
 
-const nonebotStore = useNoneBotStore()
+const nonebotStore = useNoneBotStore();
 
-const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>()
-const addBotModal = ref<InstanceType<typeof AddBotIndex> | null>()
+const createBotModal = ref<InstanceType<typeof CreateBotIndex> | null>();
+const addBotModal = ref<InstanceType<typeof AddBotIndex> | null>();
 </script>
 
 <template>
@@ -31,7 +31,9 @@ const addBotModal = ref<InstanceType<typeof AddBotIndex> | null>()
           class="p-4 border border-base-content/25 rounded-box flex flex-col gap-2 md:gap-4 transition hover:shadow-lg"
         >
           <div class="text-lg font-semibold">阅读文档</div>
-          <div class="text-base-content/75">查看文档以解决有关 NoneBot 的大部分疑问。</div>
+          <div class="text-base-content/75">
+            查看文档以解决有关 NoneBot 的大部分疑问。
+          </div>
         </a>
 
         <a
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 9f853c3..c8c2d8b 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,24 +1,24 @@
-import daisyui from 'daisyui'
+import daisyui from "daisyui";
 
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
   theme: {
-    extend: {}
+    extend: {},
   },
   plugins: [daisyui],
   daisyui: {
     themes: [
       {
         light: {
-          ...require('daisyui/src/theming/themes')['light'],
-          primary: '#EA5353'
+          ...require("daisyui/src/theming/themes")["light"],
+          primary: "#EA5353",
         },
         dark: {
-          ...require('daisyui/src/theming/themes')['dark'],
-          primary: '#EA5353'
-        }
-      }
-    ]
-  }
-}
+          ...require("daisyui/src/theming/themes")["dark"],
+          primary: "#EA5353",
+        },
+      },
+    ],
+  },
+};
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 6497c54..a543867 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,17 +1,17 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from "node:url";
 
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
   },
   build: {
-    outDir: '../nb_cli_plugin_webui/dist'
-  }
-})
+    outDir: "../nb_cli_plugin_webui/dist",
+  },
+});
diff --git a/nb_cli_plugin_webui/app/config.py b/nb_cli_plugin_webui/app/config.py
index d5355ad..09ffbe1 100644
--- a/nb_cli_plugin_webui/app/config.py
+++ b/nb_cli_plugin_webui/app/config.py
@@ -55,8 +55,12 @@ class AppConfig(BaseModel):
     log_level: LogLevels = Field(default=LogLevels.INFO, description="日志等级")
     log_is_store: bool = Field(default=False, description="是否存储日志")
 
-    secret_key: SecretStr = Field(default=SecretStr(str()), description="验证密钥的密钥")
-    hashed_token: SecretStr = Field(default=SecretStr(str()), description="哈希后的 token")
+    secret_key: SecretStr = Field(
+        default=SecretStr(str()), description="验证密钥的密钥"
+    )
+    hashed_token: SecretStr = Field(
+        default=SecretStr(str()), description="哈希后的 token"
+    )
     salt: SecretStr = Field(default=SecretStr(str()), description="盐值")
 
     allowed_origins: list = Field(
@@ -68,7 +72,9 @@ class AppConfig(BaseModel):
         default=5 * 60, description="进程单条日志销毁时间（秒）"
     )
 
-    extension_store_visible_items: int = Field(default=12, description="扩展商店每页显示数量")
+    extension_store_visible_items: int = Field(
+        default=12, description="扩展商店每页显示数量"
+    )
 
     @property
     def log_level_str(self) -> str:
diff --git a/nb_cli_plugin_webui/app/handlers/process/utils.py b/nb_cli_plugin_webui/app/handlers/process/utils.py
index a943fd5..587f51f 100644
--- a/nb_cli_plugin_webui/app/handlers/process/utils.py
+++ b/nb_cli_plugin_webui/app/handlers/process/utils.py
@@ -9,9 +9,9 @@
 class ProcessFuncWithLog:
     def __init__(self, log: LogStorage) -> None:
         self.log = log
-        self.queue: List[
-            Tuple[Callable[..., Any], Tuple[Any, ...], Dict[str, Any]]
-        ] = list()
+        self.queue: List[Tuple[Callable[..., Any], Tuple[Any, ...], Dict[str, Any]]] = (
+            list()
+        )
 
     async def _err_parse(
         self, err: Exception, additional_err_msg: Optional[str] = None
diff --git a/nb_cli_plugin_webui/app/handlers/store.py b/nb_cli_plugin_webui/app/handlers/store.py
index 622a904..1c179e5 100644
--- a/nb_cli_plugin_webui/app/handlers/store.py
+++ b/nb_cli_plugin_webui/app/handlers/store.py
@@ -32,25 +32,21 @@
     @overload
     async def load_module_data(
         module_type: Literal[ModuleType.PLUGIN],
-    ) -> List[Plugin]:
-        ...
+    ) -> List[Plugin]: ...
 
     @overload
     async def load_module_data(
         module_type: Literal[ModuleType.ADAPTER],
-    ) -> List[Adapter]:
-        ...
+    ) -> List[Adapter]: ...
 
     @overload
     async def load_module_data(
         module_type: Literal[ModuleType.DRIVER],
-    ) -> List[Driver]:
-        ...
+    ) -> List[Driver]: ...
 
     async def load_module_data(
         module_type: ModuleType,
-    ) -> Union[List[Plugin], List[Adapter], List[Driver]]:
-        ...
+    ) -> Union[List[Plugin], List[Adapter], List[Driver]]: ...
 
 else: